@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

package/admin/plugins/fieldValidators/required.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage"],"sources":["required.tsx"],"sourcesContent":["import { CmsEditorFieldValidatorPlugin } from \"~/types\";\n\nconst plugin: CmsEditorFieldValidatorPlugin = {\n    type: \"cms-editor-field-validator\",\n    name: \"cms-editor-field-validator-required\",\n    validator: {\n        name: \"required\",\n        label: \"Required\",\n        description: \"You won't be able to submit the form if this field is empty\",\n        defaultMessage: \"Value is required.\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAqC,GAAG;EAC1CC,IAAI,EAAE,4BADoC;EAE1CC,IAAI,EAAE,qCAFoC;EAG1CC,SAAS,EAAE;IACPD,IAAI,EAAE,UADC;IAEPE,KAAK,EAAE,UAFA;IAGPC,WAAW,EAAE,6DAHN;IAIPC,cAAc,EAAE;EAJT;AAH+B,CAA9C;eAUeN,M"}
+{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","validate","value","validation"],"sources":["required.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { validation } from \"@webiny/validation\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-required\",\n    validator: {\n        name: \"required\",\n        label: \"Required\",\n        description: \"You won't be able to submit the form if this field is empty\",\n        defaultMessage: \"Value is required.\",\n        validate: value => {\n            return validation.validate(value, \"required\");\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AACA;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,SAAS,EAAE;IACPD,IAAI,EAAE,UAAU;IAChBE,KAAK,EAAE,UAAU;IACjBC,WAAW,EAAE,6DAA6D;IAC1EC,cAAc,EAAE,oBAAoB;IACpCC,QAAQ,EAAE,kBAAAC,KAAK,EAAI;MACf,OAAOC,sBAAU,CAACF,QAAQ,CAACC,KAAK,EAAE,UAAU,CAAC;IACjD;EACJ;AACJ,CAAC;AAAC,eACaR,MAAM;AAAA"}

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

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

package/admin/plugins/fieldValidators/unique.js

@@ -1,21 +1,39 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _default = function _default() {
   return {
-    type: "cms-editor-field-validator",
+    type: "cms-model-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."
+      defaultMessage: "Value must be unique.",
+      validate: function () {
+        var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+          return (0, _regeneratorRuntime2.default)().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;
+      }()
     }
   };
 };
-
 exports.default = _default;

package/admin/plugins/fieldValidators/unique.js.map

@@ -1 +1 @@
-{"version":3,"names":["type","name","validator","label","description","defaultMessage"],"sources":["unique.tsx"],"sourcesContent":["import { CmsEditorFieldValidatorPlugin } from \"~/types\";\n\nexport default (): CmsEditorFieldValidatorPlugin => {\n    return {\n        type: \"cms-editor-field-validator\",\n        name: \"cms-editor-field-validator-unique\",\n        validator: {\n            name: \"unique\",\n            label: \"Unique\",\n            description: \"You won't be able to submit the form if this field is not unique\",\n            defaultMessage: \"Value must be unique.\"\n        }\n    };\n};\n"],"mappings":";;;;;;;eAEe,oBAAqC;EAChD,OAAO;IACHA,IAAI,EAAE,4BADH;IAEHC,IAAI,EAAE,mCAFH;IAGHC,SAAS,EAAE;MACPD,IAAI,EAAE,QADC;MAEPE,KAAK,EAAE,QAFA;MAGPC,WAAW,EAAE,kEAHN;MAIPC,cAAc,EAAE;IAJT;EAHR,CAAP;AAUH,C"}
+{"version":3,"names":["type","name","validator","label","description","defaultMessage","validate"],"sources":["unique.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\n\nexport default (): CmsModelFieldValidatorPlugin => {\n    return {\n        type: \"cms-model-field-validator\",\n        name: \"cms-editor-field-validator-unique\",\n        validator: {\n            name: \"unique\",\n            label: \"Unique\",\n            description: \"You won't be able to submit the form if this field is not unique\",\n            defaultMessage: \"Value must be unique.\",\n            validate: async () => {\n                /**\n                 * We let this validator be executed on the API side.\n                 */\n                return true;\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;;eAEe,oBAAoC;EAC/C,OAAO;IACHA,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MACPD,IAAI,EAAE,QAAQ;MACdE,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,kEAAkE;MAC/EC,cAAc,EAAE,uBAAuB;MACvCC,QAAQ;QAAA,uGAAE;UAAA;YAAA;cAAA;gBAAA,iCAIC,IAAI;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CACd;QAAA;UAAA;QAAA;QAAA;MAAA;IACL;EACJ,CAAC;AACL,CAAC;AAAA"}

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

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

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -1,40 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _emotion = require("emotion");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _DynamicFieldset = require("@webiny/ui/DynamicFieldset");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var _Button = require("@webiny/ui/Button");
-
 var _Input = require("@webiny/ui/Input");
-
 var _Switch = require("@webiny/ui/Switch");
-
+var _hooks = require("../../hooks");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
-
 var Fieldset = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1vzahbl0",
   label: "Fieldset"
@@ -68,12 +53,11 @@ var Header = /*#__PURE__*/(0, _styled.default)("div", {
   justifyContent: "space-between",
   marginBottom: 15
 });
-
 var onSelectedChange = function onSelectedChange(params) {
   var bind = params.bind,
-      field = params.field,
-      targetIndex = params.index,
-      setToValue = params.value;
+    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 (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
@@ -81,21 +65,21 @@ var onSelectedChange = function onSelectedChange(params) {
     });
   }));
 };
