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

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -1,4 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
@@ -11,6 +12,7 @@ import { DynamicFieldset } from "@webiny/ui/DynamicFieldset";
 import { Typography } from "@webiny/ui/Typography";
 import { ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
 import { Input } from "@webiny/ui/Input";
+import { Switch } from "@webiny/ui/Switch";
 var t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
 var Fieldset = /*#__PURE__*/styled("div", {
   target: "e1vzahbl0",
@@ -46,63 +48,96 @@ var Header = /*#__PURE__*/styled("div", {
   marginBottom: 15
 });
 
-function PredefinedValuesDynamicFieldset(_ref) {
+var onSelectedChange = function onSelectedChange(params) {
+  var bind = params.bind,
+      field = params.field,
+      targetIndex = params.index,
+      setToValue = params.value;
+  bind.form.setValue("predefinedValues.values", bind.value.map(function (value, index) {
+    var defaultValue = field.multipleValues ? value.selected : false;
+    return _objectSpread(_objectSpread({}, value), {}, {
+      selected: index === targetIndex ? setToValue : defaultValue
+    });
+  }));
+};
+
+var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_ref) {
   var getBind = _ref.getBind,
       _ref$renderValueInput = _ref.renderValueInput,
-      renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput;
+      renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput,
+      field = _ref.field;
   var Bind = getBind();
   return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(DynamicFieldset, null, function (_ref2) {
-    var actions = _ref2.actions,
-        header = _ref2.header,
-        row = _ref2.row,
-        empty = _ref2.empty;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, row(function (_ref3) {
-      var index = _ref3.index;
-      var Bind = getBind(index);
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GridInner, null, /*#__PURE__*/React.createElement(Cell, {
-        span: 5
-      }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Bind, {
-        name: "label"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Label"])))
-      })))), /*#__PURE__*/React.createElement(Cell, {
-        span: 5
-      }, /*#__PURE__*/React.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/React.createElement(Bind, {
-        name: "value"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Value"])))
-      })))), /*#__PURE__*/React.createElement(Cell, {
-        span: 2,
-        className: controlButtons
-      }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-        small: true,
-        onClick: actions.add(index)
-      }, "+"), /*#__PURE__*/React.createElement(ButtonSecondary, {
-        small: true,
-        onClick: actions.remove(index)
-      }, "-"))));
-    }), empty(function () {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
-        use: "overline"
-      }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Predefined values"]))))), /*#__PURE__*/React.createElement(GridInner, {
-        className: emptyStyles
-      }, /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Typography, {
-        use: "subtitle1"
-      }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["There are no predefined values available."]))))), /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(ButtonPrimary, {
-        onClick: actions.add()
-      }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Add a predefined value"])))))));
-    }), header(function () {
-      return /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
-        use: "overline"
-      }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Predefined values"])))));
-    }));
-  }))));
-}
+  }, /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+    return /*#__PURE__*/React.createElement(DynamicFieldset, bind, function (_ref2) {
+      var actions = _ref2.actions,
+          header = _ref2.header,
+          row = _ref2.row,
+          empty = _ref2.empty;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, row(function (_ref3) {
+        var index = _ref3.index;
+        var Bind = getBind(index);
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GridInner, null, /*#__PURE__*/React.createElement(Cell, {
+          span: 4
+        }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Bind, {
+          name: "label"
+        }, /*#__PURE__*/React.createElement(Input, {
+          label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Label"])))
+        })))), /*#__PURE__*/React.createElement(Cell, {
+          span: 4
+        }, /*#__PURE__*/React.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/React.createElement(Bind, {
+          name: "value"
+        }, /*#__PURE__*/React.createElement(Input, {
+          label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Value"])))
+        })))), /*#__PURE__*/React.createElement(Cell, {
+          span: 2
+        }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Bind, {
+          name: "selected"
+        }, function (selectedBind) {
+          return /*#__PURE__*/React.createElement(Switch, Object.assign({}, selectedBind, {
+            label: "Selected",
+            description: "Mark as selected value",
+            onChange: function onChange(value) {
+              onSelectedChange({
+                bind: bind,
+                field: field,
+                index: index,
+                value: value
+              });
+            }
+          }));
+        }))), /*#__PURE__*/React.createElement(Cell, {
+          span: 2,
+          className: controlButtons
+        }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+          small: true,
+          onClick: actions.add(index)
+        }, "+"), /*#__PURE__*/React.createElement(ButtonSecondary, {
+          small: true,
+          onClick: actions.remove(index)
+        }, "-"))));
+      }), empty(function () {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
+          use: "overline"
+        }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Predefined values"]))))), /*#__PURE__*/React.createElement(GridInner, {
+          className: emptyStyles
+        }, /*#__PURE__*/React.createElement(Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(Typography, {
+          use: "subtitle1"
+        }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["There are no predefined values available."]))))), /*#__PURE__*/React.createElement(Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+          onClick: actions.add()
+        }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Add a predefined value"])))))));
+      }), header(function () {
+        return /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
+          use: "overline"
+        }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Predefined values"])))));
+      }));
+    });
+  })));
+};
 
 export default PredefinedValuesDynamicFieldset;

