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

package/Toast/useToast.js

@@ -1,99 +1,85 @@
-import * as React from "react";
-import { toast as sonnerToast } from "sonner";
-import { ReactComponent as Check } from "@webiny/icons/check.svg";
-import { ReactComponent as Warning } from "@webiny/icons/warning.svg";
+import { toast as external_sonner_toast } from "sonner";
+import { ReactComponent } from "@webiny/icons/check.svg";
+import { ReactComponent as warning_svg_ReactComponent } from "@webiny/icons/warning.svg";
 import { ToastActions, ToastDescription, ToastTitle } from "./components/index.js";
 import { Toast } from "./Toast.js";
 import { Icon } from "../Icon/index.js";
 import { generateId } from "../utils.js";
-const useToast = () => {
-  const getTitle = React.useCallback(title => {
-    return typeof title === "string" ? /*#__PURE__*/React.createElement(ToastTitle, {
-      text: title
-    }) : title;
-  }, []);
-  const getDescription = React.useCallback(description => {
-    return typeof description === "string" ? /*#__PURE__*/React.createElement(ToastDescription, {
-      text: description
-    }) : description;
-  }, []);
-  const getActions = React.useCallback(actions => {
-    if (!actions) {
-      return null;
-    }
-    return typeof actions === typeof ToastActions ? actions : /*#__PURE__*/React.createElement(ToastActions, null, actions);
-  }, []);
-  const showToast = React.useCallback(params => {
-    const {
-      title,
-      description,
-      icon,
-      actions,
-      variant,
-      dismissible,
-      duration = 6000,
-      position = "bottom-left"
-    } = params;
-    const id = generateId();
-    return sonnerToast.custom(toast => /*#__PURE__*/React.createElement(Toast, {
-      title: getTitle(title),
-      description: getDescription(description),
-      icon: icon,
-      actions: getActions(actions),
-      variant: variant,
-      onCloseClick: () => sonnerToast.dismiss(toast),
-      dismissible: dismissible
-    }), {
-      id,
-      duration,
-      dismissible,
-      position
-    });
-  }, [getTitle, getDescription, sonnerToast]);
-  const hideToast = React.useCallback(id => {
-    return sonnerToast.dismiss(id);
-  }, [sonnerToast]);
-  const hideAllToasts = React.useCallback(() => {
-    const toastIds = sonnerToast.getToasts().map(toast => toast.id);
-    if (toastIds.length === 0) {
-      return;
-    }
-
-    // Dismiss each toast with a small delay between them
-    // This helps ensure each dismissal is processed properly
-    toastIds.forEach((id, index) => {
-      setTimeout(() => {
-        sonnerToast.dismiss(id);
-      }, index * 50);
-    });
-  }, [sonnerToast]);
-  const showSuccessToast = params => {
-    return showToast({
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(Check, null),
-        label: "",
-        className: "fill-success"
-      }),
-      ...params
-    });
-  };
-  const showWarningToast = params => {
-    return showToast({
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(Warning, null),
-        label: "",
-        className: "fill-warning"
-      }),
-      ...params
-    });
-  };
-  return React.useMemo(() => ({
-    showToast,
-    showSuccessToast,
-    showWarningToast,
-    hideToast,
-    hideAllToasts
-  }), [showToast, hideToast, hideAllToasts]);
+import * as __rspack_external_react from "react";
+const useToast = ()=>{
+    const getTitle = __rspack_external_react.useCallback((title)=>"string" == typeof title ? /*#__PURE__*/ __rspack_external_react.createElement(ToastTitle, {
+            text: title
+        }) : title, []);
+    const getDescription = __rspack_external_react.useCallback((description)=>"string" == typeof description ? /*#__PURE__*/ __rspack_external_react.createElement(ToastDescription, {
+            text: description
+        }) : description, []);
+    const getActions = __rspack_external_react.useCallback((actions)=>{
+        if (!actions) return null;
+        return typeof actions === typeof ToastActions ? actions : /*#__PURE__*/ __rspack_external_react.createElement(ToastActions, null, actions);
+    }, []);
+    const showToast = __rspack_external_react.useCallback((params)=>{
+        const { title, description, icon, actions, variant, dismissible, duration = 6000, position = "bottom-left" } = params;
+        const id = generateId();
+        return external_sonner_toast.custom((toast)=>/*#__PURE__*/ __rspack_external_react.createElement(Toast, {
+                title: getTitle(title),
+                description: getDescription(description),
+                icon: icon,
+                actions: getActions(actions),
+                variant: variant,
+                onCloseClick: ()=>external_sonner_toast.dismiss(toast),
+                dismissible: dismissible
+            }), {
+            id,
+            duration,
+            dismissible,
+            position
+        });
+    }, [
+        getTitle,
+        getDescription,
+        external_sonner_toast
+    ]);
+    const hideToast = __rspack_external_react.useCallback((id)=>external_sonner_toast.dismiss(id), [
+        external_sonner_toast
+    ]);
+    const hideAllToasts = __rspack_external_react.useCallback(()=>{
+        const toastIds = external_sonner_toast.getToasts().map((toast)=>toast.id);
+        if (0 === toastIds.length) return;
+        toastIds.forEach((id, index)=>{
+            setTimeout(()=>{
+                external_sonner_toast.dismiss(id);
+            }, 50 * index);
+        });
+    }, [
+        external_sonner_toast
+    ]);
+    const showSuccessToast = (params)=>showToast({
+            icon: /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+                icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+                label: "",
+                className: "fill-success"
+            }),
+            ...params
+        });
+    const showWarningToast = (params)=>showToast({
+            icon: /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+                icon: /*#__PURE__*/ __rspack_external_react.createElement(warning_svg_ReactComponent, null),
+                label: "",
+                className: "fill-warning"
+            }),
+            ...params
+        });
+    return __rspack_external_react.useMemo(()=>({
+            showToast,
+            showSuccessToast,
+            showWarningToast,
+            hideToast,
+            hideAllToasts
+        }), [
+        showToast,
+        hideToast,
+        hideAllToasts
+    ]);
 };
 export { useToast };
 

