@webiny/app-website-builder 6.3.0 → 6.4.0-beta.0

package/modules/redirects/configs/list/RedirectListConfig.js

@@ -1,33 +1,38 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { createConfigurableComponent } from "@webiny/react-properties";
 import { Browser } from "./Browser/index.js";
 import { useAcoConfig } from "@webiny/app-aco";
 const base = createConfigurableComponent("WbRedirectList");
-const ScopedRedirectListConfig = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(base.Config, null, children);
-};
+const ScopedRedirectListConfig = ({ children })=>/*#__PURE__*/ react.createElement(base.Config, null, children);
 ScopedRedirectListConfig.displayName = "WbRedirectListConfig";
-export const RedirectListConfig = Object.assign(ScopedRedirectListConfig, {
-  Browser
+const RedirectListConfig = Object.assign(ScopedRedirectListConfig, {
+    Browser: Browser
 });
-export const RedirectListWithConfig = base.WithConfig;
-export function useRedirectListConfig() {
-  const config = base.useConfig();
-  const acoConfig = useAcoConfig(config);
-  const browser = config.browser || {};
-  return useMemo(() => ({
-    browser: {
-      ...browser,
-      bulkActions: [...(browser.bulkActions || [])],
-      filters: [...(browser.filters || [])],
-      filtersToWhere: [...(browser.filtersToWhere || [])],
-      table: acoConfig.table,
-      folder: acoConfig.folder,
-      redirect: acoConfig.record
-    }
-  }), [config]);
+const RedirectListWithConfig = base.WithConfig;
+function useRedirectListConfig() {
+    const config = base.useConfig();
+    const acoConfig = useAcoConfig(config);
+    const browser = config.browser || {};
+    return useMemo(()=>({
+            browser: {
+                ...browser,
+                bulkActions: [
+                    ...browser.bulkActions || []
+                ],
+                filters: [
+                    ...browser.filters || []
+                ],
+                filtersToWhere: [
+                    ...browser.filtersToWhere || []
+                ],
+                table: acoConfig.table,
+                folder: acoConfig.folder,
+                redirect: acoConfig.record
+            }
+        }), [
+        config
+    ]);
 }
+export { RedirectListConfig, RedirectListWithConfig, useRedirectListConfig };
 
 //# sourceMappingURL=RedirectListConfig.js.map

package/modules/redirects/configs/list/RedirectListConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","createConfigurableComponent","Browser","useAcoConfig","base","ScopedRedirectListConfig","children","createElement","Config","displayName","RedirectListConfig","Object","assign","RedirectListWithConfig","WithConfig","useRedirectListConfig","config","useConfig","acoConfig","browser","bulkActions","filters","filtersToWhere","table","folder","redirect","record"],"sources":["RedirectListConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Browser, type BrowserConfig } from \"./Browser/index.js\";\nimport { useAcoConfig } from \"@webiny/app-aco\";\n\nconst base = createConfigurableComponent<RedirectListConfig>(\"WbRedirectList\");\n\nconst ScopedRedirectListConfig = ({ children }: { children: React.ReactNode }) => {\n    return <base.Config>{children}</base.Config>;\n};\n\nScopedRedirectListConfig.displayName = \"WbRedirectListConfig\";\n\nexport const RedirectListConfig = Object.assign(ScopedRedirectListConfig, { Browser });\nexport const RedirectListWithConfig = base.WithConfig;\n\ninterface RedirectListConfig {\n    browser: BrowserConfig;\n}\n\nexport function useRedirectListConfig() {\n    const config = base.useConfig();\n    const acoConfig = useAcoConfig(config);\n\n    const browser = config.browser || {};\n\n    return useMemo(\n        () => ({\n            browser: {\n                ...browser,\n                bulkActions: [...(browser.bulkActions || [])],\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])],\n                table: acoConfig.table,\n                folder: acoConfig.folder,\n                redirect: acoConfig.record\n            }\n        }),\n        [config]\n    );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,2BAA2B,QAAQ,0BAA0B;AACtE,SAASC,OAAO;AAChB,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,IAAI,GAAGH,2BAA2B,CAAqB,gBAAgB,CAAC;AAE9E,MAAMI,wBAAwB,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC9E,oBAAOP,KAAA,CAAAQ,aAAA,CAACH,IAAI,CAACI,MAAM,QAAEF,QAAsB,CAAC;AAChD,CAAC;AAEDD,wBAAwB,CAACI,WAAW,GAAG,sBAAsB;AAE7D,OAAO,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,MAAM,CAACP,wBAAwB,EAAE;EAAEH;AAAQ,CAAC,CAAC;AACtF,OAAO,MAAMW,sBAAsB,GAAGT,IAAI,CAACU,UAAU;AAMrD,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACpC,MAAMC,MAAM,GAAGZ,IAAI,CAACa,SAAS,CAAC,CAAC;EAC/B,MAAMC,SAAS,GAAGf,YAAY,CAACa,MAAM,CAAC;EAEtC,MAAMG,OAAO,GAAGH,MAAM,CAACG,OAAO,IAAI,CAAC,CAAC;EAEpC,OAAOnB,OAAO,CACV,OAAO;IACHmB,OAAO,EAAE;MACL,GAAGA,OAAO;MACVC,WAAW,EAAE,CAAC,IAAID,OAAO,CAACC,WAAW,IAAI,EAAE,CAAC,CAAC;MAC7CC,OAAO,EAAE,CAAC,IAAIF,OAAO,CAACE,OAAO,IAAI,EAAE,CAAC,CAAC;MACrCC,cAAc,EAAE,CAAC,IAAIH,OAAO,CAACG,cAAc,IAAI,EAAE,CAAC,CAAC;MACnDC,KAAK,EAAEL,SAAS,CAACK,KAAK;MACtBC,MAAM,EAAEN,SAAS,CAACM,MAAM;MACxBC,QAAQ,EAAEP,SAAS,CAACQ;IACxB;EACJ,CAAC,CAAC,EACF,CAACV,MAAM,CACX,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"modules/redirects/configs/list/RedirectListConfig.js","sources":["../../../../../src/modules/redirects/configs/list/RedirectListConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Browser, type BrowserConfig } from \"./Browser/index.js\";\nimport { useAcoConfig } from \"@webiny/app-aco\";\n\nconst base = createConfigurableComponent<RedirectListConfig>(\"WbRedirectList\");\n\nconst ScopedRedirectListConfig = ({ children }: { children: React.ReactNode }) => {\n    return <base.Config>{children}</base.Config>;\n};\n\nScopedRedirectListConfig.displayName = \"WbRedirectListConfig\";\n\nexport const RedirectListConfig = Object.assign(ScopedRedirectListConfig, { Browser });\nexport const RedirectListWithConfig = base.WithConfig;\n\ninterface RedirectListConfig {\n    browser: BrowserConfig;\n}\n\nexport function useRedirectListConfig() {\n    const config = base.useConfig();\n    const acoConfig = useAcoConfig(config);\n\n    const browser = config.browser || {};\n\n    return useMemo(\n        () => ({\n            browser: {\n                ...browser,\n                bulkActions: [...(browser.bulkActions || [])],\n                filters: [...(browser.filters || [])],\n                filtersToWhere: [...(browser.filtersToWhere || [])],\n                table: acoConfig.table,\n                folder: acoConfig.folder,\n                redirect: acoConfig.record\n            }\n        }),\n        [config]\n    );\n}\n"],"names":["base","createConfigurableComponent","ScopedRedirectListConfig","children","RedirectListConfig","Object","Browser","RedirectListWithConfig","useRedirectListConfig","config","acoConfig","useAcoConfig","browser","useMemo"],"mappings":";;;;AAKA,MAAMA,OAAOC,4BAAgD;AAE7D,MAAMC,2BAA2B,CAAC,EAAEC,QAAQ,EAAiC,GAClE,WAAP,GAAO,oBAACH,KAAK,MAAM,QAAEG;AAGzBD,yBAAyB,WAAW,GAAG;AAEhC,MAAME,qBAAqBC,OAAO,MAAM,CAACH,0BAA0B;IAAEI,SAAOA;AAAC;AAC7E,MAAMC,yBAAyBP,KAAK,UAAU;AAM9C,SAASQ;IACZ,MAAMC,SAAST,KAAK,SAAS;IAC7B,MAAMU,YAAYC,aAAaF;IAE/B,MAAMG,UAAUH,OAAO,OAAO,IAAI,CAAC;IAEnC,OAAOI,QACH,IAAO;YACH,SAAS;gBACL,GAAGD,OAAO;gBACV,aAAa;uBAAKA,QAAQ,WAAW,IAAI,EAAE;iBAAE;gBAC7C,SAAS;uBAAKA,QAAQ,OAAO,IAAI,EAAE;iBAAE;gBACrC,gBAAgB;uBAAKA,QAAQ,cAAc,IAAI,EAAE;iBAAE;gBACnD,OAAOF,UAAU,KAAK;gBACtB,QAAQA,UAAU,MAAM;gBACxB,UAAUA,UAAU,MAAM;YAC9B;QACJ,IACA;QAACD;KAAO;AAEhB"}

