@webiny/app-headless-cms 0.0.0-mt-1

package/admin/plugins/fieldValidators/dateLte.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { validation } from "@webiny/validation";
+import { createInputField } from "./date/createDateInputField";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+import { getAvailableValidators } from "./date/availableValidators";
+export default (function () {
+  return {
+    type: "cms-editor-field-validator",
+    name: "cms-editor-field-validator-date-lte",
+    validator: {
+      name: "dateLte",
+      label: "Earlier or equal",
+      description: "Entered date/time must be equal or earlier compared to the provided date.",
+      defaultMessage: "Date/time is later than the provided one.",
+      renderSettings: function renderSettings(_ref) {
+        var Bind = _ref.Bind,
+            field = _ref.field;
+        var type = field.settings.type;
+        var availableValidators = getAvailableValidators(type).join(",");
+        return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+          span: 12
+        }, /*#__PURE__*/React.createElement(Bind, {
+          name: "settings.type"
+        }, function (bind) {
+          if (bind.value !== type) {
+            bind.onChange(type);
+          }
+
+          return /*#__PURE__*/React.createElement(React.Fragment, null);
+        }), /*#__PURE__*/React.createElement(Bind, {
+          name: "settings.value",
+          validators: validation.create(availableValidators)
+        }, function (bind) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, createInputField(field, bind), /*#__PURE__*/React.createElement(FormElementMessage, null, "This is the latest date/time that will be allowed."));
+        })));
+      }
+    }
+  };
+});

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

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

package/admin/plugins/fieldValidators/gte.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { validation } from "@webiny/validation";
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-gte",
+  validator: {
+    name: "gte",
+    label: "Greater or equal",
+    description: "Entered value must be equal or greater than the provided max value.",
+    defaultMessage: "Value is too small.",
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.value",
+        validators: validation.create("required,numeric")
+      }, /*#__PURE__*/React.createElement(Input, {
+        type: "number",
+        label: "Value",
+        description: "This is the greatest value that will be allowed"
+      }))));
+    }
+  }
+};

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

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

package/admin/plugins/fieldValidators/in.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Tags } from "@webiny/ui/Tags";
+import { validation } from "@webiny/validation";
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-in",
+  validator: {
+    name: "in",
+    label: "Specific values",
+    description: "You won't be able to submit the form if the field value is not in the list of specified values",
+    defaultMessage: "Value is not allowed.",
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.values",
+        validators: validation.create("required")
+      }, /*#__PURE__*/React.createElement(Tags, {
+        label: "Allowed values",
+        description: "Hit ENTER to add values"
+      }))));
+    }
+  }
+};

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

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

package/admin/plugins/fieldValidators/lte.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { validation } from "@webiny/validation";
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-lte",
+  validator: {
+    name: "lte",
+    label: "Smaller or equal",
+    description: "Entered value must be equal or lower than the provided min value.",
+    defaultMessage: "Value is too great.",
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.value",
+        validators: validation.create("required,numeric")
+      }, /*#__PURE__*/React.createElement(Input, {
+        type: "number",
+        label: "Value",
+        description: "This is the greatest value that will be allowed"
+      }))));
+    }
+  }
+};

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

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

package/admin/plugins/fieldValidators/maxLength.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { validation } from "@webiny/validation";
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-max-length",
+  validator: {
+    name: "maxLength",
+    label: "Max length",
+    description: "Entered value must not be longer than the provided max length.",
+    defaultMessage: "Value is too long.",
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.value",
+        validators: validation.create("required,numeric")
+      }, /*#__PURE__*/React.createElement(Input, {
+        type: "number",
+        label: "Value",
+        description: "This is the maximum allowed length."
+      }))));
+    }
+  }
+};

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

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

package/admin/plugins/fieldValidators/minLength.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { validation } from "@webiny/validation";
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-min-length",
+  validator: {
+    name: "minLength",
+    label: "Min length",
+    description: "Entered value must not be shorter than the provided min length.",
+    defaultMessage: "Value is too short.",
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.Bind;
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.value",
+        validators: validation.create("required,numeric")
+      }, /*#__PURE__*/React.createElement(Input, {
+        type: "number",
+        label: "Value",
+        description: "This is the minimum allowed length."
+      }))));
+    }
+  }
+};

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

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

package/admin/plugins/fieldValidators/pattern.js

