@webiny/app-admin-ui 6.0.0-alpha.5 → 6.0.0-rc.1

package/Dashboard/Welcome.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const Welcome: () => React.JSX.Element | null;
+declare const Welcome: () => React.JSX.Element;
 export default Welcome;

package/Dashboard/Welcome.js

@@ -1,47 +1,36 @@
 import React from "react";
 import { Grid, Heading } from "@webiny/admin-ui";
-import { useSecurity } from "@webiny/app-security/hooks/useSecurity";
-import { plugins } from "@webiny/plugins";
-import { ApplicationWidget, AssistanceWidget, CommunityWidget, MissingPermissionsWidget } from "./components";
+import { useSecurity } from "@webiny/app-admin";
+import { useAdminConfig } from "@webiny/app-admin";
 const Welcome = () => {
   const {
-    identity,
-    getPermission
+    identity
   } = useSecurity();
-  if (!identity) {
-    return null;
-  }
-  const widgets = plugins.byType("admin-welcome-screen-widget").filter(pl => {
-    if (pl.permission) {
-      return getPermission(pl.permission);
-    }
-    return true;
-  });
-  const canSeeAnyWidget = widgets.length > 0;
+  const {
+    widgets
+  } = useAdminConfig();
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-my-xxl"
+    className: "my-xxl"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-3xl"
+    className: "mb-3xl"
   }, /*#__PURE__*/React.createElement(Heading, {
     level: 3
   }, `Hi ${identity.displayName}, what are we doing today?`)), /*#__PURE__*/React.createElement(Grid, {
-    gap: "spacious"
+    gap: "spacious",
+    className: "max-w-[1200px]"
   }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 5
-  }, !canSeeAnyWidget && /*#__PURE__*/React.createElement(MissingPermissionsWidget, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-lg"
-  }, widgets.map(pl => /*#__PURE__*/React.createElement(ApplicationWidget, {
-    key: pl.name,
-    cta: pl.widget.cta,
-    description: pl.widget.description,
-    icon: pl.widget.icon,
-    name: pl.name,
-    title: pl.widget.title
-  })))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 7
+    span: 6
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-lg"
+  }, widgets.filter(w => w.column === "left").map(widget => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: widget.name
+  }, widget.element)))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 6
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-lg"
-  }, /*#__PURE__*/React.createElement(AssistanceWidget, null), /*#__PURE__*/React.createElement(CommunityWidget, null)))));
+    className: "flex flex-col gap-lg"
+  }, widgets.filter(w => w.column === "right").map(widget => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: widget.name
+  }, widget.element))))));
 };
 export default Welcome;
 

package/Dashboard/Welcome.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Heading","useSecurity","plugins","ApplicationWidget","AssistanceWidget","CommunityWidget","MissingPermissionsWidget","Welcome","identity","getPermission","widgets","byType","filter","pl","permission","canSeeAnyWidget","length","createElement","className","level","displayName","gap","Column","span","map","key","name","cta","widget","description","icon","title"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-security/hooks/useSecurity\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { AdminWelcomeScreenWidgetPlugin } from \"@webiny/app-plugin-admin-welcome-screen/types\";\nimport {\n    ApplicationWidget,\n    AssistanceWidget,\n    CommunityWidget,\n    MissingPermissionsWidget\n} from \"./components\";\n\nconst Welcome = () => {\n    const { identity, getPermission } = useSecurity();\n\n    if (!identity) {\n        return null;\n    }\n\n    const widgets = plugins\n        .byType<AdminWelcomeScreenWidgetPlugin>(\"admin-welcome-screen-widget\")\n        .filter(pl => {\n            if (pl.permission) {\n                return getPermission(pl.permission);\n            }\n            return true;\n        });\n\n    const canSeeAnyWidget = widgets.length > 0;\n\n    return (\n        <div className={\"wby-my-xxl\"}>\n            <div className={\"wby-mb-3xl\"}>\n                <Heading\n                    level={3}\n                >{`Hi ${identity.displayName}, what are we doing today?`}</Heading>\n            </div>\n            <Grid gap={\"spacious\"}>\n                <Grid.Column span={5}>\n                    {!canSeeAnyWidget && <MissingPermissionsWidget />}\n                    <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n                        {widgets.map(pl => (\n                            <ApplicationWidget\n                                key={pl.name}\n                                cta={pl.widget.cta}\n                                description={pl.widget.description}\n                                icon={pl.widget.icon}\n                                name={pl.name}\n                                title={pl.widget.title}\n                            />\n                        ))}\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={7}>\n                    <div className={\"wby-flex wby-flex-col wby-gap-lg\"}>\n                        <AssistanceWidget />\n                        <CommunityWidget />\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport default Welcome;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,QAAQ,wCAAwC;AACpE,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,SACIC,iBAAiB,EACjBC,gBAAgB,EAChBC,eAAe,EACfC,wBAAwB;AAG5B,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGR,WAAW,CAAC,CAAC;EAEjD,IAAI,CAACO,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,MAAME,OAAO,GAAGR,OAAO,CAClBS,MAAM,CAAiC,6BAA6B,CAAC,CACrEC,MAAM,CAACC,EAAE,IAAI;IACV,IAAIA,EAAE,CAACC,UAAU,EAAE;MACf,OAAOL,aAAa,CAACI,EAAE,CAACC,UAAU,CAAC;IACvC;IACA,OAAO,IAAI;EACf,CAAC,CAAC;EAEN,MAAMC,eAAe,GAAGL,OAAO,CAACM,MAAM,GAAG,CAAC;EAE1C,oBACIlB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBpB,KAAA,CAAAmB,aAAA,CAACjB,OAAO;IACJmB,KAAK,EAAE;EAAE,GACX,MAAMX,QAAQ,CAACY,WAAW,4BAAsC,CACjE,CAAC,eACNtB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACsB,GAAG,EAAE;EAAW,gBAClBvB,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,GAChB,CAACR,eAAe,iBAAIjB,KAAA,CAAAmB,aAAA,CAACX,wBAAwB,MAAE,CAAC,eACjDR,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,GAC9CR,OAAO,CAACc,GAAG,CAACX,EAAE,iBACXf,KAAA,CAAAmB,aAAA,CAACd,iBAAiB;IACdsB,GAAG,EAAEZ,EAAE,CAACa,IAAK;IACbC,GAAG,EAAEd,EAAE,CAACe,MAAM,CAACD,GAAI;IACnBE,WAAW,EAAEhB,EAAE,CAACe,MAAM,CAACC,WAAY;IACnCC,IAAI,EAAEjB,EAAE,CAACe,MAAM,CAACE,IAAK;IACrBJ,IAAI,EAAEb,EAAE,CAACa,IAAK;IACdK,KAAK,EAAElB,EAAE,CAACe,MAAM,CAACG;EAAM,CAC1B,CACJ,CACA,CACI,CAAC,eACdjC,KAAA,CAAAmB,aAAA,CAAClB,IAAI,CAACuB,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBzB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAE;EAAmC,gBAC/CpB,KAAA,CAAAmB,aAAA,CAACb,gBAAgB,MAAE,CAAC,eACpBN,KAAA,CAAAmB,aAAA,CAACZ,eAAe,MAAE,CACjB,CACI,CACX,CACL,CAAC;AAEd,CAAC;AAED,eAAeE,OAAO","ignoreList":[]}
+{"version":3,"names":["React","Grid","Heading","useSecurity","useAdminConfig","Welcome","identity","widgets","createElement","className","level","displayName","gap","Column","span","filter","w","column","map","widget","Fragment","key","name","element"],"sources":["Welcome.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nconst Welcome = () => {\n    const { identity } = useSecurity();\n    const { widgets } = useAdminConfig();\n\n    return (\n        <div className={\"my-xxl\"}>\n            <div className={\"mb-3xl\"}>\n                <Heading\n                    level={3}\n                >{`Hi ${identity!.displayName}, what are we doing today?`}</Heading>\n            </div>\n            <Grid gap={\"spacious\"} className={\"max-w-[1200px]\"}>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"left\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <div className={\"flex flex-col gap-lg\"}>\n                        {widgets\n                            .filter(w => w.column === \"right\")\n                            .map(widget => (\n                                <React.Fragment key={widget.name}>{widget.element}</React.Fragment>\n                            ))}\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport default Welcome;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEC;EAAS,CAAC,GAAGH,WAAW,CAAC,CAAC;EAClC,MAAM;IAAEI;EAAQ,CAAC,GAAGH,cAAc,CAAC,CAAC;EAEpC,oBACIJ,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBT,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBT,KAAA,CAAAQ,aAAA,CAACN,OAAO;IACJQ,KAAK,EAAE;EAAE,GACX,MAAMJ,QAAQ,CAAEK,WAAW,4BAAsC,CAClE,CAAC,eACNX,KAAA,CAAAQ,aAAA,CAACP,IAAI;IAACW,GAAG,EAAE,UAAW;IAACH,SAAS,EAAE;EAAiB,gBAC/CT,KAAA,CAAAQ,aAAA,CAACP,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBd,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCF,OAAO,CACHQ,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAK,MAAM,CAAC,CAChCC,GAAG,CAACC,MAAM,iBACPnB,KAAA,CAAAQ,aAAA,CAACR,KAAK,CAACoB,QAAQ;IAACC,GAAG,EAAEF,MAAM,CAACG;EAAK,GAAEH,MAAM,CAACI,OAAwB,CACrE,CACJ,CACI,CAAC,eACdvB,KAAA,CAAAQ,aAAA,CAACP,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBd,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCF,OAAO,CACHQ,MAAM,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAK,OAAO,CAAC,CACjCC,GAAG,CAACC,MAAM,iBACPnB,KAAA,CAAAQ,aAAA,CAACR,KAAK,CAACoB,QAAQ;IAACC,GAAG,EAAEF,MAAM,CAACG;EAAK,GAAEH,MAAM,CAACI,OAAwB,CACrE,CACJ,CACI,CACX,CACL,CAAC;AAEd,CAAC;AAED,eAAelB,OAAO","ignoreList":[]}

package/Dashboard/components/AssistanceWidget.js

@@ -1,59 +1,55 @@
 import React from "react";
-import { Heading, Icon, Link as AdminLink, Text } from "@webiny/admin-ui";
+import { Widget, List, Link, Text } from "@webiny/admin-ui";
 import { ReactComponent as HelpIcon } from "@webiny/icons/help_outline.svg";
-import { Link } from "@webiny/react-router";
+import { ReactComponent as ArrowForwardIcon } from "@webiny/icons/arrow_forward.svg";
+import { SimpleLink } from "@webiny/app-admin";
 export const AssistanceWidget = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-light wby-rounded-xl wby-p-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-gap-sm wby-mb-md"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(HelpIcon, null),
-    label: "Need some assistance?",
-    size: "md",
-    color: "accent"
-  }), /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Need some assistance?")), /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra wby-mb-md"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: "https://www.webiny.com/docs",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    className: "!wby-no-underline"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-font-semibold !wby-text-neutral-primary"
-  }, "Documentation"), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "!wby-text-neutral-strong"
-  }, "Explore the Webiny documentation and check out code examples and guides."))), /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-font-semibold"
-  }, "Contact us"), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "wby-text-neutral-strong"
-  }, /*#__PURE__*/React.createElement(AdminLink, {
-    to: "https://www.webiny.com/forms/product-demo",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    variant: "secondary",
-    underline: true
-  }, "Contact Sales"), ",", " ", /*#__PURE__*/React.createElement(AdminLink, {
-    to: "https://www.webiny.com/partners",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    variant: "secondary",
-    underline: true
-  }, "Explore Partnerships"), " ", "or", " ", /*#__PURE__*/React.createElement(AdminLink, {
-    to: "https://www.webiny.com/slack",
-    target: "_blank",
-    rel: "noopener noreferrer",
-    variant: "secondary",
-    underline: true
-  }, "Slack us"), ".")));
+  return /*#__PURE__*/React.createElement(Widget, {
+    variant: "light",
+    title: "Need some assistance?",
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(HelpIcon, null),
+      label: "Need some assistance?"
+    }),
+    padding: "md"
+  }, /*#__PURE__*/React.createElement(List, {
+    variant: "container",
+    className: "flex flex-col gap-y-sm"
+  }, /*#__PURE__*/React.createElement(List.Item, {
+    title: "Documentation",
+    description: "Explore the Webiny documentation and check out code examples and guides.",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SimpleLink, {
+      to: "https://www.webiny.com/docs",
+      target: "_blank",
+      rel: "noopener noreferrer"
+    }, /*#__PURE__*/React.createElement(List.Item.Action, {
+      icon: /*#__PURE__*/React.createElement(ArrowForwardIcon, null)
+    })))
+  }), /*#__PURE__*/React.createElement(List.Item, {
+    title: "Contact us",
+    description: /*#__PURE__*/React.createElement(Text, {
+      size: "sm",
+      className: "text-neutral-strong"
+    }, /*#__PURE__*/React.createElement(Link, {
+      to: "https://www.webiny.com/forms/product-demo",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      variant: "secondary",
+      underline: true
+    }, "Contact Sales"), ",", " ", /*#__PURE__*/React.createElement(Link, {
+      to: "https://www.webiny.com/partners",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      variant: "secondary",
+      underline: true
+    }, "Explore Partnerships"), " ", "or", " ", /*#__PURE__*/React.createElement(Link, {
+      to: "https://www.webiny.com/slack",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      variant: "secondary",
+      underline: true
+    }, "Slack us"), ".")
+  })));
 };
 
 //# sourceMappingURL=AssistanceWidget.js.map

