@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.0

package/admin/menus/ContentGroupsMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","FontAwesomeIcon","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","usePermission","AdminConfig","Menu","HasContentEntryPermissions","group","contentModel","children","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length","Icon","createElement","style","color","icon","split","ContentGroupsMenuItems","response","groups","Fragment","map","key","id","name","parent","element","Group","text","label","modelId","Link","to"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport useQuery from \"~/admin/hooks/useQuery\";\nimport usePermission from \"~/admin/hooks/usePermission\";\nimport type { CmsGroup, CmsModel } from \"~/types\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { AdminConfig } from \"@webiny/app-admin\";\n\nconst { Menu } = AdminConfig;\n\ninterface HasContentEntryPermissionsProps {\n    group: CmsGroup;\n    contentModel?: CmsModel;\n    children: JSX.Element;\n}\n\nconst HasContentEntryPermissions = ({\n    group,\n    contentModel,\n    children\n}: HasContentEntryPermissionsProps) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel) {\n        if (!canReadEntries({ contentModelGroup: group, contentModel })) {\n            return null;\n        }\n    } else {\n        const hasContentEntryPermission = group.contentModels.some(contentModel =>\n            canReadEntries({\n                contentModelGroup: group,\n                contentModel\n            })\n        );\n\n        if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n            return null;\n        }\n    }\n\n    return children;\n};\n\ninterface IconProps {\n    group: CmsGroup;\n}\n\nconst Icon = ({ group }: IconProps) => {\n    return (\n        <FontAwesomeIcon\n            style={{ color: \"var(--mdc-theme-text-secondary-on-background)\" }}\n            icon={(group.icon || \"\").split(\"/\") as IconProp}\n        />\n    );\n};\n\nexport const ContentGroupsMenuItems = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => {\n                return (\n                    <HasContentEntryPermissions key={group.id} group={group}>\n                        <>\n                            <Menu\n                                name={group.id}\n                                parent={\"headlessCMS\"}\n                                element={\n                                    <Menu.Group\n                                        text={group.name}\n                                        icon={\n                                            <Menu.Group.Icon\n                                                label={group.name}\n                                                element={<Icon group={group} />}\n                                            />\n                                        }\n                                    />\n                                }\n                            />\n\n                            {group.contentModels.length === 0 && (\n                                <Menu\n                                    parent={\"headlessCMS\"}\n                                    name={`${group.id}-empty`}\n                                    element={<Menu.Group text={\"Nothing to show\"} />}\n                                />\n                            )}\n                            {group.contentModels.length > 0 &&\n                                group.contentModels.map(contentModel => (\n                                    <HasContentEntryPermissions\n                                        key={contentModel.modelId}\n                                        group={group}\n                                        contentModel={contentModel}\n                                    >\n                                        <Menu\n                                            parent={\"headlessCMS\"}\n                                            name={contentModel.modelId}\n                                            element={\n                                                <Menu.Link\n                                                    text={contentModel.name}\n                                                    to={`/cms/content-entries/${contentModel.modelId}`}\n                                                />\n                                            }\n                                        />\n                                    </HasContentEntryPermissions>\n                                ))}\n                        </>\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","get","LIST_MENU_CONTENT_GROUPS_MODELS","useQuery","GroupMenu","HasContentEntryPermissions","GroupContentModels","ContentGroupsMenuItems","response","groups","length","createElement","Fragment","map","group","key","id"],"sources":["ContentGroupsMenuItems.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { ListMenuCmsGroupsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport useQuery from \"~/admin/hooks/useQuery.js\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { GroupMenu } from \"./GroupMenu.js\";\nimport { HasContentEntryPermissions } from \"./HasContentEntryPermissions.js\";\nimport { GroupContentModels } from \"./GroupContentModels.js\";\n\nexport const ContentGroupsMenuItems = () => {\n    const response = useQuery<ListMenuCmsGroupsQueryResponse>(LIST_MENU_CONTENT_GROUPS_MODELS);\n    const groups: CmsGroup[] = get(response, \"data.listContentModelGroups.data\") || [];\n\n    if (!groups || groups.length === 0) {\n        return null;\n    }\n\n    return (\n        <>\n            {groups.map(group => (\n                <HasContentEntryPermissions key={group.id} group={group}>\n                    <>\n                        <GroupMenu group={group} />\n                        <GroupContentModels group={group} />\n                    </>\n                </HasContentEntryPermissions>\n            ))}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,+BAA+B;AACxC,OAAOC,QAAQ;AAEf,SAASC,SAAS;AAClB,SAASC,0BAA0B;AACnC,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,MAAMC,QAAQ,GAAGL,QAAQ,CAAiCD,+BAA+B,CAAC;EAC1F,MAAMO,MAAkB,GAAGR,GAAG,CAACO,QAAQ,EAAE,kCAAkC,CAAC,IAAI,EAAE;EAElF,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACf;EAEA,oBACIV,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,QACKH,MAAM,CAACI,GAAG,CAACC,KAAK,iBACbd,KAAA,CAAAW,aAAA,CAACN,0BAA0B;IAACU,GAAG,EAAED,KAAK,CAACE,EAAG;IAACF,KAAK,EAAEA;EAAM,gBACpDd,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAY,QAAA,qBACIZ,KAAA,CAAAW,aAAA,CAACP,SAAS;IAACU,KAAK,EAAEA;EAAM,CAAE,CAAC,eAC3Bd,KAAA,CAAAW,aAAA,CAACL,kBAAkB;IAACQ,KAAK,EAAEA;EAAM,CAAE,CACrC,CACsB,CAC/B,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/menus/GroupContentModels.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsGroup } from "../../types.js";
+interface IGroupContentModelsProps {
+    group: Pick<CmsGroup, "id" | "slug" | "contentModels">;
+}
+/**
+ * Renders menu items for all content models within a group.
+ * If the group has no content models, displays a "Nothing to show" message.
+ * Wraps each content model menu item with permission checks.
+ */
+export declare const GroupContentModels: ({ group }: IGroupContentModelsProps) => React.JSX.Element;
+export {};

package/admin/menus/GroupContentModels.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { AdminConfig, useRouter } from "@webiny/app-admin";
+import { HasContentEntryPermissions } from "./HasContentEntryPermissions.js";
+import { Routes } from "../../routes.js";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { normalizeIcon } from "../../utils/normalizeIcon.js";
+const {
+  Menu
+} = AdminConfig;
+/**
+ * Renders menu items for all content models within a group.
+ * If the group has no content models, displays a "Nothing to show" message.
+ * Wraps each content model menu item with permission checks.
+ */
+export const GroupContentModels = ({
+  group
+}) => {
+  const router = useRouter();
+  if (group.contentModels.length === 0) {
+    return /*#__PURE__*/React.createElement(Menu, {
+      parent: "headlessCMSContent",
+      name: `cms/group/${group.slug}-empty`,
+      element: /*#__PURE__*/React.createElement(Menu.Group, {
+        text: "Nothing to show"
+      })
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, group.contentModels.map(contentModel => {
+    const icon = normalizeIcon(contentModel.icon);
+    return /*#__PURE__*/React.createElement(HasContentEntryPermissions, {
+      key: contentModel.modelId,
+      group: group,
+      contentModel: contentModel
+    }, /*#__PURE__*/React.createElement(Menu, {
+      parent: `cms/group/${group.slug}`,
+      name: `cms/model/${contentModel.modelId}`,
+      element: /*#__PURE__*/React.createElement(Menu.Link, {
+        pinnable: true,
+        text: contentModel.name,
+        to: router.getLink(Routes.ContentEntries.List, {
+          modelId: contentModel.modelId
+        }),
+        pinnedIcon: icon ? /*#__PURE__*/React.createElement(Menu.Link.Icon, {
+          label: contentModel.name,
+          element: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+            icon: icon
+          })
+        }) : undefined
+      })
+    }));
+  }));
+};
+
+//# sourceMappingURL=GroupContentModels.js.map

package/admin/menus/GroupContentModels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","useRouter","HasContentEntryPermissions","Routes","FontAwesomeIcon","normalizeIcon","Menu","GroupContentModels","group","router","contentModels","length","createElement","parent","name","slug","element","Group","text","Fragment","map","contentModel","icon","key","modelId","Link","pinnable","to","getLink","ContentEntries","List","pinnedIcon","Icon","label","undefined"],"sources":["GroupContentModels.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { AdminConfig, useRouter } from \"@webiny/app-admin\";\nimport { HasContentEntryPermissions } from \"./HasContentEntryPermissions.js\";\nimport { Routes } from \"~/routes.js\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst { Menu } = AdminConfig;\n\ninterface IGroupContentModelsProps {\n    group: Pick<CmsGroup, \"id\" | \"slug\" | \"contentModels\">;\n}\n\n/**\n * Renders menu items for all content models within a group.\n * If the group has no content models, displays a \"Nothing to show\" message.\n * Wraps each content model menu item with permission checks.\n */\nexport const GroupContentModels = ({ group }: IGroupContentModelsProps) => {\n    const router = useRouter();\n\n    if (group.contentModels.length === 0) {\n        return (\n            <Menu\n                parent=\"headlessCMSContent\"\n                name={`cms/group/${group.slug}-empty`}\n                element={<Menu.Group text=\"Nothing to show\" />}\n            />\n        );\n    }\n\n    return (\n        <>\n            {group.contentModels.map(contentModel => {\n                const icon = normalizeIcon(contentModel.icon);\n\n                return (\n                    <HasContentEntryPermissions\n                        key={contentModel.modelId}\n                        group={group}\n                        contentModel={contentModel}\n                    >\n                        <Menu\n                            parent={`cms/group/${group.slug}`}\n                            name={`cms/model/${contentModel.modelId}`}\n                            element={\n                                <Menu.Link\n                                    pinnable={true}\n                                    text={contentModel.name}\n                                    to={router.getLink(Routes.ContentEntries.List, {\n                                        modelId: contentModel.modelId\n                                    })}\n                                    pinnedIcon={\n                                        icon ? (\n                                            <Menu.Link.Icon\n                                                label={contentModel.name}\n                                                element={<FontAwesomeIcon icon={icon} />}\n                                            />\n                                        ) : undefined\n                                    }\n                                />\n                            }\n                        />\n                    </HasContentEntryPermissions>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,EAAEC,SAAS,QAAQ,mBAAmB;AAC1D,SAASC,0BAA0B;AACnC,SAASC,MAAM;AACf,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAK,CAAC,GAAGN,WAAW;AAM5B;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACvE,MAAMC,MAAM,GAAGR,SAAS,CAAC,CAAC;EAE1B,IAAIO,KAAK,CAACE,aAAa,CAACC,MAAM,KAAK,CAAC,EAAE;IAClC,oBACIZ,KAAA,CAAAa,aAAA,CAACN,IAAI;MACDO,MAAM,EAAC,oBAAoB;MAC3BC,IAAI,EAAE,aAAaN,KAAK,CAACO,IAAI,QAAS;MACtCC,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACN,IAAI,CAACW,KAAK;QAACC,IAAI,EAAC;MAAiB,CAAE;IAAE,CAClD,CAAC;EAEV;EAEA,oBACInB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAoB,QAAA,QACKX,KAAK,CAACE,aAAa,CAACU,GAAG,CAACC,YAAY,IAAI;IACrC,MAAMC,IAAI,GAAGjB,aAAa,CAACgB,YAAY,CAACC,IAAI,CAAC;IAE7C,oBACIvB,KAAA,CAAAa,aAAA,CAACV,0BAA0B;MACvBqB,GAAG,EAAEF,YAAY,CAACG,OAAQ;MAC1BhB,KAAK,EAAEA,KAAM;MACba,YAAY,EAAEA;IAAa,gBAE3BtB,KAAA,CAAAa,aAAA,CAACN,IAAI;MACDO,MAAM,EAAE,aAAaL,KAAK,CAACO,IAAI,EAAG;MAClCD,IAAI,EAAE,aAAaO,YAAY,CAACG,OAAO,EAAG;MAC1CR,OAAO,eACHjB,KAAA,CAAAa,aAAA,CAACN,IAAI,CAACmB,IAAI;QACNC,QAAQ,EAAE,IAAK;QACfR,IAAI,EAAEG,YAAY,CAACP,IAAK;QACxBa,EAAE,EAAElB,MAAM,CAACmB,OAAO,CAACzB,MAAM,CAAC0B,cAAc,CAACC,IAAI,EAAE;UAC3CN,OAAO,EAAEH,YAAY,CAACG;QAC1B,CAAC,CAAE;QACHO,UAAU,EACNT,IAAI,gBACAvB,KAAA,CAAAa,aAAA,CAACN,IAAI,CAACmB,IAAI,CAACO,IAAI;UACXC,KAAK,EAAEZ,YAAY,CAACP,IAAK;UACzBE,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACR,eAAe;YAACkB,IAAI,EAAEA;UAAK,CAAE;QAAE,CAC5C,CAAC,GACFY;MACP,CACJ;IACJ,CACJ,CACuB,CAAC;EAErC,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/menus/GroupMenu.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CmsGroup } from "../../types.js";
+interface IGroupMenuProps {
+    group: Pick<CmsGroup, "slug" | "name" | "icon">;
+}
+/**
+ * Renders a menu item for a given content group.
+ * Displays the group's name and icon in the menu.
+ */
+export declare const GroupMenu: ({ group }: IGroupMenuProps) => React.JSX.Element;
+export {};

package/admin/menus/GroupMenu.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { normalizeIcon } from "../../utils/normalizeIcon.js";
+const {
+  Menu
+} = AdminConfig;
+/**
+ * Renders a menu item for a given content group.
+ * Displays the group's name and icon in the menu.
+ */
+export const GroupMenu = ({
+  group
+}) => {
+  const icon = normalizeIcon(group.icon);
+  return /*#__PURE__*/React.createElement(Menu, {
+    name: `cms/group/${group.slug}`,
+    parent: "headlessCMSContent",
+    element: /*#__PURE__*/React.createElement(Menu.Item, {
+      text: group.name,
+      icon: icon ? /*#__PURE__*/React.createElement(Menu.Item.Icon, {
+        label: group.name,
+        element: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+          icon: icon
+        })
+      }) : null
+    })
+  });
+};
+
+//# sourceMappingURL=GroupMenu.js.map