package/modules/redirects/configs/list/index.js

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

package/modules/settings/WebsiteBuilderSettings.js

@@ -1,15 +1,14 @@
 import { Grid, Input } from "@webiny/admin-ui";
-import React from "react";
+import react from "react";
 import { Bind } from "@webiny/form";
-export const WebsiteBuilderSettings = () => {
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "previewDomain"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Preview Domain",
-    description: "This domain will be used in the page editor."
-  }))));
-};
+const WebsiteBuilderSettings = ()=>/*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: "previewDomain"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        label: "Preview Domain",
+        description: "This domain will be used in the page editor."
+    }))));
+export { WebsiteBuilderSettings };
 
 //# sourceMappingURL=WebsiteBuilderSettings.js.map

package/modules/settings/WebsiteBuilderSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["Grid","Input","React","Bind","WebsiteBuilderSettings","createElement","Column","span","name","label","description"],"sources":["WebsiteBuilderSettings.tsx"],"sourcesContent":["import { Grid, Input } from \"@webiny/admin-ui\";\nimport React from \"react\";\nimport { Bind } from \"@webiny/form\";\n\nexport const WebsiteBuilderSettings = () => {\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"previewDomain\"}>\n                    <Input\n                        label={\"Preview Domain\"}\n                        description={\"This domain will be used in the page editor.\"}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,oBACIF,KAAA,CAAAG,aAAA,CAACL,IAAI,qBACDE,KAAA,CAAAG,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBL,KAAA,CAAAG,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAAgB,gBACxBN,KAAA,CAAAG,aAAA,CAACJ,KAAK;IACFQ,KAAK,EAAE,gBAAiB;IACxBC,WAAW,EAAE;EAA+C,CAC/D,CACC,CACG,CACX,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/settings/WebsiteBuilderSettings.js","sources":["../../../src/modules/settings/WebsiteBuilderSettings.tsx"],"sourcesContent":["import { Grid, Input } from \"@webiny/admin-ui\";\nimport React from \"react\";\nimport { Bind } from \"@webiny/form\";\n\nexport const WebsiteBuilderSettings = () => {\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind name={\"previewDomain\"}>\n                    <Input\n                        label={\"Preview Domain\"}\n                        description={\"This domain will be used in the page editor.\"}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n"],"names":["WebsiteBuilderSettings","Grid","Bind","Input"],"mappings":";;;AAIO,MAAMA,yBAAyB,IAC3B,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,OAAKA;QACF,OAAO;QACP,aAAa"}

package/modules/settings/useSettingsDialog.js

@@ -1,40 +1,35 @@
-import React from "react";
+import react from "react";
 import { useDialogs } from "@webiny/app-admin";
 import { useToast } from "@webiny/admin-ui";
 import { WebsiteBuilderSettings } from "./WebsiteBuilderSettings.js";
 import { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from "../../features/index.js";
-export const useSettingsDialog = () => {
-  const {
-    showSuccessToast
-  } = useToast();
-  const dialogs = useDialogs();
-  const {
-    getSettings
-  } = useGetWebsiteBuilderSettings();
-  const {
-    updateSettings
-  } = useUpdateWebsiteBuilderSettings();
-  const showSettingsDialog = () => {
-    dialogs.showDialog({
-      formData: () => getSettings(),
-      title: "Website Builder Settings",
-      acceptLabel: "Save Settings",
-      cancelLabel: "Cancel",
-      loadingLabel: "Saving...",
-      content: /*#__PURE__*/React.createElement(WebsiteBuilderSettings, null),
-      onAccept: async data => {
-        await updateSettings(data);
-        showSuccessToast({
-          title: "Success!",
-          description: "Settings were saved successfully.",
-          duration: 3000
+const useSettingsDialog = ()=>{
+    const { showSuccessToast } = useToast();
+    const dialogs = useDialogs();
+    const { getSettings } = useGetWebsiteBuilderSettings();
+    const { updateSettings } = useUpdateWebsiteBuilderSettings();
+    const showSettingsDialog = ()=>{
+        dialogs.showDialog({
+            formData: ()=>getSettings(),
+            title: "Website Builder Settings",
+            acceptLabel: "Save Settings",
+            cancelLabel: "Cancel",
+            loadingLabel: "Saving...",
+            content: /*#__PURE__*/ react.createElement(WebsiteBuilderSettings, null),
+            onAccept: async (data)=>{
+                await updateSettings(data);
+                showSuccessToast({
+                    title: "Success!",
+                    description: "Settings were saved successfully.",
+                    duration: 3000
+                });
+            }
         });
-      }
-    });
-  };
-  return {
-    showSettingsDialog
-  };
+    };
+    return {
+        showSettingsDialog
+    };
 };
