@webiny/app-headless-cms 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/admin/components/ContentModelEditor/FieldsSidebar.js

@@ -1,105 +1,74 @@
-import React from "react";
-import { plugins } from "@webiny/plugins";
+import react, { useMemo } from "react";
+import { useContainer } from "@webiny/app";
+import { useModelEditor } from "../../hooks/index.js";
 import Draggable from "../Draggable.js";
-import { Heading, Icon, Text } from "@webiny/admin-ui";
-const Field = props => {
-  const {
-    onFieldDragStart,
-    fieldType: {
-      type,
-      label,
-      icon,
-      description
-    }
-  } = props;
-  return /*#__PURE__*/React.createElement(Draggable, {
-    beginDrag: {
-      type: "newField",
-      fieldType: type
-    }
-  }, ({
-    drag
-  }) => /*#__PURE__*/React.createElement("div", {
-    ref: element => {
-      drag(element);
-    },
-    "data-testid": `cms-editor-fields-field-${type}`,
-    onDragStart: onFieldDragStart,
-    className: "bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-md"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    label: label,
-    size: "md",
-    color: "neutral-light"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, label), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "text-neutral-strong"
-  }, description)))));
-};
-const LayoutFieldItem = props => {
-  const {
-    onFieldDragStart,
-    layoutField: {
-      type,
-      label,
-      icon,
-      description
-    }
-  } = props;
-  return /*#__PURE__*/React.createElement(Draggable, {
-    beginDrag: {
-      type: "newLayoutField",
-      layoutFieldType: type
-    }
-  }, ({
-    drag
-  }) => /*#__PURE__*/React.createElement("div", {
-    ref: element => {
-      drag(element);
-    },
-    "data-testid": `cms-editor-fields-layout-field-${type}`,
-    onDragStart: onFieldDragStart,
-    className: "bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-md"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    label: label,
-    size: "md",
-    color: "neutral-light"
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, {
-    level: 6
-  }, label), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "text-neutral-strong"
-  }, description)))));
-};
-export const FieldsSidebar = ({
-  onFieldDragStart
-}) => {
-  const fieldTypePlugin = plugins.byType("cms-editor-field-type").filter(p => !p.field.hideInAdmin);
-  const layoutFieldPlugins = plugins.byType("cms-editor-layout-field-type");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    size: "md",
-    className: "text-neutral-strong uppercase mt-0 mb-md font-semibold"
-  }, "Fields"), fieldTypePlugin.map(fieldPlugin => /*#__PURE__*/React.createElement(Field, {
-    key: fieldPlugin.field.type,
-    fieldType: fieldPlugin.field,
-    onFieldDragStart: onFieldDragStart
-  })), layoutFieldPlugins.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    size: "md",
-    className: "text-neutral-strong uppercase my-md font-semibold"
-  }, "Layout"), layoutFieldPlugins.map(lp => /*#__PURE__*/React.createElement(LayoutFieldItem, {
-    key: lp.field.type,
-    layoutField: lp.field,
-    onFieldDragStart: onFieldDragStart
-  }))));
+import { IconButton } from "@webiny/admin-ui";
+import { GridItem } from "./GridItem.js";
+import { SectionHeader } from "./SectionHeader.js";
+import { FieldsGrid } from "./FieldsGrid.js";
+import { ReactComponent } from "@webiny/icons/right_panel_open.svg";
+import { CmsFieldType, CmsLayoutFieldType } from "../../../presentation/fieldTypes/abstractions.js";
+const Field = ({ onFieldDragStart, fieldType })=>/*#__PURE__*/ react.createElement(Draggable, {
+        beginDrag: {
+            type: "newField",
+            fieldType: fieldType.type
+        }
+    }, ({ drag })=>/*#__PURE__*/ react.createElement(GridItem, {
+            testId: `cms-editor-fields-field-${fieldType.type}`,
+            label: fieldType.label,
+            icon: fieldType.icon,
+            onDragStart: onFieldDragStart,
+            dragRef: (element)=>drag(element)
+        }));
+const LayoutFieldItem = ({ onFieldDragStart, layoutFieldType: { type, label, icon } })=>/*#__PURE__*/ react.createElement(Draggable, {
+        beginDrag: {
+            type: "newLayoutField",
+            layoutFieldType: type
+        }
+    }, ({ drag })=>/*#__PURE__*/ react.createElement(GridItem, {
+            testId: `cms-editor-fields-layout-field-${type}`,
+            label: label,
+            icon: icon,
+            onDragStart: onFieldDragStart,
+            dragRef: (element)=>drag(element)
+        }));
+const FieldsSidebar = ({ onFieldDragStart, onCollapse })=>{
+    const container = useContainer();
+    const { data: model } = useModelEditor();
+    const fieldTypes = useMemo(()=>{
+        const existingTypes = new Set((model?.fields ?? []).map((f)=>f.type));
+        return container.resolveAll(CmsFieldType).filter((ft)=>{
+            if (ft.hideInAdmin) return false;
+            if (ft.deprecated) return existingTypes.has(ft.type);
+            return true;
+        });
+    }, [
+        container,
+        model?.fields
+    ]);
+    const layoutFieldTypes = useMemo(()=>container.resolveAll(CmsLayoutFieldType), [
+        container
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SectionHeader, {
+        title: "Fields",
+        action: onCollapse && /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            size: "xs",
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onClick: onCollapse
+        })
+    }), /*#__PURE__*/ react.createElement(FieldsGrid, null, fieldTypes.map((ft)=>/*#__PURE__*/ react.createElement(Field, {
+            key: ft.type,
+            fieldType: ft,
+            onFieldDragStart: onFieldDragStart
+        }))), layoutFieldTypes.length > 0 && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SectionHeader, {
+        title: "Layout"
+    }), /*#__PURE__*/ react.createElement(FieldsGrid, null, layoutFieldTypes.map((lft)=>/*#__PURE__*/ react.createElement(LayoutFieldItem, {
+            key: lft.type,
+            layoutFieldType: lft,
+            onFieldDragStart: onFieldDragStart
+        })))));
 };
+export { FieldsSidebar };
 
 //# sourceMappingURL=FieldsSidebar.js.map

