@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/types/CheckboxProps.d.ts

@@ -1,45 +0,0 @@
-import { ReactElement, RefObject } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDVariant } from "./ITDProps";
-export type CheckboxProps = {
-    id?: string;
-    value?: string | number | boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    variant?: ITDVariant;
-    indeterminate?: boolean;
-    animated?: boolean;
-    className?: string;
-    children?: ChildrenProps;
-    onChange?: ((event: CheckboxEvent) => void);
-    onUpdate?: ((value: any, update: any, validation: boolean) => void);
-};
-export type CheckboxGroupProps = {
-    id?: string;
-    value?: (string | number | boolean)[];
-    defaultValue?: (string | number | boolean)[];
-    options?: GroupCheckboxOptionType[];
-    disabled?: boolean;
-    variant?: ITDVariant;
-    className?: string;
-    children?: ChildrenProps | ReactElement<CheckboxProps> | Array<ReactElement<CheckboxProps>>;
-    selectAll?: (value: boolean) => void;
-    onChange?: ((values: (string | number | boolean)[]) => void);
-    onUpdate?: ((value: (string | number | boolean)[], update: any, validation: boolean) => void);
-};
-export type GroupCheckboxOptionType = {
-    label: string;
-    value: string | number | boolean;
-    disabled?: boolean;
-};
-export type CheckboxEvent = {
-    checked: boolean;
-    value?: string | number | boolean;
-    className: string;
-    disabled: boolean;
-    target: RefObject<HTMLInputElement>;
-    stopPropagation: () => void;
-    preventDefault: () => void;
-};
-export type CheckboxVariant = "default" | "filled";

package/dist/types/ChildrenProps.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from 'react';
-type Element = string | number | ReactNode | undefined;
-export type ChildrenProps = Element | Element[] | null;
-export {};

package/dist/types/DatePickerProps.d.ts

@@ -1,24 +0,0 @@
-import type dayjs from "dayjs";
-import { CalendarValueProps } from "./CalendarProps";
-import { ChildrenProps } from "./ChildrenProps";
-import { InputVariant } from "./InputProps";
-import { ITDHorizontalPosition, ITDSize } from "./ITDProps";
-import type { CalendarLocale } from "../calendar";
-export type DatePickerProps = {
-    id?: string;
-    placeholder?: string;
-    defaultValue?: string;
-    value?: string;
-    className?: string;
-    mask?: null | string;
-    size?: ITDSize;
-    variant?: InputVariant;
-    disabled?: boolean;
-    locked?: boolean;
-    position?: ITDHorizontalPosition;
-    suffix?: ChildrenProps;
-    onChange?: ((value: CalendarValueProps) => void) | null;
-    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-    disabledDate?: (date: dayjs.Dayjs) => boolean;
-    calendarLocale?: CalendarLocale;
-};

package/dist/types/FlexProps.d.ts

@@ -1,16 +0,0 @@
-import { CSSProperties } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-export type FlexProps = {
-    gap?: FlexGapProps;
-    justify?: FlexJustifyProps;
-    align?: FlexAlignProps;
-    vertical?: boolean;
-    wrap?: boolean;
-    stretch?: boolean;
-    style?: CSSProperties;
-    className?: string;
-    children?: ChildrenProps;
-};
-export type FlexGapProps = "small" | "medium" | "large" | string | number;
-export type FlexJustifyProps = "unset" | "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
-export type FlexAlignProps = "unset" | "flex-start" | "center" | "flex-end";

package/dist/types/FormProps.d.ts

