ingred-ui 12.0.0 → 13.0.0

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export type AccordionProps = {
+    title: ReactNode;
+    expanded?: boolean;
+    disabled?: boolean;
+    onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+    children: ReactNode | ReactNode[];
+};
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export default Accordion;

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { StoryObj } from "@storybook/react";
+import { AccordionProps } from "./Accordion";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+    args: {
+        title: string;
+        children: string;
+        disabled: boolean;
+        expanded: boolean;
+    };
+};
+export default _default;
+export declare const Example: StoryObj<AccordionProps>;
+export declare const Multiple: StoryObj<AccordionProps>;
+export declare const Controlled: StoryObj<AccordionProps>;

package/dist/components/Accordion/__tests__/Accordion.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom/extend-expect";

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Accordion";
+export type { AccordionProps } from "./Accordion";

package/dist/components/Accordion/styled.d.ts

@@ -0,0 +1,14 @@
+export declare const AccordionTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Flex").FlexProps & {
+    expanded: boolean;
+    disabled?: boolean | undefined;
+}, never>;
+export declare const AccordionTitleChildren: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    expanded: boolean;
+}, never>;
+export declare const DropdownIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AccordionContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    expanded: boolean;
+    height: number;
+}, never>;

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

@@ -1,4 +1,4 @@
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import React from "react";
 import { ActionButtonProps } from "./ActionButton";
 declare const _default: {
@@ -15,13 +15,13 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Primary: Story<ActionButtonProps>;
-export declare const Warning: Story<ActionButtonProps>;
-export declare const Disabled: Story<ActionButtonProps>;
+export declare const Primary: StoryObj<ActionButtonProps>;
+export declare const Warning: StoryObj<ActionButtonProps>;
+export declare const Disabled: StoryObj<ActionButtonProps>;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import { BackdropProps } from "./Backdrop";
 declare const _default: {
     title: string;
@@ -15,11 +15,11 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Example: Story<BackdropProps>;
+export declare const Example: StoryObj<BackdropProps>;

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

@@ -1,21 +1,21 @@
 import React from "react";
-import { Story } from "@storybook/react/types-6-0";
-import { BadgeProps } from "./Badge";
+import { StoryObj } from "@storybook/react";
+import Badge from "./Badge";
 declare const _default: {
     title: string;
-    components: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
+    components: React.ForwardRefExoticComponent<import("./Badge").BadgeProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Primary: Story<BadgeProps>;
-export declare const Secondary: Story<BadgeProps>;
-export declare const Success: Story<BadgeProps>;
-export declare const Warning: Story<BadgeProps>;
-export declare const Danger: Story<BadgeProps>;
+export declare const Primary: StoryObj<typeof Badge>;
+export declare const Secondary: StoryObj<typeof Badge>;
+export declare const Success: StoryObj<typeof Badge>;
+export declare const Warning: StoryObj<typeof Badge>;
+export declare const Danger: StoryObj<typeof Badge>;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import { ButtonProps } from "./Button";
 declare const _default: {
     title: string;
@@ -19,19 +19,19 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Primary: Story<ButtonProps>;
-export declare const Secondary: Story<ButtonProps>;
-export declare const Danger: Story<ButtonProps>;
-export declare const Clear: Story<ButtonProps>;
-export declare const Small: Story<ButtonProps>;
-export declare const Medium: Story<ButtonProps>;
-export declare const Large: Story<ButtonProps>;
-export declare const Disabled: Story<ButtonProps>;
-export declare const UseHrefProps: Story<ButtonProps>;
+export declare const Primary: StoryObj<ButtonProps>;
+export declare const Secondary: StoryObj<ButtonProps>;
+export declare const Danger: StoryObj<ButtonProps>;
+export declare const Clear: StoryObj<ButtonProps>;
+export declare const Small: StoryObj<ButtonProps>;
+export declare const Medium: StoryObj<ButtonProps>;
+export declare const Large: StoryObj<ButtonProps>;
+export declare const Disabled: StoryObj<ButtonProps>;
+export declare const UseHrefProps: StoryObj<ButtonProps>;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import { ButtonGroupProps } from "./ButtonGroup";
 declare const _default: {
     title: string;
@@ -21,7 +21,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Example: Story<ButtonGroupProps>;
-export declare const DesignSamples: () => JSX.Element;
-export declare const DisablePartially: Story<ButtonGroupProps>;
-export declare const LinkMixed: Story<ButtonGroupProps>;
+export declare const Example: StoryObj<ButtonGroupProps>;
+export declare const DesignSamples: StoryObj;
+export declare const DisablePartially: StoryObj<ButtonGroupProps>;
+export declare const LinkMixed: StoryObj<ButtonGroupProps>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import { CardProps } from "./Card";
 declare const _default: {
     title: string;
@@ -16,11 +16,11 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Example: Story<CardProps>;
+export declare const Example: StoryObj<CardProps>;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import { CheckBoxProps } from "./Checkbox";
 declare const _default: {
     title: string;
@@ -15,5 +15,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Example: Story<CheckBoxProps>;
-export declare const DesignSamples: () => JSX.Element;
+export declare const Example: StoryObj<CheckBoxProps>;
+export declare const DesignSamples: StoryObj;

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

@@ -1,4 +1,4 @@
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import React from "react";
 declare const _default: {
     title: string;
@@ -6,11 +6,11 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Basic: Story;
+export declare const Basic: StoryObj;

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

@@ -1,5 +1,4 @@
 import React from "react";
-import { Story } from "@storybook/react/types-6-0";
 import { ConfirmModalProps } from "./ConfirmModal";
 declare const _default: {
     title: string;
@@ -11,16 +10,205 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Basic: Story<ConfirmModalProps>;
-export declare const WithOneSubAction: Story<ConfirmModalProps>;
-export declare const WithTwoSubActions: Story<ConfirmModalProps>;
-export declare const Loading: Story<ConfirmModalProps>;
-export declare const OverflowYScroll: Story<ConfirmModalProps>;
-export declare const WithoutFooter: Story<ConfirmModalProps>;
+export declare const Basic: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+    };
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+    }>[] | undefined;
+    parameters?: import("@storybook/types").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<ConfirmModalProps>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    tags?: string[] | undefined;
+    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
+};
+export declare const WithOneSubAction: {
+    args: {
+        children: string;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        subActions: JSX.Element[];
+    };
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+    }>[] | undefined;
+    parameters?: import("@storybook/types").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<ConfirmModalProps>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    tags?: string[] | undefined;
+    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
+};
+export declare const WithTwoSubActions: {
+    children: string;
+    onSubmit: import("@storybook/addon-actions").HandlerFunction;
+    subActions: JSX.Element[];
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+    }>[] | undefined;
+    parameters?: import("@storybook/types").Parameters | undefined;
+    args?: Partial<ConfirmModalProps> | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<ConfirmModalProps>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    tags?: string[] | undefined;
+    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
+};
+export declare const Loading: {
+    args: {
+        children: string;
+        onSubmit: () => void;
+        loading: boolean;
+    };
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+    }>[] | undefined;
+    parameters?: import("@storybook/types").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<ConfirmModalProps>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    tags?: string[] | undefined;
+    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
+};
+export declare const OverflowYScroll: {
+    args: {
+        children: JSX.Element;
+        onSubmit: import("@storybook/addon-actions").HandlerFunction;
+        overflowYScroll: boolean;
+    };
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+    }>[] | undefined;
+    parameters?: import("@storybook/types").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<ConfirmModalProps>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    tags?: string[] | undefined;
+    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
+};
+export declare const WithoutFooter: {
+    args: {
+        children: string;
+        onSubmit: undefined;
+    };
+    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
+        title: string;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        onClose?: ((event: React.MouseEvent<Element, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent>, reason: "backdropClick" | import("./ConfirmModal").ConfirmModalCloseReason) => void) | undefined;
+        onSubmit?: ((event: React.FormEvent<HTMLFormElement>) => void) | undefined;
+        buttonColor?: import("../Button/Button").ButtonColor | undefined;
+        isOpen?: boolean | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        overflowYScroll?: boolean | undefined;
+        disableHorizontalPadding?: boolean | undefined;
+        subActions?: React.ReactNode[] | undefined;
+        modalProps?: import("..").ModalProps | undefined;
+        fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
+        children?: React.ReactNode;
+    }>[] | undefined;
+    parameters?: import("@storybook/types").Parameters | undefined;
+    argTypes?: Partial<import("@storybook/types").ArgTypes<ConfirmModalProps>> | undefined;
+    loaders?: import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps>[] | undefined;
+    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    name?: string | undefined;
+    storyName?: string | undefined;
+    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps> | undefined;
+    tags?: string[] | undefined;
+    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
+};

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Story } from "@storybook/react/types-6-0";
+import { StoryObj } from "@storybook/react";
 import { ContextMenuProps } from "./ContextMenu";
 declare const _default: {
     title: string;
@@ -7,13 +7,13 @@ declare const _default: {
     parameters: {
         docs: {
             source: {
-                type: string;
+                language: string;
             };
             page: () => JSX.Element;
         };
     };
 };
 export default _default;
-export declare const Basic: Story<ContextMenuProps>;
-export declare const Disabled: Story<ContextMenuProps>;
-export declare const Warning: Story<ContextMenuProps>;
+export declare const Basic: StoryObj<ContextMenuProps>;
+export declare const Disabled: StoryObj<ContextMenuProps>;
+export declare const Warning: StoryObj<ContextMenuProps>;

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

@@ -16,7 +16,7 @@ declare const _default: <T>(props: {
     error?: boolean | undefined;
     emptyMessage?: string | undefined;
     addMessage?: string | undefined;
-} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -62,7 +62,7 @@ declare const _default: <T>(props: {
     styles?: import("react-select").StylesConfig<OptionType<T>, boolean, GroupBase<OptionType<T>>> | undefined;
     tabSelectsValue?: boolean | undefined;
     unstyled?: boolean | undefined;
-} & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+} & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<T>, boolean, GroupBase<OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;

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

@@ -7,7 +7,7 @@ declare const _default: {
         error?: boolean | undefined;
         emptyMessage?: string | undefined;
         addMessage?: string | undefined;
-    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
         placeholder?: React.ReactNode;
         tabIndex?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -53,7 +53,7 @@ declare const _default: {
         styles?: import("react-select").StylesConfig<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>> | undefined;
         tabSelectsValue?: boolean | undefined;
         unstyled?: boolean | undefined;
-    } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<import("..").OptionType<T>, boolean, import("react-select").GroupBase<import("..").OptionType<T>>>, "theme" | "form" | "value" | "name" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "autoFocus" | "required" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
         placeholder?: React.ReactNode;
         tabIndex?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -103,7 +103,7 @@ declare const _default: {
         ref?: React.ForwardedRef<HTMLDivElement> | undefined;
     }) => React.ReactElement<import("./CreatableSelect").CreatableSelectProps<unknown>, string | React.JSXElementConstructor<any>>;
     source: {
-        type: string;
+        language: string;
     };
 };
 export default _default;

package/dist/components/DataTable/DataTable.d.ts

@@ -3,10 +3,6 @@ import { LabelDisplayRows } from "./internal/CountChanger";
 import { TypographyProps } from "../Typography";
 import { ItemEmptyProps } from "../ItemEmpty";
 import { VerticalSpacing } from "./internal/Table/Row";
-export type DataTableBaseData = {
-    id: number;
-    selectDisabled?: boolean;
-};
 export type Column<T> = {
     name: string;
     selector: (data: T) => string | number;
@@ -22,11 +18,15 @@ type Tab<T> = {
     filter: (data: T[]) => T[];
     disabledCheck?: boolean;
 };
-export type DataTableProps<T> = {
+export type DataTableProps<T, K extends keyof T> = {
     /**
-     * Array of some object that has `id: number` property.
+     * Array of some object that has unique property.
      */
     data: T[];
+    /**
+     * Specifies a unique key for each object in the `data`. This key is used to identify each object.
+     */
+    dataKey: K;
     /**
      * Define column of table. Please refer to the samples below.
      */
@@ -34,16 +34,14 @@ export type DataTableProps<T> = {
     enablePagination?: boolean;
     /**
      * Enable to use checkbox in table.
-     * The argument `rows` is array of `id: number` defined in `data` props.
      * **Don't use with `onRadioChange={true}`**
      */
-    onSelectRowsChange?: (rows: number[]) => void;
+    onSelectRowsChange?: (rows: T[K][]) => void;
     /**
      * Enable to use radio button in table.
-     * The argument `radio` is `id: number` defined in `data` props.
      * **Don't use with `onSelectRowsChange={true}`**
      */
-    onRadioChange?: (radio: number) => void;
+    onRadioChange?: (radio: T[K]) => void;
     /**
      * Define tabs of table. Please refer to the samples below.
      */
@@ -70,11 +68,11 @@ export type DataTableProps<T> = {
     /**
      * Specify checked rows.
      */
-    selectedRows?: number[];
+    selectedRows?: T[K][];
     /**
      * Specify checked row.
      */
-    selectedRow?: number;
+    selectedRow?: T[K];
     /**
      * Add vertical line in table.
      */
@@ -93,8 +91,10 @@ export type DataTableProps<T> = {
     labelRowsPerPage?: string;
     labelDisplayedRows?: LabelDisplayRows;
 };
-declare const DataTable: <T extends DataTableBaseData>({ data: sourceData, columns, enablePagination, onSelectRowsChange, onRadioChange, tabs, itemEmptyProps, per, defaultSortField, defaultSortOrder, selectedRows, selectedRow, enableRuledLine, verticalSpacing, fullWidth, disableCheckWhenClickRow, tableMaxHeight, horizontalScrollable, labelRowsPerPage, labelDisplayedRows, }: DataTableProps<T>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
-declare const _default: <T extends DataTableBaseData>(props: DataTableProps<T> & {
+declare const DataTable: <T extends {
+    selectDisabled?: boolean | undefined;
+}, K extends keyof T>({ data: sourceData, dataKey, columns, enablePagination, onSelectRowsChange, onRadioChange, tabs, itemEmptyProps, per, defaultSortField, defaultSortOrder, selectedRows, selectedRow, enableRuledLine, verticalSpacing, fullWidth, disableCheckWhenClickRow, tableMaxHeight, horizontalScrollable, labelRowsPerPage, labelDisplayedRows, }: DataTableProps<T, K>, ref?: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+declare const _default: <T, K extends keyof T>(props: DataTableProps<T, K> & {
     ref?: React.ForwardedRef<HTMLDivElement> | undefined;
 }) => ReturnType<typeof DataTable>;
 export default _default;