@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

package/admin/components/ContentEntries/Table/index.js

@@ -0,0 +1,235 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _more_vert = require("@material-design-icons/svg/filled/more_vert.svg");
+var _appAco = require("@webiny/app-aco");
+var _Button = require("@webiny/ui/Button");
+var _DataTable = require("@webiny/ui/DataTable");
+var _Menu = require("@webiny/ui/Menu");
+var _timeagoReact = _interopRequireDefault(require("timeago-react"));
+var _Name = require("./Row/Name");
+var _FolderActionDelete = require("./Row/Folder/FolderActionDelete");
+var _FolderActionEdit = require("./Row/Folder/FolderActionEdit");
+var _RecordActionDelete = require("./Row/Record/RecordActionDelete");
+var _RecordActionEdit = require("./Row/Record/RecordActionEdit");
+var _RecordActionMove = require("./Row/Record/RecordActionMove");
+var _RecordActionPublish = require("./Row/Record/RecordActionPublish");
+var _DialogMove = require("@webiny/app-aco/components/Dialogs/DialogMove");
+var _styled = require("./styled");
+var _utils = require("@webiny/utils");
+var _reactRouter = require("@webiny/react-router");
+var _hooks = require("../../../hooks");
+var _statusLabels = require("../../../constants/statusLabels");
+/**
+ * Package timeago-react does not have types.
+ */
+// @ts-ignore
+
+var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
+    currentFolderId = _useNavigateFolder.currentFolderId;
+  var folders = props.folders,
+    records = props.records,
+    loading = props.loading,
+    sorting = props.sorting,
+    onSortingChange = props.onSortingChange;
+  var _useModel = (0, _hooks.useModel)(),
+    model = _useModel.model;
+  var _useRouter = (0, _reactRouter.useRouter)(),
+    history = _useRouter.history;
+  var _usePermission = (0, _hooks.usePermission)(),
+    baseCanEdit = _usePermission.canEdit;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectedFolder = _useState2[0],
+    setSelectedFolder = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    updateDialogOpen = _useState4[0],
+    setUpdateDialogOpen = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    deleteDialogOpen = _useState6[0],
+    setDeleteDialogOpen = _useState6[1];
+  var _useState7 = (0, _react.useState)(),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    selectedSearchRecord = _useState8[0],
+    setSelectedSearchRecord = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    moveSearchRecordDialogOpen = _useState10[0],
+    setMoveSearchRecordDialogOpen = _useState10[1];
+  var data = (0, _react.useMemo)(function () {
+    return folders.concat(records);
+  }, [folders, records]);
+  var canEdit = (0, _react.useCallback)(function (entry) {
+    return baseCanEdit(entry, "cms.contentEntry");
+  }, [baseCanEdit]);
+  var createEditEntry = (0, _react.useCallback)(function (entry) {
+    if (!canEdit(entry)) {
+      return undefined;
+    }
+    return function () {
+      var folderPath = currentFolderId ? "&folderId=".concat(encodeURIComponent(currentFolderId)) : "";
+      history.push("/cms/content-entries/".concat(model.modelId, "?id=").concat(encodeURIComponent(entry.id)).concat(folderPath));
+    };
+  }, [canEdit, model.modelId, currentFolderId]);
+  var columns = {
+    title: {
+      header: "Name",
+      className: "cms-aco-list-title",
+      cell: function cell(record) {
+        var type = record.type;
+        if (type === "RECORD") {
+          return /*#__PURE__*/_react.default.createElement(_Name.EntryName, {
+            record: record,
+            onClick: createEditEntry(record.original)
+          });
+        } else {
+          return /*#__PURE__*/_react.default.createElement(_Name.FolderName, {
+            record: record
+          });
+        }
+      },
+      enableSorting: true
+    },
+    savedOn: {
+      header: "Last modified",
+      className: "cms-aco-list-savedOn",
+      cell: function cell(_ref) {
+        var savedOn = _ref.savedOn;
+        return /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
+          datetime: savedOn
+        });
+      },
+      enableSorting: true
+    },
+    createdBy: {
+      header: "Author",
+      className: "cms-aco-list-createdBy"
+    },
+    status: {
+      header: "Status",
+      className: "cms-aco-list-status",
+      cell: function cell(_ref2) {
+        var status = _ref2.status,
+          version = _ref2.version;
+        if (status && version) {
+          return "".concat(_statusLabels.statuses[status], " (v").concat(version, ")");
+        } else {
+          return "-";
+        }
+      }
+    },
+    original: {
+      header: "",
+      meta: {
+        alignEnd: true
+      },
+      cell: function cell(record) {
+        var type = record.type,
+          original = record.original;
+        if (!original) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        }
+        if (type === "RECORD") {
+          return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+            className: "".concat(_styled.menuStyles, " record-menu"),
+            handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+              icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
+            })
+          }, /*#__PURE__*/_react.default.createElement(_RecordActionEdit.RecordActionEdit, {
+            record: record,
+            onClick: createEditEntry(record.original),
+            canEdit: canEdit
+          }), /*#__PURE__*/_react.default.createElement(_RecordActionPublish.RecordActionPublish, {
+            record: record
+          }), /*#__PURE__*/_react.default.createElement(_RecordActionMove.RecordActionMove, {
+            onClick: function onClick() {
+              setMoveSearchRecordDialogOpen(true);
+              setSelectedSearchRecord(function () {
+                var _parseIdentifier = (0, _utils.parseIdentifier)(record.id),
+                  entryId = _parseIdentifier.id;
+                var exists = records.some(function (item) {
+                  return item.original.entryId === entryId;
+                });
+                if (!exists) {
+                  return null;
+                }
+                return {
+                  id: record.id,
+                  location: {
+                    folderId: currentFolderId
+                  }
+                };
+              });
+            }
+          }), /*#__PURE__*/_react.default.createElement(_RecordActionDelete.RecordActionDelete, {
+            record: record
+          }));
+        }
+        return /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
+          handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+            icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
+          })
+        }, /*#__PURE__*/_react.default.createElement(_FolderActionEdit.FolderActionEdit, {
+          onClick: function onClick() {
+            setUpdateDialogOpen(true);
+            setSelectedFolder(original);
+          }
+        }), /*#__PURE__*/_react.default.createElement(_FolderActionDelete.FolderActionDelete, {
+          onClick: function onClick() {
+            setDeleteDialogOpen(true);
+            setSelectedFolder(original);
+          }
+        }));
+      }
+    }
+  };
+  var tableSorting = (0, _react.useMemo)(function () {
+    if (!Array.isArray(sorting) || sorting.length === 0) {
+      return [{
+        id: "savedOn",
+        desc: true
+      }];
+    }
+    return sorting;
+  }, [sorting]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
+    columns: columns,
+    data: data,
+    loadingInitial: loading,
+    stickyRows: 1,
+    sorting: tableSorting,
+    onSortingChange: onSortingChange
+  }), selectedFolder && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAco.FolderDialogUpdate, {
+    folder: selectedFolder,
+    open: updateDialogOpen,
+    onClose: function onClose() {
+      return setUpdateDialogOpen(false);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_appAco.FolderDialogDelete, {
+    folder: selectedFolder,
+    open: deleteDialogOpen,
+    onClose: function onClose() {
+      return setDeleteDialogOpen(false);
+    }
+  })), selectedSearchRecord && /*#__PURE__*/_react.default.createElement(_DialogMove.EntryDialogMove, {
+    searchRecord: selectedSearchRecord,
+    open: moveSearchRecordDialogOpen,
+    onClose: function onClose() {
+      return setMoveSearchRecordDialogOpen(false);
+    }
+  }));
+});
+exports.Table = Table;
+Table.displayName = "Table";

