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

package/admin/plugins/fieldRenderers/dateTime/utils.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from "react";
 import { css } from "emotion";
 import { Cell } from "@webiny/ui/Grid";
@@ -120,17 +121,58 @@ export var UTC_TIMEZONES = [{
   value: "+14:00",
   label: "UTC+14:00"
 }];
-/**
- * @returns Current date string in format `YYYY-MM-DD`
- */
+export var DEFAULT_TIMEZONE = "+01:00";
+export var getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
+  var def = field.settings ? field.settings.defaultSetValue || "null" : "null";
+
+  if (bind.value || def !== "current") {
+    return bind.value || "";
+  }
 
-export var getCurrentDateString = function getCurrentDateString() {
-  var today = new Date().toISOString();
-  return today.substr(0, 10);
+  return getCurrent();
+};
+export var getCurrentTimeZone = function getCurrentTimeZone(date) {
+  if (!date) {
+    date = new Date();
+  }
+
+  var value = date.toTimeString();
+  var matches = value.match(/GMT([+-][0-9]{4})/);
+
+  if (!matches) {
+    return null;
+  }
+
+  var timezone = matches[1];
+  return "".concat(timezone.substr(0, 3), ":").concat(timezone.substr(3));
+};
+export var getCurrentLocalTime = function getCurrentLocalTime(date) {
+  if (!date) {
+    date = new Date();
+  }
+
+  var value = date.toTimeString();
+
+  var _value$split = value.split(" "),
+      _value$split2 = _slicedToArray(_value$split, 1),
+      time = _value$split2[0];
+
+  if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {
+    return "00:00:00";
+  }
+
+  return time;
+};
+export var getCurrentDate = function getCurrentDate(date) {
+  if (!date) {
+    date = new Date();
+  }
+
+  var year = String(date.getFullYear()).padStart(4, "0");
+  var month = String(date.getMonth() + 1).padStart(2, "0");
+  var day = String(date.getDate()).padStart(2, "0");
+  return "".concat(year, "-").concat(month, "-").concat(day);
 };
