@webiny/app-headless-cms 5.20.0-beta.2 → 5.22.0-beta.0

package/HeadlessCMS.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ApolloClient } from "apollo-client";
+interface CreateApolloClient {
+    (params: {
+        uri: string;
+    }): ApolloClient<any>;
+}
+export interface HeadlessCMSProps {
+    createApolloClient: CreateApolloClient;
+}
+export declare const HeadlessCMS: React.MemoExoticComponent<({ createApolloClient }: HeadlessCMSProps) => JSX.Element>;
+export {};

package/HeadlessCMS.js

@@ -0,0 +1,27 @@
+import React, { Fragment, memo } from "react";
+import { plugins } from "@webiny/plugins";
+import { Plugins, Provider } from "@webiny/app-admin";
+import { CmsProvider } from "./admin/contexts/Cms";
+import { CmsMenuLoader } from "./admin/menus/CmsMenuLoader";
+import apiInformation from "./admin/plugins/apiInformation";
+
+var createHeadlessCMSProvider = function createHeadlessCMSProvider(createApolloClient) {
+  return function (Component) {
+    return function HeadlessCMSProvider(_ref) {
+      var children = _ref.children;
+      return /*#__PURE__*/React.createElement(CmsProvider, {
+        createApolloClient: createApolloClient
+      }, /*#__PURE__*/React.createElement(Component, null, children));
+    };
+  };
+};
+
+var HeadlessCMSExtension = function HeadlessCMSExtension(_ref2) {
+  var createApolloClient = _ref2.createApolloClient;
+  plugins.register(apiInformation);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Provider, {
+    hoc: createHeadlessCMSProvider(createApolloClient)
+  }), /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(CmsMenuLoader, null)));
+};
+
+export var HeadlessCMS = /*#__PURE__*/memo(HeadlessCMSExtension);

package/admin/components/ContentEntryForm/useContentEntryForm.js

@@ -1,4 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -13,6 +14,23 @@ import * as GQLCache from "../../views/contentEntries/ContentEntry/cache";
 import { prepareFormData } from "../../views/contentEntries/ContentEntry/prepareFormData";
 import { useContentEntry } from "../../views/contentEntries/hooks/useContentEntry";
 import { plugins } from "@webiny/plugins";