package/Dashboard/components/AssistanceWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Heading","Icon","Link","AdminLink","Text","ReactComponent","HelpIcon","AssistanceWidget","createElement","className","icon","label","size","color","level","to","target","rel","as","variant","underline"],"sources":["AssistanceWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Icon, Link as AdminLink, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help_outline.svg\";\nimport { Link } from \"@webiny/react-router\";\n\nexport const AssistanceWidget = () => {\n    return (\n        <div className={\"wby-bg-neutral-light wby-rounded-xl wby-p-lg\"}>\n            <div className={\"wby-flex wby-items-center wby-gap-sm wby-mb-md\"}>\n                <Icon\n                    icon={<HelpIcon />}\n                    label={\"Need some assistance?\"}\n                    size={\"md\"}\n                    color={\"accent\"}\n                />\n                <Heading level={6}>{\"Need some assistance?\"}</Heading>\n            </div>\n            <div\n                className={\"wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra wby-mb-md\"}\n            >\n                <Link\n                    to=\"https://www.webiny.com/docs\"\n                    target={\"_blank\"}\n                    rel={\"noopener noreferrer\"}\n                    className={\"!wby-no-underline\"}\n                >\n                    <Text as={\"div\"} className={\"wby-font-semibold !wby-text-neutral-primary\"}>\n                        {\"Documentation\"}\n                    </Text>\n                    <Text size={\"sm\"} className={\"!wby-text-neutral-strong\"}>\n                        {\"Explore the Webiny documentation and check out code examples and guides.\"}\n                    </Text>\n                </Link>\n            </div>\n\n            <div className={\"wby-bg-neutral-base wby-rounded-sm wby-px-md wby-py-sm-extra\"}>\n                <Text as={\"div\"} className={\"wby-font-semibold\"}>\n                    {\"Contact us\"}\n                </Text>\n                <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                    <AdminLink\n                        to={\"https://www.webiny.com/forms/product-demo\"}\n                        target={\"_blank\"}\n                        rel={\"noopener noreferrer\"}\n                        variant={\"secondary\"}\n                        underline\n                    >\n                        Contact Sales\n                    </AdminLink>\n                    ,{\" \"}\n                    <AdminLink\n                        to={\"https://www.webiny.com/partners\"}\n                        target={\"_blank\"}\n                        rel={\"noopener noreferrer\"}\n                        variant={\"secondary\"}\n                        underline\n                    >\n                        Explore Partnerships\n                    </AdminLink>{\" \"}\n                    or{\" \"}\n                    <AdminLink\n                        to={\"https://www.webiny.com/slack\"}\n                        target={\"_blank\"}\n                        rel={\"noopener noreferrer\"}\n                        variant={\"secondary\"}\n                        underline\n                    >\n                        Slack us\n                    </AdminLink>\n                    .\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,IAAIC,SAAS,EAAEC,IAAI,QAAQ,kBAAkB;AACzE,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASJ,IAAI,QAAQ,sBAAsB;AAE3C,OAAO,MAAMK,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACIR,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA+C,gBAC3DV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAAiD,gBAC7DV,KAAA,CAAAS,aAAA,CAACP,IAAI;IACDS,IAAI,eAAEX,KAAA,CAAAS,aAAA,CAACF,QAAQ,MAAE,CAAE;IACnBK,KAAK,EAAE,uBAAwB;IAC/BC,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE;EAAS,CACnB,CAAC,eACFd,KAAA,CAAAS,aAAA,CAACR,OAAO;IAACc,KAAK,EAAE;EAAE,GAAE,uBAAiC,CACpD,CAAC,eACNf,KAAA,CAAAS,aAAA;IACIC,SAAS,EAAE;EAAyE,gBAEpFV,KAAA,CAAAS,aAAA,CAACN,IAAI;IACDa,EAAE,EAAC,6BAA6B;IAChCC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BR,SAAS,EAAE;EAAoB,gBAE/BV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACc,EAAE,EAAE,KAAM;IAACT,SAAS,EAAE;EAA8C,GACrE,eACC,CAAC,eACPV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACQ,IAAI,EAAE,IAAK;IAACH,SAAS,EAAE;EAA2B,GACnD,0EACC,CACJ,CACL,CAAC,eAENV,KAAA,CAAAS,aAAA;IAAKC,SAAS,EAAE;EAA+D,gBAC3EV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACc,EAAE,EAAE,KAAM;IAACT,SAAS,EAAE;EAAoB,GAC3C,YACC,CAAC,eACPV,KAAA,CAAAS,aAAA,CAACJ,IAAI;IAACQ,IAAI,EAAE,IAAK;IAACH,SAAS,EAAE;EAA0B,gBACnDV,KAAA,CAAAS,aAAA,CAACL,SAAS;IACNY,EAAE,EAAE,2CAA4C;IAChDC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BE,OAAO,EAAE,WAAY;IACrBC,SAAS;EAAA,GACZ,eAEU,CAAC,KACX,EAAC,GAAG,eACLrB,KAAA,CAAAS,aAAA,CAACL,SAAS;IACNY,EAAE,EAAE,iCAAkC;IACtCC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BE,OAAO,EAAE,WAAY;IACrBC,SAAS;EAAA,GACZ,sBAEU,CAAC,EAAC,GAAG,EAAC,IACf,EAAC,GAAG,eACNrB,KAAA,CAAAS,aAAA,CAACL,SAAS;IACNY,EAAE,EAAE,8BAA+B;IACnCC,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE,qBAAsB;IAC3BE,OAAO,EAAE,WAAY;IACrBC,SAAS;EAAA,GACZ,UAEU,CAAC,KAEV,CACL,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Widget","List","Link","Text","ReactComponent","HelpIcon","ArrowForwardIcon","SimpleLink","AssistanceWidget","createElement","variant","title","icon","Icon","label","padding","className","Item","description","actions","Fragment","to","target","rel","Action","size","underline"],"sources":["AssistanceWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget, List, Link, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as HelpIcon } from \"@webiny/icons/help_outline.svg\";\nimport { ReactComponent as ArrowForwardIcon } from \"@webiny/icons/arrow_forward.svg\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n\nexport const AssistanceWidget = () => {\n    return (\n        <Widget\n            variant=\"light\"\n            title=\"Need some assistance?\"\n            icon={<Widget.Icon icon={<HelpIcon />} label={\"Need some assistance?\"} />}\n            padding=\"md\"\n        >\n            <List variant=\"container\" className=\"flex flex-col gap-y-sm\">\n                <List.Item\n                    title=\"Documentation\"\n                    description=\"Explore the Webiny documentation and check out code examples and guides.\"\n                    actions={\n                        <>\n                            <SimpleLink\n                                to=\"https://www.webiny.com/docs\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                            >\n                                <List.Item.Action icon={<ArrowForwardIcon />} />\n                            </SimpleLink>\n                        </>\n                    }\n                />\n                <List.Item\n                    title=\"Contact us\"\n                    description={\n                        <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                            <Link\n                                to={\"https://www.webiny.com/forms/product-demo\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Contact Sales\n                            </Link>\n                            ,{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/partners\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Explore Partnerships\n                            </Link>{\" \"}\n                            or{\" \"}\n                            <Link\n                                to={\"https://www.webiny.com/slack\"}\n                                target={\"_blank\"}\n                                rel={\"noopener noreferrer\"}\n                                variant={\"secondary\"}\n                                underline\n                            >\n                                Slack us\n                            </Link>\n                            .\n                        </Text>\n                    }\n                />\n            </List>\n        </Widget>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC3D,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASD,cAAc,IAAIE,gBAAgB,QAAQ,iCAAiC;AACpF,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACIT,KAAA,CAAAU,aAAA,CAACT,MAAM;IACHU,OAAO,EAAC,OAAO;IACfC,KAAK,EAAC,uBAAuB;IAC7BC,IAAI,eAAEb,KAAA,CAAAU,aAAA,CAACT,MAAM,CAACa,IAAI;MAACD,IAAI,eAAEb,KAAA,CAAAU,aAAA,CAACJ,QAAQ,MAAE,CAAE;MAACS,KAAK,EAAE;IAAwB,CAAE,CAAE;IAC1EC,OAAO,EAAC;EAAI,gBAEZhB,KAAA,CAAAU,aAAA,CAACR,IAAI;IAACS,OAAO,EAAC,WAAW;IAACM,SAAS,EAAC;EAAwB,gBACxDjB,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,IAAI;IACNN,KAAK,EAAC,eAAe;IACrBO,WAAW,EAAC,0EAA0E;IACtFC,OAAO,eACHpB,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAU,aAAA,CAACF,UAAU;MACPc,EAAE,EAAC,6BAA6B;MAChCC,MAAM,EAAC,QAAQ;MACfC,GAAG,EAAC;IAAqB,gBAEzBxB,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,IAAI,CAACO,MAAM;MAACZ,IAAI,eAAEb,KAAA,CAAAU,aAAA,CAACH,gBAAgB,MAAE;IAAE,CAAE,CACvC,CACd;EACL,CACJ,CAAC,eACFP,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,IAAI;IACNN,KAAK,EAAC,YAAY;IAClBO,WAAW,eACPnB,KAAA,CAAAU,aAAA,CAACN,IAAI;MAACsB,IAAI,EAAE,IAAK;MAACT,SAAS,EAAE;IAAsB,gBAC/CjB,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDmB,EAAE,EAAE,2CAA4C;MAChDC,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE,qBAAsB;MAC3Bb,OAAO,EAAE,WAAY;MACrBgB,SAAS;IAAA,GACZ,eAEK,CAAC,KACN,EAAC,GAAG,eACL3B,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDmB,EAAE,EAAE,iCAAkC;MACtCC,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE,qBAAsB;MAC3Bb,OAAO,EAAE,WAAY;MACrBgB,SAAS;IAAA,GACZ,sBAEK,CAAC,EAAC,GAAG,EAAC,IACV,EAAC,GAAG,eACN3B,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDmB,EAAE,EAAE,8BAA+B;MACnCC,MAAM,EAAE,QAAS;MACjBC,GAAG,EAAE,qBAAsB;MAC3Bb,OAAO,EAAE,WAAY;MACrBgB,SAAS;IAAA,GACZ,UAEK,CAAC,KAEL;EACT,CACJ,CACC,CACF,CAAC;AAEjB,CAAC","ignoreList":[]}