+export { useSettingsDialog };
 
 //# sourceMappingURL=useSettingsDialog.js.map

package/modules/settings/useSettingsDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useDialogs","useToast","WebsiteBuilderSettings","useGetWebsiteBuilderSettings","useUpdateWebsiteBuilderSettings","useSettingsDialog","showSuccessToast","dialogs","getSettings","updateSettings","showSettingsDialog","showDialog","formData","title","acceptLabel","cancelLabel","loadingLabel","content","createElement","onAccept","data","description","duration"],"sources":["useSettingsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { WebsiteBuilderSettings } from \"./WebsiteBuilderSettings.js\";\nimport { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from \"~/features/index.js\";\n\nexport const useSettingsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const { updateSettings } = useUpdateWebsiteBuilderSettings();\n\n    type SettingsType = Awaited<ReturnType<typeof getSettings>>;\n\n    const showSettingsDialog = () => {\n        dialogs.showDialog({\n            formData: () => getSettings(),\n            title: \"Website Builder Settings\",\n            acceptLabel: \"Save Settings\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Saving...\",\n            content: <WebsiteBuilderSettings />,\n            onAccept: async data => {\n                await updateSettings(data as SettingsType);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showSettingsDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,sBAAsB;AAC/B,SAASC,4BAA4B,EAAEC,+BAA+B;AAEtE,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAiB,CAAC,GAAGL,QAAQ,CAAC,CAAC;EACvC,MAAMM,OAAO,GAAGP,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEQ;EAAY,CAAC,GAAGL,4BAA4B,CAAC,CAAC;EACtD,MAAM;IAAEM;EAAe,CAAC,GAAGL,+BAA+B,CAAC,CAAC;EAI5D,MAAMM,kBAAkB,GAAGA,CAAA,KAAM;IAC7BH,OAAO,CAACI,UAAU,CAAC;MACfC,QAAQ,EAAEA,CAAA,KAAMJ,WAAW,CAAC,CAAC;MAC7BK,KAAK,EAAE,0BAA0B;MACjCC,WAAW,EAAE,eAAe;MAC5BC,WAAW,EAAE,QAAQ;MACrBC,YAAY,EAAE,WAAW;MACzBC,OAAO,eAAElB,KAAA,CAAAmB,aAAA,CAAChB,sBAAsB,MAAE,CAAC;MACnCiB,QAAQ,EAAE,MAAMC,IAAI,IAAI;QACpB,MAAMX,cAAc,CAACW,IAAoB,CAAC;QAC1Cd,gBAAgB,CAAC;UACbO,KAAK,EAAE,UAAU;UACjBQ,WAAW,EAAE,mCAAmC;UAChDC,QAAQ,EAAE;QACd,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,OAAO;IAAEZ;EAAmB,CAAC;AACjC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/settings/useSettingsDialog.js","sources":["../../../src/modules/settings/useSettingsDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { WebsiteBuilderSettings } from \"./WebsiteBuilderSettings.js\";\nimport { useGetWebsiteBuilderSettings, useUpdateWebsiteBuilderSettings } from \"~/features/index.js\";\n\nexport const useSettingsDialog = () => {\n    const { showSuccessToast } = useToast();\n    const dialogs = useDialogs();\n    const { getSettings } = useGetWebsiteBuilderSettings();\n    const { updateSettings } = useUpdateWebsiteBuilderSettings();\n\n    type SettingsType = Awaited<ReturnType<typeof getSettings>>;\n\n    const showSettingsDialog = () => {\n        dialogs.showDialog({\n            formData: () => getSettings(),\n            title: \"Website Builder Settings\",\n            acceptLabel: \"Save Settings\",\n            cancelLabel: \"Cancel\",\n            loadingLabel: \"Saving...\",\n            content: <WebsiteBuilderSettings />,\n            onAccept: async data => {\n                await updateSettings(data as SettingsType);\n                showSuccessToast({\n                    title: \"Success!\",\n                    description: \"Settings were saved successfully.\",\n                    duration: 3000\n                });\n            }\n        });\n    };\n\n    return { showSettingsDialog };\n};\n"],"names":["useSettingsDialog","showSuccessToast","useToast","dialogs","useDialogs","getSettings","useGetWebsiteBuilderSettings","updateSettings","useUpdateWebsiteBuilderSettings","showSettingsDialog","WebsiteBuilderSettings","data"],"mappings":";;;;;AAMO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAMC,UAAUC;IAChB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAI3B,MAAMC,qBAAqB;QACvBN,QAAQ,UAAU,CAAC;YACf,UAAU,IAAME;YAChB,OAAO;YACP,aAAa;YACb,aAAa;YACb,cAAc;YACd,SAAS,WAAT,GAAS,oBAACK,wBAAsBA;YAChC,UAAU,OAAMC;gBACZ,MAAMJ,eAAeI;gBACrBV,iBAAiB;oBACb,OAAO;oBACP,aAAa;oBACb,UAAU;gBACd;YACJ;QACJ;IACJ;IAEA,OAAO;QAAEQ;IAAmB;AAChC"}