package/admin/components/ContentModelEditor/FieldsSidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","plugins","Draggable","Heading","Icon","Text","Field","props","onFieldDragStart","fieldType","type","label","icon","description","createElement","beginDrag","drag","ref","element","onDragStart","className","size","color","level","LayoutFieldItem","layoutField","layoutFieldType","FieldsSidebar","fieldTypePlugin","byType","filter","p","field","hideInAdmin","layoutFieldPlugins","Fragment","as","map","fieldPlugin","key","length","lp"],"sources":["FieldsSidebar.tsx"],"sourcesContent":["import type { DragEventHandler } from \"react\";\nimport React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport Draggable from \"../Draggable.js\";\nimport type { CmsModelFieldTypePlugin, CmsModelLayoutFieldTypePlugin } from \"~/types.js\";\nimport { Heading, Icon, Text } from \"@webiny/admin-ui\";\n\ninterface FieldProps {\n    onFieldDragStart: DragEventHandler;\n    fieldType: CmsModelFieldTypePlugin[\"field\"];\n}\n\nconst Field = (props: FieldProps) => {\n    const {\n        onFieldDragStart,\n        fieldType: { type, label, icon, description }\n    } = props;\n    return (\n        <Draggable beginDrag={{ type: \"newField\", fieldType: type }}>\n            {({ drag }) => (\n                <div\n                    ref={element => {\n                        drag(element);\n                    }}\n                    data-testid={`cms-editor-fields-field-${type}`}\n                    onDragStart={onFieldDragStart}\n                    className={\n                        \"bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity\"\n                    }\n                >\n                    <div className={\"flex items-center gap-md\"}>\n                        <div>\n                            <Icon\n                                icon={icon as React.ReactElement}\n                                label={label}\n                                size={\"md\"}\n                                color={\"neutral-light\"}\n                            />\n                        </div>\n                        <div>\n                            <Heading level={6}>{label}</Heading>\n                            <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                                {description}\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Draggable>\n    );\n};\n\ninterface LayoutFieldItemProps {\n    onFieldDragStart: DragEventHandler;\n    layoutField: CmsModelLayoutFieldTypePlugin[\"field\"];\n}\n\nconst LayoutFieldItem = (props: LayoutFieldItemProps) => {\n    const {\n        onFieldDragStart,\n        layoutField: { type, label, icon, description }\n    } = props;\n    return (\n        <Draggable beginDrag={{ type: \"newLayoutField\", layoutFieldType: type }}>\n            {({ drag }) => (\n                <div\n                    ref={element => {\n                        drag(element);\n                    }}\n                    data-testid={`cms-editor-fields-layout-field-${type}`}\n                    onDragStart={onFieldDragStart}\n                    className={\n                        \"bg-neutral-base rounded-sm mb-sm py-sm px-md cursor-grab last-of-type:mb-none hover:opacity-80 transition-opacity\"\n                    }\n                >\n                    <div className={\"flex items-center gap-md\"}>\n                        <div>\n                            <Icon icon={icon} label={label} size={\"md\"} color={\"neutral-light\"} />\n                        </div>\n                        <div>\n                            <Heading level={6}>{label}</Heading>\n                            <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                                {description}\n                            </Text>\n                        </div>\n                    </div>\n                </div>\n            )}\n        </Draggable>\n    );\n};\n\ninterface FieldsSidebarProps {\n    onFieldDragStart: DragEventHandler;\n}\n\nexport const FieldsSidebar = ({ onFieldDragStart }: FieldsSidebarProps) => {\n    const fieldTypePlugin = plugins\n        .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n        .filter(p => !p.field.hideInAdmin);\n\n    const layoutFieldPlugins = plugins.byType<CmsModelLayoutFieldTypePlugin>(\n        \"cms-editor-layout-field-type\"\n    );\n\n    return (\n        <>\n            <Text\n                as=\"div\"\n                size={\"md\"}\n                className={\"text-neutral-strong uppercase mt-0 mb-md font-semibold\"}\n            >\n                Fields\n            </Text>\n            {fieldTypePlugin.map(fieldPlugin => (\n                <Field\n                    key={fieldPlugin.field.type}\n                    fieldType={fieldPlugin.field}\n                    onFieldDragStart={onFieldDragStart}\n                />\n            ))}\n            {layoutFieldPlugins.length > 0 && (\n                <>\n                    <Text\n                        as=\"div\"\n                        size={\"md\"}\n                        className={\"text-neutral-strong uppercase my-md font-semibold\"}\n                    >\n                        Layout\n                    </Text>\n                    {layoutFieldPlugins.map(lp => (\n                        <LayoutFieldItem\n                            key={lp.field.type}\n                            layoutField={lp.field}\n                            onFieldDragStart={onFieldDragStart}\n                        />\n                    ))}\n                </>\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentModelEditor/FieldsSidebar.js","sources":["../../../../src/admin/components/ContentModelEditor/FieldsSidebar.tsx"],"sourcesContent":["import type { DragEventHandler } from \"react\";\nimport React, { useMemo } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { useModelEditor } from \"~/admin/hooks/index.js\";\nimport Draggable from \"../Draggable.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { GridItem } from \"./GridItem.js\";\nimport { SectionHeader } from \"./SectionHeader.js\";\nimport { FieldsGrid } from \"./FieldsGrid.js\";\nimport { ReactComponent as CollapseSidebarIcon } from \"@webiny/icons/right_panel_open.svg\";\nimport { CmsFieldType, type ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport {\n    CmsLayoutFieldType,\n    type ICmsLayoutFieldType\n} from \"~/presentation/fieldTypes/abstractions.js\";\n\ninterface FieldProps {\n    onFieldDragStart: DragEventHandler;\n    fieldType: ICmsFieldType;\n}\n\nconst Field = ({ onFieldDragStart, fieldType }: FieldProps) => {\n    return (\n        <Draggable beginDrag={{ type: \"newField\", fieldType: fieldType.type }}>\n            {({ drag }) => (\n                <GridItem\n                    testId={`cms-editor-fields-field-${fieldType.type}`}\n                    label={fieldType.label}\n                    icon={fieldType.icon}\n                    onDragStart={onFieldDragStart}\n                    dragRef={element => drag(element)}\n                />\n            )}\n        </Draggable>\n    );\n};\n\ninterface LayoutFieldItemProps {\n    onFieldDragStart: DragEventHandler;\n    layoutFieldType: ICmsLayoutFieldType;\n}\n\nconst LayoutFieldItem = ({\n    onFieldDragStart,\n    layoutFieldType: { type, label, icon }\n}: LayoutFieldItemProps) => {\n    return (\n        <Draggable beginDrag={{ type: \"newLayoutField\", layoutFieldType: type }}>\n            {({ drag }) => (\n                <GridItem\n                    testId={`cms-editor-fields-layout-field-${type}`}\n                    label={label}\n                    icon={icon as React.ReactElement}\n                    onDragStart={onFieldDragStart}\n                    dragRef={element => drag(element)}\n                />\n            )}\n        </Draggable>\n    );\n};\n\ninterface FieldsSidebarProps {\n    onFieldDragStart: DragEventHandler;\n    onCollapse?: () => void;\n}\n\nexport const FieldsSidebar = ({ onFieldDragStart, onCollapse }: FieldsSidebarProps) => {\n    const container = useContainer();\n    const { data: model } = useModelEditor();\n\n    const fieldTypes = useMemo(() => {\n        const existingTypes = new Set((model?.fields ?? []).map(f => f.type));\n        return container.resolveAll(CmsFieldType).filter(ft => {\n            if (ft.hideInAdmin) {\n                return false;\n            }\n            // Deprecated field types (e.g. \"file\", superseded by \"asset\") are only\n            // offered when the model already contains a field of that type, so\n            // existing models stay editable while new fields use the replacement.\n            if (ft.deprecated) {\n                return existingTypes.has(ft.type);\n            }\n            return true;\n        });\n    }, [container, model?.fields]);\n\n    const layoutFieldTypes = useMemo(() => {\n        return container.resolveAll(CmsLayoutFieldType);\n    }, [container]);\n\n    return (\n        <>\n            <SectionHeader\n                title={\"Fields\"}\n                action={\n                    onCollapse && (\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"xs\"}\n                            icon={<CollapseSidebarIcon />}\n                            onClick={onCollapse}\n                        />\n                    )\n                }\n            />\n            <FieldsGrid>\n                {fieldTypes.map(ft => (\n                    <Field key={ft.type} fieldType={ft} onFieldDragStart={onFieldDragStart} />\n                ))}\n            </FieldsGrid>\n            {layoutFieldTypes.length > 0 && (\n                <>\n                    <SectionHeader title={\"Layout\"} />\n                    <FieldsGrid>\n                        {layoutFieldTypes.map(lft => (\n                            <LayoutFieldItem\n                                key={lft.type}\n                                layoutFieldType={lft}\n                                onFieldDragStart={onFieldDragStart}\n                            />\n                        ))}\n                    </FieldsGrid>\n                </>\n            )}\n        </>\n    );\n};\n"],"names":["Field","onFieldDragStart","fieldType","Draggable","drag","GridItem","element","LayoutFieldItem","type","label","icon","FieldsSidebar","onCollapse","container","useContainer","model","useModelEditor","fieldTypes","useMemo","existingTypes","Set","f","CmsFieldType","ft","layoutFieldTypes","CmsLayoutFieldType","SectionHeader","IconButton","CollapseSidebarIcon","FieldsGrid","lft"],"mappings":";;;;;;;;;;AAqBA,MAAMA,QAAQ,CAAC,EAAEC,gBAAgB,EAAEC,SAAS,EAAc,GAC/C,WAAP,GACI,oBAACC,WAASA;QAAC,WAAW;YAAE,MAAM;YAAY,WAAWD,UAAU,IAAI;QAAC;OAC/D,CAAC,EAAEE,IAAI,EAAE,iBACN,oBAACC,UAAQA;YACL,QAAQ,CAAC,wBAAwB,EAAEH,UAAU,IAAI,EAAE;YACnD,OAAOA,UAAU,KAAK;YACtB,MAAMA,UAAU,IAAI;YACpB,aAAaD;YACb,SAASK,CAAAA,UAAWF,KAAKE;;AAY7C,MAAMC,kBAAkB,CAAC,EACrBN,gBAAgB,EAChB,iBAAiB,EAAEO,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAE,EACnB,GACZ,WAAP,GACI,oBAACP,WAASA;QAAC,WAAW;YAAE,MAAM;YAAkB,iBAAiBK;QAAK;OACjE,CAAC,EAAEJ,IAAI,EAAE,iBACN,oBAACC,UAAQA;YACL,QAAQ,CAAC,+BAA+B,EAAEG,MAAM;YAChD,OAAOC;YACP,MAAMC;YACN,aAAaT;YACb,SAASK,CAAAA,UAAWF,KAAKE;;AAYtC,MAAMK,gBAAgB,CAAC,EAAEV,gBAAgB,EAAEW,UAAU,EAAsB;IAC9E,MAAMC,YAAYC;IAClB,MAAM,EAAE,MAAMC,KAAK,EAAE,GAAGC;IAExB,MAAMC,aAAaC,QAAQ;QACvB,MAAMC,gBAAgB,IAAIC,IAAKL,AAAAA,CAAAA,OAAO,UAAU,EAAC,EAAG,GAAG,CAACM,CAAAA,IAAKA,EAAE,IAAI;QACnE,OAAOR,UAAU,UAAU,CAACS,cAAc,MAAM,CAACC,CAAAA;YAC7C,IAAIA,GAAG,WAAW,EACd,OAAO;YAKX,IAAIA,GAAG,UAAU,EACb,OAAOJ,cAAc,GAAG,CAACI,GAAG,IAAI;YAEpC,OAAO;QACX;IACJ,GAAG;QAACV;QAAWE,OAAO;KAAO;IAE7B,MAAMS,mBAAmBN,QAAQ,IACtBL,UAAU,UAAU,CAACY,qBAC7B;QAACZ;KAAU;IAEd,OAAO,WAAP,GACI,wDACI,oBAACa,eAAaA;QACV,OAAO;QACP,QACId,cAAc,WAAdA,GACI,oBAACe,YAAUA;YACP,SAAS;YACT,MAAM;YACN,oBAAM,oBAACC,gBAAmBA;YAC1B,SAAShB;;sBAKzB,oBAACiB,YAAUA,MACNZ,WAAW,GAAG,CAACM,CAAAA,KAAAA,WAAAA,GACZ,oBAACvB,OAAKA;YAAC,KAAKuB,GAAG,IAAI;YAAE,WAAWA;YAAI,kBAAkBtB;cAG7DuB,iBAAiB,MAAM,GAAG,KAAK,WAAL,GACvB,wDACI,oBAACE,eAAaA;QAAC,OAAO;sBACtB,oBAACG,YAAUA,MACNL,iBAAiB,GAAG,CAACM,CAAAA,MAAAA,WAAAA,GAClB,oBAACvB,iBAAeA;YACZ,KAAKuB,IAAI,IAAI;YACb,iBAAiBA;YACjB,kBAAkB7B;;AAQlD"}