package/Dashboard/components/CommunityWidget.js

@@ -1,48 +1,49 @@
 import React from "react";
-import { Heading, Icon, Text } from "@webiny/admin-ui";
-import { Link } from "@webiny/react-router";
+import { Widget, Icon, Text } from "@webiny/admin-ui";
+import { SimpleLink } from "@webiny/app-admin";
 // Icons
 import { ReactComponent as YouTubeIcon } from "./assets/youtube.svg";
 import { ReactComponent as GithubIcon } from "./assets/github.svg";
 import { ReactComponent as SlackIcon } from "./assets/slack.svg";
 import { ReactComponent as TwitterIcon } from "./assets/x-twitter.svg";
+import { ReactComponent as PeopleAltIcon } from "@webiny/icons/people_alt.svg";
 const SocialLink = ({
   link,
   label,
   icon
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-[64px] wby-bg-neutral-base wby-rounded-md hover:wby-opacity-80 wby-transition-opacity"
-  }, /*#__PURE__*/React.createElement(Link, {
+    className: "w-3xl bg-neutral-base rounded-md hover:opacity-80 transition-opacity"
+  }, /*#__PURE__*/React.createElement(SimpleLink, {
     to: link,
-    className: "!wby-no-underline",
+    className: "no-underline!",
     target: "_blank",
     rel: "noopener noreferrer"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-xs wby-pt-sm-extra wby-pb-sm wby-text-center"
+    className: "px-xs pt-sm-extra pb-sm text-center"
   }, /*#__PURE__*/React.createElement(Icon, {
     label: `${label} icon`,
     icon: icon,
     size: "lg",
     color: "inherit",
-    className: "wby-mx-auto wby-mb-sm"
+    className: "mx-auto mb-sm"
   }), /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, label))));
 };
 export const CommunityWidget = () => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "wby-bg-neutral-light wby-rounded-xl wby-p-lg"