package/admin/menus/GroupMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","FontAwesomeIcon","normalizeIcon","Menu","GroupMenu","group","icon","createElement","name","slug","parent","element","Item","text","Icon","label"],"sources":["GroupMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport type { CmsGroup } from \"~/types.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\nconst { Menu } = AdminConfig;\n\ninterface IGroupMenuProps {\n    group: Pick<CmsGroup, \"slug\" | \"name\" | \"icon\">;\n}\n/**\n * Renders a menu item for a given content group.\n * Displays the group's name and icon in the menu.\n */\nexport const GroupMenu = ({ group }: IGroupMenuProps) => {\n    const icon = normalizeIcon(group.icon);\n\n    return (\n        <Menu\n            name={`cms/group/${group.slug}`}\n            parent=\"headlessCMSContent\"\n            element={\n                <Menu.Item\n                    text={group.name}\n                    icon={\n                        icon ? (\n                            <Menu.Item.Icon\n                                label={group.name}\n                                element={<FontAwesomeIcon icon={icon} />}\n                            />\n                        ) : null\n                    }\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,SAASC,aAAa;AAEtB,MAAM;EAAEC;AAAK,CAAC,GAAGH,WAAW;AAK5B;AACA;AACA;AACA;AACA,OAAO,MAAMI,SAAS,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACrD,MAAMC,IAAI,GAAGJ,aAAa,CAACG,KAAK,CAACC,IAAI,CAAC;EAEtC,oBACIP,KAAA,CAAAQ,aAAA,CAACJ,IAAI;IACDK,IAAI,EAAE,aAAaH,KAAK,CAACI,IAAI,EAAG;IAChCC,MAAM,EAAC,oBAAoB;IAC3BC,OAAO,eACHZ,KAAA,CAAAQ,aAAA,CAACJ,IAAI,CAACS,IAAI;MACNC,IAAI,EAAER,KAAK,CAACG,IAAK;MACjBF,IAAI,EACAA,IAAI,gBACAP,KAAA,CAAAQ,aAAA,CAACJ,IAAI,CAACS,IAAI,CAACE,IAAI;QACXC,KAAK,EAAEV,KAAK,CAACG,IAAK;QAClBG,OAAO,eAAEZ,KAAA,CAAAQ,aAAA,CAACN,eAAe;UAACK,IAAI,EAAEA;QAAK,CAAE;MAAE,CAC5C,CAAC,GACF;IACP,CACJ;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/menus/HasContentEntryPermissions.d.ts