@@ -1,54 +0,0 @@
-import { FormValidationTypes } from "enums/enum";
-import { RefObject } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDImperativeFuncProps } from "../index";
-import { FormStoreProps } from "../form/context/FormStore";
-import { FormContextType } from "../form/context/FormContext";
-import { Item, Group, Control } from "../form";
-import { ITDVariant } from "./ITDProps";
-export type FormProps = {
-    initialValues?: {};
-    children: ChildrenProps;
-    onReset?: () => void;
-    onUpdate?: (values: {}) => void;
-    onFinish?: (values: {}) => void;
-    onFinishFailed?: (values: {}) => void;
-    onValidated?: (validate: boolean) => void;
-    onFieldUpdate?: (update: FieldUpdateProps) => void;
-    useQueryString?: boolean;
-    variant?: ITDVariant;
-    disabled?: boolean;
-    locked?: boolean;
-    className?: string;
-    ref?: RefObject<FormContextType>;
-    name: string;
-};
-export type FormValueProps = string | number | object | boolean;
-export type FieldUpdateProps = {
-    name: string;
-    value: FormValueProps;
-    valid: boolean;
-};
-export type FormRuleProps = {
-    required?: boolean;
-    type?: FormValidationTypes;
-    field?: string;
-    value?: string | number | (string | number)[];
-    message?: string;
-};
-export type FormItemProps = {
-    name: string;
-    field: RefObject<ITDImperativeFuncProps>;
-    valid: boolean;
-    value?: FormValueProps;
-    query: string;
-    reset: any[];
-    error: string;
-};
-export type FormSubComponentProps = {
-    Item: typeof Item;
-    Group: typeof Group;
-    Control: typeof Control;
-    useForm: FormContextType;
-    useFormAPI: FormStoreProps;
-};

package/dist/types/ITDImperativeFuncProps.d.ts

@@ -1,11 +0,0 @@
-export type ITDImperativeFuncProps = {
-    reset: (update?: boolean, validation?: boolean) => void;
-    setValue: (value: any, update?: boolean, validation?: boolean) => void;
-    getValue: () => any;
-    setError?: (message: string) => void;
-    setFocus?: () => void;
-    setDisabled?: (value: boolean) => void;
-    forceUpdate?: () => void;
-    clear?: () => void;
-    scrollIntoView?: (options?: ScrollIntoViewOptions | boolean) => void;
-};

package/dist/types/ITDProps.d.ts

@@ -1,6 +0,0 @@
-import { ComponentXPositions, ComponentSizes, ComponentSizesSlug, ComponentYPositions, ComponentVariants } from "../enums/enum";
-export type ITDSize = ComponentSizes | "x-small" | "small" | "medium" | "default" | "large" | "x-large";
-export type ITDSizeSlug = ComponentSizesSlug | "xs" | "sm" | "md" | "df" | "lg" | "xlg";
-export type ITDVariant = ComponentVariants | "default" | "filled" | "custom";
-export type ITDHorizontalPosition = ComponentXPositions | "left" | "right";
-export type ITDVerticalPosition = ComponentYPositions | "top" | "bottom";

package/dist/types/InputProps.d.ts

@@ -1,43 +0,0 @@
-import React, { FocusEvent, KeyboardEvent, MutableRefObject } from "react";
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDSize } from "./ITDProps";
-export declare enum InputTypes {
-    TEXT = "text",
-    NUMBER = "number",
-    CURRENCY = "currency",
-    PASSWORD = "password"
-}
-export type InputType = `${InputTypes}`;
-export type InputVariant = "default" | "filled" | "dashed";
-/**
- * Input component props extending native HTML input attributes
- * Omits conflicting props that have custom implementations
- */
-export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'type' | 'children' | 'style'> & {
-    style?: React.CSSProperties;
-    type?: InputType;
-    size?: ITDSize;
-    variant?: InputVariant;
-    prefix?: ChildrenProps;
-    suffix?: ChildrenProps;
-    addonBefore?: ChildrenProps;
-    addonAfter?: ChildrenProps;
-    locked?: ChildrenProps | boolean;
-    minValue?: number;
-    maxValue?: number;
-    keepFocus?: boolean;
-    mask?: null | string;
-    allowEmptyFormatting?: null | boolean;
-    allowLeadingZeros?: boolean;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    decimalScale?: number;
-    focusRef?: null | MutableRefObject<HTMLDivElement>;
-    onChange?: ((value: string | number) => void) | null;
-    onUpdate?: ((value: string | number, update: boolean, validation: boolean) => void) | null;
-    onFocus?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
-    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
-    onPressEnter?: ((event: KeyboardEvent) => void) | null;
-    onKeyDown?: ((event: KeyboardEvent) => void) | null;
-    children?: ChildrenProps;
-};

