npm - @webiny/app-headless-cms - Versions diffs - 5.33.5-beta.0 → 5.34.0-beta.0 - Mend

@webiny/app-headless-cms 5.33.5-beta.0 → 5.34.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (461) hide show

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

	@@ -1 +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"}
1	+ {"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,2BADmC;EAEzCC,IAAI,EAAE,qCAFmC;EAGzCC,SAAS,EAAE;IACPD,IAAI,EAAE,UADC;IAEPE,KAAK,EAAE,UAFA;IAGPC,WAAW,EAAE,6DAHN;IAIPC,cAAc,EAAE,oBAJT;IAKPC,QAAQ,EAAE,kBAAAC,KAAK,EAAI;MACf,OAAOC,sBAAA,CAAWF,QAAX,CAAoBC,KAApB,EAA2B,UAA3B,CAAP;IACH;EAPM;AAH8B,CAA7C;eAaeR,M"}

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

@@ -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 CHANGED Viewed

@@ -1,19 +1,47 @@
 "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;
+      }()
     }
   };
 };

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

	@@ -1 +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"}
1	+ {"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,2BADH;IAEHC,IAAI,EAAE,mCAFH;IAGHC,SAAS,EAAE;MACPD,IAAI,EAAE,QADC;MAEPE,KAAK,EAAE,QAFA;MAGPC,WAAW,EAAE,kEAHN;MAIPC,cAAc,EAAE,uBAJT;MAKPC,QAAQ;QAAA,uGAAE;UAAA;YAAA;cAAA;gBAAA;kBAAA,iCAIC,IAJD;;gBAAA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CAAF;;QAAA;UAAA;QAAA;;QAAA;MAAA;IALD;EAHR,CAAP;AAgBH,C"}

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

@@ -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 CHANGED Viewed

@@ -31,6 +31,8 @@ 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");
@@ -85,9 +87,12 @@ 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;
+      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) {
@@ -103,36 +108,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, {

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

	@@ -1 +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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"}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 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");
@@ -19,6 +19,8 @@ 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");
@@ -30,7 +32,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 +45,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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,+BAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,SADH;IAEHG,KAAK,EAAEP,CAAF,0FAFF;IAGHQ,WAAW,EAAER,CAAF,+HAHR;IAIHS,IAAI,eAAE,6BAAC,yBAAD,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,4BAiBc;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAEhB,CAAF,kGADT;QAEI,WAAW,EAAE;MAFjB,gBAII;QAAQ,KAAK,EAAE;MAAf,UAJJ,eAKI;QAAQ,KAAK,EAAE;MAAf,WALJ,CADJ,CADJ,CADJ,CADJ;IAeH;EAjCE;AAH6B,CAAxC;eAwCeG,M"}

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

@@ -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 CHANGED Viewed

@@ -23,23 +23,76 @@ 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 +105,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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 ADDED Viewed

@@ -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 {};