package/modules/shared/FolderCellName.js

@@ -1,29 +1,24 @@
-import React from "react";
+import react from "react";
 import { useNavigateFolder } from "@webiny/app-aco";
 import { Icon, Text } from "@webiny/admin-ui";
-import { ReactComponent as Folder } from "@webiny/icons/folder.svg";
-import { ReactComponent as FolderShared } from "@webiny/icons/folder_shared.svg";
-export const FolderCellName = ({
-  folder
-}) => {
-  const {
-    navigateToFolder
-  } = useNavigateFolder();
-  let icon = /*#__PURE__*/React.createElement(Folder, null);
-  if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {
-    icon = /*#__PURE__*/React.createElement(FolderShared, null);
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline",
-    onClick: () => navigateToFolder(folder.id)
-  }, /*#__PURE__*/React.createElement(Icon, {
-    size: "sm",
-    color: "neutral-strong",
-    icon: icon,
-    label: `Folder - ${folder.title}`
-  }), /*#__PURE__*/React.createElement(Text, {
-    className: "truncate min-w-0 shrink"
-  }, folder.title));
+import { ReactComponent } from "@webiny/icons/folder.svg";
+import { ReactComponent as folder_shared_svg_ReactComponent } from "@webiny/icons/folder_shared.svg";
+const FolderCellName = ({ folder })=>{
+    const { navigateToFolder } = useNavigateFolder();
+    let icon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) icon = /*#__PURE__*/ react.createElement(folder_shared_svg_ReactComponent, null);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline",
+        onClick: ()=>navigateToFolder(folder.id)
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        size: "sm",
+        color: "neutral-strong",
+        icon: icon,
+        label: `Folder - ${folder.title}`
+    }), /*#__PURE__*/ react.createElement(Text, {
+        className: "truncate min-w-0 shrink"
+    }, folder.title));
 };
+export { FolderCellName };
 
 //# sourceMappingURL=FolderCellName.js.map