package/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","toast","sonnerToast","ReactComponent","Check","Warning","ToastActions","ToastDescription","ToastTitle","Toast","Icon","generateId","useToast","getTitle","useCallback","title","createElement","text","getDescription","description","getActions","actions","showToast","params","icon","variant","dismissible","duration","position","id","custom","onCloseClick","dismiss","hideToast","hideAllToasts","toastIds","getToasts","map","length","forEach","index","setTimeout","showSuccessToast","label","className","showWarningToast","useMemo"],"sources":["useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport {\n    ToastActions,\n    ToastDescription,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components/index.js\";\nimport { Toast } from \"./Toast.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { generateId } from \"~/utils.js\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const getActions = React.useCallback(\n        (actions: React.ReactElement<typeof ToastActions> | any | undefined) => {\n            if (!actions) {\n                return null;\n            }\n            return typeof actions === typeof ToastActions ? (\n                actions\n            ) : (\n                <ToastActions>{actions}</ToastActions>\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"bottom-left\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={getActions(actions)}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast/useToast.js","sources":["../../src/Toast/useToast.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { toast as sonnerToast, type ToasterProps as SonnerToasterProps } from \"sonner\";\nimport { ReactComponent as Check } from \"@webiny/icons/check.svg\";\nimport { ReactComponent as Warning } from \"@webiny/icons/warning.svg\";\nimport {\n    ToastActions,\n    ToastDescription,\n    ToastTitle,\n    type ToastRootProps\n} from \"./components/index.js\";\nimport { Toast } from \"./Toast.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { generateId } from \"~/utils.js\";\n\ntype ShowToastParams = {\n    title: React.ReactElement<typeof ToastTitle> | string;\n    description?: React.ReactElement<typeof ToastDescription> | string;\n    icon?: React.ReactElement<typeof Icon>;\n    actions?: React.ReactElement<typeof ToastActions>;\n    dismissible?: boolean;\n    duration?: number;\n    position?: SonnerToasterProps[\"position\"];\n    variant?: ToastRootProps[\"variant\"];\n};\n\nconst useToast = () => {\n    const getTitle = React.useCallback((title: React.ReactElement<typeof ToastTitle> | string) => {\n        return typeof title === \"string\" ? <ToastTitle text={title} /> : title;\n    }, []);\n\n    const getDescription = React.useCallback(\n        (description: React.ReactElement<typeof ToastDescription> | string | undefined) => {\n            return typeof description === \"string\" ? (\n                <ToastDescription text={description} />\n            ) : (\n                description\n            );\n        },\n        []\n    );\n\n    const getActions = React.useCallback(\n        (actions: React.ReactElement<typeof ToastActions> | any | undefined) => {\n            if (!actions) {\n                return null;\n            }\n            return typeof actions === typeof ToastActions ? (\n                actions\n            ) : (\n                <ToastActions>{actions}</ToastActions>\n            );\n        },\n        []\n    );\n\n    const showToast = React.useCallback(\n        (params: ShowToastParams) => {\n            const {\n                title,\n                description,\n                icon,\n                actions,\n                variant,\n                dismissible,\n                duration = 6000,\n                position = \"bottom-left\"\n            } = params;\n\n            const id = generateId();\n\n            return sonnerToast.custom(\n                toast => (\n                    <Toast\n                        title={getTitle(title)}\n                        description={getDescription(description)}\n                        icon={icon}\n                        actions={getActions(actions)}\n                        variant={variant}\n                        onCloseClick={() => sonnerToast.dismiss(toast)}\n                        dismissible={dismissible}\n                    />\n                ),\n                {\n                    id,\n                    duration,\n                    dismissible,\n                    position\n                }\n            );\n        },\n        [getTitle, getDescription, sonnerToast]\n    );\n\n    const hideToast = React.useCallback(\n        (id: number | string) => {\n            return sonnerToast.dismiss(id);\n        },\n        [sonnerToast]\n    );\n\n    const hideAllToasts = React.useCallback(() => {\n        const toastIds = sonnerToast.getToasts().map(toast => toast.id);\n\n        if (toastIds.length === 0) {\n            return;\n        }\n\n        // Dismiss each toast with a small delay between them\n        // This helps ensure each dismissal is processed properly\n        toastIds.forEach((id, index) => {\n            setTimeout(() => {\n                sonnerToast.dismiss(id);\n            }, index * 50);\n        });\n    }, [sonnerToast]);\n\n    const showSuccessToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Check />} label={\"\"} className={\"fill-success\"} />,\n            ...params\n        });\n    };\n\n    const showWarningToast = (params: ShowToastParams) => {\n        return showToast({\n            icon: <Icon icon={<Warning />} label={\"\"} className={\"fill-warning\"} />,\n            ...params\n        });\n    };\n\n    return React.useMemo(\n        () => ({\n            showToast,\n            showSuccessToast,\n            showWarningToast,\n            hideToast,\n            hideAllToasts\n        }),\n        [showToast, hideToast, hideAllToasts]\n    );\n};\n\nexport { useToast, type ShowToastParams };\n"],"names":["useToast","getTitle","React","title","ToastTitle","getDescription","description","ToastDescription","getActions","actions","ToastActions","showToast","params","icon","variant","dismissible","duration","position","id","generateId","sonnerToast","toast","Toast","hideToast","hideAllToasts","toastIds","index","setTimeout","showSuccessToast","Icon","Check","showWarningToast","Warning"],"mappings":";;;;;;;;AAyBA,MAAMA,WAAW;IACb,MAAMC,WAAWC,wBAAAA,WAAiB,CAAC,CAACC,QACzB,AAAiB,YAAjB,OAAOA,QAAqB,WAAX,GAAW,sCAACC,YAAUA;YAAC,MAAMD;aAAYA,OAClE,EAAE;IAEL,MAAME,iBAAiBH,wBAAAA,WAAiB,CACpC,CAACI,cACU,AAAuB,YAAvB,OAAOA,cAA2B,WAAX,GAC1B,sCAACC,kBAAgBA;YAAC,MAAMD;aAExBA,aAGR,EAAE;IAGN,MAAME,aAAaN,wBAAAA,WAAiB,CAChC,CAACO;QACG,IAAI,CAACA,SACD,OAAO;QAEX,OAAO,OAAOA,YAAY,OAAOC,eAC7BD,UAAAA,WAAAA,GAEA,sCAACC,cAAYA,MAAED;IAEvB,GACA,EAAE;IAGN,MAAME,YAAYT,wBAAAA,WAAiB,CAC/B,CAACU;QACG,MAAM,EACFT,KAAK,EACLG,WAAW,EACXO,IAAI,EACJJ,OAAO,EACPK,OAAO,EACPC,WAAW,EACXC,WAAW,IAAI,EACfC,WAAW,aAAa,EAC3B,GAAGL;QAEJ,MAAMM,KAAKC;QAEX,OAAOC,sBAAAA,MAAkB,CACrBC,CAAAA,QAAAA,WAAAA,GACI,sCAACC,OAAKA;gBACF,OAAOrB,SAASE;gBAChB,aAAaE,eAAeC;gBAC5B,MAAMO;gBACN,SAASL,WAAWC;gBACpB,SAASK;gBACT,cAAc,IAAMM,sBAAAA,OAAmB,CAACC;gBACxC,aAAaN;gBAGrB;YACIG;YACAF;YACAD;YACAE;QACJ;IAER,GACA;QAAChB;QAAUI;QAAgBe;KAAY;IAG3C,MAAMG,YAAYrB,wBAAAA,WAAiB,CAC/B,CAACgB,KACUE,sBAAAA,OAAmB,CAACF,KAE/B;QAACE;KAAY;IAGjB,MAAMI,gBAAgBtB,wBAAAA,WAAiB,CAAC;QACpC,MAAMuB,WAAWL,sBAAAA,SAAqB,GAAG,GAAG,CAACC,CAAAA,QAASA,MAAM,EAAE;QAE9D,IAAII,AAAoB,MAApBA,SAAS,MAAM,EACf;QAKJA,SAAS,OAAO,CAAC,CAACP,IAAIQ;YAClBC,WAAW;gBACPP,sBAAAA,OAAmB,CAACF;YACxB,GAAGQ,AAAQ,KAARA;QACP;IACJ,GAAG;QAACN;KAAY;IAEhB,MAAMQ,mBAAmB,CAAChB,SACfD,UAAU;YACb,MAAM,WAAN,GAAM,sCAACkB,MAAIA;gBAAC,oBAAM,sCAACC,gBAAKA;gBAAK,OAAO;gBAAI,WAAW;;YACnD,GAAGlB,MAAM;QACb;IAGJ,MAAMmB,mBAAmB,CAACnB,SACfD,UAAU;YACb,MAAM,WAAN,GAAM,sCAACkB,MAAIA;gBAAC,oBAAM,sCAACG,4BAAOA;gBAAK,OAAO;gBAAI,WAAW;;YACrD,GAAGpB,MAAM;QACb;IAGJ,OAAOV,wBAAAA,OAAa,CAChB,IAAO;YACHS;YACAiB;YACAG;YACAR;YACAC;QACJ,IACA;QAACb;QAAWY;QAAWC;KAAc;AAE7C"}

