@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/Drawer/Drawer.d.ts

@@ -18,39 +18,25 @@ interface DrawerProps extends React.ComponentPropsWithoutRef<typeof DrawerRoot>,
     onClose?: () => void;
     onOpen?: () => void;
 }
-declare const Drawer: {
+declare const DrawerBase: {
     (props: DrawerProps): React.JSX.Element;
     displayName: string;
-} & {
-    original: {
-        (props: DrawerProps): React.JSX.Element;
-        displayName: string;
-    };
+};
+declare const Drawer: typeof DrawerBase & {
+    original: typeof DrawerBase;
     originalName: string;
     displayName: string;
 } & {
-    original: {
-        (props: DrawerProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DrawerProps): React.JSX.Element;
-            displayName: string;
-        };
+    original: typeof DrawerBase & {
+        original: typeof DrawerBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
-        (props: DrawerProps): React.JSX.Element;
-        displayName: string;
-    } & {
-        original: {
-            (props: DrawerProps): React.JSX.Element;
-            displayName: string;
-        };
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof DrawerBase & {
+        original: typeof DrawerBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Drawer/Drawer.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { DrawerContent } from "./components/DrawerContent.js";
 import { DrawerFooter } from "./components/DrawerFooter.js";
@@ -11,101 +10,64 @@ import { DrawerBody } from "./components/DrawerBody.js";
 import { Icon } from "./components/Icon.js";
 import { ConfirmButton } from "./components/ConfirmButton.js";
 import { CancelButton } from "./components/CancelButton.js";
-const DrawerBase = props => {
-  const {
-    rootProps,
-    triggerProps,
-    contentProps,
-    headerProps,
-    bodyProps,
-    footerProps
-  } = React.useMemo(() => {
-    const {
-      // Root props.
-      defaultOpen,
-      open,
-      onOpenChange: originalOnOpenChange,
-      onClose,
-      onOpen,
-      // We want the drawer to always allow interaction with the outside elements.
-      modal = false,
-      dir,
-      // Trigger props.
-      trigger,
-      // Header props.
-      title,
-      icon,
-      description,
-      showCloseButton,
-      headerSeparator,
-      // Body props.
-      children,
-      bodyPadding,
-      // Footer props.
-      actions,
-      info,
-      footerSeparator,
-      // 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
-      },
-      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,
-        showCloseButton,
-        separator: headerSeparator
-      },
-      bodyProps: {
-        children,
-        bodyPadding
-      },
-      footerProps: {
-        info,
-        actions,
-        separator: footerSeparator
-      },
-      contentProps: rest
-    };
-  }, [props]);
-  return /*#__PURE__*/React.createElement(DrawerRoot, rootProps, triggerProps.children && /*#__PURE__*/React.createElement(DrawerTrigger, Object.assign({}, triggerProps, {
-    asChild: true
-  })), /*#__PURE__*/React.createElement(DrawerPortal, null, /*#__PURE__*/React.createElement("div", {
-    "data-role": "drawer",
-    className: "absolute z-overlay"
-  }, rootProps.modal && /*#__PURE__*/React.createElement(DrawerOverlay, null), /*#__PURE__*/React.createElement(DrawerContent, Object.assign({}, contentProps, {
-    modal: rootProps.modal
-  }), /*#__PURE__*/React.createElement(DrawerHeader, headerProps), /*#__PURE__*/React.createElement(DrawerBody, bodyProps), /*#__PURE__*/React.createElement(DrawerFooter, footerProps)))));
+import * as __rspack_external_react from "react";
+const DrawerBase = (props)=>{
+    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } = __rspack_external_react.useMemo(()=>{
+        const { defaultOpen, open, onOpenChange: originalOnOpenChange, onClose, onOpen, modal = false, dir, trigger, title, icon, description, showCloseButton, headerSeparator, children, bodyPadding, actions, info, footerSeparator, ...rest } = props;
+        const onOpenChange = (open)=>{
+            originalOnOpenChange && originalOnOpenChange(open);
+            if (onClose && !open) onClose();
+            if (onOpen && open) onOpen();
+        };
+        return {
+            rootProps: {
+                defaultOpen,
+                open,
+                onOpenChange,
+                modal,
+                dir
+            },
+            triggerProps: {
+                children: /*#__PURE__*/ __rspack_external_react.createElement("div", null, trigger)
+            },
+            headerProps: {
+                title,
+                icon,
+                description,
+                showCloseButton,
+                separator: headerSeparator
+            },
+            bodyProps: {
+                children,
+                bodyPadding
+            },
+            footerProps: {
+                info,
+                actions,
+                separator: footerSeparator
+            },
+            contentProps: rest
+        };
+    }, [
+        props
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(DrawerRoot, rootProps, triggerProps.children && /*#__PURE__*/ __rspack_external_react.createElement(DrawerTrigger, {
+        ...triggerProps,
+        asChild: true
+    }), /*#__PURE__*/ __rspack_external_react.createElement(DrawerPortal, null, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-role": "drawer",
+        className: "absolute z-overlay"
+    }, rootProps.modal && /*#__PURE__*/ __rspack_external_react.createElement(DrawerOverlay, null), /*#__PURE__*/ __rspack_external_react.createElement(DrawerContent, {
+        ...contentProps,
+        modal: rootProps.modal
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DrawerHeader, headerProps), /*#__PURE__*/ __rspack_external_react.createElement(DrawerBody, bodyProps), /*#__PURE__*/ __rspack_external_react.createElement(DrawerFooter, footerProps)))));
 };
 DrawerBase.displayName = "Drawer";
 const DecoratableDrawer = makeDecoratable("Drawer", DrawerBase);
 const Drawer = withStaticProps(DecoratableDrawer, {
-  ConfirmButton,
-  CancelButton,
-  Icon
+    ConfirmButton: ConfirmButton,
+    CancelButton: CancelButton,
+    Icon: Icon
 });
 export { Drawer };
 

package/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","DrawerContent","DrawerFooter","DrawerHeader","DrawerOverlay","DrawerPortal","DrawerRoot","DrawerTrigger","DrawerBody","Icon","ConfirmButton","CancelButton","DrawerBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","useMemo","defaultOpen","open","onOpenChange","originalOnOpenChange","onClose","onOpen","modal","dir","trigger","title","icon","description","showCloseButton","headerSeparator","children","bodyPadding","actions","info","footerSeparator","rest","createElement","separator","Object","assign","asChild","className","displayName","DecoratableDrawer","Drawer"],"sources":["Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DrawerContent } from \"./components/DrawerContent.js\";\nimport { DrawerFooter } from \"./components/DrawerFooter.js\";\nimport { DrawerHeader } from \"./components/DrawerHeader.js\";\nimport { DrawerOverlay } from \"./components/DrawerOverlay.js\";\nimport { DrawerPortal } from \"./components/DrawerPortal.js\";\nimport { DrawerRoot } from \"./components/DrawerRoot.js\";\nimport { DrawerTrigger } from \"./components/DrawerTrigger.js\";\nimport { DrawerBody } from \"~/Drawer/components/DrawerBody.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmButton } from \"./components/ConfirmButton.js\";\nimport { CancelButton } from \"./components/CancelButton.js\";\n\ninterface DrawerProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DrawerRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    modal?: boolean;\n    showCloseButton?: boolean;\n    bodyPadding?: boolean;\n    headerSeparator?: boolean;\n    footerSeparator?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    width?: React.CSSProperties[\"width\"];\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DrawerBase = (props: DrawerProps) => {\n    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } =\n        React.useMemo(() => {\n            const {\n                // Root props.\n                defaultOpen,\n                open,\n                onOpenChange: originalOnOpenChange,\n                onClose,\n                onOpen,\n\n                // We want the drawer to always allow interaction with the outside elements.\n                modal = false,\n                dir,\n\n                // Trigger props.\n                trigger,\n\n                // Header props.\n                title,\n                icon,\n                description,\n                showCloseButton,\n                headerSeparator,\n\n                // Body props.\n                children,\n                bodyPadding,\n\n                // Footer props.\n                actions,\n                info,\n                footerSeparator,\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                },\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: {\n                    title,\n                    icon,\n                    description,\n                    showCloseButton,\n                    separator: headerSeparator\n                },\n                bodyProps: { children, bodyPadding },\n                footerProps: { info, actions, separator: footerSeparator },\n                contentProps: rest\n            };\n        }, [props]);\n\n    return (\n        <DrawerRoot {...rootProps}>\n            {triggerProps.children && <DrawerTrigger {...triggerProps} asChild />}\n            <DrawerPortal>\n                <div data-role=\"drawer\" className={\"absolute z-overlay\"}>\n                    {rootProps.modal && <DrawerOverlay />}\n                    <DrawerContent {...contentProps} modal={rootProps.modal}>\n                        <DrawerHeader {...headerProps} />\n                        <DrawerBody {...bodyProps} />\n                        <DrawerFooter {...footerProps} />\n                    </DrawerContent>\n                </div>\n            </DrawerPortal>\n        </DrawerRoot>\n    );\n};\n\nDrawerBase.displayName = \"Drawer\";\n\nconst DecoratableDrawer = makeDecoratable(\"Drawer\", DrawerBase);\n\nconst Drawer = withStaticProps(DecoratableDrawer, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Drawer, type DrawerProps };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Drawer/Drawer.js","sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { DrawerContent } from \"./components/DrawerContent.js\";\nimport { DrawerFooter } from \"./components/DrawerFooter.js\";\nimport { DrawerHeader } from \"./components/DrawerHeader.js\";\nimport { DrawerOverlay } from \"./components/DrawerOverlay.js\";\nimport { DrawerPortal } from \"./components/DrawerPortal.js\";\nimport { DrawerRoot } from \"./components/DrawerRoot.js\";\nimport { DrawerTrigger } from \"./components/DrawerTrigger.js\";\nimport { DrawerBody } from \"~/Drawer/components/DrawerBody.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { ConfirmButton } from \"./components/ConfirmButton.js\";\nimport { CancelButton } from \"./components/CancelButton.js\";\n\ninterface DrawerProps\n    extends\n        React.ComponentPropsWithoutRef<typeof DrawerRoot>,\n        Omit<React.ComponentPropsWithoutRef<typeof DrawerContent>, \"title\"> {\n    trigger?: React.ReactNode;\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    modal?: boolean;\n    showCloseButton?: boolean;\n    bodyPadding?: boolean;\n    headerSeparator?: boolean;\n    footerSeparator?: boolean;\n    description?: React.ReactNode;\n    children: React.ReactNode;\n    actions?: React.ReactNode;\n    info?: React.ReactNode;\n    width?: React.CSSProperties[\"width\"];\n    onClose?: () => void;\n    onOpen?: () => void;\n}\n\nconst DrawerBase = (props: DrawerProps) => {\n    const { rootProps, triggerProps, contentProps, headerProps, bodyProps, footerProps } =\n        React.useMemo(() => {\n            const {\n                // Root props.\n                defaultOpen,\n                open,\n                onOpenChange: originalOnOpenChange,\n                onClose,\n                onOpen,\n\n                // We want the drawer to always allow interaction with the outside elements.\n                modal = false,\n                dir,\n\n                // Trigger props.\n                trigger,\n\n                // Header props.\n                title,\n                icon,\n                description,\n                showCloseButton,\n                headerSeparator,\n\n                // Body props.\n                children,\n                bodyPadding,\n\n                // Footer props.\n                actions,\n                info,\n                footerSeparator,\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                },\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: {\n                    title,\n                    icon,\n                    description,\n                    showCloseButton,\n                    separator: headerSeparator\n                },\n                bodyProps: { children, bodyPadding },\n                footerProps: { info, actions, separator: footerSeparator },\n                contentProps: rest\n            };\n        }, [props]);\n\n    return (\n        <DrawerRoot {...rootProps}>\n            {triggerProps.children && <DrawerTrigger {...triggerProps} asChild />}\n            <DrawerPortal>\n                <div data-role=\"drawer\" className={\"absolute z-overlay\"}>\n                    {rootProps.modal && <DrawerOverlay />}\n                    <DrawerContent {...contentProps} modal={rootProps.modal}>\n                        <DrawerHeader {...headerProps} />\n                        <DrawerBody {...bodyProps} />\n                        <DrawerFooter {...footerProps} />\n                    </DrawerContent>\n                </div>\n            </DrawerPortal>\n        </DrawerRoot>\n    );\n};\n\nDrawerBase.displayName = \"Drawer\";\n\nconst DecoratableDrawer = makeDecoratable(\"Drawer\", DrawerBase);\n\nconst Drawer = withStaticProps(DecoratableDrawer, {\n    ConfirmButton,\n    CancelButton,\n    Icon\n});\n\nexport { Drawer, type DrawerProps };\n"],"names":["DrawerBase","props","rootProps","triggerProps","contentProps","headerProps","bodyProps","footerProps","React","defaultOpen","open","originalOnOpenChange","onClose","onOpen","modal","dir","trigger","title","icon","description","showCloseButton","headerSeparator","children","bodyPadding","actions","info","footerSeparator","rest","onOpenChange","DrawerRoot","DrawerTrigger","DrawerPortal","DrawerOverlay","DrawerContent","DrawerHeader","DrawerBody","DrawerFooter","DecoratableDrawer","makeDecoratable","Drawer","withStaticProps","ConfirmButton","CancelButton","Icon"],"mappings":";;;;;;;;;;;;;AAmCA,MAAMA,aAAa,CAACC;IAChB,MAAM,EAAEC,SAAS,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAChFC,wBAAAA,OAAa,CAAC;QACV,MAAM,EAEFC,WAAW,EACXC,IAAI,EACJ,cAAcC,oBAAoB,EAClCC,OAAO,EACPC,MAAM,EAGNC,QAAQ,KAAK,EACbC,GAAG,EAGHC,OAAO,EAGPC,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,eAAe,EACfC,eAAe,EAGfC,QAAQ,EACRC,WAAW,EAGXC,OAAO,EACPC,IAAI,EACJC,eAAe,EAGf,GAAGC,MACN,GAAG1B;QAGJ,MAAM2B,eAAe,CAAClB;YAClBC,wBAAwBA,qBAAqBD;YAE7C,IAAIE,WAAW,CAACF,MACZE;YAGJ,IAAIC,UAAUH,MACVG;QAER;QAEA,OAAO;YACH,WAAW;gBACPJ;gBACAC;gBACAkB;gBACAd;gBACAC;YACJ;YACA,cAAc;gBAGV,UAAU,WAAV,GAAU,sCAAC,aAAKC;YACpB;YACA,aAAa;gBACTC;gBACAC;gBACAC;gBACAC;gBACA,WAAWC;YACf;YACA,WAAW;gBAAEC;gBAAUC;YAAY;YACnC,aAAa;gBAAEE;gBAAMD;gBAAS,WAAWE;YAAgB;YACzD,cAAcC;QAClB;IACJ,GAAG;QAAC1B;KAAM;IAEd,OAAO,WAAP,GACI,sCAAC4B,YAAe3B,WACXC,aAAa,QAAQ,IAAI,WAAJ,GAAI,sCAAC2B,eAAaA;QAAE,GAAG3B,YAAY;QAAE;sBAC3D,sCAAC4B,cAAYA,MAAAA,WAAAA,GACT,sCAAC;QAAI,aAAU;QAAS,WAAW;OAC9B7B,UAAU,KAAK,IAAI,WAAJ,GAAI,sCAAC8B,eAAaA,OAAAA,WAAAA,GAClC,sCAACC,eAAaA;QAAE,GAAG7B,YAAY;QAAE,OAAOF,UAAU,KAAK;qBACnD,sCAACgC,cAAiB7B,cAAAA,WAAAA,GAClB,sCAAC8B,YAAe7B,YAAAA,WAAAA,GAChB,sCAAC8B,cAAiB7B;AAM1C;AAEAP,WAAW,WAAW,GAAG;AAEzB,MAAMqC,oBAAoBC,gBAAgB,UAAUtC;AAEpD,MAAMuC,SAASC,gBAAgBH,mBAAmB;IAC9CI,eAAaA;IACbC,cAAYA;IACZC,MAAIA;AACR"}

package/Drawer/Drawer.stories.d.ts

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import type { Meta, StoryObj } from "@storybook/react";
 import { Drawer } from "./Drawer.js";
 declare const meta: Meta<typeof Drawer>;
 export default meta;