package/modules/shared/FolderCellName.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useNavigateFolder","Icon","Text","ReactComponent","Folder","FolderShared","FolderCellName","folder","navigateToFolder","icon","createElement","hasNonInheritedPermissions","canManagePermissions","className","onClick","id","size","color","label","title"],"sources":["FolderCellName.tsx"],"sourcesContent":["import React from \"react\";\nimport { type FolderTableRow, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\n\ninterface FolderCellNameProps {\n    folder: FolderTableRow[\"data\"];\n}\n\nexport const FolderCellName = ({ folder }: FolderCellNameProps) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    let icon = <Folder />;\n    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {\n        icon = <FolderShared />;\n    }\n\n    return (\n        <div\n            className={\n                \"flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline\"\n            }\n            onClick={() => navigateToFolder(folder.id)}\n        >\n            <Icon\n                size={\"sm\"}\n                color={\"neutral-strong\"}\n                icon={icon}\n                label={`Folder - ${folder.title}`}\n            />\n            <Text className={\"truncate min-w-0 shrink\"}>{folder.title}</Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA8BC,iBAAiB,QAAQ,iBAAiB;AACxE,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AACnE,SAASD,cAAc,IAAIE,YAAY,QAAQ,iCAAiC;AAMhF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,MAAM;IAAEC;EAAiB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAEhD,IAAIS,IAAI,gBAAGV,KAAA,CAAAW,aAAA,CAACN,MAAM,MAAE,CAAC;EACrB,IAAIG,MAAM,CAACI,0BAA0B,IAAIJ,MAAM,CAACK,oBAAoB,EAAE;IAClEH,IAAI,gBAAGV,KAAA,CAAAW,aAAA,CAACL,YAAY,MAAE,CAAC;EAC3B;EAEA,oBACIN,KAAA,CAAAW,aAAA;IACIG,SAAS,EACL,gFACH;IACDC,OAAO,EAAEA,CAAA,KAAMN,gBAAgB,CAACD,MAAM,CAACQ,EAAE;EAAE,gBAE3ChB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACDe,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,gBAAiB;IACxBR,IAAI,EAAEA,IAAK;IACXS,KAAK,EAAE,YAAYX,MAAM,CAACY,KAAK;EAAG,CACrC,CAAC,eACFpB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,SAAS,EAAE;EAA0B,GAAEN,MAAM,CAACY,KAAY,CAC/D,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/shared/FolderCellName.js","sources":["../../../src/modules/shared/FolderCellName.tsx"],"sourcesContent":["import React from \"react\";\nimport { type FolderTableRow, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\n\ninterface FolderCellNameProps {\n    folder: FolderTableRow[\"data\"];\n}\n\nexport const FolderCellName = ({ folder }: FolderCellNameProps) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    let icon = <Folder />;\n    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {\n        icon = <FolderShared />;\n    }\n\n    return (\n        <div\n            className={\n                \"flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline\"\n            }\n            onClick={() => navigateToFolder(folder.id)}\n        >\n            <Icon\n                size={\"sm\"}\n                color={\"neutral-strong\"}\n                icon={icon}\n                label={`Folder - ${folder.title}`}\n            />\n            <Text className={\"truncate min-w-0 shrink\"}>{folder.title}</Text>\n        </div>\n    );\n};\n"],"names":["FolderCellName","folder","navigateToFolder","useNavigateFolder","icon","Folder","FolderShared","Icon","Text"],"mappings":";;;;;AAUO,MAAMA,iBAAiB,CAAC,EAAEC,MAAM,EAAuB;IAC1D,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAE7B,IAAIC,OAAO,WAAPA,GAAO,oBAACC,gBAAMA;IAClB,IAAIJ,OAAO,0BAA0B,IAAIA,OAAO,oBAAoB,EAChEG,OAAO,WAAPA,GAAO,oBAACE,kCAAYA;IAGxB,OAAO,WAAP,GACI,oBAAC;QACG,WACI;QAEJ,SAAS,IAAMJ,iBAAiBD,OAAO,EAAE;qBAEzC,oBAACM,MAAIA;QACD,MAAM;QACN,OAAO;QACP,MAAMH;QACN,OAAO,CAAC,SAAS,EAAEH,OAAO,KAAK,EAAE;sBAErC,oBAACO,MAAIA;QAAC,WAAW;OAA4BP,OAAO,KAAK;AAGrE"}

package/modules/widgets/PagesWidget.js

@@ -1,26 +1,25 @@
-import React from "react";
+import react from "react";
 import { Widget } from "@webiny/admin-ui";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as HistoryIcon } from "@webiny/icons/history.svg";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as history_svg_ReactComponent } from "@webiny/icons/history.svg";
 import { useRouter } from "@webiny/app-admin";
 import { Routes } from "../../routes.js";
-export const PagesWidget = () => {
-  const {
-    goToRoute
-  } = useRouter();
-  return /*#__PURE__*/React.createElement(Widget, {
-    variant: "accent",
-    title: "Website Builder",
-    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
-      icon: /*#__PURE__*/React.createElement(HistoryIcon, null),
-      label: "Website Builder"
-    }),
-    padding: "md",
-    footerStartActions: /*#__PURE__*/React.createElement(Widget.Action, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null),
-      onClick: () => goToRoute(Routes.Pages.List)
-    }, "New Page")
-  }, "Build stunning landing pages with an easy to use drag and drop editor.");
+const PagesWidget = ()=>{
+    const { goToRoute } = useRouter();
+    return /*#__PURE__*/ react.createElement(Widget, {
+        variant: "accent",
+        title: "Website Builder",
+        icon: /*#__PURE__*/ react.createElement(Widget.Icon, {
+            icon: /*#__PURE__*/ react.createElement(history_svg_ReactComponent, null),
+            label: "Website Builder"
+        }),
+        padding: "md",
+        footerStartActions: /*#__PURE__*/ react.createElement(Widget.Action, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: ()=>goToRoute(Routes.Pages.List)
+        }, "New Page")
+    }, "Build stunning landing pages with an easy to use drag and drop editor.");
 };
+export { PagesWidget };
 
 //# sourceMappingURL=PagesWidget.js.map