-export var DEFAULT_TIME = "00:00:00";
-export var DEFAULT_DATE = getCurrentDateString();
-export var DEFAULT_TIMEZONE = "+01:00";
 var deleteIconStyles = /*#__PURE__*/css({
   width: "100% !important",
   height: "100% !important",

package/admin/plugins/fieldRenderers/file/File.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from "react";
 import { Image } from "@webiny/app/components";
 import * as Ui from "@webiny/ui/ImageUpload";
-import { createRenderImagePreview, imageExtensions } from "./utils";
+import { createRenderImagePreview, imagePlugins } from "./utils";
 import fileIcon from "../../fields/icons/round_insert_drive_file-24px.svg";
 import { FormElementMessage } from "@webiny/ui/FormElementMessage";
 var imagePreviewProps = {
@@ -32,7 +32,7 @@ var File = function File(props) {
   var styles = props.styles || defaultStyles;
   var validation = props.validation || defaultValidation;
   var isImage = useCallback(function (url) {
-    return imageExtensions.some(function (extension) {
+    return imagePlugins.some(function (extension) {
       return url.includes(extension);
     });
   }, []);

package/admin/plugins/fieldRenderers/file/utils.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const imageExtensions: string[];
+export declare const imagePlugins: string[];
 export declare const imageWrapperStyles: string;
 export declare const createRenderImagePreview: ({ value, imagePreviewProps }: {
     value: any;

package/admin/plugins/fieldRenderers/file/utils.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { css } from "emotion";
-import { ReactComponent as FileIcon } from "@svgr/webpack!../../fields/icons/round_insert_drive_file-24px.svg";
-export var imageExtensions = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
+import { ReactComponent as FileIcon } from "../../fields/icons/round_insert_drive_file-24px.svg";
+export var imagePlugins = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
 export var imageWrapperStyles = /*#__PURE__*/css({
   height: "auto"
 }, "label:imageWrapperStyles;");

package/admin/plugins/fieldRenderers/longText/longTexts.js

@@ -6,7 +6,7 @@ import React from "react";
 import get from "lodash/get";
 import { Input } from "@webiny/ui/Input";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
 var t = i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {

package/admin/plugins/fieldRenderers/number/numberInputs.js

@@ -6,7 +6,7 @@ import React from "react";
 import get from "lodash/get";
 import { Input } from "@webiny/ui/Input";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
 var t = i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {

package/admin/plugins/fieldRenderers/object/multipleObjects.js

@@ -6,7 +6,7 @@ import React from "react";
 import { i18n } from "@webiny/app/i18n";
 import DynamicSection from "../DynamicSection";
 import { Fields } from "../../../components/ContentEntryForm/Fields";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import { IconButton } from "@webiny/ui/Button";
 import { Cell } from "@webiny/ui/Grid";
 import { FormElementMessage } from "@webiny/ui/FormElementMessage";

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -30,12 +30,13 @@ var plugin = {
         var onChange = _ref3.onChange,
             getValue = _ref3.getValue;
         return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
+          var value = field.type === "number" ? Number(option.value) : option.value;
           return /*#__PURE__*/React.createElement("div", {
-            key: option.value + index
+            key: String(option.value) + index
           }, /*#__PURE__*/React.createElement(Radio, {
             label: option.label,
-            value: getValue(option.value),
-            onChange: onChange(option.value)
+            value: getValue(value),
+            onChange: onChange(value)
           }));
         }));
       }));

package/admin/plugins/fieldRenderers/richText/richTextInputs.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2;
 import React, { useMemo } from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
 import { RichTextEditor, createPropsFromConfig } from "@webiny/app-admin/components/RichTextEditor";
 import { IconButton } from "@webiny/ui/Button";

package/admin/plugins/fieldRenderers/text/textInputs.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3;
 import React from "react";
 import get from "lodash/get";
 import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/close.svg";
+import { ReactComponent as DeleteIcon } from "../../../icons/close.svg";
 import DynamicSection from "../DynamicSection";
 import { Input } from "@webiny/ui/Input";
 var t = i18n.ns("app-headless-cms/admin/fields/text");

package/admin/plugins/fieldValidators/date/createDateInputField.js

@@ -1,33 +1,28 @@
 import React from "react";
-import DateTimeWithoutTimezone from "../../fieldRenderers/dateTime/DateTimeWithoutTimezone";
-import DateTimeWithTimezone from "../../fieldRenderers/dateTime/DateTimeWithTimezone";
-import Time from "../../fieldRenderers/dateTime/Time";
-import Input from "../../fieldRenderers/dateTime/Input";
+import { DateTimeWithoutTimezone } from "../../fieldRenderers/dateTime/DateTimeWithoutTimezone";
+import { DateTimeWithTimezone } from "../../fieldRenderers/dateTime/DateTimeWithTimezone";
+import { Time } from "../../fieldRenderers/dateTime/Time";
+import { DateOnly } from "../../fieldRenderers/dateTime/DateOnly";
 export var createInputField = function createInputField(field, bind) {
   if (field.settings.type === "dateTimeWithoutTimezone") {
     return /*#__PURE__*/React.createElement(DateTimeWithoutTimezone, {
       field: field,
       bind: bind
     });
-  }
-
-  if (field.settings.type === "dateTimeWithTimezone") {
+  } else if (field.settings.type === "dateTimeWithTimezone") {
     return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
       field: field,
       bind: bind
     });
-  }
-
-  if (field.settings.type === "time") {
+  } else if (field.settings.type === "time") {
     return /*#__PURE__*/React.createElement(Time, {
       field: field,
       bind: bind
     });
   }
 
-  return /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React.createElement(DateOnly, {
     bind: bind,
-    field: field,
-    type: field.settings.type
+    field: field
   });
 };

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

@@ -0,0 +1,3 @@
+import { CmsEditorFieldValidatorPlugin } from "../../../types";
+declare const _default: () => CmsEditorFieldValidatorPlugin;
+export default _default;

package/admin/plugins/fieldValidators/unique.js

@@ -0,0 +1,12 @@
+export default (function () {
+  return {
+    type: "cms-editor-field-validator",
+    name: "cms-editor-field-validator-unique",
+    validator: {
+      name: "unique",
+      label: "Unique",
+      description: "You won't be able to submit the form if this field is not unique",
+      defaultMessage: "Value must be unique."
+    }
+  };
+});

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-declare function PredefinedValuesDynamicFieldset({ getBind, renderValueInput }: {
-    getBind: any;
+import React from "react";
+import { CmsEditorField } from "../../../types";
+export interface Props {
+    getBind: (value?: any) => any;
     renderValueInput?: any;
-}): JSX.Element;
+    field: CmsEditorField;
+}
+declare const PredefinedValuesDynamicFieldset: React.FC<Props>;
 export default PredefinedValuesDynamicFieldset;

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,11 +1,5 @@
 /// <reference types="react" />
-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("@webiny/ui-composer/UIView").UIViewPlugin<import("@webiny/app-admin/ui/views/NavigationView").NavigationView>[] | import("@webiny/plugins/types").Plugin<{
-    type: "graphql-playground-tab";
-    tab(params: {
-        locale: string;
-        identity: import("@webiny/app-security/types").SecurityIdentity;
-    }): import("@webiny/app-graphql-playground/types").GraphQLPlaygroundTab;
-}>[] | 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/index.js

@@ -1,14 +1,12 @@
 import routes from "./routes";
-import menus from "./menus";
 import icons from "./icons";
 import install from "./install";
 import contentFormTransformers from "./transformers";
 import defaultBar from "./editor/defaultBar";
 import formSettings from "./editor/formSettings";
-import apiInformation from "./apiInformation";
 import permissionRenderer from "./permissionRenderer";
 import getObjectId from "./getObjectId";
 import contentEntryHeader from "../views/contentEntries/ContentEntry/header";
 export default (function () {
-  return [install, routes, menus, icons, contentFormTransformers(), defaultBar, formSettings, permissionRenderer, apiInformation, getObjectId, contentEntryHeader];
+  return [install, routes, icons, contentFormTransformers(), defaultBar, formSettings, permissionRenderer, getObjectId, contentEntryHeader];
 });