@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/Widget/Widget.stories.js

@@ -0,0 +1,288 @@
+import React from "react";
+import { Widget } from "./Widget.js";
+import { Button } from "../Button/index.js";
+import { List } from "../List/index.js";
+import { ReactComponent as NotificationIcon } from "@webiny/icons/notifications_active.svg";
+import { ReactComponent as ArrowForwardIcon } from "@webiny/icons/arrow_forward.svg";
+import { Tabs } from "../Tabs/index.js";
+import { ReactComponent as HistoryIcon } from "@webiny/icons/history.svg";
+import { ReactComponent as PlusIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as ManageSearchIcon } from "@webiny/icons/manage_search.svg";
+import { ReactComponent as MoreIcon } from "@webiny/icons/more_vert.svg";
+const meta = {
+  title: "Components/Widget",
+  component: Widget,
+  argTypes: {},
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export default meta;
+export const Default = {
+  args: {
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(HistoryIcon, null),
+      label: "Pages icon"
+    }),
+    title: "Widget Title",
+    variant: "accent",
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, "The amazing, splendid, and most useful umbrella, resistant to rain and friendly to winds, is something that deserves all admiration. Crafted with perfect textures, it bravely withstands storms and gently shades the rays of the sun. A remarkable innovation, with an ergonomically designed grip most suited to the hand, it remains stable even in the fiercest weather.")
+  },
+  argTypes: {}
+};
+export const PaddingSmall = {
+  args: {
+    ...Default.args,
+    padding: "sm"
+  }
+};
+export const PaddingMedium = {
+  args: {
+    ...Default.args,
+    padding: "md"
+  }
+};
+export const WithOutline = {
+  args: {
+    ...Default.args,
+    variant: "base",
+    outline: true
+  }
+};
+export const WithFooterStartActions = {
+  args: {
+    ...Default.args,
+    variant: "base",
+    outline: true,
+    footerStartActions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+    }, "New Page"), /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+    }, "New Template"))
+  }
+};
+export const WithFooterEndActions = {
+  args: {
+    ...Default.args,
+    variant: "base",
+    outline: true,
+    footerStartActions: undefined,
+    footerEndActions: /*#__PURE__*/React.createElement(Widget.Action, null, "View All")
+  }
+};
+export const WithBothFooterActions = {
+  args: {
+    ...Default.args,
+    variant: "base",
+    outline: true,
+    footerStartActions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+    }, "New Page"), /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+    }, "New Template")),
+    footerEndActions: /*#__PURE__*/React.createElement(Widget.Action, null, "View All")
+  }
+};
+export const AccentVariant = {
+  args: {
+    ...Default.args,
+    className: "w-[406px]",
+    variant: "accent",
+    title: "Pages",
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(HistoryIcon, null),
+      label: "Pages icon"
+    }),
+    description: null,
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, "Build stunning landing pages with an easy-to-use drag and drop editor."),
+    footerStartActions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+    }, "New Page"), /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(PlusIcon, null)
+    }, "New Template"))
+  }
+};
+export const LightVariant = {
+  args: {
+    variant: "light",
+    className: "w-[406px]",
+    title: "Need some assistance?",
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(NotificationIcon, null),
+      label: "Help icon"
+    }),
+    padding: "md",
+    children: /*#__PURE__*/React.createElement(List, {
+      variant: "container",
+      background: "base",
+      className: "flex flex-col gap-y-sm"
+    }, /*#__PURE__*/React.createElement(List.Item, {
+      title: "Start Webiny tour",
+      description: "Let us show you around. You pick what you...",
+      actions: /*#__PURE__*/React.createElement(List.Item.Action, {
+        icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null)
+      })
+    }), /*#__PURE__*/React.createElement(List.Item, {
+      title: "Documentation",
+      description: "Explore the Webiny documentation, learn a...",
+      actions: /*#__PURE__*/React.createElement(List.Item.Action, {
+        icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null)
+      })
+    }), /*#__PURE__*/React.createElement(List.Item, {
+      title: "Contact us",
+      description: "Contact Sales, Explore Partnerships or Sla...",
+      actions: /*#__PURE__*/React.createElement(List.Item.Action, {
+        icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null)
+      })
+    }))
+  }
+};
+export const BaseVariant = {
+  args: {
+    variant: "base",
+    className: "w-[657px]",
+    title: "Review Requests",
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(ManageSearchIcon, null),
+      label: "Review icon"
+    }),
+    headerActions: /*#__PURE__*/React.createElement(Widget.Action, null, "View All"),
+    padding: "md",
+    bodyPadding: false,
+    outline: true,
+    children: /*#__PURE__*/React.createElement(Tabs, {
+      separator: true,
+      spacing: "lg",
+      tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
+        key: "inReview",
+        value: "inReview",
+        trigger: "In Review (8)",
+        content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(List, {
+          variant: "container",
+          background: "light",
+          className: "flex flex-col gap-y-sm"
+        }, /*#__PURE__*/React.createElement(List.Item, {
+          title: "Page: Product Group",
+          description: "Marketing review Sven Al Hamad, 2 days ago",
+          colorMark: "#ef4444",
+          actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/React.createElement(MoreIcon, null)
+          }))
+        }), /*#__PURE__*/React.createElement(List.Item, {
+          title: "Article: Region",
+          description: "Legal review Sven Al Hamad, 2 days ago",
+          colorMark: "#ef4444",
+          actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/React.createElement(MoreIcon, null)
+          }))
+        }), /*#__PURE__*/React.createElement(List.Item, {
+          title: "Article: Organization",
+          description: "Specialist review Sven Al Hamad, 2 days ago",
+          colorMark: "#3b82f6",
+          actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/React.createElement(MoreIcon, null)
+          }))
+        }), /*#__PURE__*/React.createElement(List.Item, {
+          title: "Product Group: Products",
+          description: "Marketing review Sven Al Hamad, 2 days ago",
+          colorMark: "#eab308",
+          actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/React.createElement(MoreIcon, null)
+          }))
+        }), /*#__PURE__*/React.createElement(List.Item, {
+          title: "Page: Product Group",
+          description: "Marketing review Sven Al Hamad, 2 days ago",
+          colorMark: "#eab308",
+          actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(List.Item.Action, {
+            icon: /*#__PURE__*/React.createElement(MoreIcon, null)
+          }))
+        })))
+      }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+        key: "approved",
+        value: "approved",
+        trigger: "Approved",
+        content: /*#__PURE__*/React.createElement(React.Fragment, null, "No review requests approved yet.")
+      })]
+    })
+  }
+};
+export const WithSmallElevation = {
+  args: {
+    ...Default.args,
+    elevation: "sm"
+  }
+};
+export const WithMediumElevation = {
+  args: {
+    ...Default.args,
+    elevation: "md"
+  }
+};
+export const WithLargeElevation = {
+  args: {
+    ...Default.args,
+    elevation: "lg"
+  }
+};
+export const WithIcon = {
+  args: {
+    ...Default.args,
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(NotificationIcon, null),
+      label: "Title icon"
+    })
+  }
+};
+export const WithoutIcon = {
+  args: {
+    ...Default.args,
+    icon: undefined
+  }
+};
+export const Documentation = {
+  render: args => {
+    return /*#__PURE__*/React.createElement(Widget, args);
+  },
+  args: {
+    title: "Widget title goes here",
+    description: "Widget description goes here",
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, "This is widget content. Anything can go in here."),
+    footerStartActions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      text: "Cancel"
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      text: "Confirm"
+    })),
+    padding: "sm",
+    elevation: "sm"
+  },
+  argTypes: {
+    title: {
+      description: "The title displayed at the top of the widget",
+      control: "text"
+    },
+    description: {
+      description: "A description displayed below the title",
+      control: "text"
+    },
+    children: {
+      description: "The main content of the widget. Please refer to the example code for details on usage."
+    },
+    footerEndActions: {
+      description: "Buttons or other interactive elements displayed at the bottom of the widget. Please refer to the example code for details on usage."
+    },
+    padding: {
+      description: "Controls the amount of padding inside the widget",
+      control: "select",
+      options: ["none", "standard", "comfortable"]
+    },
+    elevation: {
+      description: "Controls the shadow depth of the widget",
+      control: "select",
+      options: ["none", "xs", "sm", "md", "lg", "xl"]
+    }
+  }
+};
+
+//# sourceMappingURL=Widget.stories.js.map