-
 var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_ref) {
   var getBind = _ref.getBind,
-      _ref$renderValueInput = _ref.renderValueInput,
-      renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput,
-      field = _ref.field;
+    _ref$renderValueInput = _ref.renderValueInput,
+    renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput;
   var Bind = getBind();
+  var _useModelField = (0, _hooks.useModelField)(),
+    field = _useModelField.field;
   return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
   }, /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
     return /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, bind, function (_ref2) {
       var actions = _ref2.actions,
-          header = _ref2.header,
-          row = _ref2.row,
-          empty = _ref2.empty;
+        header = _ref2.header,
+        row = _ref2.row,
+        empty = _ref2.empty;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row(function (_ref3) {
         var index = _ref3.index;
         var Bind = getBind(index);
@@ -103,36 +87,30 @@ var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_
           span: 4
         }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
           name: "label"
-        }, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({
-            label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Label"])))
-          }, bind));
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+          label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Label"])))
+        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 4
         }, /*#__PURE__*/_react.default.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/_react.default.createElement(Bind, {
           name: "value"
-        }, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({
-            label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Value"])))
-          }, bind));
-        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+          label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Value"])))
+        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 2
         }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
           name: "selected"
-        }, function (selectedBind) {
-          return /*#__PURE__*/_react.default.createElement(_Switch.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.default.createElement(_Grid.Cell, {
+        }, /*#__PURE__*/_react.default.createElement(_Switch.Switch, {
+          label: "Selected",
+          description: "Mark as selected value",
+          onChange: function onChange(value) {
+            onSelectedChange({
+              bind: bind,
+              field: field,
+              index: index,
+              value: value
+            });
+          }
+        })))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 2,
           className: controlButtons
         }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
@@ -164,6 +142,5 @@ var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_
     });
   })));
 };
