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

package/admin/plugins/fieldRenderers/ref/components/useReferences.js

@@ -0,0 +1,180 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useApolloClient } from "../../../../hooks";
+import * as GQL from "./graphql";
+import { getOptions } from "./getOptions";
+
+function distinctBy(key, array) {
+  var keys = array.map(function (value) {
+    return value[key];
+  });
+  return array.filter(function (value, index) {
+    return keys.indexOf(value[key]) === index;
+  });
+}
+
+export var useReferences = function useReferences(_ref) {
+  var bind = _ref.bind,
+      field = _ref.field;
+  var allEntries = useRef([]);
+  var client = useApolloClient();
+
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
+      search = _useState2[0],
+      setSearch = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var _useState5 = useState([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      entries = _useState6[0],
+      setEntries = _useState6[1];
+
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      latestEntries = _useState8[0],
+      setLatestEntries = _useState8[1];
+
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      valueEntries = _useState10[0],
+      setValueEntries = _useState10[1];
+
+  var models = field.settings.models;
+  var modelsHash = models.join(",");
+  var values = bind.value ? bind.value : [];
+
+  var searchEntries = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _yield$client$query, data;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (search) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              setLoading(true);
+              _context.next = 5;
+              return client.query({
+                query: GQL.SEARCH_CONTENT_ENTRIES,
+                variables: {
+                  modelIds: models.map(function (m) {
+                    return m.modelId;
+                  }),
+                  query: search
+                }
+              });
+
+            case 5:
+              _yield$client$query = _context.sent;
+              data = _yield$client$query.data;
+              setLoading(false);
+              allEntries.current = distinctBy("id", [].concat(_toConsumableArray(allEntries.current), _toConsumableArray(data.content.data)));
+              setEntries(data.content.data);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function searchEntries() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  useEffect(function () {
+    searchEntries();
+  }, [search]);
+  useEffect(function () {
+    client.query({
+      query: GQL.SEARCH_CONTENT_ENTRIES,
+      variables: {
+        modelIds: models.map(function (m) {
+          return m.modelId;
+        }),
+        query: "__latest__",
+        limit: 10
+      }
+    }).then(function (_ref3) {
+      var data = _ref3.data;
+      setLatestEntries(data.content.data);
+      allEntries.current = _toConsumableArray(data.content.data);
+    });
+  }, [modelsHash]);
+  useEffect(function () {
+    if (!values || !values.length) {
+      return;
+    }
+
+    setLoading(true);
+    client.query({
+      query: GQL.GET_CONTENT_ENTRIES,
+      variables: {
+        entries: values
+      }
+    }).then(function (res) {
+      setLoading(false);
+      var entries = res.data.content.data; // Calculate a couple of props for the Autocomplete component.
+
+      setValueEntries(entries.map(function (entry) {
+        return {
+          id: entry.id,
+          modelId: entry.model.modelId,
+          modelName: entry.model.name,
+          published: entry.status === "published",
+          name: entry.title
+        };
+      }));
+    });
+  }, []);
+  /**
+   * onChange callback will update internal component state using the previously loaded entries by IDs.
+   * It will also format the value to store to the DB.
+   */
+
+  var onChange = useCallback(function (values) {
+    setSearch("");
+    setValueEntries(values); // Update parent form
+
+    bind.onChange(values.map(function (item) {
+      return {
+        modelId: item.modelId,
+        entryId: item.id
+      };
+    }));
+  }, []); // Format options for the Autocomplete component.
+
+  var options = useMemo(function () {
+    return getOptions(entries);
+  }, [entries]); // Format default options for the Autocomplete component.
+
+  var defaultOptions = useMemo(function () {
+    return getOptions(latestEntries);
+  }, [latestEntries]);
+  return {
+    onChange: onChange,
+    loading: loading,
+    setSearch: setSearch,
+    // Selected entries
+    entries: valueEntries,
+    // Options to show when the autocomplete dropdown is visible
+    options: search ? options : defaultOptions || []
+  };
+};

package/admin/plugins/fieldRenderers/ref/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

package/admin/plugins/fieldRenderers/ref/index.js

@@ -0,0 +1,3 @@
+import refInput from "./refInput";
+import refInputs from "./refInputs";
+export default [refInput, refInputs];

package/admin/plugins/fieldRenderers/ref/refInput.d.ts

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

package/admin/plugins/fieldRenderers/ref/refInput.js

@@ -0,0 +1,30 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import ContentEntriesAutocomplete from "./components/ContentEntriesAutocomplete";
+var t = i18n.ns("app-headless-cms/admin/fields/ref");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-ref",
+  renderer: {
+    rendererName: "ref-input",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Reference Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders an auto-complete input, allowing selection of a single value."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "ref" && !field.multipleValues;
+    },
+    render: function render(props) {
+      var Bind = props.getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/React.createElement(ContentEntriesAutocomplete, Object.assign({}, props, {
+          bind: bind
+        }));
+      });
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldRenderers/ref/refInputs.d.ts

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

package/admin/plugins/fieldRenderers/ref/refInputs.js

@@ -0,0 +1,37 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import ContentEntriesMultiAutocomplete from "./components/ContentEntriesMultiAutoComplete";
+import { i18n } from "@webiny/app/i18n";
+var t = i18n.ns("app-headless-cms/admin/fields/ref");
+
+var getKey = function getKey(field, bind) {
+  return bind.form.data.id + "." + field.fieldId;
+};
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-ref-inputs",
+  renderer: {
+    rendererName: "ref-inputs",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Reference Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders an auto-complete input, allowing selection of multiple values."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "ref" && field.multipleValues;
+    },
+    render: function render(props) {
+      var Bind = props.getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/React.createElement(ContentEntriesMultiAutocomplete, Object.assign({
+          key: getKey(props.field, bind)
+        }, props, {
+          bind: bind
+        }));
+      });
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldRenderers/richText/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

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