package/Widget/Widget.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Widget","Button","List","ReactComponent","NotificationIcon","ArrowForwardIcon","Tabs","HistoryIcon","PlusIcon","ManageSearchIcon","MoreIcon","meta","title","component","argTypes","decorators","Story","createElement","className","Default","args","icon","Icon","label","variant","children","Fragment","PaddingSmall","padding","PaddingMedium","WithOutline","outline","WithFooterStartActions","footerStartActions","Action","WithFooterEndActions","undefined","footerEndActions","WithBothFooterActions","AccentVariant","description","LightVariant","background","Item","actions","BaseVariant","headerActions","bodyPadding","separator","spacing","tabs","Tab","key","value","trigger","content","colorMark","WithSmallElevation","elevation","WithMediumElevation","WithLargeElevation","WithIcon","WithoutIcon","Documentation","render","text","control","options"],"sources":["Widget.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Widget } from \"./Widget.js\";\nimport { Button } from \"~/Button/index.js\";\nimport { List } from \"~/List/index.js\";\nimport { ReactComponent as NotificationIcon } from \"@webiny/icons/notifications_active.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { Tabs } from \"~/Tabs/index.js\";\nimport { ReactComponent as HistoryIcon } from \"@webiny/icons/history.svg\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as ManageSearchIcon } from \"@webiny/icons/manage_search.svg\";\nimport { ReactComponent as MoreIcon } from \"@webiny/icons/more_vert.svg\";\n\nconst meta: Meta<typeof Widget> = {\n    title: \"Components/Widget\",\n    component: Widget,\n    argTypes: {},\n    decorators: [\n        Story => (\n            <div className=\"bg-[#f9fafa] p-[50px] rounded-[5px] max-w-[800px] text-neutral-dimmed\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Widget>;\n\nexport const Default: Story = {\n    args: {\n        icon: <Widget.Icon icon={<HistoryIcon />} label={\"Pages icon\"} />,\n        title: \"Widget Title\",\n        variant: \"accent\",\n        children: (\n            <>\n                The amazing, splendid, and most useful umbrella, resistant to rain and friendly to\n                winds, is something that deserves all admiration. Crafted with perfect textures, it\n                bravely withstands storms and gently shades the rays of the sun. A remarkable\n                innovation, with an ergonomically designed grip most suited to the hand, it remains\n                stable even in the fiercest weather.\n            </>\n        )\n    },\n    argTypes: {}\n};\n\nexport const PaddingSmall: Story = {\n    args: {\n        ...Default.args,\n        padding: \"sm\"\n    }\n};\n\nexport const PaddingMedium: Story = {\n    args: {\n        ...Default.args,\n        padding: \"md\"\n    }\n};\n\nexport const WithOutline: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true\n    }\n};\n\nexport const WithFooterStartActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        )\n    }\n};\n\nexport const WithFooterEndActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: undefined,\n        footerEndActions: <Widget.Action>View All</Widget.Action>\n    }\n};\n\nexport const WithBothFooterActions: Story = {\n    args: {\n        ...Default.args,\n        variant: \"base\",\n        outline: true,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        ),\n        footerEndActions: <Widget.Action>View All</Widget.Action>\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        className: \"w-[406px]\",\n        variant: \"accent\",\n        title: \"Pages\",\n        icon: <Widget.Icon icon={<HistoryIcon />} label={\"Pages icon\"} />,\n        description: null,\n        children: <>Build stunning landing pages with an easy-to-use drag and drop editor.</>,\n        footerStartActions: (\n            <>\n                <Widget.Action icon={<PlusIcon />}>New Page</Widget.Action>\n                <Widget.Action icon={<PlusIcon />}>New Template</Widget.Action>\n            </>\n        )\n    }\n};\n\nexport const LightVariant: Story = {\n    args: {\n        variant: \"light\",\n        className: \"w-[406px]\",\n        title: \"Need some assistance?\",\n        icon: <Widget.Icon icon={<NotificationIcon />} label={\"Help icon\"} />,\n        padding: \"md\",\n        children: (\n            <List variant=\"container\" background={\"base\"} className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Start Webiny tour\"\n                    description=\"Let us show you around. You pick what you...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation, learn a...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description=\"Contact Sales, Explore Partnerships or Sla...\"\n                    actions={<List.Item.Action icon={<ArrowForwardIcon />} />}\n                />\n            </List>\n        )\n    }\n};\n\nexport const BaseVariant: Story = {\n    args: {\n        variant: \"base\",\n        className: \"w-[657px]\",\n        title: \"Review Requests\",\n        icon: <Widget.Icon icon={<ManageSearchIcon />} label={\"Review icon\"} />,\n        headerActions: <Widget.Action>View All</Widget.Action>,\n        padding: \"md\",\n        bodyPadding: false,\n        outline: true,\n        children: (\n            <Tabs\n                separator={true}\n                spacing={\"lg\"}\n                tabs={[\n                    <Tabs.Tab\n                        key={\"inReview\"}\n                        value={\"inReview\"}\n                        trigger={\"In Review (8)\"}\n                        content={\n                            <>\n                                <List\n                                    variant=\"container\"\n                                    background={\"light\"}\n                                    className=\"flex flex-col gap-y-sm\"\n                                >\n                                    <List.Item\n                                        title=\"Page: Product Group\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#ef4444\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Article: Region\"\n                                        description=\"Legal review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#ef4444\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Article: Organization\"\n                                        description=\"Specialist review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#3b82f6\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Product Group: Products\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#eab308\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                    <List.Item\n                                        title=\"Page: Product Group\"\n                                        description=\"Marketing review Sven Al Hamad, 2 days ago\"\n                                        colorMark=\"#eab308\"\n                                        actions={\n                                            <>\n                                                <List.Item.Action icon={<MoreIcon />} />\n                                            </>\n                                        }\n                                    />\n                                </List>\n                            </>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key={\"approved\"}\n                        value={\"approved\"}\n                        trigger={\"Approved\"}\n                        content={<>No review requests approved yet.</>}\n                    />\n                ]}\n            />\n        )\n    }\n};\n\nexport const WithSmallElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"sm\"\n    }\n};\n\nexport const WithMediumElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"md\"\n    }\n};\n\nexport const WithLargeElevation: Story = {\n    args: {\n        ...Default.args,\n        elevation: \"lg\"\n    }\n};\n\nexport const WithIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: <Widget.Icon icon={<NotificationIcon />} label={\"Title icon\"} />\n    }\n};\n\nexport const WithoutIcon: Story = {\n    args: {\n        ...Default.args,\n        icon: undefined\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        return <Widget {...args} />;\n    },\n    args: {\n        title: \"Widget title goes here\",\n        description: \"Widget description goes here\",\n        children: <>This is widget content. Anything can go in here.</>,\n        footerStartActions: (\n            <>\n                <Button variant={\"secondary\"} text={\"Cancel\"} />\n                <Button variant={\"primary\"} text={\"Confirm\"} />\n            </>\n        ),\n        padding: \"sm\",\n        elevation: \"sm\"\n    },\n    argTypes: {\n        title: {\n            description: \"The title displayed at the top of the widget\",\n            control: \"text\"\n        },\n        description: {\n            description: \"A description displayed below the title\",\n            control: \"text\"\n        },\n        children: {\n            description:\n                \"The main content of the widget. Please refer to the example code for details on usage.\"\n        },\n        footerEndActions: {\n            description:\n                \"Buttons or other interactive elements displayed at the bottom of the widget. Please refer to the example code for details on usage.\"\n        },\n        padding: {\n            description: \"Controls the amount of padding inside the widget\",\n            control: \"select\",\n            options: [\"none\", \"standard\", \"comfortable\"]\n        },\n        elevation: {\n            description: \"Controls the shadow depth of the widget\",\n            control: \"select\",\n            options: [\"none\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Widget/components/Icon.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { IconProps as IconComponentProps } from "../../Icon/index.js";
+type IconProps = IconComponentProps;
+export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
+    original: (props: IconProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: IconProps) => React.JSX.Element) & {
+        original: (props: IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
+        original: (props: IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/Widget/components/Icon.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Icon as IconComponent } from "../../Icon/index.js";
+import { makeDecoratable } from "../../utils.js";
+const IconBase = props => {
+  return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
+    size: "md",
+    color: "accent"
+  }, props));
+};
+export const Icon = makeDecoratable("Icon", IconBase);
+
+//# sourceMappingURL=Icon.js.map

