ingred-ui 10.2.5 → 11.1.0

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

@@ -1,4 +1,6 @@
+import { Story } from "@storybook/react/types-6-0";
 import React from "react";
+import { ActionButtonProps } from "./ActionButton";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
@@ -20,6 +22,6 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Primary: any;
-export declare const Warning: any;
-export declare const Disabled: any;
+export declare const Primary: Story<ActionButtonProps>;
+export declare const Warning: Story<ActionButtonProps>;
+export declare const Disabled: Story<ActionButtonProps>;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
 import { BadgeProps } from "./Badge";
 declare const _default: {
     title: string;
@@ -13,8 +14,8 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const Success: any;
-export declare const Warning: any;
-export declare const Danger: any;
+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>;

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

@@ -1,4 +1,6 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
+import { ButtonProps } from "./Button";
 declare const _default: {
     title: string;
     components: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "color"> & {
@@ -24,12 +26,12 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const Danger: any;
-export declare const Clear: any;
-export declare const Small: any;
-export declare const Medium: any;
-export declare const Large: any;
-export declare const Disabled: any;
-export declare const UseHrefProps: any;
+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>;

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

@@ -13,7 +13,7 @@ export declare type ConfirmModalProps = {
     title: string;
     confirmText?: string;
     cancelText?: string;
-    onClose?: (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement, MouseEvent>, reason: ModalCloseReason | ConfirmModalCloseReason) => void;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, MouseEvent>, reason: ModalCloseReason | ConfirmModalCloseReason) => void;
     /**
      * If `undefined`, footer is removed.
      */

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
 import { ConfirmModalProps } from "./ConfirmModal";
 declare const _default: {
     title: string;
@@ -17,10 +18,10 @@ declare const _default: {
     };
 };
 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;
+export declare const Basic: Story<ConfirmModalProps>;
+export declare const FullSize: Story<ConfirmModalProps>;
+export declare const WithTips: Story<ConfirmModalProps>;
+export declare const WithSubActions: Story<ConfirmModalProps>;
+export declare const Loading: Story<ConfirmModalProps>;
+export declare const OverflowYScroll: Story<ConfirmModalProps>;
+export declare const WithoutFooter: Story<ConfirmModalProps>;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
 import { ContextMenuProps } from "./ContextMenu";
 declare const _default: {
     title: string;
@@ -13,6 +14,6 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Basic: any;
-export declare const Disabled: any;
-export declare const Warning: any;
+export declare const Basic: Story<ContextMenuProps>;
+export declare const Disabled: Story<ContextMenuProps>;
+export declare const Warning: Story<ContextMenuProps>;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,11 +1,21 @@
 import * as React from "react";
 import "react-dates/initialize";
-import moment from "moment";
+import dayjs, { InstanceLocaleDataReturn } from "dayjs";
 import { RenderMonthProps, SingleDatePickerShape } from "react-dates";
-export declare type DatePickerProps = Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange">> & RenderMonthProps & {
-    date: moment.Moment | null;
-    onDateChange: (date: moment.Moment | null) => void;
+export declare type DatePickerProps = Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<RenderMonthProps, "renderMonthText"> & {
+    date: dayjs.Dayjs | null;
+    onDateChange: (date: dayjs.Dayjs | null) => void;
+    renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null;
+    locale?: string;
+    localeData?: InstanceLocaleDataReturn;
     error?: boolean;
 };
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+declare const DatePicker: React.ForwardRefExoticComponent<Partial<Omit<SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<RenderMonthProps, "renderMonthText"> & {
+    date: dayjs.Dayjs | null;
+    onDateChange: (date: dayjs.Dayjs | null) => void;
+    renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
+    locale?: string | undefined;
+    localeData?: dayjs.InstanceLocaleDataReturn | undefined;
+    error?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

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

@@ -1,8 +1,17 @@
 import { Story } from "@storybook/react/types-6-0";
+import dayjs from "dayjs";
 import React from "react";
+import "dayjs/locale/ja";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("./DatePicker").DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<Partial<Omit<import("react-dates").SingleDatePickerShape, "date" | "onFocusChange" | "onDateChange" | "renderMonthText">> & Omit<import("react-dates").RenderMonthProps, "renderMonthText"> & {
+        date: dayjs.Dayjs | null;
+        onDateChange: (date: dayjs.Dayjs | null) => void;
+        renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
+        locale?: string | undefined;
+        localeData?: dayjs.InstanceLocaleDataReturn | undefined;
+        error?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
     parameters: {
         docs: {
             source: {

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

@@ -1,15 +1,29 @@
 import * as React from "react";
 import "react-dates/initialize";
-import moment from "moment";
+import dayjs, { InstanceLocaleDataReturn } from "dayjs";
 import { DateRangePickerShape } from "react-dates";
-export declare type DateRangePickerProps = Partial<DateRangePickerShape> & {
-    startDate: moment.Moment | null;
-    endDate: moment.Moment | null;
+export declare type DateRangePickerProps = Partial<Omit<DateRangePickerShape, "startDate" | "endDate" | "onDatesChange" | "renderMonthText">> & {
+    startDate: dayjs.Dayjs | null;
+    endDate: dayjs.Dayjs | null;
     onDatesChange: (arg: {
-        startDate: moment.Moment | null;
-        endDate: moment.Moment | null;
+        startDate: dayjs.Dayjs | null;
+        endDate: dayjs.Dayjs | null;
     }) => void;
+    renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null;
+    locale?: string;
+    localeData?: InstanceLocaleDataReturn;
     error?: boolean;
 };
-declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+declare const DateRangePicker: React.ForwardRefExoticComponent<Partial<Omit<DateRangePickerShape, "renderMonthText" | "startDate" | "endDate" | "onDatesChange">> & {
+    startDate: dayjs.Dayjs | null;
+    endDate: dayjs.Dayjs | null;
+    onDatesChange: (arg: {
+        startDate: dayjs.Dayjs | null;
+        endDate: dayjs.Dayjs | null;
+    }) => void;
+    renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
+    locale?: string | undefined;
+    localeData?: dayjs.InstanceLocaleDataReturn | undefined;
+    error?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default DateRangePicker;

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

@@ -1,10 +1,23 @@
 import React from "react";
 import { Story } from "@storybook/react/types-6-0";
+import dayjs from "dayjs";
 import { DateRangePickerProps } from "./DateRangePicker";
 import "react-dates/lib/css/_datepicker.css";
+import "dayjs/locale/ja";
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+    component: React.ForwardRefExoticComponent<Partial<Omit<import("react-dates").DateRangePickerShape, "renderMonthText" | "startDate" | "endDate" | "onDatesChange">> & {
+        startDate: dayjs.Dayjs | null;
+        endDate: dayjs.Dayjs | null;
+        onDatesChange: (arg: {
+            startDate: dayjs.Dayjs | null;
+            endDate: dayjs.Dayjs | null;
+        }) => void;
+        renderMonthText?: ((month: dayjs.Dayjs) => React.ReactNode) | null | undefined;
+        locale?: string | undefined;
+        localeData?: dayjs.InstanceLocaleDataReturn | undefined;
+        error?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
     parameters: {
         docs: {
             source: {

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

@@ -17,7 +17,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Normal: any;
-export declare const WithSpace: any;
-export declare const OverrideColor: any;
+export declare const Normal: Story<DividerProps>;
+export declare const WithSpace: Story<DividerProps>;
+export declare const OverrideColor: Story<DividerProps>;
 export declare const Vertial: Story<DividerProps>;

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

@@ -1,4 +1,6 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
+import { MenuProps } from "./Menu";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
@@ -20,5 +22,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Basic: any;
-export declare const Group: any;
+export declare const Basic: Story<MenuProps>;
+export declare const Group: Story<MenuProps>;

package/dist/components/MenuList/MenuList.d.ts

@@ -17,7 +17,7 @@ export declare type ContentTypeStyle = {
     };
 };
 export declare const getContentTypeStyles: (theme: Theme, type?: ContentType) => ContentTypeStyle;
-export declare type ContentProp = React.ComponentPropsWithoutRef<"div"> & {
+export declare type SingleContentProp = React.ComponentPropsWithoutRef<"div"> & {
     text: string;
     onClick: () => void;
     divideTop?: boolean;
@@ -32,16 +32,17 @@ export declare type ContentProp = React.ComponentPropsWithoutRef<"div"> & {
 };
 export declare type GroupContentProp = React.ComponentPropsWithoutRef<"div"> & {
     title: string;
-    contents: ContentProp[];
+    contents: SingleContentProp[];
 };
+export declare type ContentProp = SingleContentProp | GroupContentProp;
 export declare type MenuListProps = React.ComponentPropsWithoutRef<"div"> & {
     inline?: boolean;
-    contents: Array<ContentProp | GroupContentProp>;
+    contents: Array<ContentProp>;
     maxHeight?: Property.MaxHeight;
 };
 declare const MenuList: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     inline?: boolean | undefined;
-    contents: Array<ContentProp | GroupContentProp>;
+    contents: Array<ContentProp>;
     maxHeight?: Property.MaxHeight<0 | (string & {})> | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export default MenuList;

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

@@ -1,9 +1,11 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
+import { MenuListProps } from "./MenuList";
 declare const _default: {
     title: string;
     component: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
         inline?: boolean | undefined;
-        contents: (import("./MenuList").ContentProp | import("./MenuList").GroupContentProp)[];
+        contents: import("./MenuList").ContentProp[];
         maxHeight?: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     parameters: {
@@ -16,5 +18,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Basic: any;
-export declare const Group: any;
+export declare const Basic: Story<MenuListProps>;
+export declare const Group: Story<MenuListProps>;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
 import { SnackbarProps } from "./Snackbar";
 declare const _default: {
     title: string;
@@ -20,6 +21,6 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: any;
-export declare const Dark: any;
-export declare const Warning: any;
+export declare const Default: Story<SnackbarProps>;
+export declare const Dark: Story<SnackbarProps>;
+export declare const Warning: Story<SnackbarProps>;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { Story } from "@storybook/react/types-6-0";
 declare const _default: {
     title: string;
     component: {
@@ -28,7 +29,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Info: any;
-export declare const Success: any;
-export declare const Warning: any;
-export declare const Error: any;
+export declare const Info: Story<import("../../lib/react-toast-notification/src").ToastProps>;
+export declare const Success: Story<import("../../lib/react-toast-notification/src").ToastProps>;
+export declare const Warning: Story<import("../../lib/react-toast-notification/src").ToastProps>;
+export declare const Error: Story<import("../../lib/react-toast-notification/src").ToastProps>;