-
 var _default = PredefinedValuesDynamicFieldset;
 exports.default = _default;

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Fieldset","styled","position","width","marginBottom","display","right","top","controlButtons","css","alignItems","justifyContent","marginRight","emptyStyles","textAlign","Header","onSelectedChange","params","bind","field","targetIndex","index","setToValue","value","form","setValue","map","defaultValue","multipleValues","selected","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","actions","header","row","empty","selectedBind","add","remove"],"sources":["PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Grid, Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { BindComponent, CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Fieldset = styled(\"div\")({\n    position: \"relative\",\n    width: \"100%\",\n    marginBottom: 15,\n    \".webiny-ui-button\": {\n        position: \"absolute\",\n        display: \"block\",\n        right: 10,\n        top: 13\n    }\n});\n\nconst controlButtons = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \">button\": {\n        marginRight: 15\n    }\n});\n\nconst emptyStyles = css({\n    textAlign: \"center\"\n});\n\nconst Header = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    marginBottom: 15\n});\n\ninterface PredefinedValue {\n    selected?: boolean;\n}\n\ninterface OnSelectedParams {\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n    index: number;\n    value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n    const { bind, field, index: targetIndex, value: setToValue } = params;\n    bind.form.setValue(\n        \"predefinedValues.values\",\n        bind.value.map((value: PredefinedValue, index: number) => {\n            const defaultValue = field.multipleValues ? value.selected : false;\n            return {\n                ...value,\n                selected: index === targetIndex ? setToValue : defaultValue\n            };\n        })\n    );\n};\n\nexport interface Props {\n    getBind: (value?: any) => BindComponent;\n    renderValueInput?: (Bind: BindComponent) => React.ReactNode;\n    field: CmsEditorField;\n}\nconst PredefinedValuesDynamicFieldset: React.FC<Props> = ({\n    getBind,\n    renderValueInput = null,\n    field\n}) => {\n    const Bind = getBind();\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind>\n                    {bind => {\n                        return (\n                            <DynamicFieldset {...bind}>\n                                {({ actions, header, row, empty }) => {\n                                    return (\n                                        <React.Fragment>\n                                            {row(({ index }) => {\n                                                const Bind = getBind(index);\n\n                                                return (\n                                                    <React.Fragment>\n                                                        <GridInner>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"label\"}>\n                                                                        {bind => (\n                                                                            <Input\n                                                                                label={t`Label`}\n                                                                                {...bind}\n                                                                            />\n                                                                        )}\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    {renderValueInput ? (\n                                                                        renderValueInput(Bind)\n                                                                    ) : (\n                                                                        <Bind name={\"value\"}>\n                                                                            {bind => (\n                                                                                <Input\n                                                                                    label={t`Value`}\n                                                                                    {...bind}\n                                                                                />\n                                                                            )}\n                                                                        </Bind>\n                                                                    )}\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={2}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"selected\"}>\n                                                                        {selectedBind => {\n                                                                            return (\n                                                                                <Switch\n                                                                                    {...selectedBind}\n                                                                                    label={\n                                                                                        \"Selected\"\n                                                                                    }\n                                                                                    description={\n                                                                                        \"Mark as selected value\"\n                                                                                    }\n                                                                                    onChange={(\n                                                                                        value: boolean\n                                                                                    ) => {\n                                                                                        onSelectedChange(\n                                                                                            {\n                                                                                                bind,\n                                                                                                field,\n                                                                                                index,\n                                                                                                value\n                                                                                            }\n                                                                                        );\n                                                                                    }}\n                                                                                />\n                                                                            );\n                                                                        }}\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n\n                                                            <Cell\n                                                                span={2}\n                                                                className={controlButtons}\n                                                            >\n                                                                <ButtonPrimary\n                                                                    small\n                                                                    onClick={actions.add(index)}\n                                                                >\n                                                                    +\n                                                                </ButtonPrimary>\n                                                                <ButtonSecondary\n                                                                    small\n                                                                    onClick={actions.remove(index)}\n                                                                >\n                                                                    -\n                                                                </ButtonSecondary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {empty(() => {\n                                                return (\n                                                    <React.Fragment>\n                                                        <Header>\n                                                            <Typography\n                                                                use={\"overline\"}\n                                                            >{t`Predefined values`}</Typography>\n                                                        </Header>\n\n                                                        <GridInner className={emptyStyles}>\n                                                            <Cell span={12}>\n                                                                <Typography use={\"subtitle1\"}>\n                                                                    {t`There are no predefined values available.`}\n                                                                </Typography>\n                                                            </Cell>\n                                                            <Cell span={12}>\n                                                                <ButtonPrimary\n                                                                    onClick={actions.add()}\n                                                                >{t`Add a predefined value`}</ButtonPrimary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {header(() => {\n                                                return (\n                                                    <Header>\n                                                        <Typography\n                                                            use={\"overline\"}\n                                                        >{t`Predefined values`}</Typography>\n                                                    </Header>\n                                                );\n                                            })}\n                                        </React.Fragment>\n                                    );\n                                }}\n                            </DynamicFieldset>\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","Fieldset","styled","position","width","marginBottom","display","right","top","controlButtons","css","alignItems","justifyContent","marginRight","emptyStyles","textAlign","Header","onSelectedChange","params","bind","field","targetIndex","index","setToValue","value","form","setValue","map","defaultValue","multipleValues","selected","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","useModelField","actions","header","row","empty","add","remove"],"sources":["PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Grid, Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Fieldset = styled(\"div\")({\n    position: \"relative\",\n    width: \"100%\",\n    marginBottom: 15,\n    \".webiny-ui-button\": {\n        position: \"absolute\",\n        display: \"block\",\n        right: 10,\n        top: 13\n    }\n});\n\nconst controlButtons = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \">button\": {\n        marginRight: 15\n    }\n});\n\nconst emptyStyles = css({\n    textAlign: \"center\"\n});\n\nconst Header = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    marginBottom: 15\n});\n\ninterface PredefinedValue {\n    selected?: boolean;\n}\n\ninterface OnSelectedParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    index: number;\n    value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n    const { bind, field, index: targetIndex, value: setToValue } = params;\n    bind.form.setValue(\n        \"predefinedValues.values\",\n        bind.value.map((value: PredefinedValue, index: number) => {\n            const defaultValue = field.multipleValues ? value.selected : false;\n            return {\n                ...value,\n                selected: index === targetIndex ? setToValue : defaultValue\n            };\n        })\n    );\n};\n\nexport interface Props {\n    getBind: (value?: any) => BindComponent;\n    renderValueInput?: (Bind: BindComponent) => React.ReactNode;\n}\nconst PredefinedValuesDynamicFieldset: React.FC<Props> = ({ getBind, renderValueInput = null }) => {\n    const Bind = getBind();\n    const { field } = useModelField();\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind>\n                    {bind => {\n                        return (\n                            <DynamicFieldset {...bind}>\n                                {({ actions, header, row, empty }) => {\n                                    return (\n                                        <React.Fragment>\n                                            {row(({ index }) => {\n                                                const Bind = getBind(index);\n\n                                                return (\n                                                    <React.Fragment>\n                                                        <GridInner>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"label\"}>\n                                                                        <Input label={t`Label`} />\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    {renderValueInput ? (\n                                                                        renderValueInput(Bind)\n                                                                    ) : (\n                                                                        <Bind name={\"value\"}>\n                                                                            <Input\n                                                                                label={t`Value`}\n                                                                            />\n                                                                        </Bind>\n                                                                    )}\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={2}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"selected\"}>\n                                                                        <Switch\n                                                                            label={\"Selected\"}\n                                                                            description={\n                                                                                \"Mark as selected value\"\n                                                                            }\n                                                                            onChange={value => {\n                                                                                onSelectedChange({\n                                                                                    bind,\n                                                                                    field,\n                                                                                    index,\n                                                                                    value\n                                                                                });\n                                                                            }}\n                                                                        />\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n\n                                                            <Cell\n                                                                span={2}\n                                                                className={controlButtons}\n                                                            >\n                                                                <ButtonPrimary\n                                                                    small\n                                                                    onClick={actions.add(index)}\n                                                                >\n                                                                    +\n                                                                </ButtonPrimary>\n                                                                <ButtonSecondary\n                                                                    small\n                                                                    onClick={actions.remove(index)}\n                                                                >\n                                                                    -\n                                                                </ButtonSecondary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {empty(() => {\n                                                return (\n                                                    <React.Fragment>\n                                                        <Header>\n                                                            <Typography\n                                                                use={\"overline\"}\n                                                            >{t`Predefined values`}</Typography>\n                                                        </Header>\n\n                                                        <GridInner className={emptyStyles}>\n                                                            <Cell span={12}>\n                                                                <Typography use={\"subtitle1\"}>\n                                                                    {t`There are no predefined values available.`}\n                                                                </Typography>\n                                                            </Cell>\n                                                            <Cell span={12}>\n                                                                <ButtonPrimary\n                                                                    onClick={actions.add()}\n                                                                >{t`Add a predefined value`}</ButtonPrimary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {header(() => (\n                                                <Header>\n                                                    <Typography\n                                                        use={\"overline\"}\n                                                    >{t`Predefined values`}</Typography>\n                                                </Header>\n                                            ))}\n                                        </React.Fragment>\n                                    );\n                                }}\n                            </DynamicFieldset>\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"mappings":"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"}

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

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

package/admin/plugins/fields/boolean.js

@@ -1,28 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _toggle_onBlack24px = require("./icons/toggle_on-black-24px.svg");
-
+var _toggle_on = require("@material-design-icons/svg/outlined/toggle_on.svg");
 var _i18n = require("@webiny/app/i18n");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Select = require("@webiny/ui/Select");
-
+var _form = require("@webiny/form");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-boolean",
@@ -30,7 +21,7 @@ var plugin = {
     type: "boolean",
     label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Boolean"]))),
     description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store boolean (\"yes\" or \"no\" ) values."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_toggle_onBlack24px.ReactComponent, null),
+    icon: /*#__PURE__*/_react.default.createElement(_toggle_on.ReactComponent, null),
     allowMultipleValues: false,
     allowPredefinedValues: false,
     multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of booleans"]))),
@@ -43,11 +34,10 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "settings.defaultValue"
       }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
         label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Default value"]))),

package/admin/plugins/fields/boolean.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Bind","form"],"sources":["boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"./icons/toggle_on-black-24px.svg\";\nimport { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-boolean\",\n    field: {\n        type: \"boolean\",\n        label: t`Boolean`,\n        description: t`Store boolean (\"yes\" or \"no\" ) values.`,\n        icon: <BooleanIcon />,\n        allowMultipleValues: false,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings({ form: { Bind } }) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            <Select\n                                label={t`Default value`}\n                                description={\"Default value for the field\"}\n                            >\n                                <option value={\"true\"}>True</option>\n                                <option value={\"\"}>False</option>\n                            </Select>\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,+BAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,SADH;IAEHG,KAAK,EAAEP,CAAF,0FAFF;IAGHQ,WAAW,EAAER,CAAF,+HAHR;IAIHS,IAAI,eAAE,6BAAC,kCAAD,OAJH;IAKHC,mBAAmB,EAAE,KALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHC,mBAAmB,EAAEZ,CAAF,8GAPhB;IAQHa,WARG,yBAQW;MACV,OAAO;QACHT,IAAI,EAAE,KAAKA,IADR;QAEHU,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNV,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAhBE;IAiBHW,cAjBG,gCAiBgC;MAAA,IAAVC,IAAU,QAAlBC,IAAkB,CAAVD,IAAU;MAC/B,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAEjB,CAAF,kGADT;QAEI,WAAW,EAAE;MAFjB,gBAII;QAAQ,KAAK,EAAE;MAAf,UAJJ,eAKI;QAAQ,KAAK,EAAE;MAAf,WALJ,CADJ,CADJ,CADJ,CADJ;IAeH;EAjCE;AAH8B,CAAzC;eAwCeG,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"@material-design-icons/svg/outlined/toggle_on.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-boolean\",\n    field: {\n        type: \"boolean\",\n        label: t`Boolean`,\n        description: t`Store boolean (\"yes\" or \"no\" ) values.`,\n        icon: <BooleanIcon />,\n        allowMultipleValues: false,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            <Select\n                                label={t`Default value`}\n                                description={\"Default value for the field\"}\n                            >\n                                <option value={\"true\"}>True</option>\n                                <option value={\"\"}>False</option>\n                            </Select>\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,+BAA+B;EACrCC,KAAK,EAAE;IACHF,IAAI,EAAE,SAAS;IACfG,KAAK,EAAEP,CAAC,0FAAS;IACjBQ,WAAW,EAAER,CAAC,+HAAwC;IACtDS,IAAI,eAAE,6BAAC,yBAAW,OAAG;IACrBC,mBAAmB,EAAE,KAAK;IAC1BC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,8GAA2B;IACjDa,WAAW,yBAAG;MACV,OAAO;QACHT,IAAI,EAAE,IAAI,CAACA,IAAI;QACfU,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNV,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDW,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAwB,gBAChC,6BAAC,cAAM;QACH,KAAK,EAAEhB,CAAC,kGAAgB;QACxB,WAAW,EAAE;MAA8B,gBAE3C;QAAQ,KAAK,EAAE;MAAO,GAAC,MAAI,CAAS,eACpC;QAAQ,KAAK,EAAE;MAAG,GAAC,OAAK,CAAS,CAC5B,CACN,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

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

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

package/admin/plugins/fields/dateTime.js

@@ -1,45 +1,81 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Select = require("@webiny/ui/Select");
-
 var _Input = require("@webiny/ui/Input");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _scheduleBlack24px = require("./icons/schedule-black-24px.svg");
-
+var _hooks = require("../../hooks");
+var _form = require("@webiny/form");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
+var DateTimeSettings = function DateTimeSettings() {
+  var _useModel = (0, _hooks.useModel)(),
+    model = _useModel.model;
+  var _useModelField = (0, _hooks.useModelField)(),
+    field = _useModelField.field;
+  var lockedFields = model.lockedFields || [];
+  var fieldId = (0, _get2.default)(field, "fieldId", null);
+  var lockedField = lockedFields.find(function (lockedField) {
+    return lockedField.fieldId === fieldId;
+  });
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "placeholderText"
+  }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+  })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "settings.type"
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Format"]))),
+    description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cannot be changed later"]))),
+    disabled: lockedField && Boolean(lockedField.formatType)
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["date"])))
+  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Date only"])))), /*#__PURE__*/_react.default.createElement("option", {
+    value: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["time"])))
+  }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Time only"])))), /*#__PURE__*/_react.default.createElement("option", {
+    value: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["dateTimeWithTimezone"])))
+  }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Date and time with timezone"])))), /*#__PURE__*/_react.default.createElement("option", {
+    value: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["dateTimeWithoutTimezone"])))
+  }, t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Date and time without timezone"]))))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 6
+  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "settings.defaultSetValue"
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Default Admin UI value"]))),
+    description: "Affects the Admin UI only"
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["null"])))
+  }, t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Leave empty (null value)"])))), /*#__PURE__*/_react.default.createElement("option", {
+    value: t(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["current"])))
+  }, t(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["Current date/time"])))))))));
+};
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-dateTime",
   field: {
     type: "datetime",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Date/Time"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Store date and time."]))),
