@itcase/ui 1.9.35 → 1.9.37

package/dist/types/components/Select/appearance/selectSuccess.d.ts

@@ -1,39 +1,3 @@
-declare const selectAppearanceSuccess: {
-    successPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        elevation: number;
-        badgeAppearance: string;
-        clearIconFill: string;
-        dropdownIconFill: string;
-        groupFill: string;
-        groupTextColor: string;
-        groupTextWeight: string;
-        inputCaretColor: string;
-        inputTextColor: string;
-        loaderAppearance: string;
-        loadingMessageTextColor: string;
-        menuFill: string;
-        multipleItemFill: string;
-        multipleItemFillHover: string;
-        multipleItemIconFill: string;
-        multipleItemTextColor: string;
-        multipleTextColor: string;
-        noOptionsTextColor: string;
-        optionBorder: string;
-        optionFill: string;
-        optionFillActive: string;
-        optionFillActiveHover: string;
-        optionFillDisabled: string;
-        optionFillHover: string;
-        optionSelectedIconFillIcon: string;
-        optionTextColor: string;
-        optionTextColorActive: string;
-        optionTextColorDisabled: string;
-        placeholderTextColor: string;
-        requiredInputBorderColor: string;
-    };
-};
+import { SelectAppearance } from '../Select.interface';
+declare const selectAppearanceSuccess: SelectAppearance;
 export { selectAppearanceSuccess };

package/dist/types/components/Select/index.d.ts

@@ -13,4 +13,4 @@ import { SelectOption } from './SelectOption';
 import { SelectPlaceholder } from './SelectPlaceholder';
 import { SelectSingleValue } from './SelectSingleValue';
 import { SelectValueContainer } from './SelectValueContainer';
-export { SelectClearIndicator, SelectContainer as Select, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig, };
+export { SelectContainer as Select, SelectClearIndicator, selectConfig, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, };

package/dist/types/components/Select/stories/Select.stories.d.ts

@@ -0,0 +1,67 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectDefault.stories.d.ts

@@ -0,0 +1,102 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSearch: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multi: {
+    args: {
+        isClearable: boolean;
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultiMaxCount: {
+    args: {
+        multiValueMaxCount: number;
+        isClearable: boolean;
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingIndicator: {
+    args: {
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessage: {
+    args: {
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoOptions: {
+    args: {
+        options: never[];
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectDisabled.stories.d.ts

@@ -0,0 +1,104 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSearch: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multi: {
+    args: {
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingIndicator: {
+    args: {
+        loaderAppearance: string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessage: {
+    args: {
+        loadingMessage: () => string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessageIcon: {
+    args: {
+        loadingMessage: () => import("react/jsx-runtime").JSX.Element;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoOptions: {
+    args: {
+        noOptionsText: string;
+        options: never[];
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectError.stories.d.ts

@@ -0,0 +1,104 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSearch: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multi: {
+    args: {
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingIndicator: {
+    args: {
+        loaderAppearance: string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessage: {
+    args: {
+        loadingMessage: () => string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessageIcon: {
+    args: {
+        loadingMessage: () => import("react/jsx-runtime").JSX.Element;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoOptions: {
+    args: {
+        noOptionsText: string;
+        options: never[];
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectRequire.stories.d.ts

@@ -0,0 +1,104 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSearch: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multi: {
+    args: {
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingIndicator: {
+    args: {
+        loaderAppearance: string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessage: {
+    args: {
+        loadingMessage: () => string;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessageIcon: {
+    args: {
+        loadingMessage: () => import("react/jsx-runtime").JSX.Element;
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoOptions: {
+    args: {
+        noOptionsText: string;
+        options: never[];
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Select/stories/SelectShape.stories.d.ts

@@ -0,0 +1,94 @@
+import { Option } from '@itcase/types';
+import { SelectPropsCustom } from '../Select.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "isLoading" | "className" | "isDisabled" | "onChange" | "options" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isClearable" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("../Select.interface").SelectAppearanceProps<unknown> & import("react").RefAttributes<import("react-select").SelectInstance<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    args: {
+        appearance: string;
+        elevation: number;
+        hideSelectedOptions: boolean;
+        loadingMessageText: string;
+        noOptionsSearchText: string;
+        noOptionsText: string;
+        options: ({
+            label: string;
+            options: {
+                label: string;
+                value: string;
+            }[];
+            isDisabled?: undefined;
+            value?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            isDisabled: boolean;
+            value: string;
+            options?: undefined;
+            isFixed?: undefined;
+            isSelected?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            isSelected: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+        } | {
+            label: string;
+            value: string;
+            isFixed: boolean;
+            options?: undefined;
+            isDisabled?: undefined;
+            isSelected?: undefined;
+        })[];
+        placeholder: string;
+        showBadge: boolean;
+        showDivider: boolean;
+        closeMenuOnSelect: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        isSearchable: boolean;
+    };
+    parameters: {
+        maxWidth: string;
+        layout: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const WithSearch: {
+    args: {
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Multi: {
+    args: {
+        isClearable: boolean;
+        isMulti: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingIndicator: {
+    args: {
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LoadingMessage: {
+    args: {
+        isLoading: boolean;
+        isSearchable: boolean;
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoOptions: {
+    args: {
+        options: never[];
+    };
+    render: (args: SelectPropsCustom<Option>) => import("react/jsx-runtime").JSX.Element;
+};