package/admin/plugins/fields/boolean.js

@@ -1,10 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React from "react";
-import { ReactComponent as BooleanIcon } from "@svgr/webpack!./icons/toggle_on-black-24px.svg";
+import { ReactComponent as BooleanIcon } from "./icons/toggle_on-black-24px.svg";
 import { i18n } from "@webiny/app/i18n";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Select } from "@webiny/ui/Select";
 var t = i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",
@@ -25,6 +27,21 @@ var plugin = {
           name: ""
         }
       };
+    },
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.form.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.defaultValue"
+      }, /*#__PURE__*/React.createElement(Select, {
+        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Default value"]))),
+        description: "Default value for the field"
+      }, /*#__PURE__*/React.createElement("option", {
+        value: "true"
+      }, "True"), /*#__PURE__*/React.createElement("option", {
+        value: ""
+      }, "False")))));
     }
   }
 };

package/admin/plugins/fields/dateTime.js

@@ -1,14 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _get from "lodash/get";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 
 import React from "react";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { Select } from "@webiny/ui/Select";
 import { Input } from "@webiny/ui/Input";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DateTimeIcon } from "@svgr/webpack!./icons/schedule-black-24px.svg";
+import { ReactComponent as DateTimeIcon } from "./icons/schedule-black-24px.svg";
 var t = i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",
@@ -47,15 +47,15 @@ var plugin = {
       var lockedField = lockedFields.find(function (lockedField) {
         return lockedField.fieldId === fieldId;
       });
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
         span: 12
       }, /*#__PURE__*/React.createElement(Bind, {
         name: "placeholderText"
       }, /*#__PURE__*/React.createElement(Input, {
         label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
         description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
-      }))), /*#__PURE__*/React.createElement(Cell, {
-        span: 12
+      })))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 6
       }, /*#__PURE__*/React.createElement(Bind, {
         name: "settings.type"
       }, /*#__PURE__*/React.createElement(Select, {
@@ -70,7 +70,18 @@ var plugin = {
         value: t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["dateTimeWithTimezone"])))
       }, t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["Date and time with timezone"])))), /*#__PURE__*/React.createElement("option", {
         value: t(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["dateTimeWithoutTimezone"])))
-      }, t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Date and time without timezone"]))))))));
+      }, t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Date and time without timezone"]))))))), /*#__PURE__*/React.createElement(Cell, {
+        span: 6
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.defaultSetValue"
+      }, /*#__PURE__*/React.createElement(Select, {
+        label: t(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["Default Admin UI value"]))),
+        description: "Affects the Admin UI only"
+      }, /*#__PURE__*/React.createElement("option", {
+        value: t(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["null"])))
+      }, t(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["Leave empty (null value)"])))), /*#__PURE__*/React.createElement("option", {
+        value: t(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["current"])))
+      }, t(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["Current date/time"])))))))));
     }
   }
 };

package/admin/plugins/fields/file.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import React from "react";
-import { ReactComponent as FileIcon } from "@svgr/webpack!./icons/round_insert_drive_file-24px.svg";
+import { ReactComponent as FileIcon } from "./icons/round_insert_drive_file-24px.svg";
 import { i18n } from "@webiny/app/i18n";
 import { Cell, Grid } from "@webiny/ui/Grid";
 import { Radio } from "@webiny/ui/Radio";

package/admin/plugins/fields/longText.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import React from "react";
-import { ReactComponent as LongTextIcon } from "@svgr/webpack!./icons/round-notes.svg";
+import { ReactComponent as LongTextIcon } from "./icons/round-notes.svg";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { Input } from "@webiny/ui/Input";
 import { i18n } from "@webiny/app/i18n";

package/admin/plugins/fields/number.js

@@ -7,7 +7,7 @@ import { Grid, Cell } from "@webiny/ui/Grid";
 import { i18n } from "@webiny/app/i18n";
 import { Input } from "@webiny/ui/Input";
 import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