@@ -0,0 +1,74 @@
+import React from "react";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Input } from "@webiny/ui/Input";
+import { Select } from "@webiny/ui/Select";
+import { plugins } from "@webiny/plugins";
+import { validation } from "@webiny/validation";
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-pattern",
+  validator: {
+    name: "pattern",
+    label: "Pattern",
+    description: "Entered value must match a specific pattern.",
+    defaultMessage: "Invalid value.",
+    defaultSettings: {
+      preset: "custom"
+    },
+    renderSettings: function renderSettings(_ref) {
+      var Bind = _ref.Bind,
+          setValue = _ref.setValue,
+          setMessage = _ref.setMessage,
+          data = _ref.data;
+      var inputsDisabled = data.settings.preset !== "custom";
+      var presetPlugins = plugins.byType("cms-editor-field-validator-pattern");
+      var selectOptions = presetPlugins.map(function (item) {
+        return /*#__PURE__*/React.createElement("option", {
+          key: item.pattern.name,
+          value: item.pattern.name
+        }, item.pattern.label);
+      });
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+        span: 3
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.preset",
+        validators: validation.create("required"),
+        afterChange: function afterChange(value) {
+          if (value === "custom") {
+            setMessage("Invalid value.");
+            return;
+          }
+
+          setValue("settings.regex", null);
+          setValue("settings.flags", null);
+          var selectedPatternPlugin = presetPlugins.find(function (item) {
+            return item.pattern.name === value;
+          });
+          setMessage(selectedPatternPlugin.pattern.message);
+        }
+      }, /*#__PURE__*/React.createElement(Select, {
+        label: "Preset"
+      }, /*#__PURE__*/React.createElement("option", {
+        value: "custom"
+      }, "Custom"), selectOptions))), /*#__PURE__*/React.createElement(Cell, {
+        span: 7
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.regex",
+        validators: validation.create("required")
+      }, /*#__PURE__*/React.createElement(Input, {
+        disabled: inputsDisabled,
+        label: "Regex",
+        description: "Regex to test the value"
+      }))), /*#__PURE__*/React.createElement(Cell, {
+        span: 2
+      }, /*#__PURE__*/React.createElement(Bind, {
+        name: "settings.flags",
+        validators: validation.create("required")
+      }, /*#__PURE__*/React.createElement(Input, {
+        disabled: inputsDisabled,
+        label: "Flags",
+        description: "Regex flags"
+      }))));
+    }
+  }
+};

package/admin/plugins/fieldValidators/patternPlugins/email.d.ts

@@ -0,0 +1,3 @@
+import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
+declare const _default: CmsEditorFieldValidatorPatternPlugin;
+export default _default;

package/admin/plugins/fieldValidators/patternPlugins/email.js

@@ -0,0 +1,9 @@
+export default {
+  type: "cms-editor-field-validator-pattern",
+  name: "cms-editor-field-validator-pattern-email",
+  pattern: {
+    message: "Please enter a valid e-mail.",
+    name: "email",
+    label: "E-mail"
+  }
+};

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.d.ts

@@ -0,0 +1,3 @@
+import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
+declare const _default: CmsEditorFieldValidatorPatternPlugin;
+export default _default;

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.js

@@ -0,0 +1,9 @@
+export default {
+  type: "cms-editor-field-validator-pattern",
+  name: "cms-editor-field-validator-pattern-lower-case",
+  pattern: {
+    message: "Only lower case characters are allowed.",
+    name: "lowerCase",
+    label: "Lower case"
+  }
+};

package/admin/plugins/fieldValidators/patternPlugins/upperCase.d.ts

@@ -0,0 +1,3 @@
+import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
+declare const _default: CmsEditorFieldValidatorPatternPlugin;
+export default _default;

package/admin/plugins/fieldValidators/patternPlugins/upperCase.js

@@ -0,0 +1,9 @@
+export default {
+  type: "cms-editor-field-validator-pattern",
+  name: "cms-editor-field-validator-pattern-upper-case",
+  pattern: {
+    message: "Only upper case characters are allowed.",
+    name: "upperCase",
+    label: "Upper case"
+  }
+};

package/admin/plugins/fieldValidators/patternPlugins/url.d.ts

@@ -0,0 +1,3 @@
+import { CmsEditorFieldValidatorPatternPlugin } from "../../../../types";
+declare const _default: CmsEditorFieldValidatorPatternPlugin;
+export default _default;

package/admin/plugins/fieldValidators/patternPlugins/url.js

@@ -0,0 +1,9 @@
+export default {
+  type: "cms-editor-field-validator-pattern",
+  name: "cms-editor-field-validator-pattern-url",
+  pattern: {
+    message: "Please enter a valid URL.",
+    name: "url",
+    label: "URL"
+  }
+};

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

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

package/admin/plugins/fieldValidators/required.js