package/admin/components/ContentModelEditor/GridItem.d.ts

@@ -0,0 +1,11 @@
+import type { DragEventHandler } from "react";
+import React from "react";
+interface GridItemProps {
+    testId: string;
+    label: string;
+    icon: React.ReactElement;
+    onDragStart: DragEventHandler;
+    dragRef: (element: HTMLElement | null) => void;
+}
+declare const GridItem: ({ testId, label, icon, onDragStart, dragRef }: GridItemProps) => React.JSX.Element;
+export { GridItem, type GridItemProps };

package/admin/components/ContentModelEditor/GridItem.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { Icon } from "@webiny/admin-ui";
+const GridItem = ({ testId, label, icon, onDragStart, dragRef })=>/*#__PURE__*/ react.createElement("div", {
+        ref: dragRef,
+        "data-testid": testId,
+        onDragStart: onDragStart,
+        className: "flex flex-col items-center justify-center gap-[8px] size-20 bg-neutral-subtle rounded-md cursor-grab shrink-0"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: icon,
+        label: label,
+        size: "lg",
+        color: "neutral-strong"
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text-xs font-normal text-neutral-strong text-center leading-4 overflow-hidden text-ellipsis whitespace-nowrap w-full px-[8px]"
+    }, label));
+export { GridItem };
+
+//# sourceMappingURL=GridItem.js.map