-import { ReactComponent as FloatIcon } from "@svgr/webpack!./icons/round-looks_3-24px.svg";
+import { ReactComponent as FloatIcon } from "./icons/round-looks_3-24px.svg";
 var t = i18n.ns("app-headless-cms/admin/fields");
 var plugin = {
   type: "cms-editor-field-type",

package/admin/plugins/fields/object.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 
 import React from "react";
-import { ReactComponent as ObjectIcon } from "@svgr/webpack!./icons/ballot_black_24dp.svg";
+import { ReactComponent as ObjectIcon } from "./icons/ballot_black_24dp.svg";
 import { i18n } from "@webiny/app/i18n";
 import { ObjectFields } from "./object/ObjectFields";
 import { createFieldsList } from "../../graphql/createFieldsList";

package/admin/plugins/fields/ref.js

@@ -13,7 +13,7 @@ import { Cell, Grid } from "@webiny/ui/Grid";
 import { MultiAutoComplete } from "@webiny/ui/AutoComplete";
 import { CircularProgress } from "@webiny/ui/Progress";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { ReactComponent as RefIcon } from "@svgr/webpack!./icons/round-link-24px.svg";
+import { ReactComponent as RefIcon } from "./icons/round-link-24px.svg";
 import { i18n } from "@webiny/app/i18n";
 var t = i18n.ns("app-headless-cms/admin/fields");
 var plugin = {

package/admin/plugins/fields/richText.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import React from "react";
 import { i18n } from "@webiny/app/i18n";
 import { Grid, Cell } from "@webiny/ui/Grid";
-import { ReactComponent as NotesIcon } from "@svgr/webpack!./icons/round-text_fields-24px.svg";
+import { ReactComponent as NotesIcon } from "./icons/round-text_fields-24px.svg";
 import { Input } from "@webiny/ui/Input";
 var t = i18n.ns("app-headless-cms/admin/fields");
 var plugin = {

package/admin/plugins/fields/text.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 import React from "react";
-import { ReactComponent as TextIcon } from "@svgr/webpack!./icons/round-text_fields-24px.svg";
+import { ReactComponent as TextIcon } from "./icons/round-text_fields-24px.svg";
 import { Grid, Cell } from "@webiny/ui/Grid";
 import { i18n } from "@webiny/app/i18n";
 import { Input } from "@webiny/ui/Input";
@@ -14,7 +14,7 @@ var plugin = {
   name: "cms-editor-field-type-text",
   field: {
     type: "text",
-    validators: ["required", "minLength", "maxLength", "pattern"],
+    validators: ["required", "minLength", "maxLength", "pattern", "unique"],
     label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text"]))),
     description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Titles, names, single line values."]))),
     icon: /*#__PURE__*/React.createElement(TextIcon, null),

package/admin/plugins/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: () => (import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").CacheGetObjectIdPlugin | import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app/types").RoutePlugin[] | import("../../types").CmsContentDetailsPlugin[] | {
+declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer[] | import("@webiny/app/types").CacheGetObjectIdPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("../../types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;

package/admin/plugins/permissionRenderer/components/StyledComponents.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Note: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "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 Note: 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>;

package/admin/plugins/permissionRenderer/index.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { AccordionItem } from "@webiny/ui/Accordion";
-import { ReactComponent as HeadlessCMSIcon } from "@svgr/webpack!../../icons/devices_other-black-24px.svg";
+import { ReactComponent as HeadlessCMSIcon } from "../../icons/devices_other-black-24px.svg";
 import { CMSPermissions } from "./CmsPermissions";
 export default {
   type: "admin-app-permissions-renderer",

package/admin/plugins/transformers/dateTransformer.js

@@ -14,7 +14,7 @@ var throwTransformError = function throwTransformError(params) {
 
 var dateOnly = function dateOnly(value) {
   if (!value) {
-    return new Date().toISOString().substr(0, 10);
+    return null; // return new Date().toISOString().substr(0, 10);
   }
 
   try {
@@ -51,7 +51,7 @@ var extractTimeZone = function extractTimeZone(value) {
 
 var extractTime = function extractTime(value) {
   if (!value) {
-    return "00:00:00";
+    return null;
   } else if (value.includes(":") === false) {
     throw new WebinyError("Time value is missing : separators.", "TIME_ERROR", {
       value: value
@@ -69,9 +69,7 @@ var extractTime = function extractTime(value) {
 
 var dateTimeWithTimezone = function dateTimeWithTimezone(value) {
   if (!value) {
-    var _date = new Date().toISOString();
-
-    return _date.replace(/\.([0-9]+)Z/, "+00:00");
+    return null;
   } else if (value.includes("T") === false) {
     return value;
   }
@@ -104,7 +102,7 @@ var dateTimeWithTimezone = function dateTimeWithTimezone(value) {
 
 var dateTimeWithoutTimezone = function dateTimeWithoutTimezone(value) {
   if (!value) {
-    return new Date().toISOString();
+    return null;
   } else if (value.includes(" ") === false) {
     return value;
   }
@@ -122,7 +120,7 @@ var dateTimeWithoutTimezone = function dateTimeWithoutTimezone(value) {
 
 var time = function time(value) {
   if (!value) {
-    return "00:00:00";
+    return null;
   }
 
   return extractTime(value);

package/admin/plugins/validators/unique.d.ts

@@ -0,0 +1,7 @@
+import { CmsModelFieldValidatorPlugin } from "../../../types";
+declare const _default: () => CmsModelFieldValidatorPlugin;
+/**
+ * In the UI we will pretend that field is unique.
+ * When saving the entry, API call will check for the uniqueness.
+ */
+export default _default;

package/admin/plugins/validators/unique.js

@@ -0,0 +1,38 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+/**
+ * In the UI we will pretend that field is unique.
+ * When saving the entry, API call will check for the uniqueness.
+ */
+export default (function () {
+  return {
+    type: "cms-model-field-validator",
+    name: "cms-model-field-validator-unique",
+    validator: {
+      name: "unique",
+      validate: function () {
+        var _validate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  return _context.abrupt("return", true);
+
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function validate() {
+          return _validate.apply(this, arguments);
+        }
+
+        return validate;
+      }()
+    }
+  };
+});

package/admin/views/contentEntries/ContentEntriesList.js

@@ -17,8 +17,8 @@ import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
 import { Cell, Grid } from "@webiny/ui/Grid";
 import { Select } from "@webiny/ui/Select";
 import { Scrollbar } from "@webiny/ui/Scrollbar";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
+import { ReactComponent as FilterIcon } from "@webiny/app-admin/assets/icons/filter-24px.svg";
 import SearchUI from "@webiny/app-admin/components/SearchUI";
 import statusLabels from "../../constants/statusLabels";
 import { useCallback } from "react";

package/admin/views/contentEntries/ContentEntry/RevisionListItem.js

@@ -11,15 +11,15 @@ import { Icon } from "@webiny/ui/Icon";
 import { MenuItem, Menu, MenuDivider } from "@webiny/ui/Menu";
 import { ConfirmationDialog } from "@webiny/ui/ConfirmationDialog";
 import { Tooltip } from "@webiny/ui/Tooltip";
-import { ReactComponent as MoreVerticalIcon } from "@svgr/webpack!../../../icons/more_vert.svg";
-import { ReactComponent as LockIcon } from "@svgr/webpack!../../../icons/lock.svg";
-import { ReactComponent as BeenHereIcon } from "@svgr/webpack!../../../icons/beenhere.svg";
-import { ReactComponent as GestureIcon } from "@svgr/webpack!../../../icons/gesture.svg";
-import { ReactComponent as AddIcon } from "@svgr/webpack!../../../icons/add.svg";
-import { ReactComponent as EditIcon } from "@svgr/webpack!../../../icons/edit.svg";
-import { ReactComponent as PublishIcon } from "@svgr/webpack!../../../icons/publish.svg";
-import { ReactComponent as UnpublishIcon } from "@svgr/webpack!../../../icons/unpublish.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/delete.svg";
+import { ReactComponent as MoreVerticalIcon } from "../../../icons/more_vert.svg";
+import { ReactComponent as LockIcon } from "../../../icons/lock.svg";
+import { ReactComponent as BeenHereIcon } from "../../../icons/beenhere.svg";
+import { ReactComponent as GestureIcon } from "../../../icons/gesture.svg";
+import { ReactComponent as AddIcon } from "../../../icons/add.svg";
+import { ReactComponent as EditIcon } from "../../../icons/edit.svg";
+import { ReactComponent as PublishIcon } from "../../../icons/publish.svg";
+import { ReactComponent as UnpublishIcon } from "../../../icons/unpublish.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/delete.svg";
 import { i18n } from "@webiny/app/i18n";
 import { useRevision } from "./useRevision";
 import usePermission from "../../../hooks/usePermission";

package/admin/views/contentEntries/ContentEntry/header/contentFormOptionsMenu/ContentFormOptionsMenu.js

@@ -19,8 +19,8 @@ import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDi
 import { i18n } from "@webiny/app/i18n";
 import { createDeleteMutation } from "../../../../../graphql/contentEntries";
 import usePermission from "../../../../../hooks/usePermission";
-import { ReactComponent as MoreVerticalIcon } from "@svgr/webpack!../../../../../icons/more_vert.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../../../icons/delete.svg";
+import { ReactComponent as MoreVerticalIcon } from "../../../../../icons/more_vert.svg";
+import { ReactComponent as DeleteIcon } from "../../../../../icons/delete.svg";
 import { removeEntryFromListCache } from "../../cache";
 import { useMutation } from "../../../../../hooks";
 import { useContentEntry } from "../../../hooks/useContentEntry";

package/admin/views/contentEntries/ContentEntry/header/requestChanges/RequestChanges.js

@@ -9,7 +9,7 @@ import { IconButton } from "@webiny/ui/Button";
 import { Tooltip } from "@webiny/ui/Tooltip";
 import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as RequestChangesIcon } from "@svgr/webpack!./rule-24px.svg";
+import { ReactComponent as RequestChangesIcon } from "./rule-24px.svg";
 import usePermission from "../../../../../hooks/usePermission";
 import { useRevision } from "../../useRevision";
 import { useContentEntry } from "../../../hooks/useContentEntry";

package/admin/views/contentEntries/ContentEntry/header/requestReview/RequestReview.js

@@ -9,7 +9,7 @@ import { IconButton } from "@webiny/ui/Button";
 import { Tooltip } from "@webiny/ui/Tooltip";
 import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as RequestReviewIcon } from "@svgr/webpack!./emoji_people-24px.svg";
+import { ReactComponent as RequestReviewIcon } from "./emoji_people-24px.svg";
 import { useRevision } from "../../useRevision";
 import usePermission from "../../../../../hooks/usePermission";
 import { useContentEntry } from "../../../hooks/useContentEntry";

package/admin/views/contentEntries/ContentEntry/header/revisionSelector/RevisionSelector.js

@@ -6,7 +6,7 @@ import { ButtonDefault } from "@webiny/ui/Button";
 import { Icon } from "@webiny/ui/Icon";
 import { Typography } from "@webiny/ui/Typography";
 import { Menu, MenuItem } from "@webiny/ui/Menu";
-import { ReactComponent as DownButton } from "@svgr/webpack!../../../../../icons/round-arrow_drop_down-24px.svg";
+import { ReactComponent as DownButton } from "../../../../../icons/round-arrow_drop_down-24px.svg";
 import { useContentEntry } from "../../../hooks/useContentEntry";
 import statusLabels from "../../../../../constants/statusLabels";
 var buttonStyle = /*#__PURE__*/css({

package/admin/views/contentEntries/ContentEntry.js

@@ -7,7 +7,7 @@ import { css } from "emotion";
 import styled from "@emotion/styled";
 import EmptyView from "@webiny/app-admin/components/EmptyView";
 import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
 import { i18n } from "@webiny/app/i18n";
 import { Tab, Tabs } from "@webiny/ui/Tabs";
 import { Elevation } from "@webiny/ui/Elevation";

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js

@@ -22,8 +22,8 @@ import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
 import { Cell, Grid } from "@webiny/ui/Grid";
 import { Select } from "@webiny/ui/Select";
 import SearchUI from "@webiny/app-admin/components/SearchUI";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
+import { ReactComponent as FilterIcon } from "@webiny/app-admin/assets/icons/filter-24px.svg";
 import { serializeSorters, deserializeSorters } from "../utils";
 import usePermission from "../../hooks/usePermission";
 import { Tooltip } from "@webiny/ui/Tooltip";

package/admin/views/contentModelGroups/ContentModelGroupsForm.js

@@ -26,7 +26,7 @@ import IconPicker from "./IconPicker";
 import { useRouter } from "@webiny/react-router";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import EmptyView from "@webiny/app-admin/components/EmptyView";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
+import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
 import { useMutation, useQuery } from "../../hooks";
 import * as GQL from "./graphql";
 import usePermission from "../../hooks/usePermission";

package/admin/views/contentModels/ContentModelEditor.js

@@ -1,5 +1,5 @@
 import React from "react";
-import HTML5Backend from "react-dnd-html5-backend";
+import { HTML5Backend } from "react-dnd-html5-backend";
 import { DndProvider } from "react-dnd";
 import { Editor } from "../../components/ContentModelEditor/Editor";
 import { useRouter } from "@webiny/react-router";