ox_lib/web/src/interfaces/dialog.ts

import { IconProp } from '@fortawesome/fontawesome-svg-core';
import { SelectItem } from '@mantine/core';

export interface IInput {
  type: 'input';
  label: string;
  placeholder?: string;
  default?: string;
  password?: boolean;
  icon?: IconProp;
  disabled?: boolean;
  description?: string;
}

export interface ICheckbox {
  type: 'checkbox';
  label: string;
  checked?: boolean;
  disabled?: boolean;
  description?: string;
}

export interface ISelect {
  type: 'select';
  label: string;
  default?: string;
  options: Array<SelectItem>;
  disabled?: boolean;
  description?: string;
}

export interface INumber {
  type: 'number';
  label: string;
  placeholder?: string;
  default?: number;
  icon?: IconProp;
  min?: number;
  max?: number;
  disabled?: boolean;
  description?: string;
}

export interface ISlider {
  type: 'slider';
  label: string;
  default?: number;
  min?: number;
  max?: number;
  step?: number;
  disabled?: boolean;
  description?: string;
}

export interface IColorInput {
  type: 'color';
  label: string;
  default?: string;
  disabled?: boolean;
  description?: string;
  format?: 'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla';
}