package/admin/components/ContentModelEditor/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentModelEditor/GridItem.js","sources":["../../../../src/admin/components/ContentModelEditor/GridItem.tsx"],"sourcesContent":["import type { DragEventHandler } from \"react\";\nimport React from \"react\";\nimport { Icon } from \"@webiny/admin-ui\";\n\ninterface GridItemProps {\n    testId: string;\n    label: string;\n    icon: React.ReactElement;\n    onDragStart: DragEventHandler;\n    dragRef: (element: HTMLElement | null) => void;\n}\n\nconst GridItem = ({ testId, label, icon, onDragStart, dragRef }: GridItemProps) => {\n    return (\n        <div\n            ref={dragRef}\n            data-testid={testId}\n            onDragStart={onDragStart}\n            className={\n                \"flex flex-col items-center justify-center gap-[8px] size-20 bg-neutral-subtle rounded-md cursor-grab shrink-0\"\n            }\n        >\n            <Icon icon={icon} label={label} size={\"lg\"} color={\"neutral-strong\"} />\n            <span\n                className={\n                    \"text-xs font-normal text-neutral-strong text-center leading-4 overflow-hidden text-ellipsis whitespace-nowrap w-full px-[8px]\"\n                }\n            >\n                {label}\n            </span>\n        </div>\n    );\n};\n\nexport { GridItem, type GridItemProps };\n"],"names":["GridItem","testId","label","icon","onDragStart","dragRef","Icon"],"mappings":";;AAYA,MAAMA,WAAW,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAiB,GACnE,WAAP,GACI,oBAAC;QACG,KAAKA;QACL,eAAaJ;QACb,aAAaG;QACb,WACI;qBAGJ,oBAACE,MAAIA;QAAC,MAAMH;QAAM,OAAOD;QAAO,MAAM;QAAM,OAAO;sBACnD,oBAAC;QACG,WACI;OAGHA"}

package/admin/components/ContentModelEditor/Header.d.ts

@@ -1,3 +1,7 @@
 import React from "react";
-declare const EditorBar: () => React.JSX.Element;
+interface EditorBarProps {
+    activeTab: string;
+    onTabChange: (tab: string) => void;
+}
+declare const EditorBar: ({ activeTab, onTabChange }: EditorBarProps) => React.JSX.Element;
 export default EditorBar;

package/admin/components/ContentModelEditor/Header.js

@@ -1,17 +1,38 @@
-import React from "react";
-import { HeaderBar } from "@webiny/admin-ui";
+import react from "react";
+import { HeaderBar, SegmentedControlPrimitive } from "@webiny/admin-ui";
 import { renderPlugins } from "@webiny/app/plugins/index.js";
-const EditorBar = () => {
-  return /*#__PURE__*/React.createElement(HeaderBar, {
-    "data-testid": "cms-editor-top-bar",
-    start: /*#__PURE__*/React.createElement("div", {
-      className: "flex items-center justify-start gap-sm"
-    }, renderPlugins("content-model-editor-default-bar-left")),
-    end: /*#__PURE__*/React.createElement("div", {
-      className: "flex items-center justify-end gap-xs"
-    }, renderPlugins("content-model-editor-default-bar-right"))
-  });
-};
-export default EditorBar;
+import { ReactComponent } from "@webiny/icons/dashboard.svg";
+import { ReactComponent as table_chart_svg_ReactComponent } from "@webiny/icons/table_chart.svg";
+const EDITOR_TABS = [
+    {
+        id: "edit",
+        label: "Edit",
+        value: "edit",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    },
+    {
+        id: "preview",
+        label: "Preview",
+        value: "preview",
+        icon: /*#__PURE__*/ react.createElement(table_chart_svg_ReactComponent, null)
+    }
+];
+const EditorBar = ({ activeTab, onTabChange })=>/*#__PURE__*/ react.createElement(HeaderBar, {
+        "data-testid": "cms-editor-top-bar",
+        start: /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center justify-start"
+        }, renderPlugins("content-model-editor-default-bar-left")),
+        middle: /*#__PURE__*/ react.createElement(SegmentedControlPrimitive, {
+            variant: "dimmed",
+            items: EDITOR_TABS,
+            value: activeTab,
+            onChange: onTabChange
+        }),
+        end: /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center justify-end"
+        }, renderPlugins("content-model-editor-default-bar-right"))
+    });
+const Header = EditorBar;
+export default Header;
 
 //# sourceMappingURL=Header.js.map