package/dist/types/LabelProps.d.ts

@@ -1,7 +0,0 @@
-import { ChildrenProps } from "./ChildrenProps";
-export type LabelProps = {
-    id?: string;
-    htmlFor?: string;
-    children?: ChildrenProps;
-    className?: string;
-};

package/dist/types/ModalProps.d.ts

@@ -1,219 +0,0 @@
-import { ButtonProps } from "./ButtonProps";
-import { ChildrenProps } from "./ChildrenProps";
-/**
- * #### ModalProps
- *
- * The properties passed when opening a new modal. The `showModal`
- * function requires certain properties to open a new modal.
- */
-export type ModalProps = {
-    /**
-     * Modal ID. Used for listening to modal events.
-     */
-    id?: string;
-    /**
-     * Modal Classname.
-     */
-    className?: string;
-    /**
-     * Modal Title.
-     */
-    title?: ChildrenProps;
-    /**
-     * Modal Width.
-     */
-    width?: string | number;
-    /**
-     * Close modal when overlay is clicked.
-     */
-    closeOnClickOutside?: boolean;
-    /**
-     * Prevents modal from closing when ESC key is pressed.
-     */
-    preventESC?: boolean;
-    /**
-     * Remove other open modals.
-     */
-    removeOthers?: boolean;
-    /**
-     * Show/hide OK button.
-     */
-    showOkButton?: boolean;
-    /**
-     * Show/hide Cancel button.
-     */
-    showCancelButton?: boolean;
-    /**
-     * Show/hide close button on the top right corner of the modal.
-     */
-    showCloseButton?: boolean;
-    /**
-     * Text for the OK button.
-     */
-    okButtonText?: string;
-    /**
-     * The cancel button props.
-     */
-    cancelButtonText?: string;
-    /**
-     * The ok button props.
-     */
-    okButtonProps?: ButtonProps | null;
-    /**
-     * ModalProps for the Cancel button.
-     */
-    cancelButtonProps?: ButtonProps | null;
-    /**
-     * Custom properties to be passed to the modal.
-     */
-    customProps?: {} | any;
-    /**
-     * Custom context to be passed to the modal.
-     */
-    context?: {} | any;
-    /**
-     * Called when the OK button is clicked. If this
-     * function is defined, a ModalEvent is triggered,
-     * but the modal does not automatically close.
-     * @returns
-     */
-    onOk?: (() => boolean | null) | null;
-    /**
-     * Called when the Cancel button is clicked. If this
-     * function is defined, a ModalEvent is triggered,
-     * but the modal does not automatically close.
-     * @returns
-     */
-    onCancel?: (() => boolean | null) | null;
-    /**
-     * Called when the modal is shown. If this
-     * function is defined, a ModalEvent is triggered.
-     * @returns
-     */
-    onShow?: (() => void) | null;
-    /**
-     * Called when the modal is closed. If this
-     * function is defined, a ModalEvent is triggered.
-     * @returns
-     */
-    onExit?: (() => void) | null;
-    /**
-     * ModalManager can find its own ref, but some libraries
-     * (@loadable, React.lazy, etc.) may have their own ref values,
-     * which can prevent ModalManager from passing parameters and
-     * accessing the actual ref. In such cases, if you want the modal
-     * to use a ref, meaning you'll use forwardRef with ModalRefProps
-     * inside the modal, you should pass "true".
-     */
-    useRef?: boolean;
-    /**
-     * ModalManager can find its own ref, but some libraries
-     * (@loadable, React.lazy, etc.) may have their own ref
-     * values, which can prevent ModalManager from passing
-     * parameters and accessing the actual ref. In such cases,
-     * this value should remain false. You can only set it to
-     * "true" in projects where you are sure that all modals
-     * are passed as Function Components.
-     */
-    checkAutoRef?: boolean;
-    /**
-     * Content of the modal. Any content you want to display in the modal.
-     */
-    content: ChildrenProps;
-    /**
-     * Adds content before the modal's content data.
-     */
-    addContentBefore?: ChildrenProps;
-    /**
-     * Adds content after the modal's content data.
-     */
-    addContentAfter?: ChildrenProps;
-    /**
-     * The padding of the modal content. The default value is "30px 20px".
-     */
-    contentPadding?: string;
-    /**
-     * The padding of the outer modal overlay. The default value is "50px".
-     */
-    outerPadding?: string;
-    /**
-     * The padding before the modal content. The default value is "30px 20px 0".
-     */
-    beforeContentPadding?: string;
-    /**
-     * The padding after the modal content. The default value is "0 20px 30px".
-     */
-    afterContentPadding?: string;
-};
-/**
- * #### Modal Content Props
- *
- * These properties can only be accessed from the content data defined within the modal.
- * When the content data is defined as an external class, these properties become accessible.
- */
-export type ModalContentProps = {
-    /**
-     * Allows another modal to be opened from within the modal content.
-     * @param data Values for the new modal to be opened.
-     * @returns
-     */
-    showAnotherModal?: (data: ModalProps) => void;
-    /**
-     * Closes itself from within the modal content.
-     * @returns
-     */
-    hideCurrentModal?: () => void;
-    /**
-     * Destroy itself from within the modal content.
-     * @returns
-     */
-    removeCurrentModal?: () => void;
-    /**
-     * Changes the buttons disabling state.
-     * @param value `true` for regular, `false` for disabled.
-     * @returns
-     */
-    changeButtonsState?: (value: boolean) => void;
-    /**
-     * Changes the loading screen state that covers the entire modal.
-     * @param value `true` indicates loading, `false` indicates stable state.
-     * @returns
-     */
-    changeLoadingState?: (value: boolean) => void;
-    /**
-     * Changes the state that shows only the modal content is loading.
-     * @param value `true` indicates loading, `false` indicates stable state.
-     * @returns
-     */
-    changeInnerLoadingState?: (value: boolean) => void;
-    /**
-     * Extra parameters passed when the modal is opened.
-     */
-    modalProps?: any;
-    /**
-     * Context data to be used for access within the modal, functioning like `modalProps`.
-     */
-    context?: any;
-};
-/**
- * #### Modal Ref Props
- *
- * It can only be used within the modal content data that utilizes `forwardRef`
- * along with `useImperativeHandle`.
- */
-export type ModalRefProps = {
-    /**
-     * If defined, it is triggered when the **OK** button inside the modal is clicked.
-     * If you return `false`, it prevents the modal from closing. If you return `true`,
-     * the process continues and the modal closes.
-     * @returns
-     */
-    onClickOK?: () => void;
-    /**
-     * If defined, it is triggered when the **Cancel** button inside the modal is clicked.
-     * If you return `false`, it prevents the modal from closing. If you return `true`,
-     * the process continues and the modal closes.
-     * @returns
-     */
-    onClickCancel?: () => void;
-};

