ingred-ui 10.2.3 → 10.2.5

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

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

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

@@ -0,0 +1,26 @@
+import React from "react";
+import { ConfirmModalProps } from "./ConfirmModal";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
+    args: {
+        isOpen: boolean;
+        title: string;
+    };
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+            page: () => JSX.Element;
+        };
+    };
+};
+export default _default;
+export declare const Basic: any;
+export declare const FullSize: any;
+export declare const WithTips: any;
+export declare const WithSubActions: any;
+export declare const Loading: any;
+export declare const OverflowYScroll: any;
+export declare const WithoutFooter: any;

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

@@ -18,7 +18,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" | "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>>>, "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"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -62,7 +62,7 @@ declare const _default: <T>(props: {
         count: number;
     }) => string) | undefined;
     tabSelectsValue?: 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" | "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>>>, "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"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;

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

@@ -8,7 +8,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" | "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>>>, "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"> & {
         placeholder?: React.ReactNode;
         tabIndex?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -52,7 +52,7 @@ declare const _default: {
             count: number;
         }) => string) | undefined;
         tabSelectsValue?: 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" | "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>>>, "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"> & {
         placeholder?: React.ReactNode;
         tabIndex?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { Story } from "@storybook/react/types-6-0";
+import { DateRangePickerProps } from "./DateRangePicker";
+import "react-dates/lib/css/_datepicker.css";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+            page: () => JSX.Element;
+        };
+    };
+};
+export default _default;
+export declare const Basic: Story<DateRangePickerProps>;
+export declare const Error: Story<DateRangePickerProps>;
+export declare const Localize: Story<DateRangePickerProps>;

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

@@ -0,0 +1,24 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        isOpen?: boolean | undefined;
+        baseElement?: HTMLElement | null | undefined;
+        contents: import("..").ContentProp[];
+        positionPriority?: import("@popperjs/core").Placement[] | undefined;
+        onClose?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>, reason: "backdropClick" | "clickMenuList") => void) | undefined;
+        maxHeight?: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        menuListProps?: Partial<import("..").MenuListProps> | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+            page: () => JSX.Element;
+        };
+    };
+};
+export default _default;
+export declare const Basic: any;
+export declare const Group: any;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { Story } from "@storybook/react/types-6-0";
+import { ScrollAreaProps } from "./ScrollArea";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+        height?: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        maxHeight?: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        minHeight?: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        children: React.ComponentElement<HTMLElement, any>;
+    } & React.RefAttributes<HTMLDivElement>>;
+    args: {
+        height: string;
+    };
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+            };
+            page: () => JSX.Element;
+        };
+    };
+};
+export default _default;
+export declare const Example: Story<ScrollAreaProps>;

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

@@ -20,7 +20,7 @@ declare const _default: <OptionValue, IsMulti extends boolean = false>(props: {
     placeholder?: string | undefined;
     error?: boolean | undefined;
     emptyMessage?: string | undefined;
-} & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "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"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -64,7 +64,7 @@ declare const _default: <OptionValue, IsMulti extends boolean = false>(props: {
         count: number;
     }) => string) | undefined;
     tabSelectsValue?: boolean | undefined;
-} & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "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"> & {
     placeholder?: React.ReactNode;
     tabIndex?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;

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

@@ -9,7 +9,7 @@ declare const _default: {
         placeholder?: string | undefined;
         error?: boolean | undefined;
         emptyMessage?: string | undefined;
-    } & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "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"> & {
         placeholder?: React.ReactNode;
         tabIndex?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;
@@ -53,7 +53,7 @@ declare const _default: {
             count: number;
         }) => string) | undefined;
         tabSelectsValue?: boolean | undefined;
-    } & {}, "value" | "onChange" | "menuIsOpen" | "inputValue" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<OptionType<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "form" | "theme" | "name" | "autoFocus" | "value" | "className" | "id" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "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<OptionValue>, IsMulti, import("react-select").GroupBase<OptionType<OptionValue>>>, "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"> & {
         placeholder?: React.ReactNode;
         tabIndex?: number | undefined;
         'aria-live'?: "off" | "assertive" | "polite" | undefined;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Story } from "@storybook/react/types-6-0";
+import { SpacerProps } from "../../utils/spacer";
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SpacerProps, never>;
+    args: {
+        p: number;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            source: {
+                type: string;
+            };
+            page: () => JSX.Element;
+        };
+    };
+};
+export default _default;
+export declare const Example: Story<SpacerProps>;