+/**
+ * Used for some fields to convert their values.
+ */
+
+var convertDefaultValue = function convertDefaultValue(field, value) {
+  switch (field.type) {
+    case "boolean":
+      return Boolean(value);
+
+    case "number":
+      return Number(value);
+
+    default:
+      return value;
+  }
+};
+
 export function useContentEntryForm(params) {
   var _useContentEntry = useContentEntry(),
       listQueryVariables = _useContentEntry.listQueryVariables;
@@ -310,24 +328,95 @@ export function useContentEntryForm(params) {
 
   var getDefaultValues = function getDefaultValues() {
     var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var values = {}; // TODO: finish default values.
-
-    /*fields.forEach(field => {
-        const fieldId = field.fieldId;
-         if (
-            fieldId &&
-            "defaultValue" in field.settings &&
-            typeof field.settings.defaultValue !== "undefined"
-        ) {
-            values[fieldId] = field.settings.defaultValue;
+    var values = {};
+    /**
+     * Assign the default values:
+     * * check the settings.defaultValue
+     * * check the predefinedValues for selected value
+     */
+
+    var _iterator = _createForOfIteratorHelper(contentModel.fields),
+        _step;
+
+    try {
+      var _loop = function _loop() {
+        var field = _step.value;
+
+        /**
+         * When checking if defaultValue is set in settings, we do the undefined check because it can be null, 0, empty string, false, etc...
+         */
+        var settings = field.settings,
+            _field$multipleValues = field.multipleValues,
+            multipleValues = _field$multipleValues === void 0 ? false : _field$multipleValues;
+
+        if (settings && settings.defaultValue !== undefined) {
+          /**
+           * Special type of field is the boolean one.
+           * We MUST set true/false for default value.
+           */
+          values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);
+          return "continue";
+        }
+        /**
+         * No point in going further if predefined values are not enabled.
+         */
+
+
+        var predefinedValues = field.predefinedValues;
+
+        if (!predefinedValues || !predefinedValues.enabled || Array.isArray(predefinedValues.values) === false) {
+          return "continue";
+        }
+        /**
+         * When field is not a multiple values one, we find the first possible default selected value and set it as field value.
+         */
+
+
+        if (!multipleValues) {
+          var selectedValue = predefinedValues.values.find(function (_ref8) {
+            var selected = _ref8.selected;
+            return !!selected;
+          });
+
+          if (selectedValue) {
+            values[field.fieldId] = convertDefaultValue(field, selectedValue.value);
+          }
+
+          return "continue";
         }
-    });*/
+        /**
+         *
+         */
+
+
+        values[field.fieldId] = predefinedValues.values.filter(function (_ref9) {
+          var selected = _ref9.selected;
+          return !!selected;
+        }).map(function (_ref10) {
+          var value = _ref10.value;
+          return convertDefaultValue(field, value);
+        });
+      };
+
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _ret = _loop();
+
+        if (_ret === "continue") continue;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
 
     return _objectSpread(_objectSpread({}, values), overrides);
   };
 
   return {
-    data: entry ? entry : getDefaultValues(),
+    /**
+     * If entry is not set or entry.id does not exist, it means that form is for the new entry, so fetch default values.
+     */
+    data: entry && entry.id ? entry : getDefaultValues(),
     loading: loading,
     setLoading: setLoading,
     onChange: params.onChange,

package/admin/components/ContentModelEditor/Context.js

@@ -43,9 +43,11 @@ var cleanupModelDataFields = function cleanupModelDataFields(fields) {
         enabled: enabled,
         values: values.map(function (_ref3) {
           var label = _ref3.label,
-              value = _ref3.value;
+              value = _ref3.value,
+              selected = _ref3.selected;
           return {
             label: label,
+            selected: selected || false,
             value: String(value)
           };
         })

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

@@ -1,3 +1,3 @@
 import React from "react";
-export declare const EditContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const EditContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "slot" | "title" | "onError" | "color" | "translate" | "hidden" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, object>;
 export declare const Editor: () => JSX.Element;

package/admin/components/ContentModelEditor/Editor.js

@@ -14,7 +14,7 @@ import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/S
 import { Icon } from "@webiny/ui/Icon";
 import { Typography } from "@webiny/ui/Typography";
 import { Tab, Tabs } from "@webiny/ui/Tabs";
-import { ReactComponent as FormIcon } from "@svgr/webpack!./icons/round-assignment-24px.svg";
+import { ReactComponent as FormIcon } from "./icons/round-assignment-24px.svg";
 import { FieldsSidebar } from "./FieldsSidebar";
 import { FieldEditor } from "../FieldEditor";
 import { PreviewTab } from "./PreviewTab";

package/admin/components/Draggable.d.ts

@@ -10,5 +10,6 @@ export declare type DraggableProps = {
     endDrag?: any;
     target?: string[];
 };
-declare const Draggable: React.MemoExoticComponent<(props: DraggableProps) => JSX.Element>;
-export default Draggable;
+declare function Draggable(props: DraggableProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Draggable>;
+export default _default;

package/admin/components/Draggable.js

@@ -2,7 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from "react";
 import { useDrag, DragPreviewImage } from "react-dnd";
 var emptyImage = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
-var Draggable = /*#__PURE__*/React.memo(function (props) {
+
+function Draggable(props) {
   var children = props.children,
       beginDrag = props.beginDrag,
       endDrag = props.endDrag,
@@ -45,5 +46,6 @@ var Draggable = /*#__PURE__*/React.memo(function (props) {
     isDragging: isDragging,
     drag: drag
   }));
-});
-export default Draggable;
+}
+
+export default /*#__PURE__*/React.memo(Draggable);

package/admin/components/Droppable.d.ts

@@ -19,5 +19,6 @@ export declare type DroppableProps = {
     }) => boolean;
     onDrop?: (item: DragSource) => void;
 };