package/Widget/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","IconComponent","makeDecoratable","IconBase","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = (props: IconProps) => {\n    return <IconComponent size={\"md\"} color={\"accent\"} {...props} />;\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,eAAe;AAIxB,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAS,GAAKL,KAAK,CAAG,CAAC;AACpE,CAAC;AAED,OAAO,MAAMJ,IAAI,GAAGE,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/Widget/components/WidgetAction.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { ButtonProps } from "../../Button/index.js";
+export declare const WidgetAction: ((props: ButtonProps) => React.JSX.Element) & {
+    original: (props: ButtonProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ButtonProps) => React.JSX.Element) & {
+        original: (props: ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
+        original: (props: ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/Widget/components/WidgetAction.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { makeDecoratable } from "../../utils.js";
+import { Button } from "../../Button/index.js";
+import { useWidgetActionsLocation } from "./WidgetActionsContext.js";
+const WidgetActionBase = props => {
+  const location = useWidgetActionsLocation();
+
+  // Apply different props based on location
+  const locationProps = React.useMemo(() => {
+    if (location === "header") {
+      return {
+        size: "md",
+        variant: props.variant || "ghost"
+      };
+    }
+    if (location === "footer-start") {
+      return {
+        size: "md",
+        variant: props.variant || "primary"
+      };
+    }
+    if (location === "footer-end") {
+      return {
+        size: "md",
+        variant: props.variant || "ghost"
+      };
+    }
+    // Default fallback
+    return {
+      size: "md"
+    };
+  }, [location, props.variant]);
+  return /*#__PURE__*/React.createElement(Button, Object.assign({}, locationProps, props));
+};
+export const WidgetAction = makeDecoratable("WidgetAction", WidgetActionBase);
+
+//# sourceMappingURL=WidgetAction.js.map

package/Widget/components/WidgetAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Button","useWidgetActionsLocation","WidgetActionBase","props","location","locationProps","useMemo","size","variant","createElement","Object","assign","WidgetAction"],"sources":["WidgetAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useWidgetActionsLocation } from \"./WidgetActionsContext.js\";\n\nconst WidgetActionBase = (props: ButtonProps) => {\n    const location = useWidgetActionsLocation();\n\n    // Apply different props based on location\n    const locationProps: Partial<ButtonProps> = React.useMemo(() => {\n        if (location === \"header\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"ghost\"\n            };\n        }\n        if (location === \"footer-start\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"primary\"\n            };\n        }\n        if (location === \"footer-end\") {\n            return {\n                size: \"md\",\n                variant: props.variant || \"ghost\"\n            };\n        }\n        // Default fallback\n        return {\n            size: \"md\"\n        };\n    }, [location, props.variant]);\n\n    return <Button {...locationProps} {...props} />;\n};\n\nexport const WidgetAction = makeDecoratable(\"WidgetAction\", WidgetActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,wBAAwB;AAEjC,MAAMC,gBAAgB,GAAIC,KAAkB,IAAK;EAC7C,MAAMC,QAAQ,GAAGH,wBAAwB,CAAC,CAAC;;EAE3C;EACA,MAAMI,aAAmC,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAC5D,IAAIF,QAAQ,KAAK,QAAQ,EAAE;MACvB,OAAO;QACHG,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAI;MAC9B,CAAC;IACL;IACA,IAAIJ,QAAQ,KAAK,cAAc,EAAE;MAC7B,OAAO;QACHG,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAI;MAC9B,CAAC;IACL;IACA,IAAIJ,QAAQ,KAAK,YAAY,EAAE;MAC3B,OAAO;QACHG,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEL,KAAK,CAACK,OAAO,IAAI;MAC9B,CAAC;IACL;IACA;IACA,OAAO;MACHD,IAAI,EAAE;IACV,CAAC;EACL,CAAC,EAAE,CAACH,QAAQ,EAAED,KAAK,CAACK,OAAO,CAAC,CAAC;EAE7B,oBAAOV,KAAA,CAAAW,aAAA,CAACT,MAAM,EAAAU,MAAA,CAAAC,MAAA,KAAKN,aAAa,EAAMF,KAAK,CAAG,CAAC;AACnD,CAAC;AAED,OAAO,MAAMS,YAAY,GAAGb,eAAe,CAAC,cAAc,EAAEG,gBAAgB,CAAC","ignoreList":[]}

package/Widget/components/WidgetActionsContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type WidgetActionsLocation = "header" | "footer-start" | "footer-end";
+interface WidgetActionsProviderProps {
+    location: WidgetActionsLocation;
+    children: React.ReactNode;
+}
+export declare const WidgetActionsProvider: ({ location, children }: WidgetActionsProviderProps) => React.JSX.Element;
+export declare const useWidgetActionsLocation: () => WidgetActionsLocation | undefined;
+export {};

package/Widget/components/WidgetActionsContext.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const WidgetActionsContext = /*#__PURE__*/React.createContext(undefined);
+export const WidgetActionsProvider = ({
+  location,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(WidgetActionsContext.Provider, {
+    value: location
+  }, children);
+};
+export const useWidgetActionsLocation = () => {
+  return React.useContext(WidgetActionsContext);
+};
+
+//# sourceMappingURL=WidgetActionsContext.js.map

package/Widget/components/WidgetActionsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","WidgetActionsContext","createContext","undefined","WidgetActionsProvider","location","children","createElement","Provider","value","useWidgetActionsLocation","useContext"],"sources":["WidgetActionsContext.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype WidgetActionsLocation = \"header\" | \"footer-start\" | \"footer-end\";\n\nconst WidgetActionsContext = React.createContext<WidgetActionsLocation | undefined>(undefined);\n\ninterface WidgetActionsProviderProps {\n    location: WidgetActionsLocation;\n    children: React.ReactNode;\n}\n\nexport const WidgetActionsProvider = ({ location, children }: WidgetActionsProviderProps) => {\n    return (\n        <WidgetActionsContext.Provider value={location}>{children}</WidgetActionsContext.Provider>\n    );\n};\n\nexport const useWidgetActionsLocation = () => {\n    return React.useContext(WidgetActionsContext);\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAoCC,SAAS,CAAC;AAO9F,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqC,CAAC,KAAK;EACzF,oBACIN,KAAA,CAAAO,aAAA,CAACN,oBAAoB,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAS,GAAEC,QAAwC,CAAC;AAElG,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,OAAOV,KAAK,CAACW,UAAU,CAACV,oBAAoB,CAAC;AACjD,CAAC","ignoreList":[]}

package/Widget/components/WidgetBody.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const WidgetBody: () => React.JSX.Element;

package/Widget/components/WidgetBody.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { cn } from "../../utils.js";
+import { cva } from "../../utils.js";
+import { useWidgetProps } from "./WidgetPropsProvider.js";
+const widgetBodyVariants = cva("flex-1", {
+  variants: {
+    padding: {
+      none: "",
+      sm: "px-md",
+      md: "px-lg"
+    },
+    variant: {
+      default: "",
+      accent: "pt-lg pb-sm"
+    }
+  },
+  defaultVariants: {
+    padding: "md"
+  }
+});
+export const WidgetBody = () => {
+  const {
+    padding,
+    bodyPadding,
+    children
+  } = useWidgetProps();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-widget": "body",
+    className: cn(widgetBodyVariants({
+      padding: bodyPadding !== false ? padding : "none"
+    }))
+  }, children);
+};
+
+//# sourceMappingURL=WidgetBody.js.map

package/Widget/components/WidgetBody.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","useWidgetProps","widgetBodyVariants","variants","padding","none","sm","md","variant","default","accent","defaultVariants","WidgetBody","bodyPadding","children","createElement","className"],"sources":["WidgetBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\nimport { cva } from \"~/utils.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\n\nconst widgetBodyVariants = cva(\"flex-1\", {\n    variants: {\n        padding: {\n            none: \"\",\n            sm: \"px-md\",\n            md: \"px-lg\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"pt-lg pb-sm\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetBody = () => {\n    const { padding, bodyPadding, children } = useWidgetProps();\n    return (\n        <div\n            data-widget=\"body\"\n            className={cn(\n                widgetBodyVariants({\n                    padding: bodyPadding !== false ? padding : \"none\"\n                })\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AACX,SAASC,GAAG;AACZ,SAASC,cAAc;AAEvB,MAAMC,kBAAkB,GAAGF,GAAG,CAAC,QAAQ,EAAE;EACrCG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,OAAO;MACXC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbP,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMQ,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAER,OAAO;IAAES,WAAW;IAAEC;EAAS,CAAC,GAAGb,cAAc,CAAC,CAAC;EAC3D,oBACIH,KAAA,CAAAiB,aAAA;IACI,eAAY,MAAM;IAClBC,SAAS,EAAEjB,EAAE,CACTG,kBAAkB,CAAC;MACfE,OAAO,EAAES,WAAW,KAAK,KAAK,GAAGT,OAAO,GAAG;IAC/C,CAAC,CACL;EAAE,GAEDU,QACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/Widget/components/WidgetContent.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils.js";
+declare const widgetContentVariants: (props?: ({
+    variant?: "accent" | "base" | "light" | null | undefined;
+    elevation?: "sm" | "md" | "none" | "lg" | null | undefined;
+    outline?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {
+    className?: string;
+    children: React.ReactNode;
+}
+declare const WidgetContent: {
+    ({ children }: WidgetContentProps): React.JSX.Element;
+    displayName: string;
+};
+export { WidgetContent };

package/Widget/components/WidgetContent.js

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { cn, cva } from "../../utils.js";
+import { useWidgetProps } from "./WidgetPropsProvider.js";
+const widgetContentVariants = cva("text-md text-neutral-primary overflow-hidden rounded-xl", {
+  variants: {
+    variant: {
+      accent: "bg-primary-subtle",
+      light: "bg-neutral-light",
+      base: "bg-neutral-base"
+    },
+    elevation: {
+      none: "",
+      sm: "shadow-sm",
+      md: "shadow-md",
+      lg: "shadow-lg"
+    },
+    outline: {
+      true: "border-sm border-solid border-neutral-dimmed-darker",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "base",
+    outline: false
+  }
+});
+const WidgetContent = ({
+  children
+}) => {
+  const {
+    variant,
+    elevation,
+    outline,
+    className
+  } = useWidgetProps();
+  return /*#__PURE__*/React.createElement("div", {
+    "data-widget": "content",
+    className: cn(widgetContentVariants({
+      variant,
+      elevation,
+      outline
+    }), className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col justify-between w-full max-w-full h-full relative"
+  }, children));
+};
+WidgetContent.displayName = "WidgetContent";
+export { WidgetContent };
+
+//# sourceMappingURL=WidgetContent.js.map

package/Widget/components/WidgetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","useWidgetProps","widgetContentVariants","variants","variant","accent","light","base","elevation","none","sm","md","lg","outline","true","false","defaultVariants","WidgetContent","children","className","createElement","displayName"],"sources":["WidgetContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { useWidgetProps } from \"~/Widget/components/WidgetPropsProvider.js\";\n\nconst widgetContentVariants = cva(\"text-md text-neutral-primary overflow-hidden rounded-xl\", {\n    variants: {\n        variant: {\n            accent: \"bg-primary-subtle\",\n            light: \"bg-neutral-light\",\n            base: \"bg-neutral-base\"\n        },\n        elevation: {\n            none: \"\",\n            sm: \"shadow-sm\",\n            md: \"shadow-md\",\n            lg: \"shadow-lg\"\n        },\n        outline: {\n            true: \"border-sm border-solid border-neutral-dimmed-darker\",\n            false: \"\"\n        }\n    },\n    defaultVariants: {\n        variant: \"base\",\n        outline: false\n    }\n});\n\nexport interface WidgetContentProps extends VariantProps<typeof widgetContentVariants> {\n    className?: string;\n    children: React.ReactNode;\n}\n\nconst WidgetContent = ({ children }: WidgetContentProps) => {\n    const { variant, elevation, outline, className } = useWidgetProps();\n\n    return (\n        <div\n            data-widget=\"content\"\n            className={cn(widgetContentVariants({ variant, elevation, outline }), className)}\n        >\n            <div className={\"flex flex-col justify-between w-full max-w-full h-full relative\"}>\n                {children}\n            </div>\n        </div>\n    );\n};\n\nWidgetContent.displayName = \"WidgetContent\";\n\nexport { WidgetContent };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,cAAc;AAEvB,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,yDAAyD,EAAE;EACzFG,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,mBAAmB;MAC3BC,KAAK,EAAE,kBAAkB;MACzBC,IAAI,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE,qDAAqD;MAC3DC,KAAK,EAAE;IACX;EACJ,CAAC;EACDC,eAAe,EAAE;IACbZ,OAAO,EAAE,MAAM;IACfS,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAOF,MAAMI,aAAa,GAAGA,CAAC;EAAEC;AAA6B,CAAC,KAAK;EACxD,MAAM;IAAEd,OAAO;IAAEI,SAAS;IAAEK,OAAO;IAAEM;EAAU,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAEnE,oBACIH,KAAA,CAAAsB,aAAA;IACI,eAAY,SAAS;IACrBD,SAAS,EAAEpB,EAAE,CAACG,qBAAqB,CAAC;MAAEE,OAAO;MAAEI,SAAS;MAAEK;IAAQ,CAAC,CAAC,EAAEM,SAAS;EAAE,gBAEjFrB,KAAA,CAAAsB,aAAA;IAAKD,SAAS,EAAE;EAAkE,GAC7ED,QACA,CACJ,CAAC;AAEd,CAAC;AAEDD,aAAa,CAACI,WAAW,GAAG,eAAe;AAE3C,SAASJ,aAAa","ignoreList":[]}

package/Widget/components/WidgetDescription.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+export type WidgetDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const WidgetDescription: ({ className, ...props }: WidgetDescriptionProps) => React.JSX.Element;

package/Widget/components/WidgetDescription.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { cn } from "../../utils.js";
+export const WidgetDescription = ({
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+  className: cn("text-sm text-neutral-strong text-left", className)
+}));
+
+//# sourceMappingURL=WidgetDescription.js.map

package/Widget/components/WidgetDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","WidgetDescription","className","props","createElement","Object","assign"],"sources":["WidgetDescription.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetDescriptionProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetDescription = ({ className, ...props }: WidgetDescriptionProps) => (\n    <div {...props} className={cn(\"text-sm text-neutral-strong text-left\", className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAIX,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA8B,CAAC,kBAC7EJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;EAAED,SAAS,EAAEF,EAAE,CAAC,uCAAuC,EAAEE,SAAS;AAAE,EAAE,CACvF","ignoreList":[]}

package/Widget/components/WidgetFooter.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const WidgetFooter: () => React.JSX.Element;