package/Toast/useToast.stories.d.ts

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

package/Toast/useToast.stories.js

@@ -1,179 +1,189 @@
-import React, { useState } from "react";
-import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import react, { useState } from "react";
+import { ReactComponent } from "@webiny/icons/settings.svg";
 import { Toast } from "./Toast.js";
 import { useToast } from "./useToast.js";
 import { Button } from "../Button/index.js";
 import { Icon } from "../Icon/index.js";
-const ToastComponent = props => {
-  const [lastToast, setLastToast] = useState("");
-  const {
-    showToast,
-    hideToast,
-    hideAllToasts
-  } = useToast();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    text: "Show Toast",
-    onClick: () => {
-      const toast = showToast(props);
-      setLastToast(toast);
-    }
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: "Hide latest toast",
-    onClick: () => hideToast(lastToast)
-  }), /*#__PURE__*/React.createElement(Button, {
-    text: "Hide all toasts",
-    onClick: () => hideAllToasts()
-  }));
+const ToastComponent = (props)=>{
+    const [lastToast, setLastToast] = useState("");
+    const { showToast, hideToast, hideAllToasts } = useToast();
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Button, {
+        text: "Show Toast",
+        onClick: ()=>{
+            const toast = showToast(props);
+            setLastToast(toast);
+        }
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Hide latest toast",
+        onClick: ()=>hideToast(lastToast)
+    }), /*#__PURE__*/ react.createElement(Button, {
+        text: "Hide all toasts",
+        onClick: ()=>hideAllToasts()
+    }));
 };
 const meta = {
-  title: "Components/Toast",
-  component: ToastComponent,
-  parameters: {
-    layout: "fullscreen"
-  },
-  argTypes: {
-    variant: {
-      control: "select",
-      options: ["default", "subtle"]
-    }
-  },
-  decorators: [Story => /*#__PURE__*/React.createElement("div", {
-    className: "w-full h-64 flex justify-center items-center gap-sm"
-  }, /*#__PURE__*/React.createElement(Story, null), /*#__PURE__*/React.createElement(Toast.Provider, null))]
+    title: "Components/Toast",
+    component: ToastComponent,
+    parameters: {
+        layout: "fullscreen"
+    },
+    argTypes: {
+        variant: {
+            control: "select",
+            options: [
+                "default",
+                "subtle"
+            ]
+        }
+    },
+    decorators: [
+        (Story)=>/*#__PURE__*/ react.createElement("div", {
+                className: "w-full h-64 flex justify-center items-center gap-sm"
+            }, /*#__PURE__*/ react.createElement(Story, null), /*#__PURE__*/ react.createElement(Toast.Provider, null))
+    ]
 };