-declare const Droppable: React.MemoExoticComponent<(props: DroppableProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>>;
-export default Droppable;
+declare function Droppable(props: DroppableProps): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+declare const _default: React.MemoExoticComponent<typeof Droppable>;
+export default _default;

package/admin/components/Droppable.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from "react";
 import { useDrop } from "react-dnd";
-var Droppable = /*#__PURE__*/React.memo(function (props) {
+
+function Droppable(props) {
   var children = props.children,
       onDrop = props.onDrop,
       _props$isVisible = props.isVisible,
@@ -41,5 +42,6 @@ var Droppable = /*#__PURE__*/React.memo(function (props) {
     item: item,
     drop: drop
   });
-});
-export default Droppable;
+}
+
+export default /*#__PURE__*/React.memo(Droppable);

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.d.ts

@@ -1,5 +1,10 @@
-export default function PredefinedValues({ field, fieldPlugin, form }: {
-    field: any;
-    fieldPlugin: any;
-    form: any;
-}): any;
+import React from "react";
+import { CmsEditorField, CmsEditorFieldTypePlugin } from "../../../../types";
+import { FormRenderPropParams } from "@webiny/form";
+export interface Props {
+    field: CmsEditorField;
+    fieldPlugin: CmsEditorFieldTypePlugin;
+    form: FormRenderPropParams;
+}
+declare const PredefinedValues: React.FC<Props>;
+export default PredefinedValues;

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js

@@ -2,7 +2,8 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React, { useCallback, useRef, cloneElement } from "react";
 import getValue from "./functions/getValue";
 import setValue from "./functions/setValue";
-export default function PredefinedValues(_ref) {
+
+var PredefinedValues = function PredefinedValues(_ref) {
   var field = _ref.field,
       fieldPlugin = _ref.fieldPlugin,
       form = _ref.form;
@@ -48,8 +49,11 @@ export default function PredefinedValues(_ref) {
 
     return memoizedBindComponents.current[memoKey];
   }, []);
-  return fieldPlugin.field.renderPredefinedValues({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldPlugin.field.renderPredefinedValues({
     field: field,
-    getBind: getBind
-  });
-}
+    getBind: getBind,
+    form: form
+  }));
+};
+
+export default PredefinedValues;

package/admin/components/FieldEditor/Field.js

@@ -10,10 +10,10 @@ import { css } from "emotion";
 import styled from "@emotion/styled";
 import { IconButton } from "@webiny/ui/Button";
 import { Typography } from "@webiny/ui/Typography";
-import { ReactComponent as EditIcon } from "@svgr/webpack!../../icons/edit.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../icons/delete.svg";
-import { ReactComponent as TitleIcon } from "@svgr/webpack!../../icons/title-24px.svg";
-import { ReactComponent as MoreVerticalIcon } from "@svgr/webpack!../../icons/more_vert.svg";
+import { ReactComponent as EditIcon } from "../../icons/edit.svg";
+import { ReactComponent as DeleteIcon } from "../../icons/delete.svg";
+import { ReactComponent as TitleIcon } from "../../icons/title-24px.svg";
+import { ReactComponent as MoreVerticalIcon } from "../../icons/more_vert.svg";
 import { Menu, MenuItem } from "@webiny/ui/Menu";
 import { plugins } from "@webiny/plugins";
 import { ListItemGraphic } from "@webiny/ui/List";

package/admin/components/FieldEditor/FieldEditor.js

@@ -6,7 +6,7 @@ import React, { Fragment } from "react";
 import get from "lodash/get";
 import { Icon } from "@webiny/ui/Icon";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as HandleIcon } from "@svgr/webpack!../../icons/round-drag_indicator-24px.svg";