+  return /*#__PURE__*/React.createElement(Widget, {
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(PeopleAltIcon, null),
+      label: "Join our community"
+    }),
+    variant: "light",
+    title: "Join our community",
+    description: "Get to know Webiny team members, discuss new ideas and get help:",
+    padding: "md"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-mb-md"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, "Join our community:"), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "wby-text-neutral-strong"
-  }, "Get to know Webiny team members, discuss new ideas and get help:")), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-start wby-items-stretch wby-gap-md"
+    className: "flex justify-start items-stretch gap-md"
   }, /*#__PURE__*/React.createElement(SocialLink, {
     link: "https://github.com/webiny/webiny-js",
     label: "GitHub",

package/Dashboard/components/CommunityWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Heading","Icon","Text","Link","ReactComponent","YouTubeIcon","GithubIcon","SlackIcon","TwitterIcon","SocialLink","link","label","icon","createElement","className","to","target","rel","size","color","CommunityWidget","level"],"sources":["CommunityWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\nimport { Link } from \"@webiny/react-router\";\n// Icons\nimport { ReactComponent as YouTubeIcon } from \"./assets/youtube.svg\";\nimport { ReactComponent as GithubIcon } from \"./assets/github.svg\";\nimport { ReactComponent as SlackIcon } from \"./assets/slack.svg\";\nimport { ReactComponent as TwitterIcon } from \"./assets/x-twitter.svg\";\n\ninterface SocialLinkProps {\n    link: string;\n    label: string;\n    icon: React.ReactElement;\n}\n\nconst SocialLink = ({ link, label, icon }: SocialLinkProps) => {\n    return (\n        <div\n            className={\n                \"wby-w-[64px] wby-bg-neutral-base wby-rounded-md hover:wby-opacity-80 wby-transition-opacity\"\n            }\n        >\n            <Link\n                to={link}\n                className={\"!wby-no-underline\"}\n                target={\"_blank\"}\n                rel={\"noopener noreferrer\"}\n            >\n                <div className={\"wby-px-xs wby-pt-sm-extra wby-pb-sm wby-text-center\"}>\n                    <Icon\n                        label={`${label} icon`}\n                        icon={icon}\n                        size={\"lg\"}\n                        color={\"inherit\"}\n                        className={\"wby-mx-auto wby-mb-sm\"}\n                    />\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {label}\n                    </Text>\n                </div>\n            </Link>\n        </div>\n    );\n};\n\nexport const CommunityWidget = () => {\n    return (\n        <div className={\"wby-bg-neutral-light wby-rounded-xl wby-p-lg\"}>\n            <div className={\"wby-mb-md\"}>\n                <Heading level={6}>{\"Join our community:\"}</Heading>\n                <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                    {\"Get to know Webiny team members, discuss new ideas and get help:\"}\n                </Text>\n            </div>\n            <div className={\"wby-flex wby-justify-start wby-items-stretch wby-gap-md\"}>\n                <SocialLink\n                    link={\"https://github.com/webiny/webiny-js\"}\n                    label={\"GitHub\"}\n                    icon={<GithubIcon />}\n                />\n                <SocialLink\n                    link={\"https://www.webiny.com/slack\"}\n                    label={\"Slack\"}\n                    icon={<SlackIcon />}\n                />\n                <SocialLink\n                    link={\"https://youtube.com/webiny\"}\n                    label={\"YouTube\"}\n                    icon={<YouTubeIcon />}\n                />\n                <SocialLink\n                    link={\"https://x.com/WebinyCMS\"}\n                    label={\"X.com\"}\n                    icon={<TwitterIcon />}\n                />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACtD,SAASC,IAAI,QAAQ,sBAAsB;AAC3C;AACA,SAASC,cAAc,IAAIC,WAAW;AACtC,SAASD,cAAc,IAAIE,UAAU;AACrC,SAASF,cAAc,IAAIG,SAAS;AACpC,SAASH,cAAc,IAAII,WAAW;AAQtC,MAAMC,UAAU,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EAC3D,oBACIb,KAAA,CAAAc,aAAA;IACIC,SAAS,EACL;EACH,gBAEDf,KAAA,CAAAc,aAAA,CAACV,IAAI;IACDY,EAAE,EAAEL,IAAK;IACTI,SAAS,EAAE,mBAAoB;IAC/BE,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE;EAAsB,gBAE3BlB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAsD,gBAClEf,KAAA,CAAAc,aAAA,CAACZ,IAAI;IACDU,KAAK,EAAE,GAAGA,KAAK,OAAQ;IACvBC,IAAI,EAAEA,IAAK;IACXM,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,SAAU;IACjBL,SAAS,EAAE;EAAwB,CACtC,CAAC,eACFf,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACgB,IAAI,EAAE,IAAK;IAACJ,SAAS,EAAE;EAA0B,GAClDH,KACC,CACL,CACH,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGA,CAAA,KAAM;EACjC,oBACIrB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA+C,gBAC3Df,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAY,gBACxBf,KAAA,CAAAc,aAAA,CAACb,OAAO;IAACqB,KAAK,EAAE;EAAE,GAAE,qBAA+B,CAAC,eACpDtB,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACgB,IAAI,EAAE,IAAK;IAACJ,SAAS,EAAE;EAA0B,GAClD,kEACC,CACL,CAAC,eACNf,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAA0D,gBACtEf,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,qCAAsC;IAC5CC,KAAK,EAAE,QAAS;IAChBC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACP,UAAU,MAAE;EAAE,CACxB,CAAC,eACFP,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,8BAA+B;IACrCC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACN,SAAS,MAAE;EAAE,CACvB,CAAC,eACFR,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,4BAA6B;IACnCC,KAAK,EAAE,SAAU;IACjBC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACR,WAAW,MAAE;EAAE,CACzB,CAAC,eACFN,KAAA,CAAAc,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,yBAA0B;IAChCC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAEb,KAAA,CAAAc,aAAA,CAACL,WAAW,MAAE;EAAE,CACzB,CACA,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Widget","Icon","Text","SimpleLink","ReactComponent","YouTubeIcon","GithubIcon","SlackIcon","TwitterIcon","PeopleAltIcon","SocialLink","link","label","icon","createElement","className","to","target","rel","size","color","CommunityWidget","variant","title","description","padding"],"sources":["CommunityWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget, Icon, Text } from \"@webiny/admin-ui\";\nimport { SimpleLink } from \"@webiny/app-admin\";\n// Icons\nimport { ReactComponent as YouTubeIcon } from \"./assets/youtube.svg\";\nimport { ReactComponent as GithubIcon } from \"./assets/github.svg\";\nimport { ReactComponent as SlackIcon } from \"./assets/slack.svg\";\nimport { ReactComponent as TwitterIcon } from \"./assets/x-twitter.svg\";\nimport { ReactComponent as PeopleAltIcon } from \"@webiny/icons/people_alt.svg\";\n\ninterface SocialLinkProps {\n    link: string;\n    label: string;\n    icon: React.ReactElement;\n}\n\nconst SocialLink = ({ link, label, icon }: SocialLinkProps) => {\n    return (\n        <div className={\"w-3xl bg-neutral-base rounded-md hover:opacity-80 transition-opacity\"}>\n            <SimpleLink\n                to={link}\n                className={\"no-underline!\"}\n                target={\"_blank\"}\n                rel={\"noopener noreferrer\"}\n            >\n                <div className={\"px-xs pt-sm-extra pb-sm text-center\"}>\n                    <Icon\n                        label={`${label} icon`}\n                        icon={icon}\n                        size={\"lg\"}\n                        color={\"inherit\"}\n                        className={\"mx-auto mb-sm\"}\n                    />\n                    <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                        {label}\n                    </Text>\n                </div>\n            </SimpleLink>\n        </div>\n    );\n};\n\nexport const CommunityWidget = () => {\n    return (\n        <Widget\n            icon={<Widget.Icon icon={<PeopleAltIcon />} label={\"Join our community\"} />}\n            variant=\"light\"\n            title=\"Join our community\"\n            description=\"Get to know Webiny team members, discuss new ideas and get help:\"\n            padding=\"md\"\n        >\n            <div className={\"flex justify-start items-stretch gap-md\"}>\n                <SocialLink\n                    link={\"https://github.com/webiny/webiny-js\"}\n                    label={\"GitHub\"}\n                    icon={<GithubIcon />}\n                />\n                <SocialLink\n                    link={\"https://www.webiny.com/slack\"}\n                    label={\"Slack\"}\n                    icon={<SlackIcon />}\n                />\n                <SocialLink\n                    link={\"https://youtube.com/webiny\"}\n                    label={\"YouTube\"}\n                    icon={<YouTubeIcon />}\n                />\n                <SocialLink\n                    link={\"https://x.com/WebinyCMS\"}\n                    label={\"X.com\"}\n                    icon={<TwitterIcon />}\n                />\n            </div>\n        </Widget>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACrD,SAASC,UAAU,QAAQ,mBAAmB;AAC9C;AACA,SAASC,cAAc,IAAIC,WAAW;AACtC,SAASD,cAAc,IAAIE,UAAU;AACrC,SAASF,cAAc,IAAIG,SAAS;AACpC,SAASH,cAAc,IAAII,WAAW;AACtC,SAASJ,cAAc,IAAIK,aAAa,QAAQ,8BAA8B;AAQ9E,MAAMC,UAAU,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAsB,CAAC,KAAK;EAC3D,oBACId,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAuE,gBACnFhB,KAAA,CAAAe,aAAA,CAACX,UAAU;IACPa,EAAE,EAAEL,IAAK;IACTI,SAAS,EAAE,eAAgB;IAC3BE,MAAM,EAAE,QAAS;IACjBC,GAAG,EAAE;EAAsB,gBAE3BnB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAAsC,gBAClDhB,KAAA,CAAAe,aAAA,CAACb,IAAI;IACDW,KAAK,EAAE,GAAGA,KAAK,OAAQ;IACvBC,IAAI,EAAEA,IAAK;IACXM,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,SAAU;IACjBL,SAAS,EAAE;EAAgB,CAC9B,CAAC,eACFhB,KAAA,CAAAe,aAAA,CAACZ,IAAI;IAACiB,IAAI,EAAE,IAAK;IAACJ,SAAS,EAAE;EAAsB,GAC9CH,KACC,CACL,CACG,CACX,CAAC;AAEd,CAAC;AAED,OAAO,MAAMS,eAAe,GAAGA,CAAA,KAAM;EACjC,oBACItB,KAAA,CAAAe,aAAA,CAACd,MAAM;IACHa,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACd,MAAM,CAACC,IAAI;MAACY,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACL,aAAa,MAAE,CAAE;MAACG,KAAK,EAAE;IAAqB,CAAE,CAAE;IAC5EU,OAAO,EAAC,OAAO;IACfC,KAAK,EAAC,oBAAoB;IAC1BC,WAAW,EAAC,kEAAkE;IAC9EC,OAAO,EAAC;EAAI,gBAEZ1B,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAE;EAA0C,gBACtDhB,KAAA,CAAAe,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,qCAAsC;IAC5CC,KAAK,EAAE,QAAS;IAChBC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACR,UAAU,MAAE;EAAE,CACxB,CAAC,eACFP,KAAA,CAAAe,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,8BAA+B;IACrCC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACP,SAAS,MAAE;EAAE,CACvB,CAAC,eACFR,KAAA,CAAAe,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,4BAA6B;IACnCC,KAAK,EAAE,SAAU;IACjBC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACT,WAAW,MAAE;EAAE,CACzB,CAAC,eACFN,KAAA,CAAAe,aAAA,CAACJ,UAAU;IACPC,IAAI,EAAE,yBAA0B;IAChCC,KAAK,EAAE,OAAQ;IACfC,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACN,WAAW,MAAE;EAAE,CACzB,CACA,CACD,CAAC;AAEjB,CAAC","ignoreList":[]}

package/Dashboard/components/MissingPermissionsWidget.js

@@ -3,7 +3,7 @@ import { ReactComponent as VisibilityOff } from "@webiny/icons/visibility_off.sv
 import { Heading, Icon, Text } from "@webiny/admin-ui";
 export const MissingPermissionsWidget = () => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-text-center wby-bg-neutral-light wby-rounded-xl wby-px-xxl wby-py-lg wby-gap-sm"
+    className: "w-full h-full flex flex-col items-center justify-center text-center bg-neutral-light rounded-xl px-xxl py-lg gap-sm"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
     icon: /*#__PURE__*/React.createElement(VisibilityOff, null),
     label: "Access permission required",

package/Dashboard/components/MissingPermissionsWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","VisibilityOff","Heading","Icon","Text","MissingPermissionsWidget","createElement","className","icon","label","color","size","level"],"sources":["MissingPermissionsWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as VisibilityOff } from \"@webiny/icons/visibility_off.svg\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\nexport const MissingPermissionsWidget = () => {\n    return (\n        <div className=\"wby-w-full wby-h-full wby-flex wby-flex-col wby-items-center wby-justify-center wby-text-center wby-bg-neutral-light wby-rounded-xl wby-px-xxl wby-py-lg wby-gap-sm\">\n            <div>\n                <Icon\n                    icon={<VisibilityOff />}\n                    label={\"Access permission required\"}\n                    color={\"accent\"}\n                    size={\"lg\"}\n                />\n            </div>\n            <Heading level={4}>{\"Access permission required\"}</Heading>\n            <Text>\n                {\n                    \"It seems you do not have access to Webiny apps. Please contact the administrator to set up your Webiny account.\"\n                }\n            </Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEtD,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAqK,gBAChLR,KAAA,CAAAO,aAAA,2BACIP,KAAA,CAAAO,aAAA,CAACH,IAAI;IACDK,IAAI,eAAET,KAAA,CAAAO,aAAA,CAACL,aAAa,MAAE,CAAE;IACxBQ,KAAK,EAAE,4BAA6B;IACpCC,KAAK,EAAE,QAAS;IAChBC,IAAI,EAAE;EAAK,CACd,CACA,CAAC,eACNZ,KAAA,CAAAO,aAAA,CAACJ,OAAO;IAACU,KAAK,EAAE;EAAE,GAAE,4BAAsC,CAAC,eAC3Db,KAAA,CAAAO,aAAA,CAACF,IAAI,QAEG,iHAEF,CACL,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","VisibilityOff","Heading","Icon","Text","MissingPermissionsWidget","createElement","className","icon","label","color","size","level"],"sources":["MissingPermissionsWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as VisibilityOff } from \"@webiny/icons/visibility_off.svg\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\nexport const MissingPermissionsWidget = () => {\n    return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center text-center bg-neutral-light rounded-xl px-xxl py-lg gap-sm\">\n            <div>\n                <Icon\n                    icon={<VisibilityOff />}\n                    label={\"Access permission required\"}\n                    color={\"accent\"}\n                    size={\"lg\"}\n                />\n            </div>\n            <Heading level={4}>{\"Access permission required\"}</Heading>\n            <Text>\n                {\n                    \"It seems you do not have access to Webiny apps. Please contact the administrator to set up your Webiny account.\"\n                }\n            </Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,kCAAkC;AAClF,SAASC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAEtD,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC1C,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAC;EAAqH,gBAChIR,KAAA,CAAAO,aAAA,2BACIP,KAAA,CAAAO,aAAA,CAACH,IAAI;IACDK,IAAI,eAAET,KAAA,CAAAO,aAAA,CAACL,aAAa,MAAE,CAAE;IACxBQ,KAAK,EAAE,4BAA6B;IACpCC,KAAK,EAAE,QAAS;IAChBC,IAAI,EAAE;EAAK,CACd,CACA,CAAC,eACNZ,KAAA,CAAAO,aAAA,CAACJ,OAAO;IAACU,KAAK,EAAE;EAAE,GAAE,4BAAsC,CAAC,eAC3Db,KAAA,CAAAO,aAAA,CAACF,IAAI,QAEG,iHAEF,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/Dashboard/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./ApplicationWidget";
-export * from "./AssistanceWidget";
-export * from "./CommunityWidget";
-export * from "./MissingPermissionsWidget";
+export * from "./AssistanceWidget.js";
+export * from "./CommunityWidget.js";
+export * from "./MissingPermissionsWidget.js";

package/Dashboard/components/index.js

@@ -1,6 +1,5 @@
-export * from "./ApplicationWidget";
-export * from "./AssistanceWidget";
-export * from "./CommunityWidget";
-export * from "./MissingPermissionsWidget";
+export * from "./AssistanceWidget.js";
+export * from "./CommunityWidget.js";
+export * from "./MissingPermissionsWidget.js";
 
 //# sourceMappingURL=index.js.map

package/Dashboard/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ApplicationWidget\";\nexport * from \"./AssistanceWidget\";\nexport * from \"./CommunityWidget\";\nexport * from \"./MissingPermissionsWidget\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./AssistanceWidget.js\";\nexport * from \"./CommunityWidget.js\";\nexport * from \"./MissingPermissionsWidget.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/Dashboard.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { CenteredView, DashboardRenderer } from "@webiny/app-admin";
-import Welcome from "./Dashboard/Welcome";
+import Welcome from "./Dashboard/Welcome.js";
 export const Dashboard = DashboardRenderer.createDecorator(() => {
   return function DashboardRenderer() {
     return /*#__PURE__*/React.createElement(CenteredView, null, /*#__PURE__*/React.createElement(Welcome, null));

package/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CenteredView","DashboardRenderer","Welcome","Dashboard","createDecorator","createElement"],"sources":["Dashboard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CenteredView, DashboardRenderer } from \"@webiny/app-admin\";\nimport Welcome from \"./Dashboard/Welcome\";\n\nexport const Dashboard = DashboardRenderer.createDecorator(() => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,mBAAmB;AACnE,OAAOC,OAAO;AAEd,OAAO,MAAMC,SAAS,GAAGF,iBAAiB,CAACG,eAAe,CAAC,MAAM;EAC7D,OAAO,SAASH,iBAAiBA,CAAA,EAAG;IAChC,oBACIF,KAAA,CAAAM,aAAA,CAACL,YAAY,qBACTD,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE,CACA,CAAC;EAEvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CenteredView","DashboardRenderer","Welcome","Dashboard","createDecorator","createElement"],"sources":["Dashboard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CenteredView, DashboardRenderer } from \"@webiny/app-admin\";\nimport Welcome from \"./Dashboard/Welcome.js\";\n\nexport const Dashboard = DashboardRenderer.createDecorator(() => {\n    return function DashboardRenderer() {\n        return (\n            <CenteredView>\n                <Welcome />\n            </CenteredView>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,mBAAmB;AACnE,OAAOC,OAAO;AAEd,OAAO,MAAMC,SAAS,GAAGF,iBAAiB,CAACG,eAAe,CAAC,MAAM;EAC7D,OAAO,SAASH,iBAAiBA,CAAA,EAAG;IAChC,oBACIF,KAAA,CAAAM,aAAA,CAACL,YAAY,qBACTD,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE,CACA,CAAC;EAEvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Dialog/DialogContainer.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { useUi } from "@webiny/app/hooks/useUi";
+import { useUi } from "@webiny/app/hooks/useUi.js";
 import { Dialog } from "@webiny/admin-ui";
 export const DialogContainer = () => {
   const ui = useUi();
@@ -57,10 +57,10 @@ export const DialogContainer = () => {
     style: style,
     showCloseButton: showCloseButton,
     title: title,
-    actions: !actions.cancel && !actions.accept ? null : /*#__PURE__*/React.createElement(React.Fragment, null, actions.cancel && /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+    actions: !actions.cancel && !actions.accept ? null : /*#__PURE__*/React.createElement(React.Fragment, null, actions.cancel && /*#__PURE__*/React.createElement(Dialog.CancelAction, {
       onClick: actions.cancel.onClick,
       text: actions.cancel.label
-    }), actions.accept && /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+    }), actions.accept && /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
       onClick: handleConfirm,
       text: actions.accept.label,
       "data-testid": "confirmationdialog-confirm-action"

package/Dialog/DialogContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","useUi","Dialog","DialogContainer","ui","isLoading","setIsLoading","message","dialog","dataTestId","title","loading","actions","cancel","accept","label","style","onClose","showCloseButton","options","hideDialog","setState","handleConfirm","onClick","console","info","createElement","open","Fragment","CancelButton","text","ConfirmButton"],"sources":["DialogContainer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport const DialogContainer = () => {\n    const ui = useUi();\n    const [isLoading, setIsLoading] = useState(false);\n    const message: React.ReactNode = ui.dialog?.message;\n\n    const {\n        dataTestId,\n        title,\n        loading,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style,\n        onClose,\n        showCloseButton\n    } = ui.dialog?.options || {};\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n        if (typeof onClose === \"function\") {\n            onClose();\n        }\n    }, [ui]);\n\n    /**\n     * We need this part because message can change while the dialog is opened and in loading state.\n     */\n    useEffect(() => {\n        setIsLoading(false);\n    }, [ui.dialog?.message]);\n\n    const handleConfirm = async () => {\n        if (!actions.accept.onClick) {\n            /**\n             * Should not happen as users should define \"accept.onClick\" function, but just in case lets show the information.\n             * Possible to happen in development process.\n             */\n            console.info(\"There is no actions.accept.onClick callback defined.\");\n            hideDialog();\n            return;\n        }\n        setIsLoading(true);\n        await actions.accept.onClick();\n        setIsLoading(false);\n        hideDialog();\n    };\n\n    return (\n        <Dialog\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            showCloseButton={showCloseButton}\n            title={title}\n            actions={\n                !actions.cancel && !actions.accept ? null : (\n                    <>\n                        {actions.cancel && (\n                            <Dialog.CancelButton\n                                onClick={actions.cancel.onClick}\n                                text={actions.cancel.label}\n                            />\n                        )}\n                        {actions.accept && (\n                            <Dialog.ConfirmButton\n                                onClick={handleConfirm}\n                                text={actions.accept.label}\n                                data-testid={\"confirmationdialog-confirm-action\"}\n                            />\n                        )}\n                    </>\n                )\n            }\n        >\n            {isLoading ? loading : null}\n            {message}\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,EAAE,GAAGH,KAAK,CAAC,CAAC;EAClB,MAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMO,OAAwB,GAAGH,EAAE,CAACI,MAAM,EAAED,OAAO;EAEnD,MAAM;IACFE,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,OAAO,GAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC,KAAK;IACLC,OAAO;IACPC;EACJ,CAAC,GAAGd,EAAE,CAACI,MAAM,EAAEW,OAAO,IAAI,CAAC,CAAC;EAE5B,MAAMC,UAAU,GAAGtB,WAAW,CAAC,MAAM;IACjCM,EAAE,CAACiB,QAAQ,CAACjB,EAAE,KAAK;MAAE,GAAGA,EAAE;MAAEI,MAAM,EAAE;IAAK,CAAC,CAAC,CAAC;IAC5C,IAAI,OAAOS,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EAAE,CAACb,EAAE,CAAC,CAAC;;EAER;AACJ;AACA;EACIL,SAAS,CAAC,MAAM;IACZO,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,CAACF,EAAE,CAACI,MAAM,EAAED,OAAO,CAAC,CAAC;EAExB,MAAMe,aAAa,GAAG,MAAAA,CAAA,KAAY;IAC9B,IAAI,CAACV,OAAO,CAACE,MAAM,CAACS,OAAO,EAAE;MACzB;AACZ;AACA;AACA;MACYC,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;MACpEL,UAAU,CAAC,CAAC;MACZ;IACJ;IACAd,YAAY,CAAC,IAAI,CAAC;IAClB,MAAMM,OAAO,CAACE,MAAM,CAACS,OAAO,CAAC,CAAC;IAC9BjB,YAAY,CAAC,KAAK,CAAC;IACnBc,UAAU,CAAC,CAAC;EAChB,CAAC;EAED,oBACIvB,KAAA,CAAA6B,aAAA,CAACxB,MAAM;IACHyB,IAAI,EAAE,CAAC,CAACpB,OAAQ;IAChBU,OAAO,EAAEG,UAAW;IACpB,eAAaX,UAAW;IACxBO,KAAK,EAAEA,KAAM;IACbE,eAAe,EAAEA,eAAgB;IACjCR,KAAK,EAAEA,KAAM;IACbE,OAAO,EACH,CAACA,OAAO,CAACC,MAAM,IAAI,CAACD,OAAO,CAACE,MAAM,GAAG,IAAI,gBACrCjB,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAA+B,QAAA,QACKhB,OAAO,CAACC,MAAM,iBACXhB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC2B,YAAY;MAChBN,OAAO,EAAEX,OAAO,CAACC,MAAM,CAACU,OAAQ;MAChCO,IAAI,EAAElB,OAAO,CAACC,MAAM,CAACE;IAAM,CAC9B,CACJ,EACAH,OAAO,CAACE,MAAM,iBACXjB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC6B,aAAa;MACjBR,OAAO,EAAED,aAAc;MACvBQ,IAAI,EAAElB,OAAO,CAACE,MAAM,CAACC,KAAM;MAC3B,eAAa;IAAoC,CACpD,CAEP;EAET,GAEAV,SAAS,GAAGM,OAAO,GAAG,IAAI,EAC1BJ,OACG,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","useUi","Dialog","DialogContainer","ui","isLoading","setIsLoading","message","dialog","dataTestId","title","loading","actions","cancel","accept","label","style","onClose","showCloseButton","options","hideDialog","setState","handleConfirm","onClick","console","info","createElement","open","Fragment","CancelAction","text","ConfirmAction"],"sources":["DialogContainer.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport const DialogContainer = () => {\n    const ui = useUi();\n    const [isLoading, setIsLoading] = useState(false);\n    const message: React.ReactNode = ui.dialog?.message;\n\n    const {\n        dataTestId,\n        title,\n        loading,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style,\n        onClose,\n        showCloseButton\n    } = ui.dialog?.options || {};\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n        if (typeof onClose === \"function\") {\n            onClose();\n        }\n    }, [ui]);\n\n    /**\n     * We need this part because message can change while the dialog is opened and in loading state.\n     */\n    useEffect(() => {\n        setIsLoading(false);\n    }, [ui.dialog?.message]);\n\n    const handleConfirm = async () => {\n        if (!actions.accept.onClick) {\n            /**\n             * Should not happen as users should define \"accept.onClick\" function, but just in case lets show the information.\n             * Possible to happen in development process.\n             */\n            console.info(\"There is no actions.accept.onClick callback defined.\");\n            hideDialog();\n            return;\n        }\n        setIsLoading(true);\n        await actions.accept.onClick();\n        setIsLoading(false);\n        hideDialog();\n    };\n\n    return (\n        <Dialog\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            showCloseButton={showCloseButton}\n            title={title}\n            actions={\n                !actions.cancel && !actions.accept ? null : (\n                    <>\n                        {actions.cancel && (\n                            <Dialog.CancelAction\n                                onClick={actions.cancel.onClick}\n                                text={actions.cancel.label}\n                            />\n                        )}\n                        {actions.accept && (\n                            <Dialog.ConfirmAction\n                                onClick={handleConfirm}\n                                text={actions.accept.label}\n                                data-testid={\"confirmationdialog-confirm-action\"}\n                            />\n                        )}\n                    </>\n                )\n            }\n        >\n            {isLoading ? loading : null}\n            {message}\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,EAAE,GAAGH,KAAK,CAAC,CAAC;EAClB,MAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMO,OAAwB,GAAGH,EAAE,CAACI,MAAM,EAAED,OAAO;EAEnD,MAAM;IACFE,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,OAAO,GAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC,KAAK;IACLC,OAAO;IACPC;EACJ,CAAC,GAAGd,EAAE,CAACI,MAAM,EAAEW,OAAO,IAAI,CAAC,CAAC;EAE5B,MAAMC,UAAU,GAAGtB,WAAW,CAAC,MAAM;IACjCM,EAAE,CAACiB,QAAQ,CAACjB,EAAE,KAAK;MAAE,GAAGA,EAAE;MAAEI,MAAM,EAAE;IAAK,CAAC,CAAC,CAAC;IAC5C,IAAI,OAAOS,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAAC,CAAC;IACb;EACJ,CAAC,EAAE,CAACb,EAAE,CAAC,CAAC;;EAER;AACJ;AACA;EACIL,SAAS,CAAC,MAAM;IACZO,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC,EAAE,CAACF,EAAE,CAACI,MAAM,EAAED,OAAO,CAAC,CAAC;EAExB,MAAMe,aAAa,GAAG,MAAAA,CAAA,KAAY;IAC9B,IAAI,CAACV,OAAO,CAACE,MAAM,CAACS,OAAO,EAAE;MACzB;AACZ;AACA;AACA;MACYC,OAAO,CAACC,IAAI,CAAC,sDAAsD,CAAC;MACpEL,UAAU,CAAC,CAAC;MACZ;IACJ;IACAd,YAAY,CAAC,IAAI,CAAC;IAClB,MAAMM,OAAO,CAACE,MAAM,CAACS,OAAO,CAAC,CAAC;IAC9BjB,YAAY,CAAC,KAAK,CAAC;IACnBc,UAAU,CAAC,CAAC;EAChB,CAAC;EAED,oBACIvB,KAAA,CAAA6B,aAAA,CAACxB,MAAM;IACHyB,IAAI,EAAE,CAAC,CAACpB,OAAQ;IAChBU,OAAO,EAAEG,UAAW;IACpB,eAAaX,UAAW;IACxBO,KAAK,EAAEA,KAAM;IACbE,eAAe,EAAEA,eAAgB;IACjCR,KAAK,EAAEA,KAAM;IACbE,OAAO,EACH,CAACA,OAAO,CAACC,MAAM,IAAI,CAACD,OAAO,CAACE,MAAM,GAAG,IAAI,gBACrCjB,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAA+B,QAAA,QACKhB,OAAO,CAACC,MAAM,iBACXhB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC2B,YAAY;MAChBN,OAAO,EAAEX,OAAO,CAACC,MAAM,CAACU,OAAQ;MAChCO,IAAI,EAAElB,OAAO,CAACC,MAAM,CAACE;IAAM,CAC9B,CACJ,EACAH,OAAO,CAACE,MAAM,iBACXjB,KAAA,CAAA6B,aAAA,CAACxB,MAAM,CAAC6B,aAAa;MACjBR,OAAO,EAAED,aAAc;MACvBQ,IAAI,EAAElB,OAAO,CAACE,MAAM,CAACC,KAAM;MAC3B,eAAa;IAAoC,CACpD,CAEP;EAET,GAEAV,SAAS,GAAGM,OAAO,GAAG,IAAI,EAC1BJ,OACG,CAAC;AAEjB,CAAC","ignoreList":[]}

package/Dialog/DialogProvider.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { DialogContainer } from "./DialogContainer";
+import { DialogContainer } from "./DialogContainer.js";
 export const DialogProvider = Component => {
   return function DialogProviderProps({
     children

package/Dialog/DialogProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","DialogContainer","DialogProvider","Component","DialogProviderProps","children","createElement"],"sources":["DialogProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogContainer } from \"./DialogContainer\";\n\nexport interface DialogProviderProps {\n    children?: React.ReactNode;\n}\n\nexport const DialogProvider = (Component: React.ComponentType<DialogProviderProps>) => {\n    return function DialogProviderProps({ children }: DialogProviderProps) {\n        return (\n            <Component>\n                {children}\n                <DialogContainer />\n            </Component>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAMxB,OAAO,MAAMC,cAAc,GAAIC,SAAmD,IAAK;EACnF,OAAO,SAASC,mBAAmBA,CAAC;IAAEC;EAA8B,CAAC,EAAE;IACnE,oBACIL,KAAA,CAAAM,aAAA,CAACH,SAAS,QACLE,QAAQ,eACTL,KAAA,CAAAM,aAAA,CAACL,eAAe,MAAE,CACX,CAAC;EAEpB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","DialogContainer","DialogProvider","Component","DialogProviderProps","children","createElement"],"sources":["DialogProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogContainer } from \"./DialogContainer.js\";\n\nexport interface DialogProviderProps {\n    children?: React.ReactNode;\n}\n\nexport const DialogProvider = (Component: React.ComponentType<DialogProviderProps>) => {\n    return function DialogProviderProps({ children }: DialogProviderProps) {\n        return (\n            <Component>\n                {children}\n                <DialogContainer />\n            </Component>\n        );\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAMxB,OAAO,MAAMC,cAAc,GAAIC,SAAmD,IAAK;EACnF,OAAO,SAASC,mBAAmBA,CAAC;IAAEC;EAA8B,CAAC,EAAE;IACnE,oBACIL,KAAA,CAAAM,aAAA,CAACH,SAAS,QACLE,QAAQ,eACTL,KAAA,CAAAM,aAAA,CAACL,eAAe,MAAE,CACX,CAAC;EAEpB,CAAC;AACL,CAAC","ignoreList":[]}

package/Dialog.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Provider } from "@webiny/app-admin";
-import { DialogProvider } from "./Dialog/DialogProvider";
+import { DialogProvider } from "./Dialog/DialogProvider.js";
 
 // This implements the global dialog, which is controlled via the
 // `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).

package/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Provider","DialogProvider","Dialog","createElement","hoc"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin\";\nimport { DialogProvider } from \"./Dialog/DialogProvider\";\n\n// This implements the global dialog, which is controlled via the\n// `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).\nexport const Dialog = () => {\n    return <Provider hoc={DialogProvider} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,cAAc;;AAEvB;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBAAOH,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,GAAG,EAAEH;EAAe,CAAE,CAAC;AAC5C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Provider","DialogProvider","Dialog","createElement","hoc"],"sources":["Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin\";\nimport { DialogProvider } from \"./Dialog/DialogProvider.js\";\n\n// This implements the global dialog, which is controlled via the\n// `useDialog` hook (`packages/app-admin/src/hooks/useDialog.ts`).\nexport const Dialog = () => {\n    return <Provider hoc={DialogProvider} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,cAAc;;AAEvB;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACxB,oBAAOH,KAAA,CAAAI,aAAA,CAACH,QAAQ;IAACI,GAAG,EAAEH;EAAe,CAAE,CAAC;AAC5C,CAAC","ignoreList":[]}

package/Layout.js

@@ -1,6 +1,6 @@
 import React from "react";
 import Helmet from "react-helmet";
-import { LayoutRenderer, LocaleSelector, Navigation, TenantSelector, UserMenu } from "@webiny/app-admin";
+import { LayoutRenderer, Navigation, TenantSelector, UserMenu } from "@webiny/app-admin";
 import { HeaderBar, cn, useSidebar } from "@webiny/admin-ui";
 export const Layout = LayoutRenderer.createDecorator(() => {
   return function Layout({
@@ -13,20 +13,20 @@ export const Layout = LayoutRenderer.createDecorator(() => {
       pinned
     } = useSidebar();
     const widthClassNames = {
-      "wby-max-w-[calc(100%-theme(spacing.sidebar-expanded))] ": pinned,
-      "wby-max-w-[calc(100%-theme(spacing.sidebar-collapsed))] ": !pinned
+      "max-w-[calc(100%-(var(--spacing-sidebar-expanded)))] ": pinned,
+      "max-w-[calc(100%-(var(--spacing-sidebar-collapsed)))] ": !pinned
     };
     return /*#__PURE__*/React.createElement(React.Fragment, null, title ? /*#__PURE__*/React.createElement(Helmet, {
       title: title
     }) : null, hideNavigation ? null : /*#__PURE__*/React.createElement(Navigation, null), /*#__PURE__*/React.createElement("div", {
-      className: cn("wby-ml-auto wby-bg-neutral-base wby-transition-[max-width,min-width] wby-ease-linear wby-w-full", hideNavigation ? undefined : widthClassNames)
+      className: cn("ml-auto bg-neutral-base transition-[max-width,min-width] ease-linear w-full", hideNavigation ? undefined : widthClassNames)
     }, /*#__PURE__*/React.createElement(HeaderBar, {
       start: startElement,
       end: /*#__PURE__*/React.createElement("div", {
-        className: "wby-flex"
-      }, /*#__PURE__*/React.createElement(LocaleSelector, null), /*#__PURE__*/React.createElement(TenantSelector, null), /*#__PURE__*/React.createElement(UserMenu, null))
+        className: "flex gap-x-sm items-center justify-end"
+      }, /*#__PURE__*/React.createElement(TenantSelector, null), /*#__PURE__*/React.createElement(UserMenu, null))
     }), /*#__PURE__*/React.createElement("main", {
-      className: "wby-relative wby-overflow-y-auto wby-h-main-content"
+      className: "relative overflow-y-auto h-main-content"
     }, children)));
   };
 });

package/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Helmet","LayoutRenderer","LocaleSelector","Navigation","TenantSelector","UserMenu","HeaderBar","cn","useSidebar","Layout","createDecorator","title","startElement","hideNavigation","children","pinned","widthClassNames","createElement","Fragment","className","undefined","start","end"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport Helmet from \"react-helmet\";\nimport type { LayoutProps } from \"@webiny/app-admin\";\nimport {\n    LayoutRenderer,\n    LocaleSelector,\n    Navigation,\n    TenantSelector,\n    UserMenu\n} from \"@webiny/app-admin\";\nimport { HeaderBar, cn, useSidebar } from \"@webiny/admin-ui\";\n\nexport const Layout = LayoutRenderer.createDecorator(() => {\n    return function Layout({\n        title,\n        startElement = null,\n        hideNavigation = false,\n        children\n    }: LayoutProps) {\n        const { pinned } = useSidebar();\n\n        const widthClassNames = {\n            \"wby-max-w-[calc(100%-theme(spacing.sidebar-expanded))] \": pinned,\n            \"wby-max-w-[calc(100%-theme(spacing.sidebar-collapsed))] \": !pinned\n        };\n\n        return (\n            <>\n                {title ? <Helmet title={title} /> : null}\n                {hideNavigation ? null : <Navigation />}\n                <div\n                    className={cn(\n                        \"wby-ml-auto wby-bg-neutral-base wby-transition-[max-width,min-width] wby-ease-linear wby-w-full\",\n                        hideNavigation ? undefined : widthClassNames\n                    )}\n                >\n                    <HeaderBar\n                        start={startElement}\n                        end={\n                            <div className={\"wby-flex\"}>\n                                <LocaleSelector />\n                                <TenantSelector />\n                                <UserMenu />\n                            </div>\n                        }\n                    />\n                    <main className={\"wby-relative wby-overflow-y-auto wby-h-main-content\"}>\n                        {children}\n                    </main>\n                </div>\n            </>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,cAAc;AAEjC,SACIC,cAAc,EACdC,cAAc,EACdC,UAAU,EACVC,cAAc,EACdC,QAAQ,QACL,mBAAmB;AAC1B,SAASC,SAAS,EAAEC,EAAE,EAAEC,UAAU,QAAQ,kBAAkB;AAE5D,OAAO,MAAMC,MAAM,GAAGR,cAAc,CAACS,eAAe,CAAC,MAAM;EACvD,OAAO,SAASD,MAAMA,CAAC;IACnBE,KAAK;IACLC,YAAY,GAAG,IAAI;IACnBC,cAAc,GAAG,KAAK;IACtBC;EACS,CAAC,EAAE;IACZ,MAAM;MAAEC;IAAO,CAAC,GAAGP,UAAU,CAAC,CAAC;IAE/B,MAAMQ,eAAe,GAAG;MACpB,yDAAyD,EAAED,MAAM;MACjE,0DAA0D,EAAE,CAACA;IACjE,CAAC;IAED,oBACIhB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAmB,QAAA,QACKP,KAAK,gBAAGZ,KAAA,CAAAkB,aAAA,CAACjB,MAAM;MAACW,KAAK,EAAEA;IAAM,CAAE,CAAC,GAAG,IAAI,EACvCE,cAAc,GAAG,IAAI,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,UAAU,MAAE,CAAC,eACvCJ,KAAA,CAAAkB,aAAA;MACIE,SAAS,EAAEZ,EAAE,CACT,iGAAiG,EACjGM,cAAc,GAAGO,SAAS,GAAGJ,eACjC;IAAE,gBAEFjB,KAAA,CAAAkB,aAAA,CAACX,SAAS;MACNe,KAAK,EAAET,YAAa;MACpBU,GAAG,eACCvB,KAAA,CAAAkB,aAAA;QAAKE,SAAS,EAAE;MAAW,gBACvBpB,KAAA,CAAAkB,aAAA,CAACf,cAAc,MAAE,CAAC,eAClBH,KAAA,CAAAkB,aAAA,CAACb,cAAc,MAAE,CAAC,eAClBL,KAAA,CAAAkB,aAAA,CAACZ,QAAQ,MAAE,CACV;IACR,CACJ,CAAC,eACFN,KAAA,CAAAkB,aAAA;MAAME,SAAS,EAAE;IAAsD,GAClEL,QACC,CACL,CACP,CAAC;EAEX,CAAC;AACL,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Helmet","LayoutRenderer","Navigation","TenantSelector","UserMenu","HeaderBar","cn","useSidebar","Layout","createDecorator","title","startElement","hideNavigation","children","pinned","widthClassNames","createElement","Fragment","className","undefined","start","end"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport Helmet from \"react-helmet\";\nimport type { LayoutProps } from \"@webiny/app-admin\";\nimport { LayoutRenderer, Navigation, TenantSelector, UserMenu } from \"@webiny/app-admin\";\nimport { HeaderBar, cn, useSidebar } from \"@webiny/admin-ui\";\n\nexport const Layout = LayoutRenderer.createDecorator(() => {\n    return function Layout({\n        title,\n        startElement = null,\n        hideNavigation = false,\n        children\n    }: LayoutProps) {\n        const { pinned } = useSidebar();\n\n        const widthClassNames = {\n            \"max-w-[calc(100%-(var(--spacing-sidebar-expanded)))] \": pinned,\n            \"max-w-[calc(100%-(var(--spacing-sidebar-collapsed)))] \": !pinned\n        };\n\n        return (\n            <>\n                {title ? <Helmet title={title} /> : null}\n                {hideNavigation ? null : <Navigation />}\n                <div\n                    className={cn(\n                        \"ml-auto bg-neutral-base transition-[max-width,min-width] ease-linear w-full\",\n                        hideNavigation ? undefined : widthClassNames\n                    )}\n                >\n                    <HeaderBar\n                        start={startElement}\n                        end={\n                            <div className={\"flex gap-x-sm items-center justify-end\"}>\n                                <TenantSelector />\n                                <UserMenu />\n                            </div>\n                        }\n                    />\n                    <main className={\"relative overflow-y-auto h-main-content\"}>{children}</main>\n                </div>\n            </>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,cAAc;AAEjC,SAASC,cAAc,EAAEC,UAAU,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,mBAAmB;AACxF,SAASC,SAAS,EAAEC,EAAE,EAAEC,UAAU,QAAQ,kBAAkB;AAE5D,OAAO,MAAMC,MAAM,GAAGP,cAAc,CAACQ,eAAe,CAAC,MAAM;EACvD,OAAO,SAASD,MAAMA,CAAC;IACnBE,KAAK;IACLC,YAAY,GAAG,IAAI;IACnBC,cAAc,GAAG,KAAK;IACtBC;EACS,CAAC,EAAE;IACZ,MAAM;MAAEC;IAAO,CAAC,GAAGP,UAAU,CAAC,CAAC;IAE/B,MAAMQ,eAAe,GAAG;MACpB,uDAAuD,EAAED,MAAM;MAC/D,wDAAwD,EAAE,CAACA;IAC/D,CAAC;IAED,oBACIf,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,QACKP,KAAK,gBAAGX,KAAA,CAAAiB,aAAA,CAAChB,MAAM;MAACU,KAAK,EAAEA;IAAM,CAAE,CAAC,GAAG,IAAI,EACvCE,cAAc,GAAG,IAAI,gBAAGb,KAAA,CAAAiB,aAAA,CAACd,UAAU,MAAE,CAAC,eACvCH,KAAA,CAAAiB,aAAA;MACIE,SAAS,EAAEZ,EAAE,CACT,6EAA6E,EAC7EM,cAAc,GAAGO,SAAS,GAAGJ,eACjC;IAAE,gBAEFhB,KAAA,CAAAiB,aAAA,CAACX,SAAS;MACNe,KAAK,EAAET,YAAa;MACpBU,GAAG,eACCtB,KAAA,CAAAiB,aAAA;QAAKE,SAAS,EAAE;MAAyC,gBACrDnB,KAAA,CAAAiB,aAAA,CAACb,cAAc,MAAE,CAAC,eAClBJ,KAAA,CAAAiB,aAAA,CAACZ,QAAQ,MAAE,CACV;IACR,CACJ,CAAC,eACFL,KAAA,CAAAiB,aAAA;MAAME,SAAS,EAAE;IAA0C,GAAEL,QAAe,CAC3E,CACP,CAAC;EAEX,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Logo.js

@@ -1,16 +1,19 @@
 import React from "react";
 import { LogoRenderer, useAdminConfig } from "@webiny/app-admin";
+import { useIsInNavigation } from "@webiny/app-admin";
 const minHeight = {
   minHeight: 48
 };
 export const Logo = LogoRenderer.createDecorator(() => {
   return function Logo() {
     const {
-      tenant
+      logo
     } = useAdminConfig();
+    const isInNavigation = useIsInNavigation();
+    const logoElement = isInNavigation ? logo.squareLogo : logo.horizontalLogo;
     return /*#__PURE__*/React.createElement("div", {
       style: minHeight
-    }, tenant.logo || null);
+    }, logoElement || null);
   };
 });