ingred-ui 25.5.2 → 25.6.0

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

@@ -15,9 +15,14 @@ export type ConfirmModalProps = {
     cancelText?: string;
     onClose?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, MouseEvent>, reason: ModalCloseReason | ConfirmModalCloseReason) => void;
     /**
-     * If `undefined`, footer is removed.
+     * If `undefined`, footer is removed when `onConfirm` is also `undefined`.
+     * @deprecated onConfirm の利用を推奨。2026年8月ごろ削除予定。
      */
     onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
+    /**
+     * If `undefined`, footer is removed when `onSubmit` is also `undefined`.
+     */
+    onConfirm?: (event: React.MouseEvent<Element, MouseEvent>) => void;
     buttonColor?: ButtonColor;
     isOpen?: boolean;
     /**

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { StoryObj } from "@storybook/react";
 import { ConfirmModalProps } from "./ConfirmModal";
 declare const _default: {
     title: string;
@@ -17,295 +18,9 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Basic: {
-    args: {
-        title: string;
-        children: string;
-        onSubmit: import("@storybook/addon-actions").HandlerFunction;
-    };
-    decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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;
-    }> | import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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-0fc72a6d").R, ConfirmModalProps> | import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0fc72a6d").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-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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;
-    }> | import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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-0fc72a6d").R, ConfirmModalProps> | import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0fc72a6d").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-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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;
-    }> | import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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-0fc72a6d").R, ConfirmModalProps> | import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0fc72a6d").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-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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;
-    }> | import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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-0fc72a6d").R, ConfirmModalProps> | import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0fc72a6d").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-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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;
-    }> | import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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-0fc72a6d").R, ConfirmModalProps> | import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0fc72a6d").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-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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;
-    }> | import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0fc72a6d").R, {
-        title: string;
-        confirmText?: string | undefined;
-        cancelText?: string | undefined;
-        onClose?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.MouseEvent<Element, 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-0fc72a6d").R, ConfirmModalProps> | import("@storybook/types").LoaderFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps>[] | undefined;
-    render?: import("@storybook/types").ArgsStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    name?: string | undefined;
-    storyName?: string | undefined;
-    play?: import("@storybook/types").PlayFunction<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps> | undefined;
-    tags?: string[] | undefined;
-    story?: Omit<import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ConfirmModalProps, Partial<ConfirmModalProps>>, "story"> | undefined;
-};
+export declare const Basic: StoryObj<ConfirmModalProps>;
+export declare const WithOneSubAction: StoryObj<ConfirmModalProps>;
+export declare const WithTwoSubActions: StoryObj<ConfirmModalProps>;
+export declare const Loading: StoryObj<ConfirmModalProps>;
+export declare const OverflowYScroll: StoryObj<ConfirmModalProps>;
+export declare const WithoutFooter: StoryObj<ConfirmModalProps>;

package/dist/index.es.js

@@ -1291,7 +1291,7 @@ var mi=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
   z-index: ${({theme:e})=>e.depth.modal};
 
   visibility: ${({isHidden:e})=>e?"hidden":"visible"};
-`,Kd=({disablePortal:t=!1,container:n,children:r})=>{const[i,o]=e.useState(null);return e.useEffect((()=>{o(n||document.body)}),[n]),t?r||null:i?I.createPortal(r,i):null},eu=e.forwardRef((function({isOpen:t=!0,hasBackground:n=!0,backdropProps:r,enableTransition:i=!0,onClose:o,children:a},l){const[s,c]=e.useState(!0),d=()=>{c(!1)},u=()=>{c(!0)},p={};return i&&a.props.hasOwnProperty("in")&&(p.onEnter=Zn(d,a.props.onEnter),p.onExited=Zn(u,a.props.onExited)),e.createElement(Kd,null,e.createElement(qd,{ref:l,isHidden:!t&&s},n&&e.createElement(Et,Object.assign({},r,{isOpen:!i||t,onClick:e=>{o&&o(e,"backdropClick")}})),e.cloneElement(a,p)))})),tu={components:{ConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FullSizeConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FileUploader:{defaultProps:{title:"ファイルをドラッグ&ドロップ、またはここをクリック"}},ItemEmpty:{defaultProps:{title:"見つかりませんでした。"}},Select:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません"}},CreatableSelect:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません",addMessage:"次の文字列を追加する"}},MultipleFilter:{defaultProps:{placeholder:"新しいフィルターを追加してください"}},FilterCard:{defaultProps:{applyButtonTitle:"適用",inputErrorText:"入力してください",formPlaceholder:"検索",sectionTitle:"セクション"}},EditFilterCard:{defaultProps:{}},DatePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"],weekStart:0}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},nu={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入,  同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}},ru={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0}},WeekTime:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},WeekTimeSelector:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},DualListBox:{defaultProps:{selectedItemTitle:"selected"}}}},iu=e.createContext({locale:ru}),ou=({locale:t,children:n})=>e.createElement(iu.Provider,{value:{locale:t}},n);function au(e){var n,r;const{name:i,props:o}=e,a=t.useContext(iu).locale,l=Object.assign({},o);if(!a||!a.components)return l;const s=null===(r=null===(n=a.components)||void 0===n?void 0:n[i])||void 0===r?void 0:r.defaultProps;for(const e in s)void 0===l[e]&&(l[e]=s[e]);return l}const lu=e.forwardRef((function(t,n){const r=au({props:t,name:"ConfirmModal"}),{title:i,confirmText:o="Confirm",cancelText:a="Cancel",children:l,onClose:s,onSubmit:c,buttonColor:d="primary",isOpen:u=!0,disabled:p,loading:m,overflowYScroll:h=!0,disableHorizontalPadding:g=!1,subActions:f,modalProps:b,fadeProps:v}=r,x=j(),y=!!c,w=e=>t=>{s&&s(t,e)};return e.createElement(eu,Object.assign({isOpen:u,onClose:s},b),e.createElement(wt,Object.assign({in:u,unmountOnExit:!0},v),e.createElement(jd,{ref:n},e.createElement("form",{onSubmit:c},e.createElement(Wd,null,e.createElement(Yd,null,e.createElement(ce,{weight:"bold",size:"xxxl"},i),f&&e.createElement(jt,{pl:2},e.createElement(q,{display:"flex",alignItems:"center",gap:1},f.map(((t,n)=>e.createElement(e.Fragment,{key:n},t)))))),e.createElement(Ud,{onClick:w("clickCloseIcon")},e.createElement(U,{name:"close",size:"lg",color:x.palette.black}))),e.createElement(Xd,{overflowYScroll:h,showFooter:y},g?l:e.createElement(jt,{px:3,pb:3},l)),y&&e.createElement(Jd,null,e.createElement(q,{display:"flex",alignItems:"center"},e.createElement(rn,{type:"button",color:"clear",inline:!0,onClick:w("clickCancelButton")},a),e.createElement(jt,{pr:2}),e.createElement(rn,{type:"submit",color:d,disabled:p,inline:!0},o)))),m&&e.createElement(Qd,null,e.createElement(qt,null)))))})),su=x.div`
+`,Kd=({disablePortal:t=!1,container:n,children:r})=>{const[i,o]=e.useState(null);return e.useEffect((()=>{o(n||document.body)}),[n]),t?r||null:i?I.createPortal(r,i):null},eu=e.forwardRef((function({isOpen:t=!0,hasBackground:n=!0,backdropProps:r,enableTransition:i=!0,onClose:o,children:a},l){const[s,c]=e.useState(!0),d=()=>{c(!1)},u=()=>{c(!0)},p={};return i&&a.props.hasOwnProperty("in")&&(p.onEnter=Zn(d,a.props.onEnter),p.onExited=Zn(u,a.props.onExited)),e.createElement(Kd,null,e.createElement(qd,{ref:l,isHidden:!t&&s},n&&e.createElement(Et,Object.assign({},r,{isOpen:!i||t,onClick:e=>{o&&o(e,"backdropClick")}})),e.cloneElement(a,p)))})),tu={components:{ConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FullSizeConfirmModal:{defaultProps:{confirmText:"確認",cancelText:"キャンセル"}},FileUploader:{defaultProps:{title:"ファイルをドラッグ&ドロップ、またはここをクリック"}},ItemEmpty:{defaultProps:{title:"見つかりませんでした。"}},Select:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません"}},CreatableSelect:{defaultProps:{placeholder:"選択...",emptyMessage:"見つかりません",addMessage:"次の文字列を追加する"}},MultipleFilter:{defaultProps:{placeholder:"新しいフィルターを追加してください"}},FilterCard:{defaultProps:{applyButtonTitle:"適用",inputErrorText:"入力してください",formPlaceholder:"検索",sectionTitle:"セクション"}},EditFilterCard:{defaultProps:{}},DatePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"YYYY年MM月",weekList:["日","月","火","水","木","金","土"],weekStart:0}},WeekTime:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},WeekTimeSelector:{defaultProps:{weekList:["月","火","水","木","金","土","日"]}},DualListBox:{defaultProps:{selectedItemTitle:"個選択済み"}}}},nu={components:{ConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FullSizeConfirmModal:{defaultProps:{confirmText:"确认",cancelText:"取消"}},FileUploader:{defaultProps:{title:"把文件拖入,  同样支持点击上传。"}},ItemEmpty:{defaultProps:{title:"未找到。"}}}},ru={components:{DatePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0}},DateRangePicker:{defaultProps:{monthFormat:"MMM YYYY",weekList:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],weekStart:0}},WeekTime:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},WeekTimeSelector:{defaultProps:{weekList:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}},DualListBox:{defaultProps:{selectedItemTitle:"selected"}}}},iu=e.createContext({locale:ru}),ou=({locale:t,children:n})=>e.createElement(iu.Provider,{value:{locale:t}},n);function au(e){var n,r;const{name:i,props:o}=e,a=t.useContext(iu).locale,l=Object.assign({},o);if(!a||!a.components)return l;const s=null===(r=null===(n=a.components)||void 0===n?void 0:n[i])||void 0===r?void 0:r.defaultProps;for(const e in s)void 0===l[e]&&(l[e]=s[e]);return l}const lu=e.forwardRef((function(t,n){const r=au({props:t,name:"ConfirmModal"}),{title:i,confirmText:o="Confirm",cancelText:a="Cancel",children:l,onClose:s,onSubmit:c,onConfirm:d,buttonColor:u="primary",isOpen:p=!0,disabled:m,loading:h,overflowYScroll:g=!0,disableHorizontalPadding:f=!1,subActions:b,modalProps:v,fadeProps:x}=r,y=j(),w=!(!c&&!d),E=e=>t=>{s&&s(t,e)},C=d?"button":"submit",I=e.createElement(e.Fragment,null,e.createElement(Wd,null,e.createElement(Yd,null,e.createElement(ce,{weight:"bold",size:"xxxl"},i),b&&e.createElement(jt,{pl:2},e.createElement(q,{display:"flex",alignItems:"center",gap:1},b.map(((t,n)=>e.createElement(e.Fragment,{key:n},t)))))),e.createElement(Ud,{onClick:E("clickCloseIcon")},e.createElement(U,{name:"close",size:"lg",color:y.palette.black}))),e.createElement(Xd,{overflowYScroll:g,showFooter:w},f?l:e.createElement(jt,{px:3,pb:3},l)),w&&e.createElement(Jd,null,e.createElement(q,{display:"flex",alignItems:"center"},e.createElement(rn,{type:"button",color:"clear",inline:!0,onClick:E("clickCancelButton")},a),e.createElement(jt,{pr:2}),e.createElement(rn,{type:C,color:u,disabled:m,inline:!0,onClick:d},o))));return e.createElement(eu,Object.assign({isOpen:p,onClose:s},v),e.createElement(wt,Object.assign({in:p,unmountOnExit:!0},x),e.createElement(jd,{ref:n},c&&!d?e.createElement("form",{onSubmit:c},I):I,h&&e.createElement(Qd,null,e.createElement(qt,null)))))})),su=x.div`
   display: ${({inline:e})=>e?"inline-block":"block"};
   padding: ${({theme:e})=>e.spacing}px 0;
   border-radius: ${({theme:e})=>e.radius}px;
@@ -2233,7 +2233,7 @@ var mi=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
   z-index: 1;
   border-top: 1px solid ${({theme:e})=>e.palette.gray.light};
   padding: ${({theme:e})=>2*e.spacing}px;
-`,Kv=({isOpen:e,direction:n,onClose:a,size:l="40vw",resizable:s=!1,minSize:c="20vw",maxSize:d="90vw",onResize:u,stickyHeader:p,stickyFooter:h,confirmOnClose:g,allowBackgroundScroll:f=!1,children:b})=>{const v=300,x=jv(l,n),y=jv(c,n),w=jv(d,n),E=Math.min(y,w),C=Math.max(y,w),I=Math.max(E,Math.min(x,C));"production"!==process.env.NODE_ENV&&(y>w&&console.warn(`Drawer: minSize (${y}px) が maxSize (${w}px) より大きいです。自動補正します。`),(x<E||x>C)&&console.warn(`Drawer: size (${x}px) が min/max の範囲外です。自動補正します。`));const[k,A]=r(!1),[M,$]=r(!1),[D,S]=r(I),N=i(!1),O=i(0),L=i(0),H=i(!1),[V,R]=r(!1),[Z,z]=r(null),[T,B]=r(!1),P=t.useMemo((()=>{if(!g)return null;const e="string"==typeof g?{message:g}:g;return{title:e.title||"確認",message:e.message||"変更内容が保存されていません。閉じてもよろしいですか？",confirmText:e.confirmText||"変更を破棄して閉じる",cancelText:e.cancelText||"編集を続ける",buttonColor:e.buttonColor||"danger"}}),[g]);o((()=>{const e=jv(l,n),t=jv(c,n),r=jv(d,n),i=Math.min(t,r),o=Math.max(t,r),a=Math.max(i,Math.min(e,o));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>o)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),S(a)}),[l,c,d,n]),o((()=>{if(e){A(!0);const e=setTimeout((()=>{$(!0)}),16);return()=>clearTimeout(e)}if(k){$(!1);const e=setTimeout((()=>{A(!1)}),v);return()=>clearTimeout(e)}}),[e,k]),o((()=>{if(!f&&e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e,f]);const G=m((e=>{if(!N.current)return;const t="left"===n||"right"===n;let r;if(e instanceof TouchEvent){const n=e.touches[0]||e.changedTouches[0];r=t?n.clientX:n.clientY}else r=t?e.clientX:e.clientY;let i=r-O.current;"right"===n&&(i=-i),"bottom"===n&&(i=-i);let o=L.current+i;o=Math.max(E,Math.min(C,o)),S(o),null==u||u(o)}),[n,E,C,u]),_=m((()=>{N.current=!1,document.body.style.userSelect="",document.body.style.cursor="",H.current=!0,setTimeout((()=>{H.current=!1}),100)}),[]),F=m((e=>{if(!s)return;e.preventDefault(),e.stopPropagation(),N.current=!0;const t="left"===n||"right"===n;let r;r="touches"in e&&e.touches.length>0?t?e.touches[0].clientX:e.touches[0].clientY:"changedTouches"in e&&e.changedTouches.length>0?t?e.changedTouches[0].clientX:e.changedTouches[0].clientY:t?e.clientX:e.clientY,O.current=r,L.current=D,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[s,n,D]),j=m((e=>{F(e),B(!0)}),[F]),W=m((()=>{B(!1)}),[]),Y=m((()=>{B(!1)}),[]);o((()=>{if(!s)return;const e=e=>{N.current&&G(e)},t=()=>{N.current&&_()},n=e=>{N.current&&G(e)},r=()=>{N.current&&_()};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),window.addEventListener("touchmove",n),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t),window.removeEventListener("touchmove",n),window.removeEventListener("touchend",r)}}),[s,G,_]);const X=m((e=>{P?(z(e),R(!0)):null==a||a(e)}),[P,a]);o((()=>{const t=t=>{"Escape"===t.key&&e&&!V&&X("escapeKey")};return e&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}}),[e,V,X]);return k?t.createElement(t.Fragment,null,P&&t.createElement(lu,{isOpen:V,title:P.title,confirmText:P.confirmText,cancelText:P.cancelText,buttonColor:P.buttonColor,onSubmit:e=>{e.preventDefault(),R(!1),Z&&a&&a(Z),z(null)},onClose:()=>(R(!1),void z(null))},P.message),t.createElement(Kd,null,f?t.createElement(Yv,{direction:n,currentSize:D,shouldShow:M,transitionDuration:v},s&&t.createElement(Jv,{direction:n,"data-testid":"resize-bar",active:T}),s&&t.createElement(Xv,{direction:n,"data-testid":"resize-handle",onMouseDown:F,onTouchStart:j,onTouchEnd:W,onTouchCancel:Y,onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)}),p&&t.createElement(Uv,null,p),t.createElement(Qv,null,b),h&&t.createElement(qv,null,h)):t.createElement(Wv,{shouldShow:M,transitionDuration:v,onClick:e=>{N.current||H.current||e.target===e.currentTarget&&X("backdropClick")}},t.createElement(Yv,{direction:n,currentSize:D,shouldShow:M,transitionDuration:v},s&&t.createElement(Jv,{direction:n,"data-testid":"resize-bar",active:T}),s&&t.createElement(Xv,{direction:n,"data-testid":"resize-handle",onMouseDown:F,onTouchStart:j,onTouchEnd:W,onTouchCancel:Y,onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)}),p&&t.createElement(Uv,null,p),t.createElement(Qv,null,b),h&&t.createElement(qv,null,h))))):null},ex={small:{arrowIconSize:16,arrowButtonPadding:"6px"},medium:{arrowIconSize:18,arrowButtonPadding:"8px"},large:{arrowIconSize:20,arrowButtonPadding:"10px"}},tx=x.div`
+`,Kv=({isOpen:e,direction:n,onClose:a,size:l="40vw",resizable:s=!1,minSize:c="20vw",maxSize:d="90vw",onResize:u,stickyHeader:p,stickyFooter:h,confirmOnClose:g,allowBackgroundScroll:f=!1,children:b})=>{const v=300,x=jv(l,n),y=jv(c,n),w=jv(d,n),E=Math.min(y,w),C=Math.max(y,w),I=Math.max(E,Math.min(x,C));"production"!==process.env.NODE_ENV&&(y>w&&console.warn(`Drawer: minSize (${y}px) が maxSize (${w}px) より大きいです。自動補正します。`),(x<E||x>C)&&console.warn(`Drawer: size (${x}px) が min/max の範囲外です。自動補正します。`));const[k,A]=r(!1),[M,$]=r(!1),[D,S]=r(I),N=i(!1),O=i(0),L=i(0),H=i(!1),[V,R]=r(!1),[Z,z]=r(null),[T,B]=r(!1),P=t.useMemo((()=>{if(!g)return null;const e="string"==typeof g?{message:g}:g;return{title:e.title||"確認",message:e.message||"変更内容が保存されていません。閉じてもよろしいですか？",confirmText:e.confirmText||"変更を破棄して閉じる",cancelText:e.cancelText||"編集を続ける",buttonColor:e.buttonColor||"danger"}}),[g]);o((()=>{const e=jv(l,n),t=jv(c,n),r=jv(d,n),i=Math.min(t,r),o=Math.max(t,r),a=Math.max(i,Math.min(e,o));"production"!==process.env.NODE_ENV&&(t>r&&console.warn(`Drawer: minSize (${t}px) が maxSize (${r}px) より大きいです。自動補正します。`),(e<i||e>o)&&console.warn(`Drawer: size (${e}px) が min/max の範囲外です。自動補正します。`)),S(a)}),[l,c,d,n]),o((()=>{if(e){A(!0);const e=setTimeout((()=>{$(!0)}),16);return()=>clearTimeout(e)}if(k){$(!1);const e=setTimeout((()=>{A(!1)}),v);return()=>clearTimeout(e)}}),[e,k]),o((()=>{if(!f&&e){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[e,f]);const G=m((e=>{if(!N.current)return;const t="left"===n||"right"===n;let r;if(e instanceof TouchEvent){const n=e.touches[0]||e.changedTouches[0];r=t?n.clientX:n.clientY}else r=t?e.clientX:e.clientY;let i=r-O.current;"right"===n&&(i=-i),"bottom"===n&&(i=-i);let o=L.current+i;o=Math.max(E,Math.min(C,o)),S(o),null==u||u(o)}),[n,E,C,u]),_=m((()=>{N.current=!1,document.body.style.userSelect="",document.body.style.cursor="",H.current=!0,setTimeout((()=>{H.current=!1}),100)}),[]),F=m((e=>{if(!s)return;e.preventDefault(),e.stopPropagation(),N.current=!0;const t="left"===n||"right"===n;let r;r="touches"in e&&e.touches.length>0?t?e.touches[0].clientX:e.touches[0].clientY:"changedTouches"in e&&e.changedTouches.length>0?t?e.changedTouches[0].clientX:e.changedTouches[0].clientY:t?e.clientX:e.clientY,O.current=r,L.current=D,document.body.style.userSelect="none",document.body.style.cursor=t?"ew-resize":"ns-resize"}),[s,n,D]),j=m((e=>{F(e),B(!0)}),[F]),W=m((()=>{B(!1)}),[]),Y=m((()=>{B(!1)}),[]);o((()=>{if(!s)return;const e=e=>{N.current&&G(e)},t=()=>{N.current&&_()},n=e=>{N.current&&G(e)},r=()=>{N.current&&_()};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",t),window.addEventListener("touchmove",n),window.addEventListener("touchend",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",t),window.removeEventListener("touchmove",n),window.removeEventListener("touchend",r)}}),[s,G,_]);const X=m((e=>{P?(z(e),R(!0)):null==a||a(e)}),[P,a]);o((()=>{const t=t=>{"Escape"===t.key&&e&&!V&&X("escapeKey")};return e&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}}),[e,V,X]);return k?t.createElement(t.Fragment,null,P&&t.createElement(lu,{isOpen:V,title:P.title,confirmText:P.confirmText,cancelText:P.cancelText,buttonColor:P.buttonColor,onConfirm:()=>{R(!1),Z&&a&&a(Z),z(null)},onClose:()=>(R(!1),void z(null))},P.message),t.createElement(Kd,null,f?t.createElement(Yv,{direction:n,currentSize:D,shouldShow:M,transitionDuration:v},s&&t.createElement(Jv,{direction:n,"data-testid":"resize-bar",active:T}),s&&t.createElement(Xv,{direction:n,"data-testid":"resize-handle",onMouseDown:F,onTouchStart:j,onTouchEnd:W,onTouchCancel:Y,onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)}),p&&t.createElement(Uv,null,p),t.createElement(Qv,null,b),h&&t.createElement(qv,null,h)):t.createElement(Wv,{shouldShow:M,transitionDuration:v,onClick:e=>{N.current||H.current||e.target===e.currentTarget&&X("backdropClick")}},t.createElement(Yv,{direction:n,currentSize:D,shouldShow:M,transitionDuration:v},s&&t.createElement(Jv,{direction:n,"data-testid":"resize-bar",active:T}),s&&t.createElement(Xv,{direction:n,"data-testid":"resize-handle",onMouseDown:F,onTouchStart:j,onTouchEnd:W,onTouchCancel:Y,onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1)}),p&&t.createElement(Uv,null,p),t.createElement(Qv,null,b),h&&t.createElement(qv,null,h))))):null},ex={small:{arrowIconSize:16,arrowButtonPadding:"6px"},medium:{arrowIconSize:18,arrowButtonPadding:"8px"},large:{arrowIconSize:20,arrowButtonPadding:"10px"}},tx=x.div`
   display: inline-flex;
 `,nx=x(rn)`
   border-top-right-radius: 0px;