package/admin/components/ContentEntries/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_more_vert","_appAco","_Button","_DataTable","_Menu","_timeagoReact","_interopRequireDefault","_Name","_FolderActionDelete","_FolderActionEdit","_RecordActionDelete","_RecordActionEdit","_RecordActionMove","_RecordActionPublish","_DialogMove","_styled","_utils","_reactRouter","_hooks","_statusLabels","Table","forwardRef","props","ref","_useNavigateFolder","useNavigateFolder","currentFolderId","folders","records","loading","sorting","onSortingChange","_useModel","useModel","model","_useRouter","useRouter","history","_usePermission","usePermission","baseCanEdit","canEdit","_useState","useState","_useState2","_slicedToArray2","default","selectedFolder","setSelectedFolder","_useState3","_useState4","updateDialogOpen","setUpdateDialogOpen","_useState5","_useState6","deleteDialogOpen","setDeleteDialogOpen","_useState7","_useState8","selectedSearchRecord","setSelectedSearchRecord","_useState9","_useState10","moveSearchRecordDialogOpen","setMoveSearchRecordDialogOpen","data","useMemo","concat","useCallback","entry","createEditEntry","undefined","folderPath","encodeURIComponent","push","modelId","id","columns","title","header","className","cell","record","type","createElement","EntryName","onClick","original","FolderName","enableSorting","savedOn","_ref","datetime","createdBy","status","_ref2","version","statusLabels","meta","alignEnd","Fragment","Menu","menuStyles","handle","IconButton","icon","ReactComponent","RecordActionEdit","RecordActionPublish","RecordActionMove","_parseIdentifier","parseIdentifier","entryId","exists","some","item","location","folderId","RecordActionDelete","FolderActionEdit","FolderActionDelete","tableSorting","Array","isArray","length","desc","DataTable","loadingInitial","stickyRows","FolderDialogUpdate","folder","open","onClose","FolderDialogDelete","EntryDialogMove","searchRecord","exports","displayName"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport { ReactComponent as More } from \"@material-design-icons/svg/filled/more_vert.svg\";\nimport { FolderDialogDelete, FolderDialogUpdate, useNavigateFolder } from \"@webiny/app-aco\";\nimport { FolderItem, MovableSearchRecordItem } from \"@webiny/app-aco/types\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Columns, DataTable, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { Menu } from \"@webiny/ui/Menu\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport { EntryName, FolderName } from \"./Row/Name\";\nimport { FolderActionDelete } from \"./Row/Folder/FolderActionDelete\";\nimport { FolderActionEdit } from \"./Row/Folder/FolderActionEdit\";\nimport { RecordActionDelete } from \"./Row/Record/RecordActionDelete\";\nimport { RecordActionEdit } from \"./Row/Record/RecordActionEdit\";\nimport { RecordActionMove } from \"./Row/Record/RecordActionMove\";\nimport { RecordActionPublish } from \"./Row/Record/RecordActionPublish\";\nimport { EntryDialogMove } from \"@webiny/app-aco/components/Dialogs/DialogMove\";\nimport { menuStyles } from \"./styled\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entry, FolderEntry, RecordEntry } from \"./types\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useModel, usePermission } from \"~/admin/hooks\";\nimport { CreatableItem } from \"~/admin/hooks/usePermission\";\nimport { statuses as statusLabels } from \"~/admin/constants/statusLabels\";\n\ninterface Props {\n    records: RecordEntry[];\n    folders: FolderEntry[];\n    loading?: boolean;\n    sorting: Sorting;\n    onSortingChange: OnSortingChange;\n}\n\nexport const Table = forwardRef<HTMLDivElement, Props>((props, ref) => {\n    const { currentFolderId } = useNavigateFolder();\n    const { folders, records, loading, sorting, onSortingChange } = props;\n    const { model } = useModel();\n\n    const { history } = useRouter();\n    const { canEdit: baseCanEdit } = usePermission();\n\n    const [selectedFolder, setSelectedFolder] = useState<FolderItem>();\n    const [updateDialogOpen, setUpdateDialogOpen] = useState<boolean>(false);\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);\n\n    const [selectedSearchRecord, setSelectedSearchRecord] =\n        useState<MovableSearchRecordItem | null>();\n    const [moveSearchRecordDialogOpen, setMoveSearchRecordDialogOpen] = useState<boolean>(false);\n\n    const data = useMemo<Entry[]>(() => {\n        return (folders as Entry[]).concat(records as Entry[]);\n    }, [folders, records]);\n\n    const canEdit = useCallback(\n        (entry: CreatableItem) => {\n            return baseCanEdit(entry, \"cms.contentEntry\");\n        },\n        [baseCanEdit]\n    );\n    const createEditEntry = useCallback(\n        (entry: CreatableItem & Pick<Entry, \"id\">) => {\n            if (!canEdit(entry)) {\n                return undefined;\n            }\n            return () => {\n                const folderPath = currentFolderId\n                    ? `&folderId=${encodeURIComponent(currentFolderId)}`\n                    : \"\";\n                history.push(\n                    `/cms/content-entries/${model.modelId}?id=${encodeURIComponent(\n                        entry.id\n                    )}${folderPath}`\n                );\n            };\n        },\n        [canEdit, model.modelId, currentFolderId]\n    );\n\n    const columns: Columns<Entry> = {\n        title: {\n            header: \"Name\",\n            className: \"cms-aco-list-title\",\n            cell: (record: Entry) => {\n                const { type } = record;\n                if (type === \"RECORD\") {\n                    return <EntryName record={record} onClick={createEditEntry(record.original)} />;\n                } else {\n                    return <FolderName record={record} />;\n                }\n            },\n            enableSorting: true\n        },\n        savedOn: {\n            header: \"Last modified\",\n            className: \"cms-aco-list-savedOn\",\n            cell: ({ savedOn }: Entry) => <TimeAgo datetime={savedOn} />,\n            enableSorting: true\n        },\n        createdBy: {\n            header: \"Author\",\n            className: \"cms-aco-list-createdBy\"\n        },\n        status: {\n            header: \"Status\",\n            className: \"cms-aco-list-status\",\n            cell: ({ status, version }: Entry) => {\n                if (status && version) {\n                    return `${statusLabels[status as keyof typeof statusLabels]} (v${version})`;\n                } else {\n                    return \"-\";\n                }\n            }\n        },\n        original: {\n            header: \"\",\n            meta: {\n                alignEnd: true\n            },\n            cell: (record: Entry) => {\n                const { type, original } = record;\n                if (!original) {\n                    return <></>;\n                }\n\n                if (type === \"RECORD\") {\n                    return (\n                        <Menu\n                            className={`${menuStyles} record-menu`}\n                            handle={<IconButton icon={<More />} />}\n                        >\n                            <RecordActionEdit\n                                record={record}\n                                onClick={createEditEntry(record.original)}\n                                canEdit={canEdit}\n                            />\n                            <RecordActionPublish record={record} />\n                            <RecordActionMove\n                                onClick={() => {\n                                    setMoveSearchRecordDialogOpen(true);\n                                    setSelectedSearchRecord(() => {\n                                        const { id: entryId } = parseIdentifier(record.id);\n                                        const exists = records.some(\n                                            item => item.original.entryId === entryId\n                                        );\n                                        if (!exists) {\n                                            return null;\n                                        }\n                                        return {\n                                            id: record.id,\n                                            location: {\n                                                folderId: currentFolderId as string\n                                            }\n                                        };\n                                    });\n                                }}\n                            />\n                            <RecordActionDelete record={record} />\n                        </Menu>\n                    );\n                }\n                return (\n                    <Menu handle={<IconButton icon={<More />} />}>\n                        <FolderActionEdit\n                            onClick={() => {\n                                setUpdateDialogOpen(true);\n                                setSelectedFolder(original);\n                            }}\n                        />\n                        <FolderActionDelete\n                            onClick={() => {\n                                setDeleteDialogOpen(true);\n                                setSelectedFolder(original);\n                            }}\n                        />\n                    </Menu>\n                );\n            }\n        }\n    };\n\n    const tableSorting = useMemo(() => {\n        if (!Array.isArray(sorting) || sorting.length === 0) {\n            return [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ];\n        }\n        return sorting;\n    }, [sorting]);\n    return (\n        <div ref={ref}>\n            <DataTable<Entry>\n                columns={columns}\n                data={data}\n                loadingInitial={loading}\n                stickyRows={1}\n                sorting={tableSorting}\n                onSortingChange={onSortingChange}\n            />\n            {selectedFolder && (\n                <>\n                    <FolderDialogUpdate\n                        folder={selectedFolder}\n                        open={updateDialogOpen}\n                        onClose={() => setUpdateDialogOpen(false)}\n                    />\n                    <FolderDialogDelete\n                        folder={selectedFolder}\n                        open={deleteDialogOpen}\n                        onClose={() => setDeleteDialogOpen(false)}\n                    />\n                </>\n            )}\n            {selectedSearchRecord && (\n                <EntryDialogMove\n                    searchRecord={selectedSearchRecord}\n                    open={moveSearchRecordDialogOpen}\n                    onClose={() => setMoveSearchRecordDialogOpen(false)}\n                />\n            )}\n        </div>\n    );\n});\n\nTable.displayName = \"Table\";\n"],"mappings":"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"}

