@webiny/admin-ui 6.3.0 → 6.4.0-beta.0

package/DelayedOnChange/DelayedOnChange.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","isEqual","emptyFunction","undefined","DelayedOnChange","children","other","firstMount","onChange","delay","value","initialValue","setValue","localTimeout","applyValue","current","clearTimeout","onChangeLocal","useCallback","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","cloneElement","props","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual.js\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...(child.props as DelayedOnChangeProps<TValue>) };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DelayedOnChange/DelayedOnChange.js","sources":["../../src/DelayedOnChange/DelayedOnChange.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport isEqual from \"lodash/isEqual.js\";\n\nconst emptyFunction = (): undefined => {\n    return undefined;\n};\n\nexport interface ApplyValueCb<TValue> {\n    (value: TValue): void;\n}\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\n\nexport interface OnChangeCallable<TValue = any> {\n    (value: TValue, cb?: ApplyValueCb<TValue>): void;\n}\n\ninterface OnBlurCallable {\n    (ev: React.SyntheticEvent): void;\n}\n\ninterface OnKeyDownCallable {\n    (ev: React.KeyboardEvent<HTMLInputElement>): void;\n}\n\ninterface ChildrenCallableParams<TValue> {\n    value: TValue;\n    onChange: OnChangeCallable<TValue>;\n}\n\ninterface ChildrenCallable<TValue> {\n    (params: ChildrenCallableParams<TValue>): React.ReactElement;\n}\n\nexport interface DelayedOnChangeProps<TValue> {\n    value?: TValue;\n    delay?: number;\n    onChange?: OnChangeCallable<TValue>;\n    onBlur?: OnBlurCallable;\n    onKeyDown?: OnKeyDownCallable;\n    children: React.ReactNode | ChildrenCallable<TValue | undefined>;\n}\n\nexport const DelayedOnChange = <TValue = any>({\n    children,\n    ...other\n}: DelayedOnChangeProps<TValue>) => {\n    const firstMount = useRef(true);\n    const { onChange, delay = 400, value: initialValue } = other;\n    const [value, setValue] = useState<TValue | undefined>(initialValue);\n    // Sync state and props\n    useEffect(() => {\n        // Do not update local state, if the incoming value is the same as the local state.\n        // This is primarily an optimization for non-scalar values (objects).\n        if (isEqual(initialValue, value)) {\n            return;\n        }\n\n        setValue(initialValue);\n    }, [initialValue]);\n\n    const localTimeout = React.useRef<number | null>(null);\n\n    const applyValue = (value: TValue | undefined) => {\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        if (!onChange) {\n            return;\n        }\n        onChange(value as NonNullable<TValue>);\n    };\n\n    const onChangeLocal = React.useCallback((value: TValue | undefined) => {\n        setValue(value);\n    }, []);\n\n    // this is fired upon change value state\n    const onValueStateChanged = (nextValue: TValue | undefined) => {\n        // We don't want to execute callbacks, if the value hasn't changed.\n        if (isEqual(nextValue, initialValue)) {\n            return;\n        }\n\n        localTimeout.current && clearTimeout(localTimeout.current);\n        localTimeout.current = null;\n        localTimeout.current = setTimeout(() => applyValue(nextValue), delay) as unknown as number;\n    };\n\n    // need to clear the timeout when unmounting the component\n    useEffect(() => {\n        return () => {\n            if (!localTimeout.current) {\n                return;\n            }\n            clearTimeout(localTimeout.current);\n            localTimeout.current = null;\n        };\n    }, []);\n\n    useEffect(() => {\n        if (firstMount.current) {\n            firstMount.current = false;\n            return;\n        }\n\n        onValueStateChanged(value);\n    }, [value]);\n\n    const newProps = {\n        ...other,\n        value: value,\n        onChange: onChangeLocal\n    };\n\n    const renderProp =\n        typeof children === \"function\" ? (children as ChildrenCallable<TValue | undefined>) : null;\n    const child = renderProp\n        ? renderProp(newProps)\n        : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n    const props = { ...(child.props as DelayedOnChangeProps<TValue>) };\n    const realOnKeyDown = props.onKeyDown || emptyFunction;\n    const realOnBlur = props.onBlur || emptyFunction;\n\n    // Need to apply value if input lost focus\n    const onBlur: OnBlurCallable = ev => {\n        if (!ev[\"persist\"]) {\n            return;\n        }\n        ev.persist();\n        applyValue((ev.target as HTMLInputElement).value as TValue);\n        realOnBlur(ev);\n    };\n\n    // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n    const onKeyDown: OnKeyDownCallable = ev => {\n        ev.persist();\n        if (ev.key === \"Tab\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else if (ev.key === \"Enter\") {\n            applyValue((ev.target as HTMLInputElement).value as TValue);\n            realOnKeyDown(ev);\n        } else {\n            realOnKeyDown(ev);\n        }\n    };\n\n    return React.cloneElement(child, { ...props, onBlur, onKeyDown });\n};\n"],"names":["emptyFunction","DelayedOnChange","children","other","firstMount","useRef","onChange","delay","initialValue","value","setValue","useState","useEffect","isEqual","localTimeout","React","applyValue","clearTimeout","onChangeLocal","onValueStateChanged","nextValue","setTimeout","newProps","renderProp","child","props","realOnKeyDown","realOnBlur","onBlur","ev","onKeyDown"],"mappings":";;AAGA,MAAMA,gBAAgB,KAEtB;AA8CO,MAAMC,kBAAkB,CAAe,EAC1CC,QAAQ,EACR,GAAGC,OACwB;IAC3B,MAAMC,aAAaC,OAAO;IAC1B,MAAM,EAAEC,QAAQ,EAAEC,QAAQ,GAAG,EAAE,OAAOC,YAAY,EAAE,GAAGL;IACvD,MAAM,CAACM,OAAOC,SAAS,GAAGC,SAA6BH;IAEvDI,UAAU;QAGN,IAAIC,QAAQL,cAAcC,QACtB;QAGJC,SAASF;IACb,GAAG;QAACA;KAAa;IAEjB,MAAMM,eAAeC,MAAAA,MAAY,CAAgB;IAEjD,MAAMC,aAAa,CAACP;QAChBK,aAAa,OAAO,IAAIG,aAAaH,aAAa,OAAO;QACzDA,aAAa,OAAO,GAAG;QACvB,IAAI,CAACR,UACD;QAEJA,SAASG;IACb;IAEA,MAAMS,gBAAgBH,MAAAA,WAAiB,CAAC,CAACN;QACrCC,SAASD;IACb,GAAG,EAAE;IAGL,MAAMU,sBAAsB,CAACC;QAEzB,IAAIP,QAAQO,WAAWZ,eACnB;QAGJM,aAAa,OAAO,IAAIG,aAAaH,aAAa,OAAO;QACzDA,aAAa,OAAO,GAAG;QACvBA,aAAa,OAAO,GAAGO,WAAW,IAAML,WAAWI,YAAYb;IACnE;IAGAK,UAAU,IACC;YACH,IAAI,CAACE,aAAa,OAAO,EACrB;YAEJG,aAAaH,aAAa,OAAO;YACjCA,aAAa,OAAO,GAAG;QAC3B,GACD,EAAE;IAELF,UAAU;QACN,IAAIR,WAAW,OAAO,EAAE;YACpBA,WAAW,OAAO,GAAG;YACrB;QACJ;QAEAe,oBAAoBV;IACxB,GAAG;QAACA;KAAM;IAEV,MAAMa,WAAW;QACb,GAAGnB,KAAK;QACR,OAAOM;QACP,UAAUS;IACd;IAEA,MAAMK,aACF,AAAoB,cAApB,OAAOrB,WAA2BA,WAAoD;IAC1F,MAAMsB,QAAQD,aACRA,WAAWD,YACXP,MAAAA,YAAkB,CAACb,UAA2CoB;IAEpE,MAAMG,QAAQ;QAAE,GAAID,MAAM,KAAK;IAAkC;IACjE,MAAME,gBAAgBD,MAAM,SAAS,IAAIzB;IACzC,MAAM2B,aAAaF,MAAM,MAAM,IAAIzB;IAGnC,MAAM4B,SAAyBC,CAAAA;QAC3B,IAAI,CAACA,EAAE,CAAC,UAAU,EACd;QAEJA,GAAG,OAAO;QACVb,WAAYa,GAAG,MAAM,CAAsB,KAAK;QAChDF,WAAWE;IACf;IAGA,MAAMC,YAA+BD,CAAAA;QACjCA,GAAG,OAAO;QACV,IAAIA,AAAW,UAAXA,GAAG,GAAG,EAAY;YAClBb,WAAYa,GAAG,MAAM,CAAsB,KAAK;YAChDH,cAAcG;QAClB,OAAO,IAAIA,AAAW,YAAXA,GAAG,GAAG,EAAc;YAC3Bb,WAAYa,GAAG,MAAM,CAAsB,KAAK;YAChDH,cAAcG;QAClB,OACIH,cAAcG;IAEtB;IAEA,OAAOd,MAAAA,YAAkB,CAACS,OAAO;QAAE,GAAGC,KAAK;QAAEG;QAAQE;IAAU;AACnE"}