package/dist/types/NotificationsProps.d.ts

@@ -1,9 +0,0 @@
-export type NotificationsProps = {
-    id?: string;
-    title: string;
-    description: string;
-    placement?: string;
-    autoHide?: boolean;
-    delay?: number;
-    type: string;
-};

package/dist/types/PopoverProps.d.ts

@@ -1,10 +0,0 @@
-import { ComponentXPositions, ComponentYPositions } from "enums/enum";
-import { ChildrenProps } from "./ChildrenProps";
-export type PopoverProps = {
-    children: ChildrenProps;
-    content: ChildrenProps | ((placement: ComponentYPositions | ComponentXPositions) => ChildrenProps);
-    offset?: number;
-    placement?: ComponentYPositions | ComponentXPositions;
-    maxWidth?: number;
-    showArrow?: boolean;
-};

package/dist/types/ProgressProps.d.ts

@@ -1,8 +0,0 @@
-export type ProgressProps = {
-    status?: ProgressStatus;
-    showInfo?: boolean;
-    alwaysShowPercent?: boolean;
-    percent?: number;
-    className?: string;
-};
-export type ProgressStatus = "normal" | "active" | "success" | "exception";

package/dist/types/QueryValueProps.d.ts

@@ -1 +0,0 @@
-export type QueryValueProps = string | number | boolean | string[] | number[];