package/admin/components/ContentModelEditor/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HeaderBar","renderPlugins","EditorBar","createElement","start","className","end"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport { renderPlugins } from \"@webiny/app/plugins/index.js\";\n\nconst EditorBar = () => {\n    return (\n        <HeaderBar\n            data-testid={\"cms-editor-top-bar\"}\n            start={\n                <div className={\"flex items-center justify-start gap-sm\"}>\n                    {renderPlugins(\"content-model-editor-default-bar-left\")}\n                </div>\n            }\n            end={\n                <div className={\"flex items-center justify-end gap-xs\"}>\n                    {renderPlugins(\"content-model-editor-default-bar-right\")}\n                </div>\n            }\n        />\n    );\n};\n\nexport default EditorBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;AAE5D,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACpB,oBACIH,KAAA,CAAAI,aAAA,CAACH,SAAS;IACN,eAAa,oBAAqB;IAClCI,KAAK,eACDL,KAAA,CAAAI,aAAA;MAAKE,SAAS,EAAE;IAAyC,GACpDJ,aAAa,CAAC,uCAAuC,CACrD,CACR;IACDK,GAAG,eACCP,KAAA,CAAAI,aAAA;MAAKE,SAAS,EAAE;IAAuC,GAClDJ,aAAa,CAAC,wCAAwC,CACtD;EACR,CACJ,CAAC;AAEV,CAAC;AAED,eAAeC,SAAS","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentModelEditor/Header.js","sources":["../../../../src/admin/components/ContentModelEditor/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderBar, SegmentedControlPrimitive } from \"@webiny/admin-ui\";\nimport { renderPlugins } from \"@webiny/app/plugins/index.js\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/dashboard.svg\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/table_chart.svg\";\n\nconst EDITOR_TABS = [\n    { id: \"edit\", label: \"Edit\", value: \"edit\", icon: <EditIcon /> },\n    { id: \"preview\", label: \"Preview\", value: \"preview\", icon: <PreviewIcon /> }\n];\n\ninterface EditorBarProps {\n    activeTab: string;\n    onTabChange: (tab: string) => void;\n}\n\nconst EditorBar = ({ activeTab, onTabChange }: EditorBarProps) => {\n    return (\n        <HeaderBar\n            data-testid={\"cms-editor-top-bar\"}\n            start={\n                <div className={\"flex items-center justify-start\"}>\n                    {renderPlugins(\"content-model-editor-default-bar-left\")}\n                </div>\n            }\n            middle={\n                <SegmentedControlPrimitive\n                    variant={\"dimmed\"}\n                    items={EDITOR_TABS}\n                    value={activeTab}\n                    onChange={onTabChange}\n                />\n            }\n            end={\n                <div className={\"flex items-center justify-end\"}>\n                    {renderPlugins(\"content-model-editor-default-bar-right\")}\n                </div>\n            }\n        />\n    );\n};\n\nexport default EditorBar;\n"],"names":["EDITOR_TABS","EditIcon","PreviewIcon","EditorBar","activeTab","onTabChange","HeaderBar","renderPlugins","SegmentedControlPrimitive"],"mappings":";;;;;AAMA,MAAMA,cAAc;IAChB;QAAE,IAAI;QAAQ,OAAO;QAAQ,OAAO;QAAQ,MAAM,WAAN,GAAM,oBAACC,gBAAQA;IAAI;IAC/D;QAAE,IAAI;QAAW,OAAO;QAAW,OAAO;QAAW,MAAM,WAAN,GAAM,oBAACC,gCAAWA;IAAI;CAC9E;AAOD,MAAMC,YAAY,CAAC,EAAEC,SAAS,EAAEC,WAAW,EAAkB,GAClD,WAAP,GACI,oBAACC,WAASA;QACN,eAAa;QACb,qBACI,oBAAC;YAAI,WAAW;WACXC,cAAc;QAGvB,sBACI,oBAACC,2BAAyBA;YACtB,SAAS;YACT,OAAOR;YACP,OAAOI;YACP,UAAUC;;QAGlB,mBACI,oBAAC;YAAI,WAAW;WACXE,cAAc;;AAOnC,eAAeJ"}

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.js

@@ -1,77 +1,57 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import * as React from "react";
-import Helmet from "react-helmet";
+import react_helmet from "react-helmet";
 import { css } from "@emotion/css";
+import styled from "@emotion/styled";
 import { Text } from "@webiny/admin-ui";
-import authErrorImg from "./SecureRouteError.svg";
+import SecureRouteError from "./SecureRouteError.js";
 import { useRouter } from "@webiny/app-admin";
 import { Routes } from "../../../../routes.js";