+    label: t(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["Date/Time"]))),
+    description: t(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["Store date and time."]))),
     icon: /*#__PURE__*/_react.default.createElement(_scheduleBlack24px.ReactComponent, null),
     validators: ["required", "dateGte", "dateLte"],
     allowMultipleValues: true,
     allowPredefinedValues: false,
     // TODO: implement "renderPredefinedValues" and set to true.
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of dates and times"]))),
+    multipleValuesLabel: t(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["Use as a list of dates and times"]))),
     createField: function createField() {
       return {
         type: this.type,
@@ -52,51 +88,8 @@ var plugin = {
         }
       };
     },
-    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 = (0, _get2.default)(data, "fieldId", null);
-      var lockedField = lockedFields.find(function (lockedField) {
-        return lockedField.fieldId === fieldId;
-      });
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
-        name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
-      })))), /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 6
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
-        name: "settings.type"
-      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-        label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Format"]))),
-        description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Cannot be changed later"]))),
-        disabled: lockedField && Boolean(lockedField.formatType)
-      }, /*#__PURE__*/_react.default.createElement("option", {
-        value: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["date"])))
-      }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Date only"])))), /*#__PURE__*/_react.default.createElement("option", {
-        value: t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["time"])))
-      }, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Time only"])))), /*#__PURE__*/_react.default.createElement("option", {
-        value: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["dateTimeWithTimezone"])))
-      }, t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Date and time with timezone"])))), /*#__PURE__*/_react.default.createElement("option", {
-        value: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["dateTimeWithoutTimezone"])))
-      }, t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Date and time without timezone"]))))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 6
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
-        name: "settings.defaultSetValue"
-      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-        label: t(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["Default Admin UI value"]))),
-        description: "Affects the Admin UI only"
-      }, /*#__PURE__*/_react.default.createElement("option", {
-        value: t(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["null"])))
-      }, t(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["Leave empty (null value)"])))), /*#__PURE__*/_react.default.createElement("option", {
-        value: t(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["current"])))
-      }, t(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["Current date/time"])))))))));
+    renderSettings: function renderSettings() {
+      return /*#__PURE__*/_react.default.createElement(DateTimeSettings, null);
     }
   }
 };