+import { ReactComponent as HandleIcon } from "../../icons/round-drag_indicator-24px.svg";
 import { Center, Vertical, Horizontal } from "../DropZone";
 import Draggable from "../Draggable";
 import EditFieldDialog from "./EditFieldDialog";

package/admin/components/FieldEditor/Styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const RowContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
-export declare const Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "children" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const RowContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "slot" | "title" | "onError" | "color" | "translate" | "hidden" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, object>;
+export declare const Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "slot" | "title" | "onError" | "color" | "translate" | "hidden" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, object>;
 export declare const fieldContainer: string;
 export declare const rowHandle: string;
 export declare const fieldHandle: string;

package/admin/contexts/Cms/index.d.ts

@@ -6,11 +6,10 @@ export interface CmsContextValue {
     apolloClient: ApolloClient<any>;
 }
 export declare const CmsContext: React.Context<CmsContextValue>;
-declare type CmsProviderProps = {
+export declare type CmsProviderProps = {
     createApolloClient: (params: {
         uri: string;
     }) => ApolloClient<any>;
     children: React.ReactNode;
 };
 export declare function CmsProvider(props: CmsProviderProps): JSX.Element;
-export {};

package/admin/elements/ContentGroupMenuElement.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
@@ -13,5 +14,5 @@ export var ContentGroupMenuElement = /*#__PURE__*/function (_NavigationMenuEleme
     return _super.apply(this, arguments);
   }
 
-  return ContentGroupMenuElement;
+  return _createClass(ContentGroupMenuElement);
 }(NavigationMenuElement);

package/admin/elements/ContentModelMenuElement.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
@@ -13,5 +14,5 @@ export var ContentModelMenuElement = /*#__PURE__*/function (_NavigationMenuEleme
     return _super.apply(this, arguments);
   }
 
-  return ContentModelMenuElement;
+  return _createClass(ContentModelMenuElement);
 }(NavigationMenuElement);

package/admin/elements/NothingToShowElement.js

@@ -47,7 +47,7 @@ export var NothingToShowElement = /*#__PURE__*/function (_NavigationMenuElemen)
     return _this;
   }
 
-  return NothingToShowElement;
+  return _createClass(NothingToShowElement);
 }(NavigationMenuElement);
 export var NothingToShowRenderer = /*#__PURE__*/function (_UIRenderer) {
   _inherits(NothingToShowRenderer, _UIRenderer);

package/admin/graphql/contentModels.d.ts

@@ -1,4 +1,4 @@
-export declare const FIELDS_FIELDS = "\n    id\n    fieldId\n    type\n    label\n    placeholderText\n    helpText  \n    predefinedValues {\n        enabled\n        values {\n            label\n            value\n        }\n    }\n    multipleValues \n    renderer {\n        name\n    }\n    validation {\n        name\n        settings\n        message\n    }\n    listValidation {\n        name\n        settings\n        message\n    }\n    settings\n";
+export declare const FIELDS_FIELDS = "\n    id\n    fieldId\n    type\n    label\n    placeholderText\n    helpText  \n    predefinedValues {\n        enabled\n        values {\n            label\n            value\n            selected\n        }\n    }\n    multipleValues \n    renderer {\n        name\n    }\n    validation {\n        name\n        settings\n        message\n    }\n    listValidation {\n        name\n        settings\n        message\n    }\n    settings\n";
 export declare const MODEL_FIELDS: string;
 export declare const GET_CONTENT_MODEL: import("graphql").DocumentNode;
 export declare const UPDATE_CONTENT_MODEL: import("graphql").DocumentNode;

package/admin/graphql/contentModels.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2;
 
 import gql from "graphql-tag";
-export var FIELDS_FIELDS = "\n    id\n    fieldId\n    type\n    label\n    placeholderText\n    helpText  \n    predefinedValues {\n        enabled\n        values {\n            label\n            value\n        }\n    }\n    multipleValues \n    renderer {\n        name\n    }\n    validation {\n        name\n        settings\n        message\n    }\n    listValidation {\n        name\n        settings\n        message\n    }\n    settings\n";
+export var FIELDS_FIELDS = "\n    id\n    fieldId\n    type\n    label\n    placeholderText\n    helpText  \n    predefinedValues {\n        enabled\n        values {\n            label\n            value\n            selected\n        }\n    }\n    multipleValues \n    renderer {\n        name\n    }\n    validation {\n        name\n        settings\n        message\n    }\n    listValidation {\n        name\n        settings\n        message\n    }\n    settings\n";
 export var MODEL_FIELDS = "\n    name\n    group {\n        id\n        name\n    }\n    description\n    modelId\n    savedOn\n    titleFieldId\n    lockedFields\n    layout\n    fields {\n        ".concat(FIELDS_FIELDS, "\n    }\n");
 export var GET_CONTENT_MODEL = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsGetContentModel($modelId: ID!) {\n        getContentModel(modelId: $modelId) {\n            data {\n                ", "\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])), MODEL_FIELDS);
 export var UPDATE_CONTENT_MODEL = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    mutation CmsUpdateContentModel($modelId: ID!, $data: CmsContentModelUpdateInput!) {\n        updateContentModel(modelId: $modelId, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])), MODEL_FIELDS);