-const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e4og8xm0"
-} : {
-  target: "e4og8xm0",
-  label: "ContentWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "11cfxg3",
-  styles: "display:block;padding-top:15%;text-align:center;margin:auto"
-} : {
-  name: "11cfxg3",
-  styles: "display:block;padding-top:15%;text-align:center;margin:auto/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXVCIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCBhdXRoRXJyb3JJbWcgZnJvbSBcIi4vU2VjdXJlUm91dGVFcnJvci5zdmdcIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlcy9pbmRleC5qc1wiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBSb3V0ZXMgfSBmcm9tIFwifi9yb3V0ZXMuanNcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGdvVG9Sb3V0ZSB9ID0gdXNlUm91dGVyKCk7XG5cbiAgICBjb25zdCBnb0JhY2sgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIGdvVG9Sb3V0ZShSb3V0ZXMuQ29udGVudE1vZGVscy5MaXN0KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VGV4dCBzaXplPXtcIm1kXCJ9IGNsYXNzTmFtZT17c3R5bGVzLmJvZHlTdHlsZX0+XG4gICAgICAgICAgICAgICAgTW9kZWwgPHN0cm9uZz57cHJvcHMubW9kZWwubmFtZX08L3N0cm9uZz4gaXMgYmVpbmcgZGVsZXRlZCBhbmQgY2Fubm90IGJlIGFjY2Vzc2VkIG9yXG4gICAgICAgICAgICAgICAgY2hhbmdlZC5cbiAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgIDxhIG9uQ2xpY2s9e2dvQmFja30gY2xhc3NOYW1lPXtzdHlsZXMubGlua1N0eWxlfT5cbiAgICAgICAgICAgICAgICBHbyBiYWNrXG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import * as __rspack_external_react from "react";
+const ContentWrapper = styled("div")({
+    display: "block",
+    paddingTop: "15%",
+    textAlign: "center",
+    margin: "auto"
 });
 const styles = {
-  authErrorImgStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-    name: "kayry4",
-    styles: "width:192px;padding-bottom:24px"
-  } : {
-    name: "9tugsr-authErrorImgStyle",
-    styles: "width:192px;padding-bottom:24px;label:authErrorImgStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J1QiIsImZpbGUiOiJNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgSGVsbWV0IGZyb20gXCJyZWFjdC1oZWxtZXRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCJAd2ViaW55L2FkbWluLXVpXCI7XG5pbXBvcnQgYXV0aEVycm9ySW1nIGZyb20gXCIuL1NlY3VyZVJvdXRlRXJyb3Iuc3ZnXCI7XG5pbXBvcnQgdHlwZSB7IENtc01vZGVsIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWhlYWRsZXNzLWNtcy1jb21tb24vdHlwZXMvaW5kZXguanNcIjtcbmltcG9ydCB7IHVzZVJvdXRlciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgUm91dGVzIH0gZnJvbSBcIn4vcm91dGVzLmpzXCI7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgcGFkZGluZ1RvcDogXCIxNSVcIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luOiBcImF1dG9cIlxufSk7XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBhdXRoRXJyb3JJbWdTdHlsZTogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiMTkycHhcIixcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogXCIyNHB4XCJcbiAgICB9KSxcbiAgICBib2R5U3R5bGU6IGNzcyh7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXByaW1hcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBcIiBzdHJvbmdcIjoge1xuICAgICAgICAgICAgZm9udFdlaWdodDogXCJib2xkXCJcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGxpbmtTdHlsZTogY3NzKHtcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCJcbiAgICAgICAgfVxuICAgIH0pXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlUHJvcHMge1xuICAgIGNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEltYWdlID0gKHsgY2xhc3NOYW1lID0gc3R5bGVzLmF1dGhFcnJvckltZ1N0eWxlLCBhbHQgPSBcIk5vdCBBdXRob3JpemVkXCIgfTogSW1hZ2VQcm9wcykgPT4ge1xuICAgIHJldHVybiA8aW1nIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBzcmM9e2F1dGhFcnJvckltZ30gYWx0PXthbHR9IC8+O1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBJTW9kZWxJc0JlaW5nRGVsZXRlZFByb3BzIHtcbiAgICBtb2RlbDogUGljazxDbXNNb2RlbCwgXCJuYW1lXCI+O1xufVxuXG5leHBvcnQgY29uc3QgTW9kZWxJc0JlaW5nRGVsZXRlZEVycm9yID0gKHByb3BzOiBJTW9kZWxJc0JlaW5nRGVsZXRlZFByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBnb1RvUm91dGUgfSA9IHVzZVJvdXRlcigpO1xuXG4gICAgY29uc3QgZ29CYWNrID0gKCk6IHZvaWQgPT4ge1xuICAgICAgICBnb1RvUm91dGUoUm91dGVzLkNvbnRlbnRNb2RlbHMuTGlzdCk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAgICAgIDxIZWxtZXQgdGl0bGU9e1wiQ2Fubm90IGFjY2VzcyB0aGUgbW9kZWwhXCJ9IC8+XG4gICAgICAgICAgICA8SW1hZ2UgLz5cblxuICAgICAgICAgICAgPFRleHQgc2l6ZT17XCJtZFwifSBjbGFzc05hbWU9e3N0eWxlcy5ib2R5U3R5bGV9PlxuICAgICAgICAgICAgICAgIE1vZGVsIDxzdHJvbmc+e3Byb3BzLm1vZGVsLm5hbWV9PC9zdHJvbmc+IGlzIGJlaW5nIGRlbGV0ZWQgYW5kIGNhbm5vdCBiZSBhY2Nlc3NlZCBvclxuICAgICAgICAgICAgICAgIGNoYW5nZWQuXG4gICAgICAgICAgICA8L1RleHQ+XG5cbiAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgIDxiciAvPlxuICAgICAgICAgICAgPC9wPlxuXG4gICAgICAgICAgICA8YSBvbkNsaWNrPXtnb0JhY2t9IGNsYXNzTmFtZT17c3R5bGVzLmxpbmtTdHlsZX0+XG4gICAgICAgICAgICAgICAgR28gYmFja1xuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICk7XG59O1xuIl19 */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }),
-  bodyStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-    name: "cz0plx",
-    styles: "color:var(--mdc-theme-text-primary-on-background);display:block; strong{font-weight:bold;}"
-  } : {
-    name: "1cycbp0-bodyStyle",
-    styles: "color:var(--mdc-theme-text-primary-on-background);display:block; strong{font-weight:bold;};label:bodyStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JlIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCBhdXRoRXJyb3JJbWcgZnJvbSBcIi4vU2VjdXJlUm91dGVFcnJvci5zdmdcIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlcy9pbmRleC5qc1wiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBSb3V0ZXMgfSBmcm9tIFwifi9yb3V0ZXMuanNcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGdvVG9Sb3V0ZSB9ID0gdXNlUm91dGVyKCk7XG5cbiAgICBjb25zdCBnb0JhY2sgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIGdvVG9Sb3V0ZShSb3V0ZXMuQ29udGVudE1vZGVscy5MaXN0KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VGV4dCBzaXplPXtcIm1kXCJ9IGNsYXNzTmFtZT17c3R5bGVzLmJvZHlTdHlsZX0+XG4gICAgICAgICAgICAgICAgTW9kZWwgPHN0cm9uZz57cHJvcHMubW9kZWwubmFtZX08L3N0cm9uZz4gaXMgYmVpbmcgZGVsZXRlZCBhbmQgY2Fubm90IGJlIGFjY2Vzc2VkIG9yXG4gICAgICAgICAgICAgICAgY2hhbmdlZC5cbiAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgIDxhIG9uQ2xpY2s9e2dvQmFja30gY2xhc3NOYW1lPXtzdHlsZXMubGlua1N0eWxlfT5cbiAgICAgICAgICAgICAgICBHbyBiYWNrXG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }),
-  linkStyle: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-    name: "1gayxz4",
-    styles: "cursor:pointer;text-decoration:none;&:hover{text-decoration:underline;}"
-  } : {
-    name: "jgs9nl-linkStyle",
-    styles: "cursor:pointer;text-decoration:none;&:hover{text-decoration:underline;};label:linkStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJlIiwiZmlsZSI6Ik1vZGVsSXNCZWluZ0RlbGV0ZWRFcnJvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBIZWxtZXQgZnJvbSBcInJlYWN0LWhlbG1ldFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkB3ZWJpbnkvYWRtaW4tdWlcIjtcbmltcG9ydCBhdXRoRXJyb3JJbWcgZnJvbSBcIi4vU2VjdXJlUm91dGVFcnJvci5zdmdcIjtcbmltcG9ydCB0eXBlIHsgQ21zTW9kZWwgfSBmcm9tIFwiQHdlYmlueS9hcHAtaGVhZGxlc3MtY21zLWNvbW1vbi90eXBlcy9pbmRleC5qc1wiO1xuaW1wb3J0IHsgdXNlUm91dGVyIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBSb3V0ZXMgfSBmcm9tIFwifi9yb3V0ZXMuanNcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICBwYWRkaW5nVG9wOiBcIjE1JVwiLFxuICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICBtYXJnaW46IFwiYXV0b1wiXG59KTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIGF1dGhFcnJvckltZ1N0eWxlOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCIxOTJweFwiLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiBcIjI0cHhcIlxuICAgIH0pLFxuICAgIGJvZHlTdHlsZTogY3NzKHtcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtcHJpbWFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgIFwiIHN0cm9uZ1wiOiB7XG4gICAgICAgICAgICBmb250V2VpZ2h0OiBcImJvbGRcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgbGlua1N0eWxlOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICB0ZXh0RGVjb3JhdGlvbjogXCJ1bmRlcmxpbmVcIlxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VQcm9wcyB7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoeyBjbGFzc05hbWUgPSBzdHlsZXMuYXV0aEVycm9ySW1nU3R5bGUsIGFsdCA9IFwiTm90IEF1dGhvcml6ZWRcIiB9OiBJbWFnZVByb3BzKSA9PiB7XG4gICAgcmV0dXJuIDxpbWcgY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNyYz17YXV0aEVycm9ySW1nfSBhbHQ9e2FsdH0gLz47XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMge1xuICAgIG1vZGVsOiBQaWNrPENtc01vZGVsLCBcIm5hbWVcIj47XG59XG5cbmV4cG9ydCBjb25zdCBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgPSAocHJvcHM6IElNb2RlbElzQmVpbmdEZWxldGVkUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGdvVG9Sb3V0ZSB9ID0gdXNlUm91dGVyKCk7XG5cbiAgICBjb25zdCBnb0JhY2sgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIGdvVG9Sb3V0ZShSb3V0ZXMuQ29udGVudE1vZGVscy5MaXN0KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPEhlbG1ldCB0aXRsZT17XCJDYW5ub3QgYWNjZXNzIHRoZSBtb2RlbCFcIn0gLz5cbiAgICAgICAgICAgIDxJbWFnZSAvPlxuXG4gICAgICAgICAgICA8VGV4dCBzaXplPXtcIm1kXCJ9IGNsYXNzTmFtZT17c3R5bGVzLmJvZHlTdHlsZX0+XG4gICAgICAgICAgICAgICAgTW9kZWwgPHN0cm9uZz57cHJvcHMubW9kZWwubmFtZX08L3N0cm9uZz4gaXMgYmVpbmcgZGVsZXRlZCBhbmQgY2Fubm90IGJlIGFjY2Vzc2VkIG9yXG4gICAgICAgICAgICAgICAgY2hhbmdlZC5cbiAgICAgICAgICAgIDwvVGV4dD5cblxuICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICA8L3A+XG5cbiAgICAgICAgICAgIDxhIG9uQ2xpY2s9e2dvQmFja30gY2xhc3NOYW1lPXtzdHlsZXMubGlua1N0eWxlfT5cbiAgICAgICAgICAgICAgICBHbyBiYWNrXG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgKTtcbn07XG4iXX0= */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  })
+    authErrorImgStyle: css({
+        width: "192px",
+        paddingBottom: "24px"
+    }),
+    bodyStyle: css({
+        color: "var(--mdc-theme-text-primary-on-background)",
+        display: "block",
+        " strong": {
+            fontWeight: "bold"
+        }
+    }),
+    linkStyle: css({
+        cursor: "pointer",
+        textDecoration: "none",
+        "&:hover": {
+            textDecoration: "underline"
+        }
+    })
 };
-const Image = ({
-  className = styles.authErrorImgStyle,
-  alt = "Not Authorized"
-}) => {
-  return /*#__PURE__*/React.createElement("img", {
-    className: className,
-    src: authErrorImg,
-    alt: alt
-  });
-};
-export const ModelIsBeingDeletedError = props => {
-  const {
-    goToRoute
-  } = useRouter();
-  const goBack = () => {
-    goToRoute(Routes.ContentModels.List);
-  };
-  return /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(Helmet, {
-    title: "Cannot access the model!"
-  }), /*#__PURE__*/React.createElement(Image, null), /*#__PURE__*/React.createElement(Text, {
-    size: "md",
-    className: styles.bodyStyle
-  }, "Model ", /*#__PURE__*/React.createElement("strong", null, props.model.name), " is being deleted and cannot be accessed or changed."), /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("br", null)), /*#__PURE__*/React.createElement("a", {
-    onClick: goBack,
-    className: styles.linkStyle
-  }, "Go back"));
+const Image = ({ className = styles.authErrorImgStyle, alt = "Not Authorized" })=>/*#__PURE__*/ __rspack_external_react.createElement("img", {
+        className: className,
+        src: SecureRouteError,
+        alt: alt
+    });
+const ModelIsBeingDeletedError = (props)=>{
+    const { goToRoute } = useRouter();
+    const goBack = ()=>{
+        goToRoute(Routes.ContentModels.List);
+    };
+    return /*#__PURE__*/ __rspack_external_react.createElement(ContentWrapper, null, /*#__PURE__*/ __rspack_external_react.createElement(react_helmet, {
+        title: "Cannot access the model!"
+    }), /*#__PURE__*/ __rspack_external_react.createElement(Image, null), /*#__PURE__*/ __rspack_external_react.createElement(Text, {
+        size: "md",
+        className: styles.bodyStyle
+    }, "Model ", /*#__PURE__*/ __rspack_external_react.createElement("strong", null, props.model.name), " is being deleted and cannot be accessed or changed."), /*#__PURE__*/ __rspack_external_react.createElement("p", null, /*#__PURE__*/ __rspack_external_react.createElement("br", null)), /*#__PURE__*/ __rspack_external_react.createElement("a", {
+        onClick: goBack,
+        className: styles.linkStyle
+    }, "Go back"));
 };
