ingred-ui 27.0.2 → 27.0.4

package/dist/components/ActionButton/ActionButton.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
         color?: ("primary" | "warning") | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
     args: {
-        onClick: import("storybook/actions").HandlerFunction;
+        onClick: any;
         icon: string;
         children: string;
     };

package/dist/components/Button/Button.stories.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
     title: string;
     components: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
     args: {
-        onClick: import("storybook/actions").HandlerFunction;
+        onClick: any;
     };
     parameters: {
         docs: {

package/dist/components/CreatableSelect/CreatableSelect.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { CreatableProps } from "react-select/creatable";
+import type { GroupBase } from "react-select";
+import { OptionType } from "../Select";
+export type CreatableSelectProps<T> = {
+    minWidth?: string;
+    placeholder?: string;
+    error?: boolean;
+    emptyMessage?: string;
+    addMessage?: string;
+} & CreatableProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>;
+declare const CreatableSelect: <T>(inProps: CreatableSelectProps<T>, ref: React.Ref<HTMLDivElement>) => React.ReactElement<CreatableSelectProps<T>, string | React.JSXElementConstructor<any>>;
+declare const _default: <T>(props: {
+    minWidth?: string | undefined;
+    placeholder?: string | undefined;
+    error?: boolean | undefined;
+    emptyMessage?: string | undefined;
+    addMessage?: string | undefined;
+} & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<OptionType<T>, boolean, GroupBase<OptionType<T>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<OptionType<T>, GroupBase<OptionType<T>>> & {
+    ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+}) => ReturnType<typeof CreatableSelect>;
+export default _default;

package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const _default: {
+    title: string;
+    component: <T>(props: {
+        minWidth?: string | undefined;
+        placeholder?: string | undefined;
+        error?: boolean | undefined;
+        emptyMessage?: string | undefined;
+        addMessage?: string | undefined;
+    } & Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<import("..").OptionType<T>> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<import("..").OptionType<T>, import("react-select").GroupBase<import("..").OptionType<T>>> & {
+        ref?: React.ForwardedRef<HTMLDivElement> | undefined;
+    }) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
+    source: {
+        language: string;
+    };
+};
+export default _default;
+export declare const Example: () => JSX.Element;
+export declare const MultipleSelect: () => JSX.Element;

package/dist/components/DataTable2/DataTable2.stories.d.ts

@@ -1,29 +1,25 @@
 import React from "react";
 import { StoryObj } from "@storybook/react-vite";
 import { type TableColumn, type TableAction, DataTable2 } from "./index";
-declare const meta: {
-    title: string;
-    component: ({ bordered, currentPage, pageSize, pageSizeOptions, totalCount, columns, onPageChange, onPageSizeChange, onColumnsChange, onCheckedRowsChange, children, tableActions, customTableActionArea, }: {
-        currentPage: number;
-        pageSize: number;
-        pageSizeOptions: number[];
-        totalCount: number;
-        columns: TableColumn[];
-        onPageChange: (page: number) => void;
-        onPageSizeChange: (size: number) => void;
-        onColumnsChange: (columns: TableColumn[]) => void;
-        tableActions?: TableAction[] | undefined;
-        customTableActionArea?: ((context: {
-            isSmallLayout: boolean;
-            checkedRows: string[];
-        }) => React.ReactNode) | undefined;
-    } & {
-        bordered?: boolean | undefined;
-        children: React.ReactNode;
-        onCheckedRowsChange?: ((checkedRows: string[]) => void) | undefined;
-    }) => JSX.Element;
-    argTypes: {};
-};
+declare const meta: Meta<({ bordered, currentPage, pageSize, pageSizeOptions, totalCount, columns, onPageChange, onPageSizeChange, onColumnsChange, onCheckedRowsChange, children, tableActions, customTableActionArea, }: {
+    currentPage: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    totalCount: number;
+    columns: TableColumn[];
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    onColumnsChange: (columns: TableColumn[]) => void;
+    tableActions?: TableAction[] | undefined;
+    customTableActionArea?: ((context: {
+        isSmallLayout: boolean;
+        checkedRows: string[];
+    }) => React.ReactNode) | undefined;
+} & {
+    bordered?: boolean | undefined;
+    children: React.ReactNode;
+    onCheckedRowsChange?: ((checkedRows: string[]) => void) | undefined;
+}) => JSX.Element>;
 export default meta;
 /**
  * DataTable2 に高さを指定したい場合、親に高さを明示してください。<br />

package/dist/components/DualListBox2/DualListBox2.stories.d.ts

@@ -6,51 +6,40 @@ export type Item = {
     label: string;
     groupName?: string;
 };
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<{
-        included: import("./types").Item[];
-        excluded: import("./types").Item[];
-        disableInclude?: boolean | undefined;
-        disableExclude?: boolean | undefined;
-        menuButtons?: React.ReactNode;
-        loading?: boolean | undefined;
-        children: React.ReactNode;
-        onIncludedChange: (includedIds: string[]) => void;
-        onExcludedChange: (excludedIds: string[]) => void;
-        onActiveSectionChange?: ((activeSection: string | null) => void) | undefined;
-        onLoadMore?: (() => void) | undefined;
-        pageSize?: number | undefined;
-        pageSizeOptions?: number[] | undefined;
-        onPageSizeChange?: ((pageSize: number) => void) | undefined;
-        filter?: string | undefined;
-        onFilterChange?: ((filter: string) => void) | undefined;
-        placement?: import("@floating-ui/utils").Placement | undefined;
-        middleware?: {
-            name: string;
-            options?: any;
-            fn: (state: {
-                x: number;
-                y: number;
-                placement: import("@floating-ui/utils").Placement;
-                platform: import("@floating-ui/core").Platform;
-                strategy: import("@floating-ui/utils").Strategy;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                elements: import("@floating-ui/dom").Elements;
-            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
-        }[] | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    tags: string[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
+declare const meta: Meta<React.ForwardRefExoticComponent<{
+    included: import("./types").Item[];
+    excluded: import("./types").Item[];
+    disableInclude?: boolean | undefined;
+    disableExclude?: boolean | undefined;
+    menuButtons?: React.ReactNode;
+    loading?: boolean | undefined;
+    children: React.ReactNode;
+    onIncludedChange: (includedIds: string[]) => void;
+    onExcludedChange: (excludedIds: string[]) => void;
+    onActiveSectionChange?: ((activeSection: string | null) => void) | undefined;
+    onLoadMore?: (() => void) | undefined;
+    pageSize?: number | undefined;
+    pageSizeOptions?: number[] | undefined;
+    onPageSizeChange?: ((pageSize: number) => void) | undefined;
+    filter?: string | undefined;
+    onFilterChange?: ((filter: string) => void) | undefined;
+    placement?: import("@floating-ui/utils").Placement | undefined;
+    middleware?: {
+        name: string;
+        options?: any;
+        fn: (state: {
+            x: number;
+            y: number;
+            placement: import("@floating-ui/utils").Placement;
+            platform: import("@floating-ui/core").Platform;
+            strategy: import("@floating-ui/utils").Strategy;
+            initialPlacement: import("@floating-ui/utils").Placement;
+            middlewareData: import("@floating-ui/core").MiddlewareData;
+            rects: import("@floating-ui/utils").ElementRects;
+            elements: import("@floating-ui/dom").Elements;
+        }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+    }[] | undefined;
+} & React.RefAttributes<HTMLDivElement>>>;
 export default meta;
 type Story = StoryObj<typeof DualListBox2>;
 /**

package/dist/components/FilterComboBox/FilterComboBox.stories.d.ts

@@ -1,92 +1,42 @@
 import React from "react";
 import { StoryObj } from "@storybook/react-vite";
 import { FilterComboBox } from "./index";
-declare const meta: {
-    title: string;
-    component: ({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: {
-        values: string[];
-        options: (string | string[])[];
-        selectedIndex: number;
-        selectOptions: {
-            icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-            label: string;
-        }[];
-        onChange: (values: string[]) => void;
-        onSelectChange: (index: number) => void;
-        size?: import("../FilterInputAbstract/types").FilterSize | undefined;
-        variant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
-        tagVariant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
-        searchPlaceholder?: string | undefined;
-        noResultsMessage?: string | undefined;
-        disabled?: boolean | undefined;
-        applyButtonText?: string | undefined;
-        cancelButtonText?: string | undefined;
-        error?: boolean | undefined;
-        placement?: import("@floating-ui/utils").Placement | undefined;
-        middleware?: {
-            name: string;
-            options?: any;
-            fn: (state: {
-                x: number;
-                y: number;
-                placement: import("@floating-ui/utils").Placement;
-                platform: import("@floating-ui/core").Platform;
-                strategy: import("@floating-ui/utils").Strategy;
-                initialPlacement: import("@floating-ui/utils").Placement;
-                middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/utils").ElementRects;
-                elements: import("@floating-ui/dom").Elements;
-            }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
-        }[] | undefined;
-    }) => JSX.Element;
-    argTypes: {
-        size: {
-            control: {
-                type: "radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        variant: {
-            control: {
-                type: "radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        tagVariant: {
-            control: {
-                type: "radio";
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-};
+declare const meta: Meta<({ values, options, selectedIndex, selectOptions, onChange, onSelectChange, size, variant, tagVariant, searchPlaceholder, noResultsMessage, disabled, applyButtonText, cancelButtonText, error, placement, middleware, }: {
+    values: string[];
+    options: (string | string[])[];
+    selectedIndex: number;
+    selectOptions: {
+        icon: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        label: string;
+    }[];
+    onChange: (values: string[]) => void;
+    onSelectChange: (index: number) => void;
+    size?: import("../FilterInputAbstract/types").FilterSize | undefined;
+    variant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
+    tagVariant?: import("../FilterInputAbstract/types").FilterVariant | undefined;
+    searchPlaceholder?: string | undefined;
+    noResultsMessage?: string | undefined;
+    disabled?: boolean | undefined;
+    applyButtonText?: string | undefined;
+    cancelButtonText?: string | undefined;
+    error?: boolean | undefined;
+    placement?: import("@floating-ui/utils").Placement | undefined;
+    middleware?: {
+        name: string;
+        options?: any;
+        fn: (state: {
+            x: number;
+            y: number;
+            placement: import("@floating-ui/utils").Placement;
+            platform: import("@floating-ui/core").Platform;
+            strategy: import("@floating-ui/utils").Strategy;
+            initialPlacement: import("@floating-ui/utils").Placement;
+            middlewareData: import("@floating-ui/core").MiddlewareData;
+            rects: import("@floating-ui/utils").ElementRects;
+            elements: import("@floating-ui/dom").Elements;
+        }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+    }[] | undefined;
+}) => JSX.Element>;
 export default meta;
 /**
  * Storybook の Docs の画面では、エンターキーが吸い取られてしまうようです。<br />

package/dist/components/FilterInputAbstract/FilterInputAbstract.stories.d.ts

@@ -1,40 +1,20 @@
 import React from "react";
 import { StoryObj } from "@storybook/react-vite";
 import { FilterInputAbstract } from "./FilterInputAbstract";
-declare const meta: {
-    title: string;
-    component: ({ selectedIndex, selectOptions, onSelectChange, children, size, variant, disabled, error, isOpen, }: {
-        selectedIndex: number;
-        selectOptions: {
-            icon: React.ReactElement<import("../Icon").IconProps, string | React.JSXElementConstructor<any>>;
-            label: string;
-        }[];
-        children?: React.ReactNode;
-        onSelectChange: (index: number) => void;
-        size?: "small" | "medium" | "large" | undefined;
-        variant?: import("./types").FilterVariant | undefined;
-        disabled?: boolean | undefined;
-        error?: boolean | undefined;
-        isOpen?: boolean | undefined;
-    }) => JSX.Element;
-    argTypes: {
-        size: {
-            control: {
-                type: "select";
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-    };
-};
+declare const meta: Meta<({ selectedIndex, selectOptions, onSelectChange, children, size, variant, disabled, error, isOpen, }: {
+    selectedIndex: number;
+    selectOptions: {
+        icon: React.ReactElement<import("../Icon").IconProps, string | React.JSXElementConstructor<any>>;
+        label: string;
+    }[];
+    children?: React.ReactNode;
+    onSelectChange: (index: number) => void;
+    size?: "small" | "medium" | "large" | undefined;
+    variant?: import("./types").FilterVariant | undefined;
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    isOpen?: boolean | undefined;
+}) => JSX.Element>;
 export default meta;
 /**
  * Internal use only!