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

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,42 +0,0 @@
-import { default as React, FocusEvent, KeyboardEvent, MutableRefObject } from 'react';
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDSize } from '../index';
-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'> & {
-    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>;
-};

package/dist/types/TabsProps.d.ts

@@ -1,15 +0,0 @@
-import { ChildrenProps } from '../ChildrenProps';
-export type TabsItemProps = {
-    key: string;
-    tab: string;
-    children?: ChildrenProps;
-    link?: string;
-};
-export type TabsProps = {
-    activeTabKey?: string;
-    tabs?: TabsItemProps[];
-    onTabChange?: (key: string) => void;
-    variant?: "default" | "bold";
-    height?: number;
-    className?: string;
-};

package/dist/types/TextAreaProps.d.ts

@@ -1,28 +0,0 @@
-import { ChildrenProps } from '../ChildrenProps';
-import { ITDSize } from '../index';
-import { RefObject } from 'react';
-export type TextAreaProps = {
-    id?: string;
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
-    className?: string;
-    size?: ITDSize;
-    variant?: TextAreaVariant;
-    rows?: number;
-    maxLength?: number;
-    disabled?: boolean;
-    showCount?: boolean;
-    onChange?: ((event: TextAreaEvent) => void);
-    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-    children?: ChildrenProps;
-};
-export type TextAreaEvent = {
-    value?: string | number | boolean;
-    className: string;
-    disabled: boolean;
-    target: RefObject<HTMLTextAreaElement>;
-    stopPropagation: () => void;
-    preventDefault: () => void;
-};
-export type TextAreaVariant = "default" | "filled" | "dashed";

package/dist/types/Theme.d.ts

@@ -1,103 +0,0 @@
-import { ColorScale } from '../helpers/theme/GenerateColorScale';
-export type ITDTheme = {
-    appearance: 'light' | 'dark';
-    transitionDuration: string;
-    transitionTimingFunction: string;
-    fontSans?: string;
-    fontMono?: string;
-    boxShadow: string;
-    cardShadow: string;
-    floatingShadow: string;
-    borderRadius: string;
-    ringOffset: string;
-    ringWidth: string;
-    background: string;
-    foreground: string;
-    input: string;
-    primary: string;
-    primaryHover: string;
-    primaryForeground: string;
-    primaryScale: ColorScale;
-    secondary: string;
-    secondaryHover: string;
-    secondaryForeground: string;
-    secondaryForegroundHover: string;
-    accent: string;
-    accentForeground: string;
-    muted: string;
-    mutedForeground: string;
-    selection: string;
-    selectionForeground: string;
-    popover: string;
-    popoverForeground: string;
-    card: string;
-    cardForeground: string;
-    colorText: string;
-    colorTextMuted: string;
-    colorTextMutedForeground: string;
-    colorPlaceholder: string;
-    colorTextNeutral: string;
-    colorControlLabel: string;
-    colorModalShadow: string;
-    colorBorder: string;
-    colorBorderHover: string;
-    colorBorderTransparent: string;
-    colorBackgroundAlt: string;
-    colorBackgroundAltHover: string;
-    colorBackgroundTransparent: string;
-    colorBackgroundModal: string;
-    colorForegroundItemSelected: string;
-    colorForegroundItemSelectedText: string;
-    colorBackgroundSelect: string;
-    colorBackgroundSelectFilled: string;
-    colorBackgroundSelectFilledItem: string;
-    colorBackgroundSelectItem: string;
-    colorBackgroundSelectItemHover: string;
-    colorBackgroundSelectItemSelected: string;
-    colorDisabledBg: string;
-    colorDisabledBorder: string;
-    colorDisabledText: string;
-    colorIcon: string;
-    colorIconMuted: string;
-    colorError: string;
-    colorErrorText: string;
-    colorErrorBorder: string;
-    scrollbarThumb: string;
-    scrollbarThumbHover: string;
-    primaryGradientStart: string;
-    primaryGradientEnd: string;
-    primaryHoverStart: string;
-    primaryHoverEnd: string;
-    primaryContrastText: string;
-    buttonGenericBg: string;
-    buttonGenericHoverBg: string;
-    buttonSelectedBorder: string;
-    buttonSelectedBg: string;
-    buttonDisabledBg: string;
-    buttonDisabledText: string;
-    colorUploadOverlay: string;
-    colorUploadText: string;
-    colorUploadOverlayError: string;
-    colorUploadErrorText: string;
-    colorUploadOverlayCompleted: string;
-    colorUploadCompletedText: string;
-    colorUploadOverlayUploading: string;
-    colorUploadOverlayUploadingBar: string;
-    colorUploadingText: string;
-    colorAlertInfoBackground: string;
-    colorAlertInfoBorder: string;
-    colorAlertInfoTitle: string;
-    colorAlertInfoText: string;
-    colorAlertSuccessBackground: string;
-    colorAlertSuccessBorder: string;
-    colorAlertSuccessTitle: string;
-    colorAlertSuccessText: string;
-    colorAlertWarningBackground: string;
-    colorAlertWarningBorder: string;
-    colorAlertWarningTitle: string;
-    colorAlertWarningText: string;
-    colorAlertErrorBackground: string;
-    colorAlertErrorBorder: string;
-    colorAlertErrorTitle: string;
-    colorAlertErrorText: string;
-};