package/dist/types/RadioProps.d.ts

@@ -1,37 +0,0 @@
-import { ReactElement } from "react";
-import { ButtonProps } from "./ButtonProps";
-export type RadioType = "default" | "primary";
-export type Direction = "column" | "row";
-export type RadioGroupProps = {
-    id?: string;
-    name?: string;
-    message?: string;
-    type?: RadioType;
-    defaultValue?: string;
-    value?: string;
-    className?: string;
-    direction?: Direction;
-    gap?: string;
-    length?: number;
-    onlyFlow?: boolean;
-    autoSize?: boolean;
-    buttonProps?: ButtonProps;
-    onChange?: (value: string) => void;
-    onUpdate?: (value: string, update: boolean, validation: boolean) => void;
-    children?: React.ReactNode;
-};
-export type RadioButtonProps = {
-    id?: string;
-    name?: string;
-    value?: string;
-    type?: RadioType;
-    checked?: boolean;
-    hasError?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-    buttonProps?: ButtonProps;
-    icon?: string | null;
-    image?: string | null;
-    onChange?: (value: string) => void;
-    component?: ReactElement<any> | null;
-};

package/dist/types/ResultProps.d.ts

@@ -1,14 +0,0 @@
-import { ChildrenProps } from "./ChildrenProps";
-export type ResultProps = {
-    image: string | ChildrenProps;
-    title: string;
-    description: string;
-    className?: string;
-    type?: string;
-    extra?: ChildrenProps | null;
-    footer?: ChildrenProps | null;
-    fill?: boolean;
-    autoCenter?: boolean;
-    background?: boolean;
-    animation?: boolean;
-};

package/dist/types/SelectProps.d.ts

@@ -1,70 +0,0 @@
-import { CSSProperties } from "react";
-import { ITDSize } from "../index";
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDHorizontalPosition, ITDVariant, ITDVerticalPosition } from "./ITDProps";
-export type SelectProps = {
-    id?: string;
-    defaultValue?: SelectValue;
-    value?: SelectValue;
-    label?: string | number;
-    position?: ITDVerticalPosition;
-    direction?: ITDHorizontalPosition;
-    multi?: boolean;
-    size?: ITDSize;
-    variant?: ITDVariant;
-    className?: string;
-    placeholder?: string;
-    prefix?: ChildrenProps;
-    icon?: string;
-    image?: string;
-    disabled?: boolean;
-    showSearch?: boolean;
-    locked?: boolean;
-    style?: CSSProperties;
-    options?: SelectOptionProps[];
-    onChange?: ((value: SelectValue) => void) | null;
-    onUpdate?: ((value: SelectValue | undefined, update?: boolean, validation?: boolean) => void) | null;
-};
-export type SelectToggleProps = {
-    id?: string;
-    label?: string | number | ChildrenProps;
-    errorMessage: string;
-    multi: boolean;
-    isOpen: boolean;
-    showSearch: boolean;
-    locked: boolean;
-    disabled: boolean;
-    placeholder: string;
-    icon?: string;
-    prefix?: ChildrenProps;
-    image?: string;
-    size: ITDSize;
-    onFocus: () => void;
-    onShow: (value: boolean, trigger?: 'pointer' | 'keyboard') => void;
-    onFilter: (value: string) => void;
-    onChange: (open: boolean) => void;
-};
-export type SelectOptionProps = {
-    key?: string;
-    label: string | number | ChildrenProps;
-    value: SelectValue;
-    icon?: ChildrenProps;
-    image?: string;
-    disabled?: boolean;
-    searchText?: string;
-};
-export type SelectorInputProps = {
-    id?: string;
-    label?: string | number | ChildrenProps;
-    placeholder?: string;
-    size: string;
-    isOpen: boolean;
-    showSearch: boolean;
-    disabled: boolean;
-    errorMessage?: string;
-    activeOptionId?: string;
-    onFocus: () => void;
-    onFilter: (value: string) => void;
-    onShow: (value: boolean) => void;
-};
-export type SelectValue = string | number | (string | number)[];