package/admin/components/ContentEntries/Table/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const ListItemGraphic: import("@emotion/styled").StyledComponent<import("@webiny/ui/List").ListItemGraphicProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const menuStyles: string;

package/admin/components/ContentEntries/Table/styled.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuStyles = exports.ListItemGraphic = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _emotion = require("emotion");
+var _List = require("@webiny/ui/List");
+var ListItemGraphic = /*#__PURE__*/(0, _styled.default)(_List.ListItemGraphic, {
+  label: "ListItemGraphic",
+  target: "e1xtlbhj0"
+})("margin-right:25px;");
+exports.ListItemGraphic = ListItemGraphic;
+var menuStyles = /*#__PURE__*/(0, _emotion.css)("\n    width: 200px;\n", "label:menuStyles;");
+exports.menuStyles = menuStyles;

package/admin/components/ContentEntries/Table/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_emotion","_List","ListItemGraphic","styled","ListItemGraphicBase","label","target","exports","menuStyles","css"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nimport { ListItemGraphic as ListItemGraphicBase } from \"@webiny/ui/List\";\n\nexport const ListItemGraphic = styled(ListItemGraphicBase)`\n    margin-right: 25px;\n`;\n\nexport const menuStyles = css(`\n    width: 200px;\n`);\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAEO,IAAMG,eAAe,oBAAGC,eAAM,EAACC,qBAAmB;EAAAC,KAAA;EAAAC,MAAA;AAAA,wBAExD;AAACC,OAAA,CAAAL,eAAA,GAAAA,eAAA;AAEK,IAAMM,UAAU,gBAAG,IAAAC,YAAG,8CAE5B,CAAC;AAACF,OAAA,CAAAC,UAAA,GAAAA,UAAA"}