-export default meta;
-export const Default = {
-  args: {
-    title: "New entry created"
-  }
+const useToast_stories = meta;
+const Default = {
+    args: {
+        title: "New entry created"
+    }
 };
-export const SubtleVariant = {
-  args: {
-    ...Default.args,
-    variant: "subtle"
-  }
+const SubtleVariant = {
+    args: {
+        ...Default.args,
+        variant: "subtle"
+    }
 };
-export const WithTitleComponent = {
-  args: {
-    title: /*#__PURE__*/React.createElement(Toast.Title, {
-      text: "New entry created"
-    })
-  }
+const WithTitleComponent = {
+    args: {
+        title: /*#__PURE__*/ react.createElement(Toast.Title, {
+            text: "New entry created"
+        })
+    }
 };
-export const WithDescription = {
-  args: {
-    ...Default.args,
-    description: 'Entry "Article One" has been successfully created'
-  }
+const WithDescription = {
+    args: {
+        ...Default.args,
+        description: 'Entry "Article One" has been successfully created'
+    }
 };
-export const WithDescriptionComponent = {
-  args: {
-    ...Default.args,
-    description: /*#__PURE__*/React.createElement(Toast.Description, {
-      text: 'Entry "Article One" has been successfully created'
-    })
-  }
+const WithDescriptionComponent = {
+    args: {
+        ...Default.args,
+        description: /*#__PURE__*/ react.createElement(Toast.Description, {
+            text: 'Entry "Article One" has been successfully created'
+        })
+    }
 };
-export const WithActions = {
-  args: {
-    ...Default.args,
-    actions: /*#__PURE__*/React.createElement(Toast.Actions, null, /*#__PURE__*/React.createElement(Button, {
-      key: "action-1",
-      text: "Do the action",
-      onClick: () => console.log("doTheAction")
-    }), /*#__PURE__*/React.createElement(Button, {
-      key: "action-2",
-      text: "Dismiss",
-      onClick: () => console.log("dismiss"),
-      variant: "secondary"
-    }))
-  }
+const WithActions = {
+    args: {
+        ...Default.args,
+        actions: /*#__PURE__*/ react.createElement(Toast.Actions, null, /*#__PURE__*/ react.createElement(Button, {
+            key: "action-1",
+            text: "Do the action",
+            onClick: ()=>console.log("doTheAction")
+        }), /*#__PURE__*/ react.createElement(Button, {
+            key: "action-2",
+            text: "Dismiss",
+            onClick: ()=>console.log("dismiss"),
+            variant: "secondary"
+        }))
+    }
 };
-export const WithDescriptionAndActions = {
-  args: {
-    ...Default.args,
-    description: /*#__PURE__*/React.createElement(Toast.Description, {
-      text: 'Entry "Article One" has been successfully created'
-    }),
-    actions: /*#__PURE__*/React.createElement(Toast.Actions, null, /*#__PURE__*/React.createElement(Button, {
-      key: "action-1",
-      text: "Do the action",
-      onClick: () => console.log("doTheAction")
-    }), /*#__PURE__*/React.createElement(Button, {
-      key: "action-2",
-      text: "Dismiss",
-      onClick: () => console.log("dismiss"),
-      variant: "secondary"
-    }))
-  }
+const WithDescriptionAndActions = {
+    args: {
+        ...Default.args,
+        description: /*#__PURE__*/ react.createElement(Toast.Description, {
+            text: 'Entry "Article One" has been successfully created'
+        }),
+        actions: /*#__PURE__*/ react.createElement(Toast.Actions, null, /*#__PURE__*/ react.createElement(Button, {
+            key: "action-1",
+            text: "Do the action",
+            onClick: ()=>console.log("doTheAction")
+        }), /*#__PURE__*/ react.createElement(Button, {
+            key: "action-2",
+            text: "Dismiss",
+            onClick: ()=>console.log("dismiss"),
+            variant: "secondary"
+        }))
+    }
 };
-export const WithCustomIcon = {
-  args: {
-    ...Default.args,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-      label: "Settings"
-    })
-  }
+const WithCustomIcon = {
+    args: {
+        ...Default.args,
+        icon: /*#__PURE__*/ react.createElement(Icon, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            label: "Settings"
+        })
+    }
 };
-export const WithInfiniteDuration = {
-  args: {
-    ...Default.args,
-    duration: Infinity
-  }
+const WithInfiniteDuration = {
+    args: {
+        ...Default.args,
+        duration: 1 / 0
+    }
 };
-export const NotDismissible = {
-  args: {
-    ...Default.args,
-    dismissible: false
-  }
+const NotDismissible = {
+    args: {
+        ...Default.args,
+        dismissible: false
+    }
 };
-export const withCustomPosition = {
-  args: {
-    ...Default.args,
-    position: "bottom-right"
-  }
+const withCustomPosition = {
+    args: {
+        ...Default.args,
+        position: "bottom-right"
+    }
 };
-export const Documentation = {
-  args: {
-    title: "New entry created",
-    description: "Entry has been successfully created",
-    variant: "default",
-    position: "top-right",
-    duration: 6000,
-    dismissible: true,
-    actions: undefined,
-    icon: undefined
-  },
-  argTypes: {
-    title: {
-      description: "Please refer to the 'With Title Component' example below for details."
-    },
-    description: {
-      description: "Please refer to the 'With Description' and 'With Description Component' examples below for details."
-    },
-    variant: {
-      description: "Variant of the toast."
-    },
-    actions: {
-      description: "Please refer to the 'With Actions' example below for details."
-    },
-    icon: {
-      description: "Please refer to the 'With Custom Icon' example below for details."
-    },
-    duration: {
-      description: "Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.",
-      control: "number"
-    },
-    dismissible: {
-      description: "Please refer to the 'Not Dismissible' example below for details."
+const Documentation = {
+    args: {
+        title: "New entry created",
+        description: "Entry has been successfully created",
+        variant: "default",
+        position: "top-right",
+        duration: 6000,
+        dismissible: true,
+        actions: void 0,
+        icon: void 0
     },
-    position: {
-      description: "Please refer to the 'With Custom Position' example below for details.",
-      control: "select",
-      options: ["top-left", "top-right", "bottom-left", "bottom-right", "top-center", "bottom-center"]
+    argTypes: {
+        title: {
+            description: "Please refer to the 'With Title Component' example below for details."
+        },
+        description: {
+            description: "Please refer to the 'With Description' and 'With Description Component' examples below for details."
+        },
+        variant: {
+            description: "Variant of the toast."
+        },
+        actions: {
+            description: "Please refer to the 'With Actions' example below for details."
+        },
+        icon: {
+            description: "Please refer to the 'With Custom Icon' example below for details."
+        },
+        duration: {
+            description: "Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.",
+            control: "number"
+        },
+        dismissible: {
+            description: "Please refer to the 'Not Dismissible' example below for details."
+        },
+        position: {
+            description: "Please refer to the 'With Custom Position' example below for details.",
+            control: "select",
+            options: [
+                "top-left",
+                "top-right",
+                "bottom-left",
+                "bottom-right",
+                "top-center",
+                "bottom-center"
+            ]
+        }
     }
-  }
 };
+export default useToast_stories;
+export { Default, Documentation, NotDismissible, SubtleVariant, WithActions, WithCustomIcon, WithDescription, WithDescriptionAndActions, WithDescriptionComponent, WithInfiniteDuration, WithTitleComponent, withCustomPosition };
 
 //# sourceMappingURL=useToast.stories.js.map

package/Toast/useToast.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","SettingsIcon","Toast","useToast","Button","Icon","ToastComponent","props","lastToast","setLastToast","showToast","hideToast","hideAllToasts","createElement","Fragment","text","onClick","toast","meta","title","component","parameters","layout","argTypes","variant","control","options","decorators","Story","className","Provider","Default","args","SubtleVariant","WithTitleComponent","Title","WithDescription","description","WithDescriptionComponent","Description","WithActions","actions","Actions","key","console","log","WithDescriptionAndActions","WithCustomIcon","icon","label","WithInfiniteDuration","duration","Infinity","NotDismissible","dismissible","withCustomPosition","position","Documentation","undefined"],"sources":["useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Toast } from \"./Toast.js\";\nimport { useToast, type ShowToastParams } from \"./useToast.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"w-full h-64 flex justify-center items-center gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast/useToast.stories.js","sources":["../../src/Toast/useToast.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Toast } from \"./Toast.js\";\nimport { useToast, type ShowToastParams } from \"./useToast.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\nconst ToastComponent = (props: ShowToastParams) => {\n    const [lastToast, setLastToast] = useState<string | number>(\"\");\n    const { showToast, hideToast, hideAllToasts } = useToast();\n    return (\n        <>\n            <Button\n                text={\"Show Toast\"}\n                onClick={() => {\n                    const toast = showToast(props);\n                    setLastToast(toast);\n                }}\n            />\n            <Button text={\"Hide latest toast\"} onClick={() => hideToast(lastToast)} />\n            <Button text={\"Hide all toasts\"} onClick={() => hideAllToasts()} />\n        </>\n    );\n};\n\nconst meta: Meta<ShowToastParams> = {\n    title: \"Components/Toast\",\n    component: ToastComponent,\n    parameters: {\n        layout: \"fullscreen\"\n    },\n    argTypes: {\n        variant: { control: \"select\", options: [\"default\", \"subtle\"] }\n    },\n    decorators: [\n        Story => (\n            <div className=\"w-full h-64 flex justify-center items-center gap-sm\">\n                <Story />\n                <Toast.Provider />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<ShowToastParams>;\n\nexport const Default: Story = {\n    args: {\n        title: \"New entry created\"\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    }\n};\n\nexport const WithTitleComponent: Story = {\n    args: {\n        title: <Toast.Title text={\"New entry created\"} />\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: 'Entry \"Article One\" has been successfully created'\n    }\n};\n\nexport const WithDescriptionComponent: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        )\n    }\n};\n\nexport const WithActions: Story = {\n    args: {\n        ...Default.args,\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithDescriptionAndActions: Story = {\n    args: {\n        ...Default.args,\n        description: (\n            <Toast.Description text={'Entry \"Article One\" has been successfully created'} />\n        ),\n        actions: (\n            <Toast.Actions>\n                <Button\n                    key={\"action-1\"}\n                    text={\"Do the action\"}\n                    onClick={() => console.log(\"doTheAction\")}\n                />\n                <Button\n                    key={\"action-2\"}\n                    text={\"Dismiss\"}\n                    onClick={() => console.log(\"dismiss\")}\n                    variant={\"secondary\"}\n                />\n            </Toast.Actions>\n        )\n    }\n};\n\nexport const WithCustomIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Icon icon={<SettingsIcon />} label={\"Settings\"} />\n    }\n};\n\nexport const WithInfiniteDuration: Story = {\n    args: {\n        ...Default.args,\n        duration: Infinity\n    }\n};\n\nexport const NotDismissible: Story = {\n    args: {\n        ...Default.args,\n        dismissible: false\n    }\n};\n\nexport const withCustomPosition: Story = {\n    args: {\n        ...Default.args,\n        position: \"bottom-right\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        title: \"New entry created\",\n        description: \"Entry has been successfully created\",\n        variant: \"default\",\n        position: \"top-right\",\n        duration: 6000,\n        dismissible: true,\n        actions: undefined,\n        icon: undefined\n    },\n    argTypes: {\n        title: {\n            description: \"Please refer to the 'With Title Component' example below for details.\"\n        },\n        description: {\n            description:\n                \"Please refer to the 'With Description' and 'With Description Component' examples below for details.\"\n        },\n        variant: {\n            description: \"Variant of the toast.\"\n        },\n        actions: {\n            description: \"Please refer to the 'With Actions' example below for details.\"\n        },\n        icon: {\n            description: \"Please refer to the 'With Custom Icon' example below for details.\"\n        },\n        duration: {\n            description:\n                \"Duration in milliseconds before the toast auto-dismisses. Please refer to the 'With Infinite Duration' example below for details.\",\n            control: \"number\"\n        },\n        dismissible: {\n            description: \"Please refer to the 'Not Dismissible' example below for details.\"\n        },\n        position: {\n            description: \"Please refer to the 'With Custom Position' example below for details.\",\n            control: \"select\",\n            options: [\n                \"top-left\",\n                \"top-right\",\n                \"bottom-left\",\n                \"bottom-right\",\n                \"top-center\",\n                \"bottom-center\"\n            ]\n        }\n    }\n};\n"],"names":["ToastComponent","props","lastToast","setLastToast","useState","showToast","hideToast","hideAllToasts","useToast","Button","toast","meta","Story","Toast","Default","SubtleVariant","WithTitleComponent","WithDescription","WithDescriptionComponent","WithActions","console","WithDescriptionAndActions","WithCustomIcon","Icon","SettingsIcon","WithInfiniteDuration","Infinity","NotDismissible","withCustomPosition","Documentation","undefined"],"mappings":"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"}