package/dist/types/SingleQueryProps.d.ts

@@ -1,7 +0,0 @@
-import { QueryValueProps } from "./QueryValueProps";
-export type SingleQueryProps = {
-    set: (type: string, value: QueryValueProps) => void;
-    get: <T>(paramName: string, defaultValue: T, minLength?: number) => T;
-    remove: (type: string) => void;
-    isEmpty: () => boolean;
-};

package/dist/types/StatusProps.d.ts

@@ -1,11 +0,0 @@
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDSize } from "../index";
-export type StatusProps = {
-    variant?: StatusVariant;
-    size?: ITDSize;
-    stretch?: boolean;
-    bold?: boolean;
-    children?: ChildrenProps;
-    className?: string;
-};
-export type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "black" | "purple" | "orange" | "teal" | "indigo" | "lime" | "filled-brown" | "filled-violet" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black" | "filled-lavender" | "filled-gray-1" | "filled-gray-2" | "filled-gray-3" | "filled-orange" | "filled-teal" | "filled-indigo" | "filled-lime";

package/dist/types/SwitchProps.d.ts

@@ -1,13 +0,0 @@
-import { ChildrenProps } from "./ChildrenProps";
-import { ITDVariant } from "./ITDProps";
-export type SwitchProps = {
-    id?: string;
-    children?: ChildrenProps;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    variant?: ITDVariant;
-    onChange?: ((value: any) => void) | null;
-    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-};

package/dist/types/TableProps.d.ts

@@ -1,37 +0,0 @@
-import { ITDSize } from "../index";
-import { ChildrenProps } from "./ChildrenProps";
-export type TableColumnType<T> = {
-    key: keyof T | string;
-    title: ChildrenProps;
-    dataIndex?: keyof T;
-    overflow?: boolean;
-    width?: number | string;
-    maxWidth?: number | string;
-    minWidth?: number | string;
-    render?: (value: any, record: T, index: number, level?: number) => React.ReactNode;
-};
-export type TableProps<T extends TableRow> = {
-    columns: TableColumnType<T>[];
-    data: T[] | null;
-    cellHeight?: number | string;
-    className?: string;
-    size?: ITDSize;
-    headless?: boolean;
-    bordered?: boolean;
-    dashed?: boolean;
-    noGaps?: boolean;
-    hideGroupButtons?: boolean;
-    getTRProps?: (row: T, rowIndex: number, level: number) => TableTRProps;
-};
-export type TableTRProps = {
-    style?: React.CSSProperties;
-    classNames?: string;
-};
-export type TableRow = {
-    key: string;
-    children?: TableRow[];
-};
-export type TableRefProps = {
-    toggleRow: (key: string) => void;
-    expandedRows: Set<string>;
-};