package/modules/widgets/PagesWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Widget","ReactComponent","AddIcon","HistoryIcon","useRouter","Routes","PagesWidget","goToRoute","createElement","variant","title","icon","Icon","label","padding","footerStartActions","Action","onClick","Pages","List"],"sources":["PagesWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as HistoryIcon } from \"@webiny/icons/history.svg\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nexport const PagesWidget = () => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <Widget\n            variant=\"accent\"\n            title=\"Website Builder\"\n            icon={<Widget.Icon icon={<HistoryIcon />} label={\"Website Builder\"} />}\n            padding=\"md\"\n            footerStartActions={\n                <Widget.Action icon={<AddIcon />} onClick={() => goToRoute(Routes.Pages.List)}>\n                    New Page\n                </Widget.Action>\n            }\n        >\n            Build stunning landing pages with an easy to use drag and drop editor.\n        </Widget>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,2BAA2B;AACzE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,MAAM;AAEf,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGH,SAAS,CAAC,CAAC;EAEjC,oBACIL,KAAA,CAAAS,aAAA,CAACR,MAAM;IACHS,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,iBAAiB;IACvBC,IAAI,eAAEZ,KAAA,CAAAS,aAAA,CAACR,MAAM,CAACY,IAAI;MAACD,IAAI,eAAEZ,KAAA,CAAAS,aAAA,CAACL,WAAW,MAAE,CAAE;MAACU,KAAK,EAAE;IAAkB,CAAE,CAAE;IACvEC,OAAO,EAAC,IAAI;IACZC,kBAAkB,eACdhB,KAAA,CAAAS,aAAA,CAACR,MAAM,CAACgB,MAAM;MAACL,IAAI,eAAEZ,KAAA,CAAAS,aAAA,CAACN,OAAO,MAAE,CAAE;MAACe,OAAO,EAAEA,CAAA,KAAMV,SAAS,CAACF,MAAM,CAACa,KAAK,CAACC,IAAI;IAAE,GAAC,UAEhE;EAClB,GACJ,wEAEO,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/widgets/PagesWidget.js","sources":["../../../src/modules/widgets/PagesWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as HistoryIcon } from \"@webiny/icons/history.svg\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nexport const PagesWidget = () => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <Widget\n            variant=\"accent\"\n            title=\"Website Builder\"\n            icon={<Widget.Icon icon={<HistoryIcon />} label={\"Website Builder\"} />}\n            padding=\"md\"\n            footerStartActions={\n                <Widget.Action icon={<AddIcon />} onClick={() => goToRoute(Routes.Pages.List)}>\n                    New Page\n                </Widget.Action>\n            }\n        >\n            Build stunning landing pages with an easy to use drag and drop editor.\n        </Widget>\n    );\n};\n"],"names":["PagesWidget","goToRoute","useRouter","Widget","HistoryIcon","AddIcon","Routes"],"mappings":";;;;;;AAOO,MAAMA,cAAc;IACvB,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,SAAQ;QACR,OAAM;QACN,oBAAM,oBAACA,OAAO,IAAI;YAAC,oBAAM,oBAACC,4BAAWA;YAAK,OAAO;;QACjD,SAAQ;QACR,kCACI,oBAACD,OAAO,MAAM;YAAC,oBAAM,oBAACE,gBAAOA;YAAK,SAAS,IAAMJ,UAAUK,OAAO,KAAK,CAAC,IAAI;WAAG;OAItF;AAIT"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-website-builder",
-	"version": "6.3.0",
+	"version": "6.4.0-beta.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -21,42 +21,41 @@
 		"@monaco-editor/react": "4.7.0",
 		"@svgr/webpack": "8.1.0",
 		"@types/react": "18.3.28",
-		"@webiny/admin-ui": "6.3.0",
-		"@webiny/app": "6.3.0",
-		"@webiny/app-aco": "6.3.0",
-		"@webiny/app-admin": "6.3.0",
-		"@webiny/app-headless-cms-common": "6.3.0",
-		"@webiny/app-trash-bin": "6.3.0",
-		"@webiny/app-utils": "6.3.0",
+		"@webiny/admin-ui": "6.4.0-beta.0",
+		"@webiny/app": "6.4.0-beta.0",
+		"@webiny/app-aco": "6.4.0-beta.0",
+		"@webiny/app-admin": "6.4.0-beta.0",
+		"@webiny/app-headless-cms-common": "6.4.0-beta.0",
+		"@webiny/app-trash-bin": "6.4.0-beta.0",
+		"@webiny/app-utils": "6.4.0-beta.0",
 		"@webiny/di": "0.2.3",
-		"@webiny/error": "6.3.0",
-		"@webiny/feature": "6.3.0",
-		"@webiny/form": "6.3.0",
-		"@webiny/icons": "6.3.0",
-		"@webiny/languages": "6.3.0",
-		"@webiny/lexical-converter": "6.3.0",
-		"@webiny/lexical-editor": "6.3.0",
-		"@webiny/lexical-nodes": "6.3.0",
-		"@webiny/lexical-theme": "6.3.0",
-		"@webiny/react-composition": "6.3.0",
-		"@webiny/react-properties": "6.3.0",
-		"@webiny/ui": "6.3.0",
-		"@webiny/utils": "6.3.0",
-		"@webiny/validation": "6.3.0",
-		"@webiny/website-builder-sdk": "6.3.0",
+		"@webiny/error": "6.4.0-beta.0",
+		"@webiny/feature": "6.4.0-beta.0",
+		"@webiny/form": "6.4.0-beta.0",
+		"@webiny/icons": "6.4.0-beta.0",
+		"@webiny/languages": "6.4.0-beta.0",
+		"@webiny/lexical-converter": "6.4.0-beta.0",
+		"@webiny/lexical-editor": "6.4.0-beta.0",
+		"@webiny/lexical-nodes": "6.4.0-beta.0",
+		"@webiny/lexical-theme": "6.4.0-beta.0",
+		"@webiny/react-composition": "6.4.0-beta.0",
+		"@webiny/react-properties": "6.4.0-beta.0",
+		"@webiny/utils": "6.4.0-beta.0",
+		"@webiny/validation": "6.4.0-beta.0",
+		"@webiny/website-builder-sdk": "6.4.0-beta.0",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-utilities": "1.3.4",
 		"classnames": "2.5.1",
 		"deep-equal": "2.2.3",
-		"graphql": "16.13.2",
+		"graphql": "16.14.0",
 		"graphql-tag": "2.12.6",
 		"is-hotkey": "0.2.0",
 		"lodash": "4.18.1",
-		"markdown-to-jsx": "9.7.16",
+		"markdown-to-jsx": "9.8.0",
 		"matcher": "6.0.0",
-		"mobx": "6.15.1",
+		"mobx": "6.15.3",
 		"mobx-react-lite": "4.1.1",
 		"pluralize": "8.0.0",
 		"react": "18.3.1",
@@ -64,17 +63,16 @@
 		"react-dnd-html5-backend": "16.0.1",
 		"react-dom": "18.3.1",
 		"slugify": "1.6.9",