+export { ModelIsBeingDeletedError };
 
 //# sourceMappingURL=ModelIsBeingDeletedError.js.map

package/admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Helmet","css","Text","authErrorImg","useRouter","Routes","ContentWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","authErrorImgStyle","bodyStyle","linkStyle","Image","className","alt","createElement","src","ModelIsBeingDeletedError","props","goToRoute","goBack","ContentModels","List","title","size","model","onClick"],"sources":["ModelIsBeingDeletedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Helmet from \"react-helmet\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\",\n        \" strong\": {\n            fontWeight: \"bold\"\n        }\n    }),\n    linkStyle: css({\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"underline\"\n        }\n    })\n};\n\nexport interface ImageProps {\n    className?: string;\n    alt?: string;\n}\n\nconst Image = ({ className = styles.authErrorImgStyle, alt = \"Not Authorized\" }: ImageProps) => {\n    return <img className={className} src={authErrorImg} alt={alt} />;\n};\n\nexport interface IModelIsBeingDeletedProps {\n    model: Pick<CmsModel, \"name\">;\n}\n\nexport const ModelIsBeingDeletedError = (props: IModelIsBeingDeletedProps) => {\n    const { goToRoute } = useRouter();\n\n    const goBack = (): void => {\n        goToRoute(Routes.ContentModels.List);\n    };\n\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Cannot access the model!\"} />\n            <Image />\n\n            <Text size={\"md\"} className={styles.bodyStyle}>\n                Model <strong>{props.model.name}</strong> is being deleted and cannot be accessed or\n                changed.\n            </Text>\n\n            <p>\n                <br />\n            </p>\n\n            <a onClick={goBack} className={styles.linkStyle}>\n                Go back\n            </a>\n        </ContentWrapper>\n    );\n};\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,GAAG,QAAQ,cAAc;AAElC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,YAAY;AAEnB,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,MAAM;AAEf,MAAMC,cAAc,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAKnC,CAAC;AAEF,MAAMF,MAAM,GAAG;EACXG,iBAAiB,eAAEhB,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAGrB,CAAC;EACFE,SAAS,eAAEjB,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAMb,CAAC;EACFG,SAAS,eAAElB,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAMb;AACL,CAAC;AAOD,MAAMI,KAAK,GAAGA,CAAC;EAAEC,SAAS,GAAGP,MAAM,CAACG,iBAAiB;EAAEK,GAAG,GAAG;AAA6B,CAAC,KAAK;EAC5F,oBAAOvB,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAEA,SAAU;IAACG,GAAG,EAAErB,YAAa;IAACmB,GAAG,EAAEA;EAAI,CAAE,CAAC;AACrE,CAAC;AAMD,OAAO,MAAMG,wBAAwB,GAAIC,KAAgC,IAAK;EAC1E,MAAM;IAAEC;EAAU,CAAC,GAAGvB,SAAS,CAAC,CAAC;EAEjC,MAAMwB,MAAM,GAAGA,CAAA,KAAY;IACvBD,SAAS,CAACtB,MAAM,CAACwB,aAAa,CAACC,IAAI,CAAC;EACxC,CAAC;EAED,oBACI/B,KAAA,CAAAwB,aAAA,CAACjB,cAAc,qBACXP,KAAA,CAAAwB,aAAA,CAACvB,MAAM;IAAC+B,KAAK,EAAE;EAA2B,CAAE,CAAC,eAC7ChC,KAAA,CAAAwB,aAAA,CAACH,KAAK,MAAE,CAAC,eAETrB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAAC8B,IAAI,EAAE,IAAK;IAACX,SAAS,EAAEP,MAAM,CAACI;EAAU,GAAC,QACrC,eAAAnB,KAAA,CAAAwB,aAAA,iBAASG,KAAK,CAACO,KAAK,CAACpB,IAAa,CAAC,wDAEvC,CAAC,eAEPd,KAAA,CAAAwB,aAAA,yBACIxB,KAAA,CAAAwB,aAAA,WAAK,CACN,CAAC,eAEJxB,KAAA,CAAAwB,aAAA;IAAGW,OAAO,EAAEN,MAAO;IAACP,SAAS,EAAEP,MAAM,CAACK;EAAU,GAAC,SAE9C,CACS,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.js","sources":["../../../../../src/admin/components/ContentModelEditor/ModelIsBeingDeletedError/ModelIsBeingDeletedError.tsx"],"sourcesContent":["import * as React from \"react\";\nimport Helmet from \"react-helmet\";\nimport { css } from \"@emotion/css\";\nimport styled from \"@emotion/styled\";\nimport { Text } from \"@webiny/admin-ui\";\nimport authErrorImg from \"./SecureRouteError.svg\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst ContentWrapper = styled(\"div\")({\n    display: \"block\",\n    paddingTop: \"15%\",\n    textAlign: \"center\",\n    margin: \"auto\"\n});\n\nconst styles = {\n    authErrorImgStyle: css({\n        width: \"192px\",\n        paddingBottom: \"24px\"\n    }),\n    bodyStyle: css({\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        display: \"block\",\n        \" strong\": {\n            fontWeight: \"bold\"\n        }\n    }),\n    linkStyle: css({\n        cursor: \"pointer\",\n        textDecoration: \"none\",\n        \"&:hover\": {\n            textDecoration: \"underline\"\n        }\n    })\n};\n\nexport interface ImageProps {\n    className?: string;\n    alt?: string;\n}\n\nconst Image = ({ className = styles.authErrorImgStyle, alt = \"Not Authorized\" }: ImageProps) => {\n    return <img className={className} src={authErrorImg} alt={alt} />;\n};\n\nexport interface IModelIsBeingDeletedProps {\n    model: Pick<CmsModel, \"name\">;\n}\n\nexport const ModelIsBeingDeletedError = (props: IModelIsBeingDeletedProps) => {\n    const { goToRoute } = useRouter();\n\n    const goBack = (): void => {\n        goToRoute(Routes.ContentModels.List);\n    };\n\n    return (\n        <ContentWrapper>\n            <Helmet title={\"Cannot access the model!\"} />\n            <Image />\n\n            <Text size={\"md\"} className={styles.bodyStyle}>\n                Model <strong>{props.model.name}</strong> is being deleted and cannot be accessed or\n                changed.\n            </Text>\n\n            <p>\n                <br />\n            </p>\n\n            <a onClick={goBack} className={styles.linkStyle}>\n                Go back\n            </a>\n        </ContentWrapper>\n    );\n};\n"],"names":["ContentWrapper","styled","styles","css","Image","className","alt","authErrorImg","ModelIsBeingDeletedError","props","goToRoute","useRouter","goBack","Routes","Helmet","Text"],"mappings":";;;;;;;;AAUA,MAAMA,iBAAiBC,OAAO,OAAO;IACjC,SAAS;IACT,YAAY;IACZ,WAAW;IACX,QAAQ;AACZ;AAEA,MAAMC,SAAS;IACX,mBAAmBC,IAAI;QACnB,OAAO;QACP,eAAe;IACnB;IACA,WAAWA,IAAI;QACX,OAAO;QACP,SAAS;QACT,WAAW;YACP,YAAY;QAChB;IACJ;IACA,WAAWA,IAAI;QACX,QAAQ;QACR,gBAAgB;QAChB,WAAW;YACP,gBAAgB;QACpB;IACJ;AACJ;AAOA,MAAMC,QAAQ,CAAC,EAAEC,YAAYH,OAAO,iBAAiB,EAAEI,MAAM,gBAAgB,EAAc,GAChF,WAAP,GAAO,sCAAC;QAAI,WAAWD;QAAW,KAAKE;QAAc,KAAKD;;AAOvD,MAAME,2BAA2B,CAACC;IACrC,MAAM,EAAEC,SAAS,EAAE,GAAGC;IAEtB,MAAMC,SAAS;QACXF,UAAUG,OAAO,aAAa,CAAC,IAAI;IACvC;IAEA,OAAO,WAAP,GACI,sCAACb,gBAAcA,MAAAA,WAAAA,GACX,sCAACc,cAAMA;QAAC,OAAO;sBACf,sCAACV,OAAKA,OAAAA,WAAAA,GAEN,sCAACW,MAAIA;QAAC,MAAM;QAAM,WAAWb,OAAO,SAAS;OAAE,wBACrC,sCAAC,gBAAQO,MAAM,KAAK,CAAC,IAAI,GAAU,uEAI7C,sCAAC,yBACG,sCAAC,4BAGL,sCAAC;QAAE,SAASG;QAAQ,WAAWV,OAAO,SAAS;OAAE;AAK7D"}