@@ -0,0 +1,8 @@
+import type { CmsGroup, CmsModel } from "../../types.js";
+interface HasContentEntryPermissionsProps {
+    group: Pick<CmsGroup, "id" | "contentModels">;
+    contentModel?: Pick<CmsModel, "modelId">;
+    children: JSX.Element;
+}
+export declare const HasContentEntryPermissions: ({ group, contentModel, children }: HasContentEntryPermissionsProps) => JSX.Element | null;
+export {};

package/admin/menus/HasContentEntryPermissions.js

@@ -0,0 +1,26 @@
+import { usePermission } from "../hooks/usePermission.js";
+export const HasContentEntryPermissions = ({
+  group,
+  contentModel,
+  children
+}) => {
+  const {
+    canReadEntries
+  } = usePermission();
+  if (contentModel && !canReadEntries({
+    contentModelGroup: group,
+    contentModel
+  })) {
+    return null;
+  }
+  const hasContentEntryPermission = group.contentModels.some(contentModel => canReadEntries({
+    contentModelGroup: group,
+    contentModel
+  }));
+  if (group.contentModels.length > 0 && !hasContentEntryPermission) {
+    return null;
+  }
+  return children;
+};
+
+//# sourceMappingURL=HasContentEntryPermissions.js.map

package/admin/menus/HasContentEntryPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePermission","HasContentEntryPermissions","group","contentModel","children","canReadEntries","contentModelGroup","hasContentEntryPermission","contentModels","some","length"],"sources":["HasContentEntryPermissions.ts"],"sourcesContent":["import type { CmsGroup, CmsModel } from \"~/types.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\n\ninterface HasContentEntryPermissionsProps {\n    group: Pick<CmsGroup, \"id\" | \"contentModels\">;\n    contentModel?: Pick<CmsModel, \"modelId\">;\n    children: JSX.Element;\n}\n\nexport const HasContentEntryPermissions = ({\n    group,\n    contentModel,\n    children\n}: HasContentEntryPermissionsProps) => {\n    const { canReadEntries } = usePermission();\n\n    if (contentModel && !canReadEntries({ contentModelGroup: group, contentModel })) {\n        return null;\n    }\n\n    const hasContentEntryPermission = group.contentModels.some(contentModel =>\n        canReadEntries({\n            contentModelGroup: group,\n            contentModel\n        })\n    );\n\n    if (group.contentModels.length > 0 && !hasContentEntryPermission) {\n        return null;\n    }\n\n    return children;\n};\n"],"mappings":"AACA,SAASA,aAAa;AAQtB,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EACvCC,KAAK;EACLC,YAAY;EACZC;AAC6B,CAAC,KAAK;EACnC,MAAM;IAAEC;EAAe,CAAC,GAAGL,aAAa,CAAC,CAAC;EAE1C,IAAIG,YAAY,IAAI,CAACE,cAAc,CAAC;IAAEC,iBAAiB,EAAEJ,KAAK;IAAEC;EAAa,CAAC,CAAC,EAAE;IAC7E,OAAO,IAAI;EACf;EAEA,MAAMI,yBAAyB,GAAGL,KAAK,CAACM,aAAa,CAACC,IAAI,CAACN,YAAY,IACnEE,cAAc,CAAC;IACXC,iBAAiB,EAAEJ,KAAK;IACxBC;EACJ,CAAC,CACL,CAAC;EAED,IAAID,KAAK,CAACM,aAAa,CAACE,MAAM,GAAG,CAAC,IAAI,CAACH,yBAAyB,EAAE;IAC9D,OAAO,IAAI;EACf;EAEA,OAAOH,QAAQ;AACnB,CAAC","ignoreList":[]}

package/admin/plugins/apiInformation/index.d.ts

@@ -1,3 +1,3 @@
-import type { GraphQLPlaygroundTabPlugin } from "@webiny/app-graphql-playground/types";
+import type { GraphQLPlaygroundTabPlugin } from "@webiny/app-graphql-playground/types.js";
 declare const plugins: GraphQLPlaygroundTabPlugin[];
 export default plugins;

package/admin/plugins/apiInformation/index.js

@@ -1,12 +1,11 @@
 const manageQuery = "#  Webiny Headless CMS Manage API\n#\n#  This API controls all the operations within the Headless CMS module.\n#  Use it to manage content, create and modify content models and more.\n#  Explore the schema for details.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content model groups:\n{\n  listContentModelGroups {\n    data {\n      name\n      icon\n      slug\n    }\n  }\n}\n";
 const readQuery = "#  Webiny Headless CMS Read API\n#\n#  This is the API to use in your 3rd party apps to read your content.\n#  It returns only content that has been published.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n      modelId\n    }\n  }\n}\n";
 const previewQuery = "#  Webiny Headless CMS Preview API\n#\n#  This is the API to use in your 3rd party apps to preview content.\n#  It returns the latest content revision, regardless of whether it was published or not.\n#\n#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.\n#\n#  Example query - list content models:\n{\n  listContentModels {\n    data {\n      name\n    }\n  }\n}\n";