-		"zod": "4.3.6"
+		"zod": "4.4.3"
 	},
 	"devDependencies": {
-		"@emotion/babel-plugin": "11.13.5",
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@webiny/build-tools": "6.3.0",
+		"@webiny/build-tools": "6.4.0-beta.0",
 		"execa": "5.1.1",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3",
-		"vitest": "4.1.5"
+		"vitest": "4.1.6"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -92,5 +90,5 @@
 			]
 		}
 	},
-	"gitHead": "7cefe15431dbd65504e1f58147dc9e55bcbfa693"
+	"gitHead": "a545d7529828af07d08d49c3da1bcb967483b9ce"
 }

package/presentation/components/LanguageCodeTag.js

@@ -1,20 +1,16 @@
-import React from "react";
+import react from "react";
 import { Tag } from "@webiny/admin-ui";
 import { Wcp } from "@webiny/app-admin";
-export const LanguageCodeTag = ({
-  code,
-  className
-}) => {
-  if (!code) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(Wcp.CanUseMultiTenancy, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-center items-center"
-  }, /*#__PURE__*/React.createElement(Tag, {
-    variant: "neutral-muted",
-    content: code,
-    className: className
-  })));
+const LanguageCodeTag = ({ code, className })=>{
+    if (!code) return null;
+    return /*#__PURE__*/ react.createElement(Wcp.CanUseMultiTenancy, null, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center items-center"
+    }, /*#__PURE__*/ react.createElement(Tag, {
+        variant: "neutral-muted",
+        content: code,
+        className: className
+    })));
 };
+export { LanguageCodeTag };
 
 //# sourceMappingURL=LanguageCodeTag.js.map

package/presentation/components/LanguageCodeTag.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Tag","Wcp","LanguageCodeTag","code","className","createElement","CanUseMultiTenancy","variant","content"],"sources":["LanguageCodeTag.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { Wcp } from \"@webiny/app-admin\";\n\nexport interface LanguageCodeProps {\n    code: string | undefined;\n    className?: string;\n}\n\nexport const LanguageCodeTag = ({ code, className }: LanguageCodeProps) => {\n    if (!code) {\n        return null;\n    }\n\n    return (\n        <Wcp.CanUseMultiTenancy>\n            <div className={\"flex justify-center items-center\"}>\n                <Tag variant={\"neutral-muted\"} content={code} className={className} />\n            </div>\n        </Wcp.CanUseMultiTenancy>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,GAAG,QAAQ,mBAAmB;AAOvC,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA6B,CAAC,KAAK;EACvE,IAAI,CAACD,IAAI,EAAE;IACP,OAAO,IAAI;EACf;EAEA,oBACIJ,KAAA,CAAAM,aAAA,CAACJ,GAAG,CAACK,kBAAkB,qBACnBP,KAAA,CAAAM,aAAA;IAAKD,SAAS,EAAE;EAAmC,gBAC/CL,KAAA,CAAAM,aAAA,CAACL,GAAG;IAACO,OAAO,EAAE,eAAgB;IAACC,OAAO,EAAEL,IAAK;IAACC,SAAS,EAAEA;EAAU,CAAE,CACpE,CACe,CAAC;AAEjC,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/components/LanguageCodeTag.js","sources":["../../../src/presentation/components/LanguageCodeTag.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { Wcp } from \"@webiny/app-admin\";\n\nexport interface LanguageCodeProps {\n    code: string | undefined;\n    className?: string;\n}\n\nexport const LanguageCodeTag = ({ code, className }: LanguageCodeProps) => {\n    if (!code) {\n        return null;\n    }\n\n    return (\n        <Wcp.CanUseMultiTenancy>\n            <div className={\"flex justify-center items-center\"}>\n                <Tag variant={\"neutral-muted\"} content={code} className={className} />\n            </div>\n        </Wcp.CanUseMultiTenancy>\n    );\n};\n"],"names":["LanguageCodeTag","code","className","Wcp","Tag"],"mappings":";;;AASO,MAAMA,kBAAkB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAqB;IAClE,IAAI,CAACD,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACE,IAAI,kBAAkB,sBACnB,oBAAC;QAAI,WAAW;qBACZ,oBAACC,KAAGA;QAAC,SAAS;QAAiB,SAASH;QAAM,WAAWC;;AAIzE"}

package/presentation/components/LanguageSelector.js