package/admin/components/ContentEntries/Table/types.d.ts

@@ -0,0 +1,24 @@
+import { CmsContentEntry, CmsContentEntryStatusType } from "../../../../types";
+import { FolderItem } from "@webiny/app-aco/types";
+interface BaseEntry {
+    id: string;
+    title: string;
+    description?: string;
+    image?: string;
+    createdBy: string;
+    savedOn: string;
+    version?: number;
+    selectable: boolean;
+}
+export interface RecordEntry extends BaseEntry {
+    type: "RECORD";
+    original: CmsContentEntry;
+    status: CmsContentEntryStatusType;
+}
+export interface FolderEntry extends BaseEntry {
+    type: "FOLDER";
+    original: FolderItem;
+    status?: never;
+}
+export declare type Entry = RecordEntry | FolderEntry;
+export {};

package/admin/components/ContentEntries/Table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { CmsContentEntry, CmsContentEntryStatusType } from \"~/types\";\nimport { FolderItem } from \"@webiny/app-aco/types\";\n\ninterface BaseEntry {\n    id: string;\n    title: string;\n    description?: string;\n    image?: string;\n    createdBy: string;\n    savedOn: string;\n    version?: number;\n    selectable: boolean;\n}\n\nexport interface RecordEntry extends BaseEntry {\n    type: \"RECORD\";\n    original: CmsContentEntry;\n    status: CmsContentEntryStatusType;\n}\n\nexport interface FolderEntry extends BaseEntry {\n    type: \"FOLDER\";\n    original: FolderItem;\n    status?: never;\n}\n\nexport type Entry = RecordEntry | FolderEntry;\n"],"mappings":""}

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -10,7 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
+var _RenderFieldElement = require("./RenderFieldElement");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _form = require("@webiny/form");
 var _plugins = require("@webiny/plugins");