@@ -0,0 +1,3 @@
+import richTextInput from "./richTextInput";
+import richTextInputs from "./richTextInputs";
+export default [richTextInput, richTextInputs];

package/admin/plugins/fieldRenderers/richText/richTextInput.d.ts

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

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

@@ -0,0 +1,50 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React, { useMemo } from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { createPropsFromConfig, RichTextEditor } from "@webiny/app-admin/components/RichTextEditor";
+import { plugins } from "@webiny/plugins";
+var t = i18n.ns("app-headless-cms/admin/fields/rich-text");
+
+var getKey = function getKey(field, bind) {
+  var formId = bind.form.data.id || "new";
+  return "".concat(formId, ".").concat(field.fieldId);
+};
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-rich-text",
+  renderer: {
+    rendererName: "rich-text-input",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Rich Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a rich text editor."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "rich-text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      var rteProps = useMemo(function () {
+        return createPropsFromConfig(plugins.byType("cms-rte-config").map(function (pl) {
+          return pl.config;
+        }));
+      }, []);
+      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
+          key: getKey(field, bind)
+        }, rteProps, bind, {
+          onChange: bind.onChange,
+          label: field.label,
+          placeholder: field.placeholderText,
+          description: field.helpText
+        }));
+      });
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldRenderers/richText/richTextInputs.d.ts

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

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

@@ -0,0 +1,79 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+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 DynamicSection from "../DynamicSection";
+import { RichTextEditor, createPropsFromConfig } from "@webiny/app-admin/components/RichTextEditor";
+import { IconButton } from "@webiny/ui/Button";
+import { plugins } from "@webiny/plugins";
+import styled from "@emotion/styled";
+var t = i18n.ns("app-headless-cms/admin/fields/rich-text");
+
+var getKey = function getKey(field, bind, index) {
+  var formId = bind.index.form.data.id || "new";
+  return "".concat(formId, ".").concat(field.fieldId, ".").concat(index);
+};
+
+var emptyValue = [{
+  type: "paragraph",
+  data: {
+    textAlign: "left",
+    className: null,
+    text: ""
+  }
+}];
+var EditorWrapper = /*#__PURE__*/styled("div", {
+  target: "es2hini0",
+  label: "EditorWrapper"
+})({
+  position: "relative",
+  "> button": {
+    position: "absolute",
+    top: 5,
+    right: 5
+  }
+});
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-rich-text-inputs",
+  renderer: {
+    rendererName: "rich-text-inputs",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Rich Text Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of rich text editors."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "rich-text" && field.multipleValues && !get(field, "predefinedValues.enabled");
+    },
+    render: function render(props) {
+      var field = props.field;
+      var rteProps = useMemo(function () {
+        return createPropsFromConfig(plugins.byType("cms-rte-config").map(function (pl) {
+          return pl.config;
+        }));
+      }, []);
+      return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
+        emptyValue: emptyValue
+      }), function (_ref2) {
+        var bind = _ref2.bind,
+            index = _ref2.index;
+        return /*#__PURE__*/React.createElement(EditorWrapper, null, index > 0 && /*#__PURE__*/React.createElement(IconButton, {
+          icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+          onClick: function onClick() {
+            return bind.field.removeValue(index);
+          }
+        }), /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({
+          key: getKey(field, bind, index)
+        }, rteProps, bind.index, {
+          label: "Value ".concat(index + 1),
+          placeholder: field.placeholderText,
+          description: field.helpText
+        })));
+      });
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldRenderers/select.d.ts

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