@@ -0,0 +1,10 @@
+export default {
+  type: "cms-editor-field-validator",
+  name: "cms-editor-field-validator-required",
+  validator: {
+    name: "required",
+    label: "Required",
+    description: "You won't be able to submit the form if this field is empty",
+    defaultMessage: "Value is required."
+  }
+};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function PredefinedValuesDynamicFieldset({ getBind, renderValueInput }: {
+    getBind: any;
+    renderValueInput?: any;
+}): JSX.Element;
+export default PredefinedValuesDynamicFieldset;

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -0,0 +1,108 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+import React from "react";
+import styled from "@emotion/styled";
+import { css } from "emotion";
+import { Grid, Cell, GridInner } from "@webiny/ui/Grid";
+import { i18n } from "@webiny/app/i18n";
+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";
+var t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
+var Fieldset = /*#__PURE__*/styled("div", {
+  target: "e1vzahbl0",
+  label: "Fieldset"
+})({
+  position: "relative",
+  width: "100%",
+  marginBottom: 15,
+  ".webiny-ui-button": {
+    position: "absolute",
+    display: "block",
+    right: 10,
+    top: 13
+  }
+});
+var controlButtons = /*#__PURE__*/css({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  ">button": {
+    marginRight: 15
+  }
+}, "label:controlButtons;");
+var emptyStyles = /*#__PURE__*/css({
+  textAlign: "center"
+}, "label:emptyStyles;");
+var Header = /*#__PURE__*/styled("div", {
+  target: "e1vzahbl1",
+  label: "Header"
+})({
+  display: "flex",
+  justifyContent: "space-between",
+  marginBottom: 15
+});
+
+function PredefinedValuesDynamicFieldset(_ref) {
+  var getBind = _ref.getBind,
+      _ref$renderValueInput = _ref.renderValueInput,
+      renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput;
+  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"])))));
+    }));
+  }))));
+}
+
+export default PredefinedValuesDynamicFieldset;

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

@@ -0,0 +1,3 @@
+import { CmsEditorFieldTypePlugin } from "../../../types";
+declare const plugin: CmsEditorFieldTypePlugin;
+export default plugin;

package/admin/plugins/fields/boolean.js

@@ -0,0 +1,31 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import React from "react";
+import { ReactComponent as BooleanIcon } from "@svgr/webpack!./icons/toggle_on-black-24px.svg";
+import { i18n } from "@webiny/app/i18n";
+var t = i18n.ns("app-headless-cms/admin/fields");
+var plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-boolean",
+  field: {
+    type: "boolean",
+    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Boolean"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store boolean (\"yes\" or \"no\" ) values."]))),
+    icon: /*#__PURE__*/React.createElement(BooleanIcon, null),
+    allowMultipleValues: false,
+    allowPredefinedValues: false,
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of booleans"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    }
+  }
+};
+export default plugin;

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

@@ -0,0 +1,3 @@
+import { CmsEditorFieldTypePlugin } from "../../../types";
+declare const plugin: CmsEditorFieldTypePlugin;
+export default plugin;

package/admin/plugins/fields/dateTime.js

@@ -0,0 +1,77 @@
+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;
+
+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";
+var t = i18n.ns("app-headless-cms/admin/fields");
+var plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-dateTime",
+  field: {
+    type: "datetime",
+    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Date/Time"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store date and time."]))),
+    icon: /*#__PURE__*/React.createElement(DateTimeIcon, null),
+    validators: ["required", "dateGte", "dateLte"],
+    allowMultipleValues: true,
+    allowPredefinedValues: false,
+    // TODO: implement "renderPredefinedValues" and set to true.
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of dates and times"]))),
+    createField: function createField() {
+      return {
+        type: this.type,
+        settings: {
+          type: "date"
+        },
+        validation: [],
+        renderer: {
+          name: ""
+        }
+      };
+    },
+    renderSettings: function renderSettings(_ref) {
+      var _ref$form = _ref.form,
+          Bind = _ref$form.Bind,
+          data = _ref$form.data,
+          contentModel = _ref.contentModel;
+      var lockedFields = contentModel.lockedFields || [];
+
+      var fieldId = _get(data, "fieldId", null);
+
+      var lockedField = lockedFields.find(function (lockedField) {
+        return lockedField.fieldId === fieldId;
+      });
+      return /*#__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(Bind, {
+        name: "settings.type"
+      }, /*#__PURE__*/React.createElement(Select, {
+        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Format"]))),
+        description: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Cannot be changed later"]))),
+        disabled: lockedField && Boolean(lockedField.formatType)
+      }, /*#__PURE__*/React.createElement("option", {
+        value: t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["date"])))
+      }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Date only"])))), /*#__PURE__*/React.createElement("option", {
+        value: t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["time"])))
+      }, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Time only"])))), /*#__PURE__*/React.createElement("option", {
+        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"]))))))));
+    }
+  }
+};
+export default plugin;

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

@@ -0,0 +1,3 @@
+import { CmsEditorFieldTypePlugin } from "../../../types";
+declare const plugin: CmsEditorFieldTypePlugin;
+export default plugin;