package/DelayedOnChange/index.js

@@ -1,3 +1 @@
 export * from "./DelayedOnChange.js";
-
-//# sourceMappingURL=index.js.map

package/Dialog/Dialog.d.ts

@@ -13,6 +13,10 @@ interface DialogProps extends React.ComponentPropsWithoutRef<typeof DialogRoot>,
     children: React.ReactNode;
     actions?: React.ReactNode;
     info?: React.ReactNode;
+    loading?: boolean | {
+        text?: string;
+    };
+    overlay?: React.ReactNode;
     onClose?: () => void;
     onOpen?: () => void;
 }

package/Dialog/Dialog.js

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
+import { OverlayLoader } from "../Loader/index.js";
 import { DialogContent } from "./components/DialogContent.js";
 import { DialogHeader } from "./components/DialogHeader.js";
 import { DialogBody } from "./components/DialogBody.js";
@@ -13,117 +13,87 @@ import { ConfirmAction } from "./components/ConfirmAction.js";
 import { CancelAction } from "./components/CancelAction.js";
 import { CloseDialogIconButton } from "./components/CloseDialogIconButton.js";
 import { DialogClose } from "./components/DialogClose.js";
-const DialogBase = props => {
-  const {
-    rootProps,
-    triggerProps,
-    contentProps,
-    headerProps,
-    bodyProps,
-    footerProps,
-    closeButtonProps
-  } = React.useMemo(() => {
-    const {
-      // Root props.
-      defaultOpen,
-      open,
-      onOpenChange: originalOnOpenChange,
-      onClose,
-      onOpen,
-      modal,
-      dir,
-      // Shared props.
-      size,
-      // Trigger props.
-      trigger,
-      // Header props.
-      title,
-      icon,
-      description,
-      // Body props.
-      children,
-      bodyPadding,
-      scrollable,
-      // Footer props.
-      actions,
-      info,
-      // Close button props.
-      showCloseButton = true,
-      // Content props.
-      ...rest
-    } = props;
-
-    // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed
-    const onOpenChange = open => {
-      originalOnOpenChange && originalOnOpenChange(open);
-      if (onClose && !open) {
-        onClose();
-      }
-      if (onOpen && open) {
-        onOpen();
-      }
-    };
-    return {
-      rootProps: {
-        defaultOpen,
-        open,
-        onOpenChange,
-        modal,
-        dir,
-        size
-      },
-      triggerProps: {
-        // Temporary fix. We need this because `ref` doesn't get passed to components
-        // that are decorated with `makeDecoratable`. This will be fixed in the future.
-        children: /*#__PURE__*/React.createElement("div", null, trigger)
-      },
-      headerProps: {
-        title,
-        icon,
-        description,
-        size
-      },
-      bodyProps: {
-        children,
-        bodyPadding,
-        scrollable,
-        size
-      },
-      footerProps: {
-        info,
-        actions,
-        size
-      },
-      closeButtonProps: {
-        show: showCloseButton,
-        size
-      },
-      contentProps: {
-        ...rest,
-        size
-      }
-    };
-  }, [props]);
-  return /*#__PURE__*/React.createElement(DialogRoot, rootProps, triggerProps.children && /*#__PURE__*/React.createElement(DialogTrigger, Object.assign({}, triggerProps, {
-    asChild: true
-  })), /*#__PURE__*/React.createElement(DialogPortal, null, /*#__PURE__*/React.createElement("div", {
-    "data-role": "dialog",
-    className: "z-overlay absolute"
-  }, /*#__PURE__*/React.createElement(DialogOverlay, null), /*#__PURE__*/React.createElement(DialogContent, Object.assign({}, contentProps, {
-    header: /*#__PURE__*/React.createElement(DialogHeader, headerProps),
-    footer: /*#__PURE__*/React.createElement(DialogFooter, footerProps),
-    closeButton: closeButtonProps.show ? /*#__PURE__*/React.createElement(CloseDialogIconButton, {
-      size: closeButtonProps.size
-    }) : undefined
-  }), /*#__PURE__*/React.createElement(DialogBody, bodyProps)))));
+import * as __rspack_external_react from "react";
+const DialogBase = (props)=>{
+    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps, closeButtonProps } = __rspack_external_react.useMemo(()=>{
+        const { defaultOpen, open, onOpenChange: originalOnOpenChange, onClose, onOpen, modal, dir, size, trigger, title, icon, description, children, bodyPadding, scrollable, actions, info, loading, overlay, showCloseButton = true, ...rest } = props;
+        const onOpenChange = (open)=>{
+            originalOnOpenChange && originalOnOpenChange(open);
+            if (onClose && !open) onClose();
+            if (onOpen && open) onOpen();
+        };
+        const resolvedOverlay = (()=>{
+            if (overlay) return overlay;
+            if (!loading) return;
+            const text = "object" == typeof loading ? loading.text : void 0;
+            return /*#__PURE__*/ __rspack_external_react.createElement(OverlayLoader, {
+                text: text
+            });
+        })();
+        return {
+            rootProps: {
+                defaultOpen,
+                open,
+                onOpenChange,
+                modal,
+                dir,
+                size
+            },
+            triggerProps: {
+                children: /*#__PURE__*/ __rspack_external_react.createElement("div", null, trigger)
+            },
+            headerProps: {
+                title,
+                icon,
+                description,
+                size
+            },
+            bodyProps: {
+                children,
+                bodyPadding,
+                scrollable,
+                size
+            },
+            footerProps: {
+                info,
+                actions,
+                size
+            },
+            closeButtonProps: {
+                show: showCloseButton,
+                size
+            },
+            contentProps: {
+                ...rest,
+                size,
+                overlay: resolvedOverlay
+            }
+        };
+    }, [
+        props
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(DialogRoot, rootProps, triggerProps.children && /*#__PURE__*/ __rspack_external_react.createElement(DialogTrigger, {
+        ...triggerProps,
+        asChild: true
+    }), /*#__PURE__*/ __rspack_external_react.createElement(DialogPortal, null, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-role": "dialog",
+        className: "z-overlay absolute"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogOverlay, null), /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, {
+        ...contentProps,
+        header: /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, headerProps),
+        footer: /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, footerProps),
+        closeButton: closeButtonProps.show ? /*#__PURE__*/ __rspack_external_react.createElement(CloseDialogIconButton, {
+            size: closeButtonProps.size
+        }) : void 0
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogBody, bodyProps)))));
 };
 DialogBase.displayName = "Dialog";
 const DecoratableDialog = makeDecoratable("Dialog", DialogBase);
 const Dialog = withStaticProps(DecoratableDialog, {
-  ConfirmAction,
-  CancelAction,
-  Icon,
-  Close: DialogClose
+    ConfirmAction: ConfirmAction,
+    CancelAction: CancelAction,
+    Icon: Icon,
+    Close: DialogClose
 });
 export { Dialog };
 

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DialogContent","DialogHeader","DialogBody","DialogFooter","DialogOverlay","DialogPortal","DialogRoot","DialogTrigger","Icon","ConfirmAction","CancelAction","CloseDialogIconButton","DialogClose","DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","scrollable","actions","info","showCloseButton","rest","createElement","show","Object","assign","asChild","className","header","footer","closeButton","undefined","displayName","DecoratableDialog","Dialog","Close"],"sources":["Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DialogContent } from \"./components/DialogContent.js\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader.js\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody.js\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter.js\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay.js\";\nimport { DialogPortal } from \"./components/DialogPortal.js\";\nimport { DialogRoot } from \"./components/DialogRoot.js\";\nimport { DialogTrigger } from \"./components/DialogTrigger.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CloseDialogIconButton } from \"~/Dialog/components/CloseDialogIconButton.js\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose.js\";\n\ninterface DialogProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    scrollable?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n            scrollable,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir,\n                size\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, scrollable, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <div data-role=\"dialog\" className={\"z-overlay absolute\"}>\n                    <DialogOverlay />\n                    <DialogContent\n                        {...contentProps}\n                        header={<DialogHeader {...headerProps} />}\n                        footer={<DialogFooter {...footerProps} />}\n                        closeButton={\n                            closeButtonProps.show ? (\n                                <CloseDialogIconButton size={closeButtonProps.size} />\n                            ) : undefined\n                        }\n                    >\n                        <DialogBody {...bodyProps} />\n                    </DialogContent>\n                </div>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmAction,\n    CancelAction,\n    Icon,\n    Close: DialogClose\n});\n\nexport { Dialog, type DialogProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Dialog/Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { OverlayLoader } from \"~/Loader/index.js\";\nimport { DialogContent } from \"./components/DialogContent.js\";\nimport { DialogHeader } from \"~/Dialog/components/DialogHeader.js\";\nimport { DialogBody } from \"~/Dialog/components/DialogBody.js\";\nimport { DialogFooter } from \"~/Dialog/components/DialogFooter.js\";\nimport { DialogOverlay } from \"~/Dialog/components/DialogOverlay.js\";\nimport { DialogPortal } from \"./components/DialogPortal.js\";\nimport { DialogRoot } from \"./components/DialogRoot.js\";\nimport { DialogTrigger } from \"./components/DialogTrigger.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmAction } from \"./components/ConfirmAction.js\";\nimport { CancelAction } from \"./components/CancelAction.js\";\nimport { CloseDialogIconButton } from \"~/Dialog/components/CloseDialogIconButton.js\";\nimport { DialogClose } from \"~/Dialog/components/DialogClose.js\";\n\ninterface DialogProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DialogRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DialogContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    showCloseButton?: boolean;\n    dismissible?: boolean;\n    bodyPadding?: boolean;\n    scrollable?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    loading?: boolean | { text?: string };\n    overlay?: React.ReactNode;\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DialogBase = (props: DialogProps) => {\n    const {\n        rootProps,\n        triggerProps,\n        contentProps,\n        headerProps,\n        bodyProps,\n        footerProps,\n        closeButtonProps\n    } = React.useMemo(() => {\n        const {\n            // Root props.\n            defaultOpen,\n            open,\n            onOpenChange: originalOnOpenChange,\n            onClose,\n            onOpen,\n            modal,\n            dir,\n\n            // Shared props.\n            size,\n\n            // Trigger props.\n            trigger,\n\n            // Header props.\n            title,\n            icon,\n            description,\n\n            // Body props.\n            children,\n            bodyPadding,\n            scrollable,\n\n            // Footer props.\n            actions,\n            info,\n\n            // Overlay props.\n            loading,\n            overlay,\n\n            // Close button props.\n            showCloseButton = true,\n\n            // Content props.\n            ...rest\n        } = props;\n\n        // Handles dialog open state changes, calling original and onClose / onOpen callbacks as needed\n        const onOpenChange = (open: boolean) => {\n            originalOnOpenChange && originalOnOpenChange(open);\n\n            if (onClose && !open) {\n                onClose();\n            }\n\n            if (onOpen && open) {\n                onOpen();\n            }\n        };\n\n        const resolvedOverlay = (() => {\n            if (overlay) {\n                return overlay;\n            }\n            if (!loading) {\n                return undefined;\n            }\n            const text = typeof loading === \"object\" ? loading.text : undefined;\n            return <OverlayLoader text={text} />;\n        })();\n\n        return {\n            rootProps: {\n                defaultOpen,\n                open,\n                onOpenChange,\n                modal,\n                dir,\n                size\n            },\n            triggerProps: {\n                // Temporary fix. We need this because `ref` doesn't get passed to components\n                // that are decorated with `makeDecoratable`. This will be fixed in the future.\n                children: <div>{trigger}</div>\n            },\n            headerProps: { title, icon, description, size },\n            bodyProps: { children, bodyPadding, scrollable, size },\n            footerProps: { info, actions, size },\n            closeButtonProps: { show: showCloseButton, size },\n            contentProps: { ...rest, size, overlay: resolvedOverlay }\n        };\n    }, [props]);\n\n    return (\n        <DialogRoot {...rootProps}>\n            {triggerProps.children && <DialogTrigger {...triggerProps} asChild />}\n            <DialogPortal>\n                <div data-role=\"dialog\" className={\"z-overlay absolute\"}>\n                    <DialogOverlay />\n                    <DialogContent\n                        {...contentProps}\n                        header={<DialogHeader {...headerProps} />}\n                        footer={<DialogFooter {...footerProps} />}\n                        closeButton={\n                            closeButtonProps.show ? (\n                                <CloseDialogIconButton size={closeButtonProps.size} />\n                            ) : undefined\n                        }\n                    >\n                        <DialogBody {...bodyProps} />\n                    </DialogContent>\n                </div>\n            </DialogPortal>\n        </DialogRoot>\n    );\n};\n\nDialogBase.displayName = \"Dialog\";\n\nconst DecoratableDialog = makeDecoratable(\"Dialog\", DialogBase);\n\nconst Dialog = withStaticProps(DecoratableDialog, {\n    ConfirmAction,\n    CancelAction,\n    Icon,\n    Close: DialogClose\n});\n\nexport { Dialog, type DialogProps };\n"],"names":["DialogBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","closeButtonProps","React","defaultOpen","open","originalOnOpenChange","onClose","onOpen","modal","dir","size","trigger","title","icon","description","children","bodyPadding","scrollable","actions","info","loading","overlay","showCloseButton","rest","onOpenChange","resolvedOverlay","text","undefined","OverlayLoader","DialogRoot","DialogTrigger","DialogPortal","DialogOverlay","DialogContent","DialogHeader","DialogFooter","CloseDialogIconButton","DialogBody","DecoratableDialog","makeDecoratable","Dialog","withStaticProps","ConfirmAction","CancelAction","Icon","DialogClose"],"mappings":";;;;;;;;;;;;;;;;AAsCA,MAAMA,aAAa,CAACC;IAChB,MAAM,EACFC,SAAS,EACTC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,gBAAgB,EACnB,GAAGC,wBAAAA,OAAa,CAAC;QACd,MAAM,EAEFC,WAAW,EACXC,IAAI,EACJ,cAAcC,oBAAoB,EAClCC,OAAO,EACPC,MAAM,EACNC,KAAK,EACLC,GAAG,EAGHC,IAAI,EAGJC,OAAO,EAGPC,KAAK,EACLC,IAAI,EACJC,WAAW,EAGXC,QAAQ,EACRC,WAAW,EACXC,UAAU,EAGVC,OAAO,EACPC,IAAI,EAGJC,OAAO,EACPC,OAAO,EAGPC,kBAAkB,IAAI,EAGtB,GAAGC,MACN,GAAG7B;QAGJ,MAAM8B,eAAe,CAACpB;YAClBC,wBAAwBA,qBAAqBD;YAE7C,IAAIE,WAAW,CAACF,MACZE;YAGJ,IAAIC,UAAUH,MACVG;QAER;QAEA,MAAMkB,kBAAmB,AAAC;YACtB,IAAIJ,SACA,OAAOA;YAEX,IAAI,CAACD,SACD;YAEJ,MAAMM,OAAO,AAAmB,YAAnB,OAAON,UAAuBA,QAAQ,IAAI,GAAGO;YAC1D,OAAO,WAAP,GAAO,sCAACC,eAAaA;gBAAC,MAAMF;;QAChC;QAEA,OAAO;YACH,WAAW;gBACPvB;gBACAC;gBACAoB;gBACAhB;gBACAC;gBACAC;YACJ;YACA,cAAc;gBAGV,UAAU,WAAV,GAAU,sCAAC,aAAKC;YACpB;YACA,aAAa;gBAAEC;gBAAOC;gBAAMC;gBAAaJ;YAAK;YAC9C,WAAW;gBAAEK;gBAAUC;gBAAaC;gBAAYP;YAAK;YACrD,aAAa;gBAAES;gBAAMD;gBAASR;YAAK;YACnC,kBAAkB;gBAAE,MAAMY;gBAAiBZ;YAAK;YAChD,cAAc;gBAAE,GAAGa,IAAI;gBAAEb;gBAAM,SAASe;YAAgB;QAC5D;IACJ,GAAG;QAAC/B;KAAM;IAEV,OAAO,WAAP,GACI,sCAACmC,YAAelC,WACXC,aAAa,QAAQ,IAAI,WAAJ,GAAI,sCAACkC,eAAaA;QAAE,GAAGlC,YAAY;QAAE;sBAC3D,sCAACmC,cAAYA,MAAAA,WAAAA,GACT,sCAAC;QAAI,aAAU;QAAS,WAAW;qBAC/B,sCAACC,eAAaA,OAAAA,WAAAA,GACd,sCAACC,eAAaA;QACT,GAAGpC,YAAY;QAChB,sBAAQ,sCAACqC,cAAiBpC;QAC1B,sBAAQ,sCAACqC,cAAiBnC;QAC1B,aACIC,iBAAiB,IAAI,GAAG,WAAH,GACjB,sCAACmC,uBAAqBA;YAAC,MAAMnC,iBAAiB,IAAI;aAClD0B;qBAGR,sCAACU,YAAetC;AAMxC;AAEAN,WAAW,WAAW,GAAG;AAEzB,MAAM6C,oBAAoBC,gBAAgB,UAAU9C;AAEpD,MAAM+C,SAASC,gBAAgBH,mBAAmB;IAC9CI,eAAaA;IACbC,cAAYA;IACZC,MAAIA;IACJ,OAAOC;AACX"}