@@ -89,7 +89,7 @@ var ContentEntryForm = function ContentEntryForm(_ref) {
        * TODO @ts-refactor
        * Figure out type for Bind.
        */
-      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
+      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.RenderFieldElement, {
         field: field,
         Bind: formRenderProps.Bind,
         contentModel: model

package/admin/components/ContentEntryForm/ContentEntryForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormWrapper","styled","height","overflow","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryForm","onForm","props","formElementRef","useRef","useModel","model","useContentEntryForm","loading","initialData","data","onChange","onSubmit","invalidFields","React","useState","isDirty","setIsDirty","useEffect","useSnackbar","showSnackbar","ref","current","scrollTo","id","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","contentModel","form","different","formProps","layout"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport styled from \"@emotion/styled\";\nimport { Form } from \"@webiny/form\";\nimport { FormAPI, FormRenderPropParams } from \"@webiny/form/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { CmsContentFormRendererPlugin } from \"~/types\";\nimport { useContentEntryForm, UseContentEntryFormParams } from \"./useContentEntryForm\";\nimport { Fields } from \"./Fields\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormProps extends UseContentEntryFormParams {\n    onForm?: (form: FormAPI) => void;\n}\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\nconst stringify = (value: any): string => {\n    return JSON.stringify(value || {}, omitTypename);\n};\n\nconst isDifferent = (value: any, compare: any): boolean => {\n    if (!value && !compare) {\n        return false;\n    }\n    return stringify(value) !== stringify(compare);\n};\n\nexport const ContentEntryForm: React.FC<ContentEntryFormProps> = ({ onForm, ...props }) => {\n    const formElementRef = useRef<HTMLDivElement>(null);\n    const { model } = useModel();\n    const {\n        loading,\n        data: initialData,\n        onChange,\n        onSubmit,\n        invalidFields\n    } = useContentEntryForm(props);\n\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n    /**\n     * Reset isDirty when the loaded data changes.\n     */\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [initialData]);\n\n    const { showSnackbar } = useSnackbar();\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        if (typeof onForm !== \"function\" || !ref.current) {\n            return;\n        }\n        onForm(ref.current);\n    }, []);\n\n    useEffect(() => {\n        if (!formElementRef.current) {\n            return;\n        }\n\n        formElementRef.current.scrollTo(0, 0);\n    }, [initialData.id, formElementRef.current]);\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === model.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = model.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={model}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${model.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                contentModel: model,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any\n            });\n        },\n        [formRenderer]\n    );\n\n    return (\n        <Form\n            onChange={(data, form) => {\n                const different = isDifferent(data, initialData);\n                if (isDirty !== different) {\n                    setIsDirty(different);\n                }\n                return onChange(data, form);\n            }}\n            onSubmit={(data, form) => {\n                setIsDirty(false);\n                return onSubmit(data, form);\n            }}\n            data={initialData}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={() => {\n                setIsDirty(true);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                return (\n                    <ModelProvider model={model}>\n                        <Prompt\n                            when={isDirty}\n                            message={\n                                \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\"\n                            }\n                        />\n                        <FormWrapper data-testid={\"cms-content-form\"} ref={formElementRef}>\n                            {loading && <CircularProgress />}\n                            {formRenderer ? (\n                                renderCustomLayout(formProps)\n                            ) : (\n                                <Fields\n                                    contentModel={model}\n                                    fields={model.fields || []}\n                                    layout={model.layout || []}\n                                    {...formProps}\n                                    Bind={formProps.Bind as any}\n                                />\n                            )}\n                        </FormWrapper>\n                    </ModelProvider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_RenderFieldElement","_styled","_interopRequireDefault","_form","_plugins","_Progress","_useContentEntryForm2","_Fields","_reactRouter","_appAdmin","_ModelProvider","_excluded","FormWrapper","styled","target","label","height","overflow","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryForm","_ref","onForm","props","_objectWithoutProperties2","default","formElementRef","useRef","_useModel","useModel","model","_useContentEntryForm","useContentEntryForm","loading","initialData","data","onChange","onSubmit","invalidFields","_React$useState","React","useState","_React$useState2","_slicedToArray2","isDirty","setIsDirty","useEffect","_useSnackbar","useSnackbar","showSnackbar","ref","current","scrollTo","id","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","createElement","RenderFieldElement","Bind","contentModel","Fragment","concat","render","_objectSpread2","Form","form","different","onInvalid","formProps","ModelProvider","Prompt","when","message","CircularProgress","Fields","Object","assign","layout","exports"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { RenderFieldElement } from \"./RenderFieldElement\";\nimport styled from \"@emotion/styled\";\nimport { Form } from \"@webiny/form\";\nimport { FormAPI, FormRenderPropParams } from \"@webiny/form/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { CmsContentFormRendererPlugin } from \"~/types\";\nimport { useContentEntryForm, UseContentEntryFormParams } from \"./useContentEntryForm\";\nimport { Fields } from \"./Fields\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormProps extends UseContentEntryFormParams {\n    onForm?: (form: FormAPI) => void;\n}\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\nconst stringify = (value: any): string => {\n    return JSON.stringify(value || {}, omitTypename);\n};\n\nconst isDifferent = (value: any, compare: any): boolean => {\n    if (!value && !compare) {\n        return false;\n    }\n    return stringify(value) !== stringify(compare);\n};\n\nexport const ContentEntryForm: React.FC<ContentEntryFormProps> = ({ onForm, ...props }) => {\n    const formElementRef = useRef<HTMLDivElement>(null);\n    const { model } = useModel();\n    const {\n        loading,\n        data: initialData,\n        onChange,\n        onSubmit,\n        invalidFields\n    } = useContentEntryForm(props);\n\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n    /**\n     * Reset isDirty when the loaded data changes.\n     */\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [initialData]);\n\n    const { showSnackbar } = useSnackbar();\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        if (typeof onForm !== \"function\" || !ref.current) {\n            return;\n        }\n        onForm(ref.current);\n    }, []);\n\n    useEffect(() => {\n        if (!formElementRef.current) {\n            return;\n        }\n\n        formElementRef.current.scrollTo(0, 0);\n    }, [initialData.id, formElementRef.current]);\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === model.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = model.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={model}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${model.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                contentModel: model,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any\n            });\n        },\n        [formRenderer]\n    );\n\n    return (\n        <Form\n            onChange={(data, form) => {\n                const different = isDifferent(data, initialData);\n                if (isDirty !== different) {\n                    setIsDirty(different);\n                }\n                return onChange(data, form);\n            }}\n            onSubmit={(data, form) => {\n                setIsDirty(false);\n                return onSubmit(data, form);\n            }}\n            data={initialData}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={() => {\n                setIsDirty(true);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                return (\n                    <ModelProvider model={model}>\n                        <Prompt\n                            when={isDirty}\n                            message={\n                                \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\"\n                            }\n                        />\n                        <FormWrapper data-testid={\"cms-content-form\"} ref={formElementRef}>\n                            {loading && <CircularProgress />}\n                            {formRenderer ? (\n                                renderCustomLayout(formProps)\n                            ) : (\n                                <Fields\n                                    contentModel={model}\n                                    fields={model.fields || []}\n                                    layout={model.layout || []}\n                                    {...formProps}\n                                    Bind={formProps.Bind as any}\n                                />\n                            )}\n                        </FormWrapper>\n                    </ModelProvider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _form = require("@webiny/form");
 var _plugins = require("@webiny/plugins");
-var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
+var _RenderFieldElement = require("./RenderFieldElement");
 var _Fields = require("./Fields");
 var FormWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eh1hbib0",
@@ -31,7 +31,7 @@ var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
        * TODO @ts-refactor
        * Figure out type for Bind.
        */
-      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
+      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.RenderFieldElement, {
         field: field,
         Bind: formRenderProps.Bind,
         contentModel: contentModel

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["FormWrapper","styled","height","overflow","ContentEntryFormPreview","props","contentModel","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","formProps","layout"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport { CmsContentFormRendererPlugin, CmsEditorContentModel } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface Props {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview: React.FC<Props> = props => {\n    const { contentModel } = props;\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any,\n                contentModel,\n                fields\n            });\n        },\n        [formRenderer, contentModel.fields]\n    );\n\n    return (\n        <Form>\n            {formProps => (\n                <FormWrapper data-testid={\"cms-content-form\"}>\n                    {formRenderer ? (\n                        renderCustomLayout(formProps)\n                    ) : (\n                        <Fields\n                            contentModel={contentModel}\n                            fields={contentModel.fields}\n                            layout={contentModel.layout || []}\n                            {...formProps}\n                            Bind={formProps.Bind as any}\n                        />\n                    )}\n                </FormWrapper>\n            )}\n        </Form>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BC,MAAM,EAAE,qBAAqB;EAC7BC,QAAQ,EAAE;AACd,CAAC,CAAC;AAMK,IAAMC,uBAAwC,GAAG,SAA3CA,uBAAwC,CAAGC,KAAK,EAAI;EAC7D,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EAEpB,IAAMC,YAAY,GAAGC,gBAAO,CACvBC,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAAC,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACC,OAAO,KAAKN,YAAY,CAACM,OAAO;EAAA,EAAC;EAEpD,IAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAClC,UAACC,eAAqC,EAAK;IACvC,IAAMC,MAAM,GAAGV,YAAY,CAACU,MAAM,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;MACtD;AAChB;AACA;AACA;MACgBD,GAAG,CAACC,KAAK,CAACC,OAAO,CAAC,gBACd,6BAAC,2BAAkB;QACf,KAAK,EAAED,KAAM;QACb,IAAI,EAAEJ,eAAe,CAACM,IAAY;QAClC,YAAY,EAAEf;MAAa,EAElC;MAED,OAAOY,GAAG;IACd,CAAC,EAAE,CAAC,CAAC,CAAuC;IAC5C,IAAI,CAACX,YAAY,EAAE;MACf,oBAAO,0GAAyCD,YAAY,CAACM,OAAO,SAAQ;IAChF;IACA,OAAOL,YAAY,CAACe,MAAM,6DACnBP,eAAe;MAClB;AAChB;AACA;AACA;MACgBM,IAAI,EAAEN,eAAe,CAACM,IAAW;MACjCf,YAAY,EAAZA,YAAY;MACZU,MAAM,EAANA;IAAM,GACR;EACN,CAAC,EACD,CAACT,YAAY,EAAED,YAAY,CAACU,MAAM,CAAC,CACtC;EAED,oBACI,6BAAC,UAAI,QACA,UAAAO,SAAS;IAAA,oBACN,6BAAC,WAAW;MAAC,eAAa;IAAmB,GACxChB,YAAY,GACTM,kBAAkB,CAACU,SAAS,CAAC,gBAE7B,6BAAC,cAAM;MACH,YAAY,EAAEjB,YAAa;MAC3B,MAAM,EAAEA,YAAY,CAACU,MAAO;MAC5B,MAAM,EAAEV,YAAY,CAACkB,MAAM,IAAI;IAAG,GAC9BD,SAAS;MACb,IAAI,EAAEA,SAAS,CAACF;IAAY,GAEnC,CACS;EAAA,CACjB,CACE;AAEf,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_form","_plugins","_RenderFieldElement","_Fields","FormWrapper","styled","target","label","height","overflow","ContentEntryFormPreview","props","contentModel","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","default","createElement","RenderFieldElement","Bind","Fragment","concat","render","_objectSpread2","Form","formProps","Fields","Object","assign","layout","exports"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport { RenderFieldElement } from \"./RenderFieldElement\";\nimport { CmsContentFormRendererPlugin, CmsEditorContentModel } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface Props {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview: React.FC<Props> = props => {\n    const { contentModel } = props;\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any,\n                contentModel,\n                fields\n            });\n        },\n        [formRenderer, contentModel.fields]\n    );\n\n    return (\n        <Form>\n            {formProps => (\n                <FormWrapper data-testid={\"cms-content-form\"}>\n                    {formRenderer ? (\n                        renderCustomLayout(formProps)\n                    ) : (\n                        <Fields\n                            contentModel={contentModel}\n                            fields={contentModel.fields}\n                            layout={contentModel.layout || []}\n                            {...formProps}\n                            Bind={formProps.Bind as any}\n                        />\n                    )}\n                </FormWrapper>\n            )}\n        </Form>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAEA,IAAMO,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC9BC,MAAM,EAAE,qBAAqB;EAC7BC,QAAQ,EAAE;AACd,CAAC,CAAC;AAMK,IAAMC,uBAAwC,GAAG,SAA3CA,uBAAwCA,CAAGC,KAAK,EAAI;EAC7D,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EAEpB,IAAMC,YAAY,GAAGC,gBAAO,CACvBC,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAAC,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACC,OAAO,KAAKN,YAAY,CAACM,OAAO;EAAA,EAAC;EAEpD,IAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAClC,UAACC,eAAqC,EAAK;IACvC,IAAMC,MAAM,GAAGV,YAAY,CAACU,MAAM,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;MACtD;AAChB;AACA;AACA;MACgBD,GAAG,CAACC,KAAK,CAACC,OAAO,CAAC,gBACd/B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC1B,mBAAA,CAAA2B,kBAAkB;QACfJ,KAAK,EAAEA,KAAM;QACbK,IAAI,EAAET,eAAe,CAACS,IAAY;QAClClB,YAAY,EAAEA;MAAa,CAC9B,CACJ;MAED,OAAOY,GAAG;IACd,CAAC,EAAE,CAAC,CAAuC,CAAC;IAC5C,IAAI,CAACX,YAAY,EAAE;MACf,oBAAOlB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAAjC,MAAA,CAAAgC,OAAA,CAAAI,QAAA,+CAAAC,MAAA,CAAyCpB,YAAY,CAACM,OAAO,QAAO,CAAC;IAChF;IACA,OAAOL,YAAY,CAACoB,MAAM,KAAAC,cAAA,CAAAP,OAAA,MAAAO,cAAA,CAAAP,OAAA,MACnBN,eAAe;MAClB;AAChB;AACA;AACA;MACgBS,IAAI,EAAET,eAAe,CAACS,IAAW;MACjClB,YAAY,EAAZA,YAAY;MACZU,MAAM,EAANA;IAAM,EACT,CAAC;EACN,CAAC,EACD,CAACT,YAAY,EAAED,YAAY,CAACU,MAAM,CACtC,CAAC;EAED,oBACI3B,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC5B,KAAA,CAAAmC,IAAI,QACA,UAAAC,SAAS;IAAA,oBACNzC,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACxB,WAAW;MAAC,eAAa;IAAmB,GACxCS,YAAY,GACTM,kBAAkB,CAACiB,SAAS,CAAC,gBAE7BzC,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAACzB,OAAA,CAAAkC,MAAM,EAAAC,MAAA,CAAAC,MAAA;MACH3B,YAAY,EAAEA,YAAa;MAC3BU,MAAM,EAAEV,YAAY,CAACU,MAAO;MAC5BkB,MAAM,EAAE5B,YAAY,CAAC4B,MAAM,IAAI;IAAG,GAC9BJ,SAAS;MACbN,IAAI,EAAEM,SAAS,CAACN;IAAY,EAC/B,CAEI,CAAC;EAAA,CAEhB,CAAC;AAEf,CAAC;AAACW,OAAA,CAAA/B,uBAAA,GAAAA,uBAAA"}

package/admin/components/ContentEntryForm/Fields.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Fields = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Grid = require("@webiny/ui/Grid");
-var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
+var _RenderFieldElement = require("./RenderFieldElement");
 var getFieldById = function getFieldById(fields, id) {
   return fields.find(function (field) {
     return field.id === id;
@@ -28,7 +28,7 @@ var Fields = function Fields(_ref) {
       return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: Math.floor(12 / row.length),
         key: fieldId
-      }, /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
+      }, /*#__PURE__*/_react.default.createElement(_RenderFieldElement.RenderFieldElement, {
         field: getFieldById(fields, fieldId),
         Bind: Bind,
         contentModel: contentModel

package/admin/components/ContentEntryForm/Fields.js.map

@@ -1 +1 @@
-{"version":3,"names":["getFieldById","fields","id","find","field","Fields","Bind","layout","contentModel","gridClassName","map","row","rowIndex","fieldId","Math","floor","length"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields: React.FC<FieldsProps> = ({\n    Bind,\n    fields,\n    layout,\n    contentModel,\n    gridClassName\n}) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => (\n                        <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                            <RenderFieldElement\n                                field={getFieldById(fields, fieldId) as CmsModelField}\n                                Bind={Bind}\n                                contentModel={contentModel}\n                            />\n                        </Cell>\n                    ))}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAgBA,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAAIC,MAAuB,EAAEC,EAAU,EAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,IAAI;AACxD,CAAC;AAEM,IAAMG,MAA6B,GAAG,SAAhCA,MAA6B,OAMpC;EAAA,IALFC,IAAI,QAAJA,IAAI;IACJL,MAAM,QAANA,MAAM;IACNM,MAAM,QAANA,MAAM;IACNC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;EAEb,oBACI,6BAAC,UAAI;IAAC,SAAS,EAAEA;EAAc,GAC1BF,MAAM,CAACG,GAAG,CAAC,UAACC,GAAG,EAAEC,QAAQ;IAAA,oBACtB,6BAAC,cAAK,CAAC,QAAQ;MAAC,GAAG,EAAEA;IAAS,GACzBD,GAAG,CAACD,GAAG,CAAC,UAAAG,OAAO;MAAA,oBACZ,6BAAC,UAAI;QAAC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGJ,GAAG,CAACK,MAAM,CAAE;QAAC,GAAG,EAAEH;MAAQ,gBAClD,6BAAC,2BAAkB;QACf,KAAK,EAAEb,YAAY,CAACC,MAAM,EAAEY,OAAO,CAAmB;QACtD,IAAI,EAAEP,IAAK;QACX,YAAY,EAAEE;MAAa,EAC7B,CACC;IAAA,CACV,CAAC,CACW;EAAA,CACpB,CAAC,CACC;AAEf,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_RenderFieldElement","getFieldById","fields","id","find","field","Fields","_ref","Bind","layout","contentModel","gridClassName","default","createElement","Grid","className","map","row","rowIndex","Fragment","key","fieldId","Cell","span","Math","floor","length","RenderFieldElement","exports"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { RenderFieldElement } from \"./RenderFieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields: React.FC<FieldsProps> = ({\n    Bind,\n    fields,\n    layout,\n    contentModel,\n    gridClassName\n}) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => (\n                        <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                            <RenderFieldElement\n                                field={getFieldById(fields, fieldId) as CmsModelField}\n                                Bind={Bind}\n                                contentModel={contentModel}\n                            />\n                        </Cell>\n                    ))}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAgBA,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAuB,EAAEC,EAAU,EAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,IAAI;AACxD,CAAC;AAEM,IAAMG,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAMpC;EAAA,IALFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJN,MAAM,GAAAK,IAAA,CAANL,MAAM;IACNO,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;EAEb,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAe,IAAI;IAACC,SAAS,EAAEJ;EAAc,GAC1BF,MAAM,CAACO,GAAG,CAAC,UAACC,GAAG,EAAEC,QAAQ;IAAA,oBACtBtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAgB,OAAK,CAACO,QAAQ;MAACC,GAAG,EAAEF;IAAS,GACzBD,GAAG,CAACD,GAAG,CAAC,UAAAK,OAAO;MAAA,oBACZzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAuB,IAAI;QAACC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGR,GAAG,CAACS,MAAM,CAAE;QAACN,GAAG,EAAEC;MAAQ,gBAClDzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,mBAAA,CAAA2B,kBAAkB;QACftB,KAAK,EAAEJ,YAAY,CAACC,MAAM,EAAEmB,OAAO,CAAmB;QACtDb,IAAI,EAAEA,IAAK;QACXE,YAAY,EAAEA;MAAa,CAC9B,CACC,CAAC;IAAA,CACV,CACW,CAAC;EAAA,CACpB,CACC,CAAC;AAEf,CAAC;AAACkB,OAAA,CAAAtB,MAAA,GAAAA,MAAA"}

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ContentFormOptionsMenu: React.VFC;

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentFormOptionsMenu = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _contentEntries = require("../../../../config/contentEntries");
+var _ContentFormOptionsMenu = require("./ContentFormOptionsMenu.styles");
+var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
+  var _useContentEntryEdito = (0, _contentEntries.useContentEntryEditorConfig)(),
+    menuItemActions = _useContentEntryEdito.menuItemActions;
+  return /*#__PURE__*/_react.default.createElement(_ContentFormOptionsMenu.OptionMenuContainer, null, /*#__PURE__*/_react.default.createElement(_appAdmin.OptionsMenu, {
+    actions: menuItemActions,
+    "data-testid": "cms.content-form.header.more-options"
+  }));
+};
+exports.ContentFormOptionsMenu = ContentFormOptionsMenu;

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_contentEntries","_ContentFormOptionsMenu","ContentFormOptionsMenu","_useContentEntryEdito","useContentEntryEditorConfig","menuItemActions","default","createElement","OptionMenuContainer","OptionsMenu","actions","exports"],"sources":["ContentFormOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\n\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { OptionMenuContainer } from \"./ContentFormOptionsMenu.styles\";\n\nexport const ContentFormOptionsMenu: React.VFC = () => {\n    const { menuItemActions } = useContentEntryEditorConfig();\n\n    return (\n        <OptionMenuContainer>\n            <OptionsMenu\n                actions={menuItemActions}\n                data-testid={\"cms.content-form.header.more-options\"}\n            />\n        </OptionMenuContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAEO,IAAMI,sBAAiC,GAAG,SAApCA,sBAAiCA,CAAA,EAAS;EACnD,IAAAC,qBAAA,GAA4B,IAAAC,2CAA2B,EAAC,CAAC;IAAjDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAEvB,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,mBAAmB,qBAChBZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAU,WAAW;IACRC,OAAO,EAAEL,eAAgB;IACzB,eAAa;EAAuC,CACvD,CACgB,CAAC;AAE9B,CAAC;AAACM,OAAA,CAAAT,sBAAA,GAAAA,sBAAA"}

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const OptionMenuContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OptionMenuContainer = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var OptionMenuContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "OptionMenuContainer",
+  target: "e1w1uw930"
+})("margin-left:8px;");
+exports.OptionMenuContainer = OptionMenuContainer;

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","OptionMenuContainer","styled","label","target","exports"],"sources":["ContentFormOptionsMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OptionMenuContainer = styled(\"div\")`\n    margin-left: 8px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,sBAE9C;AAACC,OAAA,CAAAJ,mBAAA,GAAAA,mBAAA"}

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/index.d.ts

@@ -0,0 +1 @@
+export * from "./ContentFormOptionsMenu";

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ContentFormOptionsMenu = require("./ContentFormOptionsMenu");
+Object.keys(_ContentFormOptionsMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ContentFormOptionsMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ContentFormOptionsMenu[key];
+    }
+  });
+});

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ContentFormOptionsMenu","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./ContentFormOptionsMenu\";\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/admin/components/ContentEntryForm/Header/DeleteEntry/DeleteEntry.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DeleteEntry: React.FC;