package/admin/plugins/fields/dateTime.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","validation","renderer","renderSettings","form","Bind","data","contentModel","lockedFields","fieldId","lockedField","find","Boolean","formatType"],"sources":["dateTime.tsx"],"sourcesContent":["import React from \"react\";\nimport { get } from \"lodash\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsEditorField, CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DateTimeIcon } from \"./icons/schedule-black-24px.svg\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dateTime\",\n    field: {\n        type: \"datetime\",\n        label: t`Date/Time`,\n        description: t`Store date and time.`,\n        icon: <DateTimeIcon />,\n        validators: [\"required\", \"dateGte\", \"dateLte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of dates and times`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    type: \"date\"\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings({ form: { Bind, data }, contentModel }) {\n            const lockedFields = contentModel.lockedFields || [];\n            const fieldId = get(data, \"fieldId\", null);\n            const lockedField = lockedFields.find(\n                lockedField => lockedField.fieldId === fieldId\n            ) as CmsEditorField<{\n                formatType: string;\n            }>;\n\n            return (\n                <>\n                    <Grid>\n                        <Cell span={12}>\n                            <Bind name={\"placeholderText\"}>\n                                <Input\n                                    label={t`Placeholder text`}\n                                    description={t`Placeholder text (optional)`}\n                                />\n                            </Bind>\n                        </Cell>\n                    </Grid>\n                    <Grid>\n                        <Cell span={6}>\n                            <Bind name={\"settings.type\"}>\n                                <Select\n                                    label={t`Format`}\n                                    description={t`Cannot be changed later`}\n                                    disabled={lockedField && Boolean(lockedField.formatType)}\n                                >\n                                    <option value={t`date`}>{t`Date only`}</option>\n                                    <option value={t`time`}>{t`Time only`}</option>\n                                    <option\n                                        value={t`dateTimeWithTimezone`}\n                                    >{t`Date and time with timezone`}</option>\n                                    <option\n                                        value={t`dateTimeWithoutTimezone`}\n                                    >{t`Date and time without timezone`}</option>\n                                </Select>\n                            </Bind>\n                        </Cell>\n                        <Cell span={6}>\n                            <Bind name={\"settings.defaultSetValue\"}>\n                                <Select\n                                    label={t`Default Admin UI value`}\n                                    description={\"Affects the Admin UI only\"}\n                                >\n                                    <option value={t`null`}>{t`Leave empty (null value)`}</option>\n                                    <option value={t`current`}>{t`Current date/time`}</option>\n                                </Select>\n                            </Bind>\n                        </Cell>\n                    </Grid>\n                </>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,gCAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,UADH;IAEHG,KAAK,EAAEP,CAAF,4FAFF;IAGHQ,WAAW,EAAER,CAAF,yGAHR;IAIHS,IAAI,eAAE,6BAAC,iCAAD,OAJH;IAKHC,UAAU,EAAE,CAAC,UAAD,EAAa,SAAb,EAAwB,SAAxB,CALT;IAMHC,mBAAmB,EAAE,IANlB;IAOHC,qBAAqB,EAAE,KAPpB;IAO2B;IAC9BC,mBAAmB,EAAEb,CAAF,qHARhB;IASHc,WATG,yBASW;MACV,OAAO;QACHV,IAAI,EAAE,KAAKA,IADR;QAEHW,QAAQ,EAAE;UACNX,IAAI,EAAE;QADA,CAFP;QAKHY,UAAU,EAAE,EALT;QAMHC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QADA;MANP,CAAP;IAUH,CApBE;IAqBHa,cArBG,gCAqBoD;MAAA,qBAAtCC,IAAsC;MAAA,IAA9BC,IAA8B,aAA9BA,IAA8B;MAAA,IAAxBC,IAAwB,aAAxBA,IAAwB;MAAA,IAAhBC,YAAgB,QAAhBA,YAAgB;MACnD,IAAMC,YAAY,GAAGD,YAAY,CAACC,YAAb,IAA6B,EAAlD;MACA,IAAMC,OAAO,GAAG,mBAAIH,IAAJ,EAAU,SAAV,EAAqB,IAArB,CAAhB;MACA,IAAMI,WAAW,GAAGF,YAAY,CAACG,IAAb,CAChB,UAAAD,WAAW;QAAA,OAAIA,WAAW,CAACD,OAAZ,KAAwBA,OAA5B;MAAA,CADK,CAApB;MAMA,oBACI,yEACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAExB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ,eAWI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAEA,CAAF,2FADT;QAEI,WAAW,EAAEA,CAAF,4GAFf;QAGI,QAAQ,EAAEyB,WAAW,IAAIE,OAAO,CAACF,WAAW,CAACG,UAAb;MAHpC,gBAKI;QAAQ,KAAK,EAAE5B,CAAF;MAAb,GAAyBA,CAAzB,+FALJ,eAMI;QAAQ,KAAK,EAAEA,CAAF;MAAb,GAAyBA,CAAzB,iGANJ,eAOI;QACI,KAAK,EAAEA,CAAF;MADT,GAEEA,CAFF,mHAPJ,eAUI;QACI,KAAK,EAAEA,CAAF;MADT,GAEEA,CAFF,sHAVJ,CADJ,CADJ,CADJ,eAmBI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAEA,CAAF,6GADT;QAEI,WAAW,EAAE;MAFjB,gBAII;QAAQ,KAAK,EAAEA,CAAF;MAAb,GAAyBA,CAAzB,gHAJJ,eAKI;QAAQ,KAAK,EAAEA,CAAF;MAAb,GAA4BA,CAA5B,yGALJ,CADJ,CADJ,CAnBJ,CAXJ,CADJ;IA6CH;EA3EE;AAH8B,CAAzC;eAkFeG,M"}
+{"version":3,"names":["t","i18n","ns","DateTimeSettings","useModel","model","useModelField","field","lockedFields","fieldId","lockedField","find","Boolean","formatType","plugin","type","name","label","description","icon","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","validation","renderer","renderSettings"],"sources":["dateTime.tsx"],"sourcesContent":["import React from \"react\";\nimport { get } from \"lodash\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DateTimeIcon } from \"./icons/schedule-black-24px.svg\";\nimport { useModel, useModelField } from \"~/admin/hooks\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst DateTimeSettings = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = get(field, \"fieldId\", null);\n    const lockedField = lockedFields.find(\n        lockedField => lockedField.fieldId === fieldId\n    ) as CmsModelField<{\n        formatType: string;\n    }>;\n\n    return (\n        <>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"placeholderText\"}>\n                        <Input\n                            label={t`Placeholder text`}\n                            description={t`Placeholder text (optional)`}\n                        />\n                    </Bind>\n                </Cell>\n            </Grid>\n            <Grid>\n                <Cell span={6}>\n                    <Bind name={\"settings.type\"}>\n                        <Select\n                            label={t`Format`}\n                            description={t`Cannot be changed later`}\n                            disabled={lockedField && Boolean(lockedField.formatType)}\n                        >\n                            <option value={t`date`}>{t`Date only`}</option>\n                            <option value={t`time`}>{t`Time only`}</option>\n                            <option\n                                value={t`dateTimeWithTimezone`}\n                            >{t`Date and time with timezone`}</option>\n                            <option\n                                value={t`dateTimeWithoutTimezone`}\n                            >{t`Date and time without timezone`}</option>\n                        </Select>\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"settings.defaultSetValue\"}>\n                        <Select\n                            label={t`Default Admin UI value`}\n                            description={\"Affects the Admin UI only\"}\n                        >\n                            <option value={t`null`}>{t`Leave empty (null value)`}</option>\n                            <option value={t`current`}>{t`Current date/time`}</option>\n                        </Select>\n                    </Bind>\n                </Cell>\n            </Grid>\n        </>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dateTime\",\n    field: {\n        type: \"datetime\",\n        label: t`Date/Time`,\n        description: t`Store date and time.`,\n        icon: <DateTimeIcon />,\n        validators: [\"required\", \"dateGte\", \"dateLte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of dates and times`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    type: \"date\"\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <DateTimeSettings />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fields/dynamicZone/AddTemplate.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CmsDynamicZoneTemplate } from "../../../../types";
+interface AddTemplateProps {
+    onTemplate: UseAddTemplateParams["onTemplate"];
+}
+interface UseAddTemplateParams {
+    onTemplate: (template: CmsDynamicZoneTemplate) => void;
+}
+export declare const AddTemplateButton: (props: AddTemplateProps) => JSX.Element;
+export declare const AddTemplateIcon: (props: AddTemplateProps) => JSX.Element;
+export {};