src/types/types.ts - main - minimus/simplelib-ui-kit

src/types/types.ts
123 строки3 KB
minimus
fix: react 19 2
27 фев 2026, 15:51
27 фев 2026, 15:51f49d0a7
import { MouseEventHandler, ReactNode } from 'react';

export interface IContentIcon {
  success: boolean;
  successIcon?: ReactNode;
  error: boolean;
  errorIcon?: ReactNode;
  children: ReactNode;
}

export interface IProgressFab {
  processing?: boolean;
  success?: boolean;
  error?: boolean;
  disabled?: boolean;
  color?: 'default' | 'inherit' | 'primary' | 'secondary';
  sx?: Record<string, unknown>;
  size?: 'small' | 'medium' | 'large';
  tooltip?: string;
  displayPosition?: Record<string, unknown>;
  successIcon?: ReactNode;
  errorIcon?: ReactNode;
  delay?: number;
  children: ReactNode;
  onClick: MouseEventHandler<HTMLButtonElement> | undefined;
  onDelay?: () => void | undefined;
}

export interface ITextInput {
  id: string;
  caption: string;
  tooltip?: string | ReactNode;
  contentType?: string;
  value: unknown;
  suffix?: string | ReactNode;
  size?: 'xSmall' | 'small' | 'half' | 'big' | 'fill';
  big?: boolean;
  inside?: boolean;
  disabled?: boolean;
  button?: boolean;
  onChange?: (val: string | number) => void | undefined;
}

export interface IColor {
  hex: string;
  rgb: {
    r: number;
    g: number;
    b: number;
    a: number;
  };
  hsl: {
    h: number;
    s: number;
    l: number;
    a: number;
  };
  hsv: {
    h: number;
    s: number;
    v: number;
    a: number;
  };
  oldHue: number;
  source: string;
}

export interface IColorsInput {
  id: string;
  caption: string;
  tooltip?: string | ReactNode;
  value: string;
  size?: 'xSmall' | 'small' | 'half' | 'big' | 'fill';
  inside?: boolean;
  disabled?: boolean;
  onChange?: (val: string | number) => void | undefined;
}

export interface ICrossTextInput {
  id: string;
  caption: string;
  captions: string[];
  values: number[];
  tooltip: string;
  onChange: (val: Array<number>) => void | undefined;
}

export interface IListValue {
  text: string;
  value: string;
}

export interface IListInput {
  value: string;
  values: IListValue[];
  id: string;
  caption: string;
  tooltip?: string;
  size?: 'xSmall' | 'small' | 'half' | 'big' | 'fill';
  disabled?: boolean;
  onChange?: (val: string | number) => void | undefined;
}

export interface IRadioInput {
  id: string;
  caption: string;
  tooltip: string | ReactNode;
  value: unknown;
  values: IListValue[];
  size?: 'small' | 'half' | 'big' | 'fill';
  big?: boolean;
  direction?: 'row' | 'column';
  onChange?: (value: unknown) => unknown;
}

export interface ISwitchInput {
  id: string;
  caption: string | ReactNode;
  value: boolean | number;
  size?: 'small' | 'half' | 'big' | 'fill';
  disabled?: boolean;
  onChange?: (value: 0 | 1 | boolean) => void | undefined;
}