package/admin/plugins/fieldRenderers/select.js

@@ -0,0 +1,34 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { Select } from "@webiny/ui/Select";
+var t = i18n.ns("app-headless-cms/admin/fields/text");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-select-box",
+  renderer: {
+    rendererName: "select-box",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Select Box"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a select box, allowing selection of a single value."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return !field.multipleValues && get(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      var options = field.predefinedValues.values;
+      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(Select, {
+        label: field.label,
+        description: field.helpText,
+        options: options
+      }));
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldRenderers/text/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

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

@@ -0,0 +1,3 @@
+import textInput from "./textInput";
+import textInputs from "./textInputs";
+export default [textInput, textInputs];

package/admin/plugins/fieldRenderers/text/textInput.d.ts

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

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

@@ -0,0 +1,35 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Input } from "@webiny/ui/Input";
+import get from "lodash/get";
+var t = i18n.ns("app-headless-cms/admin/fields/text");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-text",
+  renderer: {
+    rendererName: "text-input",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple input with its type set to \"text\"."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "text" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+          label: field.label,
+          placeholder: field.placeholderText,
+          description: field.helpText
+        }));
+      });
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldRenderers/text/textInputs.d.ts

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

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

@@ -0,0 +1,46 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+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 DynamicSection from "../DynamicSection";
+import { Input } from "@webiny/ui/Input";
+var t = i18n.ns("app-headless-cms/admin/fields/text");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-text-inputs",
+  renderer: {
+    rendererName: "text-inputs",
+    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Text Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple list of text inputs."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "text" && field.multipleValues && !get(field, "predefinedValues.enabled");
+    },
+    render: function render(props) {
+      return /*#__PURE__*/React.createElement(DynamicSection, props, function (_ref2) {
+        var bind = _ref2.bind,
+            index = _ref2.index;
+        return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind.index, {
+          autoFocus: true,
+          onEnter: function onEnter() {
+            return bind.field.appendValue("");
+          },
+          label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Value {number}"])))({
+            number: index + 1
+          }),
+          trailingIcon: index > 0 && {
+            icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+            onClick: function onClick() {
+              return bind.field.removeValue(index);
+            }
+          }
+        }));
+      });
+    }
+  }
+};
+export default plugin;

package/admin/plugins/fieldValidators/date/availableValidators.d.ts

@@ -0,0 +1 @@
+export declare const getAvailableValidators: (type?: string) => string[];

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

@@ -0,0 +1,11 @@
+export var getAvailableValidators = function getAvailableValidators(type) {
+  var validators = ["required"];
+
+  if (!type) {
+    return validators;
+  } else if (type === "time") {
+    return validators.concat(["timeGte", "timeLte"]);
+  }
+
+  return validators.concat(["dateGte", "dateLte"]);
+};

package/admin/plugins/fieldValidators/date/createDateInputField.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CmsEditorField } from "../../../../types";
+export declare const createInputField: (field: CmsEditorField, bind: any) => JSX.Element;

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

@@ -0,0 +1,33 @@
+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";
+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") {
+    return /*#__PURE__*/React.createElement(DateTimeWithTimezone, {
+      field: field,
+      bind: bind
+    });
+  }
+
+  if (field.settings.type === "time") {
+    return /*#__PURE__*/React.createElement(Time, {
+      field: field,
+      bind: bind
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(Input, {
+    bind: bind,
+    field: field,
+    type: field.settings.type
+  });
+};

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

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

package/admin/plugins/fieldValidators/dateGte.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 { getAvailableValidators } from "./date/availableValidators";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+export default (function () {
+  return {
+    type: "cms-editor-field-validator",
+    name: "cms-editor-field-validator-date-gte",
+    validator: {
+      name: "dateGte",
+      label: "Later or equal",
+      description: "Entered date/time must be equal or later compared to the provided date.",
+      defaultMessage: "Date/time is earlier 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 earliest date/time that will be allowed."));
+        })));
+      }
+    }
+  };
+});

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

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