package/admin/hooks/usePermission.d.ts

@@ -1,8 +1,8 @@
-declare type ContentModelGroup = {
+export declare type ContentModelGroup = {
     id: string;
     [key: string]: any;
 };
-declare type ContentModel = {
+export declare type ContentModel = {
     modelId: string;
     [key: string]: any;
 };

package/admin/menus/CmsMenuLoader.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CmsMenuLoader: React.MemoExoticComponent<() => JSX.Element>;

package/admin/menus/CmsMenuLoader.js

@@ -0,0 +1,39 @@
+import React, { Fragment } from "react";
+import { AddMenu as Menu } from "@webiny/app-admin";
+import { ReactComponent as HeadlessCmsIcon } from "../icons/devices_other-black-24px.svg";
+import GlobalSearchPlugins from "./GlobalSearchPlugins";
+import usePermission from "../hooks/usePermission";
+import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems";
+export var CmsMenuLoader = /*#__PURE__*/React.memo(function () {
+  var _usePermission = usePermission(),
+      canAccessManageEndpoint = _usePermission.canAccessManageEndpoint,
+      canReadContentModels = _usePermission.canReadContentModels,
+      canReadContentModelGroups = _usePermission.canReadContentModelGroups,
+      canCreateContentModels = _usePermission.canCreateContentModels,
+      canCreateContentModelGroups = _usePermission.canCreateContentModelGroups;
+
+  var hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
+
+  if (!hasAccess) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Menu, {
+    name: "headlessCMS",
+    label: "Headless CMS",
+    icon: /*#__PURE__*/React.createElement(HeadlessCmsIcon, null)
+  }, (canCreateContentModels || canCreateContentModelGroups) && /*#__PURE__*/React.createElement(Menu, {
+    name: "headlessCMS.contentModels",
+    label: "Content Models",
+    pin: "first"
+  }, canCreateContentModels && /*#__PURE__*/React.createElement(Menu, {
+    name: "headlessCMS.contentModels.models",
+    label: "Models",
+    path: "/cms/content-models"
+  }), canCreateContentModelGroups && /*#__PURE__*/React.createElement(Menu, {
+    name: "headlessCMS.contentModels.groups",
+    label: "Groups",
+    path: "/cms/content-model-groups"
+  })), /*#__PURE__*/React.createElement(ContentGroupsMenuItems, null)), /*#__PURE__*/React.createElement(GlobalSearchPlugins, null));
+});
+CmsMenuLoader.displayName = "CmsMenuLoader";

package/admin/menus/ContentGroupsMenuItems.d.ts

@@ -0,0 +1 @@
+export declare const ContentGroupsMenuItems: () => any;