@@ -1,27 +1,26 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { Select } from "@webiny/admin-ui";
-export const LanguageSelector = ({
-  languages,
-  ...props
-}) => {
-  const options = useMemo(() => {
-    return languages.map(lang => {
-      const current = lang.code === props.currentLanguage;
-      const disabled = current;
-      const label = [`${lang.name} (${lang.code})`];
-      if (current) {
-        label.push(`- current page language`);
-      }
-      return {
-        value: lang.code,
-        label: label.join(" "),
-        disabled
-      };
+const LanguageSelector = ({ languages, ...props })=>{
+    const options = useMemo(()=>languages.map((lang)=>{
+            const current = lang.code === props.currentLanguage;
+            const disabled = current;
+            const label = [
+                `${lang.name} (${lang.code})`
+            ];
+            if (current) label.push("- current page language");
+            return {
+                value: lang.code,
+                label: label.join(" "),
+                disabled
+            };
+        }), [
+        languages
+    ]);
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...props,
+        options: options
     });
-  }, [languages]);
-  return /*#__PURE__*/React.createElement(Select, Object.assign({}, props, {
-    options: options
-  }));
 };
+export { LanguageSelector };
 
 //# sourceMappingURL=LanguageSelector.js.map

package/presentation/components/LanguageSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Select","LanguageSelector","languages","props","options","map","lang","current","code","currentLanguage","disabled","label","name","push","value","join","createElement","Object","assign"],"sources":["LanguageSelector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select, type SelectProps } from \"@webiny/admin-ui\";\nimport type { LanguageDto } from \"@webiny/languages/exports/admin/languages.js\";\n\nexport type LanguageSelectorProps = Omit<SelectProps, \"options\"> & {\n    languages: LanguageDto[];\n    currentLanguage?: string;\n};\n\nexport const LanguageSelector = ({ languages, ...props }: LanguageSelectorProps) => {\n    const options = useMemo(() => {\n        return languages.map(lang => {\n            const current = lang.code === props.currentLanguage;\n            const disabled = current;\n            const label = [`${lang.name} (${lang.code})`];\n            if (current) {\n                label.push(`- current page language`);\n            }\n\n            return {\n                value: lang.code,\n                label: label.join(\" \"),\n                disabled\n            };\n        });\n    }, [languages]);\n\n    return <Select {...props} options={options} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,QAA0B,kBAAkB;AAQ3D,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAA6B,CAAC,KAAK;EAChF,MAAMC,OAAO,GAAGL,OAAO,CAAC,MAAM;IAC1B,OAAOG,SAAS,CAACG,GAAG,CAACC,IAAI,IAAI;MACzB,MAAMC,OAAO,GAAGD,IAAI,CAACE,IAAI,KAAKL,KAAK,CAACM,eAAe;MACnD,MAAMC,QAAQ,GAAGH,OAAO;MACxB,MAAMI,KAAK,GAAG,CAAC,GAAGL,IAAI,CAACM,IAAI,KAAKN,IAAI,CAACE,IAAI,GAAG,CAAC;MAC7C,IAAID,OAAO,EAAE;QACTI,KAAK,CAACE,IAAI,CAAC,yBAAyB,CAAC;MACzC;MAEA,OAAO;QACHC,KAAK,EAAER,IAAI,CAACE,IAAI;QAChBG,KAAK,EAAEA,KAAK,CAACI,IAAI,CAAC,GAAG,CAAC;QACtBL;MACJ,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf,oBAAOJ,KAAA,CAAAkB,aAAA,CAAChB,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KAAKf,KAAK;IAAEC,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClD,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/components/LanguageSelector.js","sources":["../../../src/presentation/components/LanguageSelector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select, type SelectProps } from \"@webiny/admin-ui\";\nimport type { LanguageDto } from \"@webiny/languages/exports/admin/languages.js\";\n\nexport type LanguageSelectorProps = Omit<SelectProps, \"options\"> & {\n    languages: LanguageDto[];\n    currentLanguage?: string;\n};\n\nexport const LanguageSelector = ({ languages, ...props }: LanguageSelectorProps) => {\n    const options = useMemo(() => {\n        return languages.map(lang => {\n            const current = lang.code === props.currentLanguage;\n            const disabled = current;\n            const label = [`${lang.name} (${lang.code})`];\n            if (current) {\n                label.push(`- current page language`);\n            }\n\n            return {\n                value: lang.code,\n                label: label.join(\" \"),\n                disabled\n            };\n        });\n    }, [languages]);\n\n    return <Select {...props} options={options} />;\n};\n"],"names":["LanguageSelector","languages","props","options","useMemo","lang","current","disabled","label","Select"],"mappings":";;AASO,MAAMA,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAA8B;IAC3E,MAAMC,UAAUC,QAAQ,IACbH,UAAU,GAAG,CAACI,CAAAA;YACjB,MAAMC,UAAUD,KAAK,IAAI,KAAKH,MAAM,eAAe;YACnD,MAAMK,WAAWD;YACjB,MAAME,QAAQ;gBAAC,GAAGH,KAAK,IAAI,CAAC,EAAE,EAAEA,KAAK,IAAI,CAAC,CAAC,CAAC;aAAC;YAC7C,IAAIC,SACAE,MAAM,IAAI,CAAC;YAGf,OAAO;gBACH,OAAOH,KAAK,IAAI;gBAChB,OAAOG,MAAM,IAAI,CAAC;gBAClBD;YACJ;QACJ,IACD;QAACN;KAAU;IAEd,OAAO,WAAP,GAAO,oBAACQ,QAAMA;QAAE,GAAGP,KAAK;QAAE,SAASC;;AACvC"}

package/presentation/navigation/Extension.js

@@ -1,28 +1,23 @@
-import React from "react";
+import react from "react";
 import { AdminConfig, useToggler } from "@webiny/app-admin";
 import { NexjsConfigDialog } from "./NextjsConfig/NextjsConfigDialog.js";
-const {
-  Menu
-} = AdminConfig;
-export const Extension = /*#__PURE__*/React.memo(() => {
-  const {
-    on,
-    toggleOn,
-    toggleOff
-  } = useToggler(false);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NexjsConfigDialog, {
-    open: on,
-    onClose: toggleOff
-  }), /*#__PURE__*/React.createElement(Menu, {
-    name: "wb.nextjs",
-    parent: "wb",
-    pin: "end",
-    element: /*#__PURE__*/React.createElement(Menu.Item, {
-      text: "Configure Next.js",
-      onClick: toggleOn
-    })
-  }));
+const { Menu: Menu } = AdminConfig;
+const Extension = /*#__PURE__*/ react.memo(()=>{
+    const { on, toggleOn, toggleOff } = useToggler(false);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(NexjsConfigDialog, {
+        open: on,
+        onClose: toggleOff
+    }), /*#__PURE__*/ react.createElement(Menu, {
+        name: "wb.nextjs",
+        parent: "wb",
+        pin: "end",
+        element: /*#__PURE__*/ react.createElement(Menu.Item, {
+            text: "Configure Next.js",
+            onClick: toggleOn
+        })
+    }));
 });
 Extension.displayName = "NavigationExtension";
+export { Extension };
 
 //# sourceMappingURL=Extension.js.map