-import { config as appConfig } from "@webiny/app/config";
+import { config as appConfig } from "@webiny/app/config.js";
 const plugins = [{
   type: "graphql-playground-tab",
   name: "graphql-playground-tab-manage",
   tab({
-    locale,
     identity
   }) {
     const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
@@ -15,7 +14,7 @@ const plugins = [{
     }
     return {
       name: "Headless CMS - Manage API",
-      endpoint: apiUrl + "/cms/manage/" + locale,
+      endpoint: apiUrl + "/cms/manage",
       headers: {},
       query: manageQuery
     };
@@ -24,7 +23,6 @@ const plugins = [{
   type: "graphql-playground-tab",
   name: "graphql-playground-tab-read",
   tab({
-    locale,
     identity
   }) {
     const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
@@ -33,7 +31,7 @@ const plugins = [{
     }
     return {
       name: "Headless CMS - Read API",
-      endpoint: apiUrl + "/cms/read/" + locale,
+      endpoint: apiUrl + "/cms/read",
       headers: {},
       query: readQuery
     };
@@ -42,7 +40,6 @@ const plugins = [{
   type: "graphql-playground-tab",
   name: "graphql-playground-tab-preview",
   tab({
-    locale,
     identity
   }) {
     const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
@@ -51,7 +48,7 @@ const plugins = [{
     }
     return {
       name: "Headless CMS - Preview API",
-      endpoint: apiUrl + "/cms/preview/" + locale,
+      endpoint: apiUrl + "/cms/preview",
       headers: {},
       query: previewQuery
     };

package/admin/plugins/apiInformation/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["manageQuery","readQuery","previewQuery","config","appConfig","plugins","type","name","tab","locale","identity","apiUrl","getKey","process","env","REACT_APP_API_URL","getPermission","endpoint","headers","query"],"sources":["index.tsx"],"sourcesContent":["import type { GraphQLPlaygroundTabPlugin } from \"@webiny/app-graphql-playground/types\";\nimport raw from \"raw.macro\";\nconst manageQuery = raw(\"./placeholder.manage.graphql\");\nconst readQuery = raw(\"./placeholder.read.graphql\");\nconst previewQuery = raw(\"./placeholder.preview.graphql\");\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst plugins: GraphQLPlaygroundTabPlugin[] = [\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-manage\",\n        tab({ locale, identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.manage\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Manage API\",\n                endpoint: apiUrl + \"/cms/manage/\" + locale,\n                headers: {},\n                query: manageQuery\n            };\n        }\n    },\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-read\",\n        tab({ locale, identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.read\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Read API\",\n                endpoint: apiUrl + \"/cms/read/\" + locale,\n                headers: {},\n                query: readQuery\n            };\n        }\n    },\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-preview\",\n        tab({ locale, identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.preview\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Preview API\",\n                endpoint: apiUrl + \"/cms/preview/\" + locale,\n                headers: {},\n                query: previewQuery\n            };\n        }\n    }\n];\n\nexport default plugins;\n"],"mappings":"AAEA,MAAMA,WAAW,0eAAsC;AACvD,MAAMC,SAAS,2ZAAoC;AACnD,MAAMC,YAAY,mbAAuC;AACzD,SAASC,MAAM,IAAIC,SAAS,QAAQ,oBAAoB;AAExD,MAAMC,OAAqC,GAAG,CAC1C;EACIC,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,+BAA+B;EACrCC,GAAGA,CAAC;IAAEC,MAAM;IAAEC;EAAS,CAAC,EAAE;IACtB,MAAMC,MAAM,GAAGP,SAAS,CAACQ,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACL,QAAQ,IACT,CAACA,QAAQ,CAACM,aAAa,IACvB,CAACN,QAAQ,CAACM,aAAa,CAAC,qBAAqB,CAAC,EAChD;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHT,IAAI,EAAE,2BAA2B;MACjCU,QAAQ,EAAEN,MAAM,GAAG,cAAc,GAAGF,MAAM;MAC1CS,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEnB;IACX,CAAC;EACL;AACJ,CAAC,EACD;EACIM,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,6BAA6B;EACnCC,GAAGA,CAAC;IAAEC,MAAM;IAAEC;EAAS,CAAC,EAAE;IACtB,MAAMC,MAAM,GAAGP,SAAS,CAACQ,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACL,QAAQ,IACT,CAACA,QAAQ,CAACM,aAAa,IACvB,CAACN,QAAQ,CAACM,aAAa,CAAC,mBAAmB,CAAC,EAC9C;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHT,IAAI,EAAE,yBAAyB;MAC/BU,QAAQ,EAAEN,MAAM,GAAG,YAAY,GAAGF,MAAM;MACxCS,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAElB;IACX,CAAC;EACL;AACJ,CAAC,EACD;EACIK,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,gCAAgC;EACtCC,GAAGA,CAAC;IAAEC,MAAM;IAAEC;EAAS,CAAC,EAAE;IACtB,MAAMC,MAAM,GAAGP,SAAS,CAACQ,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACL,QAAQ,IACT,CAACA,QAAQ,CAACM,aAAa,IACvB,CAACN,QAAQ,CAACM,aAAa,CAAC,sBAAsB,CAAC,EACjD;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHT,IAAI,EAAE,4BAA4B;MAClCU,QAAQ,EAAEN,MAAM,GAAG,eAAe,GAAGF,MAAM;MAC3CS,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEjB;IACX,CAAC;EACL;AACJ,CAAC,CACJ;AAED,eAAeG,OAAO","ignoreList":[]}
+{"version":3,"names":["manageQuery","readQuery","previewQuery","config","appConfig","plugins","type","name","tab","identity","apiUrl","getKey","process","env","REACT_APP_API_URL","getPermission","endpoint","headers","query"],"sources":["index.tsx"],"sourcesContent":["import type { GraphQLPlaygroundTabPlugin } from \"@webiny/app-graphql-playground/types.js\";\nimport raw from \"raw.macro\";\nconst manageQuery = raw(\"./placeholder.manage.graphql\");\nconst readQuery = raw(\"./placeholder.read.graphql\");\nconst previewQuery = raw(\"./placeholder.preview.graphql\");\nimport { config as appConfig } from \"@webiny/app/config.js\";\n\nconst plugins: GraphQLPlaygroundTabPlugin[] = [\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-manage\",\n        tab({ identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.manage\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Manage API\",\n                endpoint: apiUrl + \"/cms/manage\",\n                headers: {},\n                query: manageQuery\n            };\n        }\n    },\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-read\",\n        tab({ identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.read\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Read API\",\n                endpoint: apiUrl + \"/cms/read\",\n                headers: {},\n                query: readQuery\n            };\n        }\n    },\n    {\n        type: \"graphql-playground-tab\",\n        name: \"graphql-playground-tab-preview\",\n        tab({ identity }) {\n            const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n            if (\n                !identity ||\n                !identity.getPermission ||\n                !identity.getPermission(\"cms.endpoint.preview\")\n            ) {\n                return null;\n            }\n\n            return {\n                name: \"Headless CMS - Preview API\",\n                endpoint: apiUrl + \"/cms/preview\",\n                headers: {},\n                query: previewQuery\n            };\n        }\n    }\n];\n\nexport default plugins;\n"],"mappings":"AAEA,MAAMA,WAAW,0eAAsC;AACvD,MAAMC,SAAS,2ZAAoC;AACnD,MAAMC,YAAY,mbAAuC;AACzD,SAASC,MAAM,IAAIC,SAAS,QAAQ,uBAAuB;AAE3D,MAAMC,OAAqC,GAAG,CAC1C;EACIC,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,+BAA+B;EACrCC,GAAGA,CAAC;IAAEC;EAAS,CAAC,EAAE;IACd,MAAMC,MAAM,GAAGN,SAAS,CAACO,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACL,QAAQ,IACT,CAACA,QAAQ,CAACM,aAAa,IACvB,CAACN,QAAQ,CAACM,aAAa,CAAC,qBAAqB,CAAC,EAChD;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHR,IAAI,EAAE,2BAA2B;MACjCS,QAAQ,EAAEN,MAAM,GAAG,aAAa;MAChCO,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAElB;IACX,CAAC;EACL;AACJ,CAAC,EACD;EACIM,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,6BAA6B;EACnCC,GAAGA,CAAC;IAAEC;EAAS,CAAC,EAAE;IACd,MAAMC,MAAM,GAAGN,SAAS,CAACO,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACL,QAAQ,IACT,CAACA,QAAQ,CAACM,aAAa,IACvB,CAACN,QAAQ,CAACM,aAAa,CAAC,mBAAmB,CAAC,EAC9C;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHR,IAAI,EAAE,yBAAyB;MAC/BS,QAAQ,EAAEN,MAAM,GAAG,WAAW;MAC9BO,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEjB;IACX,CAAC;EACL;AACJ,CAAC,EACD;EACIK,IAAI,EAAE,wBAAwB;EAC9BC,IAAI,EAAE,gCAAgC;EACtCC,GAAGA,CAAC;IAAEC;EAAS,CAAC,EAAE;IACd,MAAMC,MAAM,GAAGN,SAAS,CAACO,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IACI,CAACL,QAAQ,IACT,CAACA,QAAQ,CAACM,aAAa,IACvB,CAACN,QAAQ,CAACM,aAAa,CAAC,sBAAsB,CAAC,EACjD;MACE,OAAO,IAAI;IACf;IAEA,OAAO;MACHR,IAAI,EAAE,4BAA4B;MAClCS,QAAQ,EAAEN,MAAM,GAAG,cAAc;MACjCO,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEhB;IACX,CAAC;EACL;AACJ,CAAC,CACJ;AAED,eAAeG,OAAO","ignoreList":[]}

package/admin/plugins/definitions/CmsEditorFieldValidatorFileTypePlugin.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from "@webiny/plugins/Plugin";
+import { Plugin } from "@webiny/plugins/Plugin.js";
 export interface Config {
     name: string;
     message: string;

package/admin/plugins/definitions/CmsEditorFieldValidatorFileTypePlugin.js

@@ -1,4 +1,4 @@
-import { Plugin } from "@webiny/plugins/Plugin";
+import { Plugin } from "@webiny/plugins/Plugin.js";
 export class CmsEditorFieldValidatorFileTypePlugin extends Plugin {
   static type = "cms-editor-field-validator-fileType";
   set settings(settings) {

package/admin/plugins/definitions/CmsEditorFieldValidatorFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["Plugin","CmsEditorFieldValidatorFileTypePlugin","type","settings","setSettings","_settings","constructor","config","getName","name","getLabel","label","getMessage","message"],"sources":["CmsEditorFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n    message: string;\n    label: string;\n}\nexport interface Settings {\n    fileType: \"all\" | \"image\" | \"document\" | string;\n}\nexport class CmsEditorFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-editor-field-validator-fileType\";\n\n    private readonly config: Config;\n    private _settings: Settings | undefined;\n\n    public set settings(settings: Settings) {\n        this.setSettings(settings);\n    }\n\n    public get settings(): Settings {\n        return this._settings as Settings;\n    }\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n\n    public getLabel(): string {\n        return this.config.label;\n    }\n\n    public getMessage(): string {\n        return this.config.message;\n    }\n\n    private setSettings(settings: Settings): void {\n        this._settings = settings;\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAU/C,OAAO,MAAMC,qCAAqC,SAASD,MAAM,CAAC;EAC9D,OAAgCE,IAAI,GAAW,qCAAqC;EAKpF,IAAWC,QAAQA,CAACA,QAAkB,EAAE;IACpC,IAAI,CAACC,WAAW,CAACD,QAAQ,CAAC;EAC9B;EAEA,IAAWA,QAAQA,CAAA,EAAa;IAC5B,OAAO,IAAI,CAACE,SAAS;EACzB;EAEOC,WAAWA,CAACC,MAAc,EAAE;IAC/B,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;EAC3B;EAEOC,QAAQA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACH,MAAM,CAACI,KAAK;EAC5B;EAEOC,UAAUA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACL,MAAM,CAACM,OAAO;EAC9B;EAEQT,WAAWA,CAACD,QAAkB,EAAQ;IAC1C,IAAI,CAACE,SAAS,GAAGF,QAAQ;EAC7B;AACJ","ignoreList":[]}
+{"version":3,"names":["Plugin","CmsEditorFieldValidatorFileTypePlugin","type","settings","setSettings","_settings","constructor","config","getName","name","getLabel","label","getMessage","message"],"sources":["CmsEditorFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin.js\";\n\nexport interface Config {\n    name: string;\n    message: string;\n    label: string;\n}\nexport interface Settings {\n    fileType: \"all\" | \"image\" | \"document\" | string;\n}\nexport class CmsEditorFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-editor-field-validator-fileType\";\n\n    private readonly config: Config;\n    private _settings: Settings | undefined;\n\n    public set settings(settings: Settings) {\n        this.setSettings(settings);\n    }\n\n    public get settings(): Settings {\n        return this._settings as Settings;\n    }\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n\n    public getLabel(): string {\n        return this.config.label;\n    }\n\n    public getMessage(): string {\n        return this.config.message;\n    }\n\n    private setSettings(settings: Settings): void {\n        this._settings = settings;\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAUlD,OAAO,MAAMC,qCAAqC,SAASD,MAAM,CAAC;EAC9D,OAAgCE,IAAI,GAAW,qCAAqC;EAKpF,IAAWC,QAAQA,CAACA,QAAkB,EAAE;IACpC,IAAI,CAACC,WAAW,CAACD,QAAQ,CAAC;EAC9B;EAEA,IAAWA,QAAQA,CAAA,EAAa;IAC5B,OAAO,IAAI,CAACE,SAAS;EACzB;EAEOC,WAAWA,CAACC,MAAc,EAAE;IAC/B,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;EAC3B;EAEOC,QAAQA,CAAA,EAAW;IACtB,OAAO,IAAI,CAACH,MAAM,CAACI,KAAK;EAC5B;EAEOC,UAAUA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACL,MAAM,CAACM,OAAO;EAC9B;EAEQT,WAAWA,CAACD,QAAkB,EAAQ;IAC1C,IAAI,CAACE,SAAS,GAAGF,QAAQ;EAC7B;AACJ","ignoreList":[]}

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.d.ts

@@ -1,4 +1,4 @@
-import { Plugin } from "@webiny/plugins/Plugin";
+import { Plugin } from "@webiny/plugins/Plugin.js";
 export interface Config {
     name: string;
 }

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js

@@ -1,4 +1,4 @@
-import { Plugin } from "@webiny/plugins/Plugin";
+import { Plugin } from "@webiny/plugins/Plugin.js";
 export class CmsFieldValidatorFileTypePlugin extends Plugin {
   static type = "cms-model-field-validator-fileType";
   constructor(config) {

package/admin/plugins/definitions/CmsFieldValidatorFileTypePlugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["Plugin","CmsFieldValidatorFileTypePlugin","type","constructor","config","getName","name"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAK/C,OAAO,MAAMC,+BAA+B,SAASD,MAAM,CAAC;EACxD,OAAgCE,IAAI,GAAW,oCAAoC;EAI5EC,WAAWA,CAACC,MAAc,EAAE;IAC/B,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;EAC3B;AACJ","ignoreList":[]}
+{"version":3,"names":["Plugin","CmsFieldValidatorFileTypePlugin","type","constructor","config","getName","name"],"sources":["CmsFieldValidatorFileTypePlugin.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/Plugin.js\";\n\nexport interface Config {\n    name: string;\n}\nexport class CmsFieldValidatorFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"cms-model-field-validator-fileType\";\n\n    private readonly config: Config;\n\n    public constructor(config: Config) {\n        super();\n        this.config = config;\n    }\n\n    public getName(): string {\n        return this.config.name;\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAKlD,OAAO,MAAMC,+BAA+B,SAASD,MAAM,CAAC;EACxD,OAAgCE,IAAI,GAAW,oCAAoC;EAI5EC,WAAWA,CAACC,MAAc,EAAE;IAC/B,KAAK,CAAC,CAAC;IACP,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEOC,OAAOA,CAAA,EAAW;IACrB,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;EAC3B;AACJ","ignoreList":[]}

package/admin/plugins/editor/defaultBar/BackButton.js

@@ -1,14 +1,15 @@
 import React from "react";
-import { useRouter } from "@webiny/react-router";
+import { useRouter } from "@webiny/app-admin";
 import { ReactComponent as BackIcon } from "@webiny/icons/arrow_back.svg";
 import { IconButton } from "@webiny/admin-ui";
+import { Routes } from "../../../../routes.js";
 const BackButton = /*#__PURE__*/React.memo(() => {
   const {
-    history
+    goToRoute
   } = useRouter();
   return /*#__PURE__*/React.createElement(IconButton, {
     "data-testid": "cms-editor-back-button",
-    onClick: () => history.push(`/cms/content-models`),
+    onClick: () => goToRoute(Routes.ContentModels.List),
     icon: /*#__PURE__*/React.createElement(BackIcon, null),
     variant: "ghost"
   });

package/admin/plugins/editor/defaultBar/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRouter","ReactComponent","BackIcon","IconButton","BackButton","memo","history","createElement","onClick","push","icon","variant","displayName"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\nconst BackButton = React.memo(() => {\n    const { history } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            onClick={() => history.push(`/cms/content-models`)}\n            icon={<BackIcon />}\n            variant=\"ghost\"\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,UAAU,gBAAGL,KAAK,CAACM,IAAI,CAAC,MAAM;EAChC,MAAM;IAAEC;EAAQ,CAAC,GAAGN,SAAS,CAAC,CAAC;EAE/B,oBACID,KAAA,CAAAQ,aAAA,CAACJ,UAAU;IACP,eAAY,wBAAwB;IACpCK,OAAO,EAAEA,CAAA,KAAMF,OAAO,CAACG,IAAI,CAAC,qBAAqB,CAAE;IACnDC,IAAI,eAAEX,KAAA,CAAAQ,aAAA,CAACL,QAAQ,MAAE,CAAE;IACnBS,OAAO,EAAC;EAAO,CAClB,CAAC;AAEV,CAAC,CAAC;AAEFP,UAAU,CAACQ,WAAW,GAAG,YAAY;AAErC,eAAeR,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useRouter","ReactComponent","BackIcon","IconButton","Routes","BackButton","memo","goToRoute","createElement","onClick","ContentModels","List","icon","variant","displayName"],"sources":["BackButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { ReactComponent as BackIcon } from \"@webiny/icons/arrow_back.svg\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst BackButton = React.memo(() => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <IconButton\n            data-testid=\"cms-editor-back-button\"\n            onClick={() => goToRoute(Routes.ContentModels.List)}\n            icon={<BackIcon />}\n            variant=\"ghost\"\n        />\n    );\n});\n\nBackButton.displayName = \"BackButton\";\n\nexport default BackButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,8BAA8B;AACzE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM;AAEf,MAAMC,UAAU,gBAAGN,KAAK,CAACO,IAAI,CAAC,MAAM;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAGP,SAAS,CAAC,CAAC;EAEjC,oBACID,KAAA,CAAAS,aAAA,CAACL,UAAU;IACP,eAAY,wBAAwB;IACpCM,OAAO,EAAEA,CAAA,KAAMF,SAAS,CAACH,MAAM,CAACM,aAAa,CAACC,IAAI,CAAE;IACpDC,IAAI,eAAEb,KAAA,CAAAS,aAAA,CAACN,QAAQ,MAAE,CAAE;IACnBW,OAAO,EAAC;EAAO,CAClB,CAAC;AAEV,CAAC,CAAC;AAEFR,UAAU,CAACS,WAAW,GAAG,YAAY;AAErC,eAAeT,UAAU","ignoreList":[]}

package/admin/plugins/editor/defaultBar/CreateContentButton.js

@@ -1,14 +1,17 @@
 import React from "react";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
+import get from "lodash/get.js";
+import { useRouter } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as ListViewIcon } from "@webiny/icons/list.svg";
-import { GET_CONTENT_MODEL } from "../../../graphql/contentModels";
-import { useModelEditor } from "../../../hooks";
+import { GET_CONTENT_MODEL } from "../../../graphql/contentModels.js";
+import { useModelEditor } from "../../../hooks/index.js";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
+import { Routes } from "../../../../routes.js";
 const t = i18n.namespace("app-headless-cms/admin/editor/top-bar/save-button");
 const CreateContentButton = () => {
-  const router = useRouter();
+  const {
+    goToRoute
+  } = useRouter();
   const {
     data,
     apolloClient
@@ -29,7 +32,9 @@ const CreateContentButton = () => {
     side: "bottom",
     trigger: /*#__PURE__*/React.createElement(IconButton, {
       icon: /*#__PURE__*/React.createElement(ListViewIcon, null),
-      onClick: () => router.history.push(`/cms/content-entries/${data.modelId}`),
+      onClick: () => goToRoute(Routes.ContentEntries.List, {
+        modelId: data.modelId
+      }),
       disabled: disableViewContent,
       variant: "ghost"
     })

package/admin/plugins/editor/defaultBar/CreateContentButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","useRouter","i18n","ReactComponent","ListViewIcon","GET_CONTENT_MODEL","useModelEditor","IconButton","Tooltip","t","namespace","CreateContentButton","router","data","apolloClient","getQuery","readQuery","query","variables","modelId","fields","disableViewContent","length","message","createElement","content","side","trigger","icon","onClick","history","push","disabled","variant"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const router = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => router.history.push(`/cms/content-entries/${data.modelId}`)}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,YAAY,QAAQ,wBAAwB;AAKvE,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAEtD,MAAMC,CAAC,GAAGP,IAAI,CAACQ,SAAS,CAAC,mDAAmD,CAAC;AAE7E,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEY,IAAI;IAAEC;EAAa,CAAC,GAAGR,cAAc,CAAC,CAAC;EAE/C,MAAMS,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEZ,iBAAiB;IACxBa,SAAS,EAAE;MACPC,OAAO,EAAEN,IAAI,CAACM;IAClB;EACJ,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGpB,GAAG,CAACe,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,MAAMM,kBAAkB,GAAGD,MAAM,CAACE,MAAM,KAAK,CAAC;EAC9C,MAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACItB,KAAA,CAAAyB,aAAA,CAAChB,OAAO;IACJiB,OAAO,EAAEhB,CAAC,WAAW,CAAC;MAAEc;IAAQ,CAAC,CAAE;IACnCG,IAAI,EAAE,QAAS;IACfC,OAAO,eACH5B,KAAA,CAAAyB,aAAA,CAACjB,UAAU;MACPqB,IAAI,eAAE7B,KAAA,CAAAyB,aAAA,CAACpB,YAAY,MAAE,CAAE;MACvByB,OAAO,EAAEA,CAAA,KAAMjB,MAAM,CAACkB,OAAO,CAACC,IAAI,CAAC,wBAAwBlB,IAAI,CAACM,OAAO,EAAE,CAAE;MAC3Ea,QAAQ,EAAEX,kBAAmB;MAC7BY,OAAO,EAAE;IAAQ,CACpB;EACJ,CACJ,CAAC;AAEV,CAAC;AAED,eAAetB,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","get","useRouter","i18n","ReactComponent","ListViewIcon","GET_CONTENT_MODEL","useModelEditor","IconButton","Tooltip","Routes","t","namespace","CreateContentButton","goToRoute","data","apolloClient","getQuery","readQuery","query","variables","modelId","fields","disableViewContent","length","message","createElement","content","side","trigger","icon","onClick","ContentEntries","List","disabled","variant"],"sources":["CreateContentButton.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as ListViewIcon } from \"@webiny/icons/list.svg\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { Routes } from \"~/routes.js\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/editor/top-bar/save-button\");\n\nconst CreateContentButton = () => {\n    const { goToRoute } = useRouter();\n    const { data, apolloClient } = useModelEditor();\n\n    const getQuery = apolloClient.readQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>({\n        query: GET_CONTENT_MODEL,\n        variables: {\n            modelId: data.modelId\n        }\n    });\n    const fields = get(getQuery, \"getContentModel.data.fields\", []);\n    const disableViewContent = fields.length === 0;\n    const message = disableViewContent\n        ? \"To view the entries, you first need to add a field and save the form\"\n        : \"View entries\";\n\n    return (\n        <Tooltip\n            content={t`{message}`({ message })}\n            side={\"bottom\"}\n            trigger={\n                <IconButton\n                    icon={<ListViewIcon />}\n                    onClick={() => goToRoute(Routes.ContentEntries.List, { modelId: data.modelId })}\n                    disabled={disableViewContent}\n                    variant={\"ghost\"}\n                />\n            }\n        />\n    );\n};\n\nexport default CreateContentButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,YAAY,QAAQ,wBAAwB;AAKvE,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACtD,SAASC,MAAM;AAEf,MAAMC,CAAC,GAAGR,IAAI,CAACS,SAAS,CAAC,mDAAmD,CAAC;AAE7E,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAU,CAAC,GAAGZ,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEa,IAAI;IAAEC;EAAa,CAAC,GAAGT,cAAc,CAAC,CAAC;EAE/C,MAAMU,QAAQ,GAAGD,YAAY,CAACE,SAAS,CAAsD;IACzFC,KAAK,EAAEb,iBAAiB;IACxBc,SAAS,EAAE;MACPC,OAAO,EAAEN,IAAI,CAACM;IAClB;EACJ,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGrB,GAAG,CAACgB,QAAQ,EAAE,6BAA6B,EAAE,EAAE,CAAC;EAC/D,MAAMM,kBAAkB,GAAGD,MAAM,CAACE,MAAM,KAAK,CAAC;EAC9C,MAAMC,OAAO,GAAGF,kBAAkB,GAC5B,sEAAsE,GACtE,cAAc;EAEpB,oBACIvB,KAAA,CAAA0B,aAAA,CAACjB,OAAO;IACJkB,OAAO,EAAEhB,CAAC,WAAW,CAAC;MAAEc;IAAQ,CAAC,CAAE;IACnCG,IAAI,EAAE,QAAS;IACfC,OAAO,eACH7B,KAAA,CAAA0B,aAAA,CAAClB,UAAU;MACPsB,IAAI,eAAE9B,KAAA,CAAA0B,aAAA,CAACrB,YAAY,MAAE,CAAE;MACvB0B,OAAO,EAAEA,CAAA,KAAMjB,SAAS,CAACJ,MAAM,CAACsB,cAAc,CAACC,IAAI,EAAE;QAAEZ,OAAO,EAAEN,IAAI,CAACM;MAAQ,CAAC,CAAE;MAChFa,QAAQ,EAAEX,kBAAmB;MAC7BY,OAAO,EAAE;IAAQ,CACpB;EACJ,CACJ,CAAC;AAEV,CAAC;AAED,eAAetB,mBAAmB","ignoreList":[]}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js

@@ -1,18 +1,15 @@
 import React, { useState } from "react";
 import { plugins } from "@webiny/plugins";
-import { OverlayLayout } from "@webiny/app-admin/components/OverlayLayout";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
+import { LeftPanel, OverlayLayout, RightPanel, SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader, SplitView, useSnackbar } from "@webiny/app-admin";
 import { Form } from "@webiny/form";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import * as SF from "@webiny/app-admin/components/SimpleForm";
-import { useModelEditor } from "../../../../hooks";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModelEditor } from "../../../../hooks/index.js";
 import { Button, Heading, Icon, List } from "@webiny/admin-ui";
 const t = i18n.namespace("FormsApp.Editor.FormSettings");
 const Title = () => {
   return /*#__PURE__*/React.createElement(Heading, {
     level: 5,
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, t`Content model settings`);
 };
 const FormSettings = ({
@@ -55,26 +52,26 @@ const FormSettings = ({
     submit,
     form,
     data: formData
-  }) => /*#__PURE__*/React.createElement(SF.SimpleForm, {
+  }) => /*#__PURE__*/React.createElement(SimpleForm, {
     size: "lg"
-  }, /*#__PURE__*/React.createElement(SF.SimpleFormHeader, {
+  }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
     title: activePlugin.title
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-justify-end wby-items-center"
+    className: "flex justify-end items-center"
   }, typeof activePlugin.renderHeaderActions === "function" && activePlugin.renderHeaderActions({
     Bind,
     form,
     formData
-  }))), /*#__PURE__*/React.createElement(SF.SimpleFormContent, null, activePlugin ? activePlugin.render({
+  }))), /*#__PURE__*/React.createElement(SimpleFormContent, null, activePlugin ? activePlugin.render({
     Bind: Bind,
     form,
     formData
-  }) : null), /*#__PURE__*/React.createElement(SF.SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }) : null), activePlugin?.showSave !== false ? /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(Button, {
     text: t`Save`,
     onClick: ev => {
       submit(ev);
     }
-  })))))));
+  })) : null)))));
 };
 export default FormSettings;
 

package/admin/plugins/editor/defaultBar/FormSettings/FormSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","plugins","OverlayLayout","LeftPanel","RightPanel","SplitView","Form","useSnackbar","i18n","SF","useModelEditor","Button","Heading","Icon","List","t","namespace","Title","createElement","level","className","FormSettings","onExited","cmsEditorFormSettingsPlugins","byType","data","setData","showSnackbar","activePlugin","setActivePlugin","barMiddle","span","map","pl","Item","key","name","onClick","icon","label","title","description","onSubmit","Bind","submit","form","formData","SimpleForm","size","SimpleFormHeader","renderHeaderActions","SimpleFormContent","render","SimpleFormFooter","text","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { OverlayLayout } from \"@webiny/app-admin/components/OverlayLayout\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Form } from \"@webiny/form\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport * as SF from \"@webiny/app-admin/components/SimpleForm\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { Button, Heading, Icon, List } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\nconst Title = () => {\n    return (\n        <Heading\n            level={5}\n            className={\"wby-text-neutral-strong\"}\n        >{t`Content model settings`}</Heading>\n    );\n};\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={<Title />} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <List.Item\n                                key={pl.name}\n                                onClick={() => setActivePlugin(pl)}\n                                icon={<Icon label={pl.title} icon={pl.icon} />}\n                                title={pl.title}\n                                description={pl.description}\n                            />\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SF.SimpleForm size={\"lg\"}>\n                                <SF.SimpleFormHeader title={activePlugin.title}>\n                                    <div className={\"wby-flex wby-justify-end wby-items-center\"}>\n                                        {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                            activePlugin.renderHeaderActions({\n                                                Bind,\n                                                form,\n                                                formData\n                                            })}\n                                    </div>\n                                </SF.SimpleFormHeader>\n                                <SF.SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SF.SimpleFormContent>\n                                <SF.SimpleFormFooter>\n                                    <Button\n                                        text={t`Save`}\n                                        onClick={ev => {\n                                            submit(ev);\n                                        }}\n                                    />\n                                </SF.SimpleFormFooter>\n                            </SF.SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","plugins","LeftPanel","OverlayLayout","RightPanel","SimpleForm","SimpleFormContent","SimpleFormFooter","SimpleFormHeader","SplitView","useSnackbar","Form","i18n","useModelEditor","Button","Heading","Icon","List","t","namespace","Title","createElement","level","className","FormSettings","onExited","cmsEditorFormSettingsPlugins","byType","data","setData","showSnackbar","activePlugin","setActivePlugin","barMiddle","span","map","pl","Item","key","name","onClick","icon","label","title","description","onSubmit","Bind","submit","form","formData","size","renderHeaderActions","render","showSave","text","ev"],"sources":["FormSettings.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport {\n    LeftPanel,\n    OverlayLayout,\n    RightPanel,\n    SimpleForm,\n    SimpleFormContent,\n    SimpleFormFooter,\n    SimpleFormHeader,\n    SplitView,\n    useSnackbar\n} from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsEditorFormSettingsPlugin } from \"~/types.js\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport { Button, Heading, Icon, List } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"FormsApp.Editor.FormSettings\");\n\nconst Title = () => {\n    return (\n        <Heading level={5} className={\"text-neutral-strong\"}>{t`Content model settings`}</Heading>\n    );\n};\n\ninterface FormSettingsProps {\n    onExited: () => void;\n}\n\nconst FormSettings = ({ onExited }: FormSettingsProps) => {\n    const cmsEditorFormSettingsPlugins = plugins.byType<CmsEditorFormSettingsPlugin>(\n        \"cms-editor-form-settings\"\n    );\n    const { data, setData } = useModelEditor();\n    const { showSnackbar } = useSnackbar();\n\n    const [activePlugin, setActivePlugin] = useState(cmsEditorFormSettingsPlugins[0]);\n\n    return (\n        <OverlayLayout barMiddle={<Title />} onExited={onExited}>\n            <SplitView>\n                <LeftPanel span={5}>\n                    <List>\n                        {cmsEditorFormSettingsPlugins.map(pl => (\n                            <List.Item\n                                key={pl.name}\n                                onClick={() => setActivePlugin(pl)}\n                                icon={<Icon label={pl.title} icon={pl.icon} />}\n                                title={pl.title}\n                                description={pl.description}\n                            />\n                        ))}\n                    </List>\n                </LeftPanel>\n                <RightPanel span={7}>\n                    <Form\n                        data={data}\n                        onSubmit={data => {\n                            setData(() => data);\n                            onExited();\n                            showSnackbar(t`Content model settings updated successfully.`);\n                        }}\n                    >\n                        {({ Bind, submit, form, data: formData }) => (\n                            <SimpleForm size={\"lg\"}>\n                                <SimpleFormHeader title={activePlugin.title}>\n                                    <div className={\"flex justify-end items-center\"}>\n                                        {typeof activePlugin.renderHeaderActions === \"function\" &&\n                                            activePlugin.renderHeaderActions({\n                                                Bind,\n                                                form,\n                                                formData\n                                            })}\n                                    </div>\n                                </SimpleFormHeader>\n                                <SimpleFormContent>\n                                    {activePlugin\n                                        ? activePlugin.render({\n                                              Bind: Bind,\n                                              form,\n                                              formData\n                                          })\n                                        : null}\n                                </SimpleFormContent>\n                                {activePlugin?.showSave !== false ? (\n                                    <SimpleFormFooter>\n                                        <Button\n                                            text={t`Save`}\n                                            onClick={ev => {\n                                                submit(ev);\n                                            }}\n                                        />\n                                    </SimpleFormFooter>\n                                ) : null}\n                            </SimpleForm>\n                        )}\n                    </Form>\n                </RightPanel>\n            </SplitView>\n        </OverlayLayout>\n    );\n};\n\nexport default FormSettings;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js

@@ -1,5 +1,5 @@
 import React, { useState, useCallback } from "react";
-import FormSettings from "./FormSettings";
+import FormSettings from "./FormSettings.js";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
 const FormSettingsButton = () => {

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useCallback","FormSettings","ReactComponent","SettingsIcon","IconButton","Tooltip","FormSettingsButton","opened","setOpened","open","close","createElement","Fragment","content","side","trigger","onClick","icon","variant","onExited"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport FormSettings from \"./FormSettings\";\n\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <Tooltip\n                content={\"View content model settings\"}\n                side={\"bottom\"}\n                trigger={<IconButton onClick={open} icon={<SettingsIcon />} variant={\"ghost\"} />}\n            />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,OAAOC,YAAY;AAEnB,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAEtD,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAMU,IAAI,GAAGT,WAAW,CAAC,MAAMQ,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACnD,MAAME,KAAK,GAAGV,WAAW,CAAC,MAAMQ,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,oBACIV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAa,aAAA,CAACN,OAAO;IACJQ,OAAO,EAAE,6BAA8B;IACvCC,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACP,UAAU;MAACY,OAAO,EAAEP,IAAK;MAACQ,IAAI,eAAEnB,KAAA,CAAAa,aAAA,CAACR,YAAY,MAAE,CAAE;MAACe,OAAO,EAAE;IAAQ,CAAE;EAAE,CACpF,CAAC,EACDX,MAAM,iBAAIT,KAAA,CAAAa,aAAA,CAACV,YAAY;IAACkB,QAAQ,EAAET;EAAM,CAAE,CAC7C,CAAC;AAEX,CAAC;AAED,eAAeJ,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useState","useCallback","FormSettings","ReactComponent","SettingsIcon","IconButton","Tooltip","FormSettingsButton","opened","setOpened","open","close","createElement","Fragment","content","side","trigger","onClick","icon","variant","onExited"],"sources":["FormSettingsButton.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport FormSettings from \"./FormSettings.js\";\n\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\n\nconst FormSettingsButton = () => {\n    const [opened, setOpened] = useState(false);\n    const open = useCallback(() => setOpened(true), []);\n    const close = useCallback(() => setOpened(false), []);\n\n    return (\n        <>\n            <Tooltip\n                content={\"View content model settings\"}\n                side={\"bottom\"}\n                trigger={<IconButton onClick={open} icon={<SettingsIcon />} variant={\"ghost\"} />}\n            />\n            {opened && <FormSettings onExited={close} />}\n        </>\n    );\n};\n\nexport default FormSettingsButton;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACpD,OAAOC,YAAY;AAEnB,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AAEtD,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAMU,IAAI,GAAGT,WAAW,CAAC,MAAMQ,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACnD,MAAME,KAAK,GAAGV,WAAW,CAAC,MAAMQ,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,oBACIV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACId,KAAA,CAAAa,aAAA,CAACN,OAAO;IACJQ,OAAO,EAAE,6BAA8B;IACvCC,IAAI,EAAE,QAAS;IACfC,OAAO,eAAEjB,KAAA,CAAAa,aAAA,CAACP,UAAU;MAACY,OAAO,EAAEP,IAAK;MAACQ,IAAI,eAAEnB,KAAA,CAAAa,aAAA,CAACR,YAAY,MAAE,CAAE;MAACe,OAAO,EAAE;IAAQ,CAAE;EAAE,CACpF,CAAC,EACDX,MAAM,iBAAIT,KAAA,CAAAa,aAAA,CAACV,YAAY;IAACkB,QAAQ,EAAET;EAAM,CAAE,CAC7C,CAAC;AAEX,CAAC;AAED,eAAeJ,kBAAkB","ignoreList":[]}

package/admin/plugins/editor/defaultBar/FormSettings/FormSettingsStyled.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 export declare const listStyle: string;
 export declare const listItem: string;
 export declare const ListItemTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Title: React.JSX.Element;
 export declare const TitleContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;