@webiny/app-headless-cms 5.27.0-beta.0 → 5.28.0

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -1,20 +1,41 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+"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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-import React from "react";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import { Grid, Cell, GridInner } from "@webiny/ui/Grid";
-import { i18n } from "@webiny/app/i18n";
-import { DynamicFieldset } from "@webiny/ui/DynamicFieldset";
-import { Typography } from "@webiny/ui/Typography";
-import { ButtonPrimary, ButtonSecondary } from "@webiny/ui/Button";
-import { Input } from "@webiny/ui/Input";
-import { Switch } from "@webiny/ui/Switch";
-var t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
-var Fieldset = /*#__PURE__*/styled("div", {
+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"
 })({
@@ -28,7 +49,7 @@ var Fieldset = /*#__PURE__*/styled("div", {
     top: 13
   }
 });
-var controlButtons = /*#__PURE__*/css({
+var controlButtons = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -36,10 +57,10 @@ var controlButtons = /*#__PURE__*/css({
     marginRight: 15
   }
 }, "label:controlButtons;");
-var emptyStyles = /*#__PURE__*/css({
+var emptyStyles = /*#__PURE__*/(0, _emotion.css)({
   textAlign: "center"
 }, "label:emptyStyles;");
-var Header = /*#__PURE__*/styled("div", {
+var Header = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1vzahbl1",
   label: "Header"
 })({
@@ -55,7 +76,7 @@ var onSelectedChange = function onSelectedChange(params) {
       setToValue = params.value;
   bind.form.setValue("predefinedValues.values", bind.value.map(function (value, index) {
     var defaultValue = field.multipleValues ? value.selected : false;
-    return _objectSpread(_objectSpread({}, value), {}, {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
       selected: index === targetIndex ? setToValue : defaultValue
     });
   }));
@@ -67,35 +88,39 @@ var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_
       renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput,
       field = _ref.field;
   var Bind = getBind();
-  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-    return /*#__PURE__*/React.createElement(DynamicFieldset, bind, function (_ref2) {
+  }, /*#__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;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, row(function (_ref3) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row(function (_ref3) {
         var index = _ref3.index;
         var Bind = getBind(index);
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GridInner, null, /*#__PURE__*/React.createElement(Cell, {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.GridInner, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 4
-        }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Bind, {
+        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
           name: "label"
-        }, /*#__PURE__*/React.createElement(Input, {
-          label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Label"])))
-        })))), /*#__PURE__*/React.createElement(Cell, {
+        }, 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, {
           span: 4
-        }, /*#__PURE__*/React.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/React.createElement(Bind, {
+        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/_react.default.createElement(Bind, {
           name: "value"
-        }, /*#__PURE__*/React.createElement(Input, {
-          label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Value"])))
-        })))), /*#__PURE__*/React.createElement(Cell, {
+        }, 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, {
           span: 2
-        }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(Bind, {
+        }, /*#__PURE__*/_react.default.createElement(Fieldset, null, /*#__PURE__*/_react.default.createElement(Bind, {
           name: "selected"
         }, function (selectedBind) {
-          return /*#__PURE__*/React.createElement(Switch, Object.assign({}, selectedBind, {
+          return /*#__PURE__*/_react.default.createElement(_Switch.Switch, Object.assign({}, selectedBind, {
             label: "Selected",
             description: "Mark as selected value",
             onChange: function onChange(value) {
@@ -107,37 +132,38 @@ var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_
               });
             }
           }));
-        }))), /*#__PURE__*/React.createElement(Cell, {
+        }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 2,
           className: controlButtons
-        }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
           small: true,
           onClick: actions.add(index)
-        }, "+"), /*#__PURE__*/React.createElement(ButtonSecondary, {
+        }, "+"), /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
           small: true,
           onClick: actions.remove(index)
         }, "-"))));
       }), empty(function () {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
           use: "overline"
-        }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Predefined values"]))))), /*#__PURE__*/React.createElement(GridInner, {
+        }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Predefined values"]))))), /*#__PURE__*/_react.default.createElement(_Grid.GridInner, {
           className: emptyStyles
-        }, /*#__PURE__*/React.createElement(Cell, {
+        }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12
-        }, /*#__PURE__*/React.createElement(Typography, {
+        }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
           use: "subtitle1"
-        }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["There are no predefined values available."]))))), /*#__PURE__*/React.createElement(Cell, {
+        }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["There are no predefined values available."]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12
-        }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
           onClick: actions.add()
-        }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Add a predefined value"])))))));
+        }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Add a predefined value"])))))));
       }), header(function () {
-        return /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(Typography, {
+        return /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
           use: "overline"
-        }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Predefined values"])))));
+        }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Predefined values"])))));
       }));
     });
   })));
 };
 
-export default PredefinedValuesDynamicFieldset;
+var _default = PredefinedValuesDynamicFieldset;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["PredefinedValuesDynamicFieldset.tsx"],"names":["React","styled","css","Grid","Cell","GridInner","i18n","DynamicFieldset","Typography","ButtonPrimary","ButtonSecondary","Input","Switch","t","ns","Fieldset","position","width","marginBottom","display","right","top","controlButtons","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"],"mappings":"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","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 { CmsEditorField } from \"~/types\";\nimport { BindComponent, BindComponentRenderProp } from \"@webiny/form/Bind\";\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: BindComponentRenderProp) => {\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                                                                        {(\n                                                                            selectedBind: BindComponentRenderProp\n                                                                        ) => {\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"]}
+{"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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"}

package/admin/plugins/fields/boolean.js

@@ -1,24 +1,39 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _i18n = require("@webiny/app/i18n");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Select = require("@webiny/ui/Select");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React from "react";
-import { ReactComponent as BooleanIcon } from "./icons/toggle_on-black-24px.svg";
-import { i18n } from "@webiny/app/i18n";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
-var t = i18n.ns("app-headless-cms/admin/fields");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
+
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-boolean",
   field: {
     type: "boolean",
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Boolean"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store boolean (\"yes\" or \"no\" ) values."]))),
-    icon: /*#__PURE__*/React.createElement(BooleanIcon, null),
+    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),
     allowMultipleValues: false,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of booleans"]))),
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of booleans"]))),
     createField: function createField() {
       return {
         type: this.type,
@@ -30,19 +45,20 @@ var plugin = {
     },
     renderSettings: function renderSettings(_ref) {
       var Bind = _ref.form.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
         name: "settings.defaultValue"
-      }, /*#__PURE__*/React.createElement(Select, {
-        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Default value"]))),
+      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Default value"]))),
         description: "Default value for the field"
-      }, /*#__PURE__*/React.createElement("option", {
+      }, /*#__PURE__*/_react.default.createElement("option", {
         value: "true"
-      }, "True"), /*#__PURE__*/React.createElement("option", {
+      }, "True"), /*#__PURE__*/_react.default.createElement("option", {
         value: ""
       }, "False")))));
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["boolean.tsx"],"names":["React","ReactComponent","BooleanIcon","i18n","Grid","Cell","Select","t","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Bind","form"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAc,IAAIC,WAA3B;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,IAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAL,CAAQ,+BAAR,CAAV;AAEA,IAAMC,MAAgC,GAAG;AACrCC,EAAAA,IAAI,EAAE,uBAD+B;AAErCC,EAAAA,IAAI,EAAE,+BAF+B;AAGrCC,EAAAA,KAAK,EAAE;AACHF,IAAAA,IAAI,EAAE,SADH;AAEHG,IAAAA,KAAK,EAAEN,CAAF,4EAFF;AAGHO,IAAAA,WAAW,EAAEP,CAAF,iHAHR;AAIHQ,IAAAA,IAAI,eAAE,oBAAC,WAAD,OAJH;AAKHC,IAAAA,mBAAmB,EAAE,KALlB;AAMHC,IAAAA,qBAAqB,EAAE,KANpB;AAOHC,IAAAA,mBAAmB,EAAEX,CAAF,gGAPhB;AAQHY,IAAAA,WARG,yBAQW;AACV,aAAO;AACHT,QAAAA,IAAI,EAAE,KAAKA,IADR;AAEHU,QAAAA,UAAU,EAAE,EAFT;AAGHC,QAAAA,QAAQ,EAAE;AACNV,UAAAA,IAAI,EAAE;AADA;AAHP,OAAP;AAOH,KAhBE;AAiBHW,IAAAA,cAjBG,gCAiBgC;AAAA,UAAVC,IAAU,QAAlBC,IAAkB,CAAVD,IAAU;AAC/B,0BACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,MAAD;AACI,QAAA,KAAK,EAAEhB,CAAF,oFADT;AAEI,QAAA,WAAW,EAAE;AAFjB,sBAII;AAAQ,QAAA,KAAK,EAAE;AAAf,gBAJJ,eAKI;AAAQ,QAAA,KAAK,EAAE;AAAf,iBALJ,CADJ,CADJ,CADJ,CADJ;AAeH;AAjCE;AAH8B,CAAzC;AAwCA,eAAeE,MAAf","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"]}
+{"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"}

package/admin/plugins/fields/dateTime.js

@@ -1,28 +1,45 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _get from "lodash/get";
+"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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 
-import React from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
-import { Input } from "@webiny/ui/Input";
-import { i18n } from "@webiny/app/i18n";
-import { ReactComponent as DateTimeIcon } from "./icons/schedule-black-24px.svg";
-var t = i18n.ns("app-headless-cms/admin/fields");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
+
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-dateTime",
   field: {
     type: "datetime",
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Date/Time"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Store date and time."]))),
-    icon: /*#__PURE__*/React.createElement(DateTimeIcon, null),
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Date/Time"]))),
+    description: t(_templateObject2 || (_templateObject2 = (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 = _taggedTemplateLiteral(["Use as a list of dates and times"]))),
+    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of dates and times"]))),
     createField: function createField() {
       return {
         type: this.type,
@@ -41,48 +58,47 @@ var plugin = {
           data = _ref$form.data,
           contentModel = _ref.contentModel;
       var lockedFields = contentModel.lockedFields || [];
-
-      var fieldId = _get(data, "fieldId", null);
-
+      var fieldId = (0, _get2.default)(data, "fieldId", null);
       var lockedField = lockedFields.find(function (lockedField) {
         return lockedField.fieldId === fieldId;
       });
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      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.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/React.createElement(Input, {
-        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Placeholder text (optional)"])))
-      })))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      }, /*#__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.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
         name: "settings.type"
-      }, /*#__PURE__*/React.createElement(Select, {
-        label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Format"]))),
-        description: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Cannot be changed later"]))),
+      }, /*#__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.createElement("option", {
-        value: t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["date"])))
-      }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Date only"])))), /*#__PURE__*/React.createElement("option", {
-        value: t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["time"])))
-      }, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Time only"])))), /*#__PURE__*/React.createElement("option", {
-        value: t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["dateTimeWithTimezone"])))
-      }, t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["Date and time with timezone"])))), /*#__PURE__*/React.createElement("option", {
-        value: t(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["dateTimeWithoutTimezone"])))
-      }, t(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["Date and time without timezone"]))))))), /*#__PURE__*/React.createElement(Cell, {
+      }, /*#__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.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
         name: "settings.defaultSetValue"
-      }, /*#__PURE__*/React.createElement(Select, {
-        label: t(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["Default Admin UI value"]))),
+      }, /*#__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.createElement("option", {
-        value: t(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["null"])))
-      }, t(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["Leave empty (null value)"])))), /*#__PURE__*/React.createElement("option", {
-        value: t(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["current"])))
-      }, t(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["Current date/time"])))))))));
+      }, /*#__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"])))))))));
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["dateTime.tsx"],"names":["React","Grid","Cell","Select","Input","i18n","ReactComponent","DateTimeIcon","t","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"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,cAAc,IAAIC,YAA3B;AAEA,IAAMC,CAAC,GAAGH,IAAI,CAACI,EAAL,CAAQ,+BAAR,CAAV;AAEA,IAAMC,MAAgC,GAAG;AACrCC,EAAAA,IAAI,EAAE,uBAD+B;AAErCC,EAAAA,IAAI,EAAE,gCAF+B;AAGrCC,EAAAA,KAAK,EAAE;AACHF,IAAAA,IAAI,EAAE,UADH;AAEHG,IAAAA,KAAK,EAAEN,CAAF,8EAFF;AAGHO,IAAAA,WAAW,EAAEP,CAAF,2FAHR;AAIHQ,IAAAA,IAAI,eAAE,oBAAC,YAAD,OAJH;AAKHC,IAAAA,UAAU,EAAE,CAAC,UAAD,EAAa,SAAb,EAAwB,SAAxB,CALT;AAMHC,IAAAA,mBAAmB,EAAE,IANlB;AAOHC,IAAAA,qBAAqB,EAAE,KAPpB;AAO2B;AAC9BC,IAAAA,mBAAmB,EAAEZ,CAAF,uGARhB;AASHa,IAAAA,WATG,yBASW;AACV,aAAO;AACHV,QAAAA,IAAI,EAAE,KAAKA,IADR;AAEHW,QAAAA,QAAQ,EAAE;AACNX,UAAAA,IAAI,EAAE;AADA,SAFP;AAKHY,QAAAA,UAAU,EAAE,EALT;AAMHC,QAAAA,QAAQ,EAAE;AACNZ,UAAAA,IAAI,EAAE;AADA;AANP,OAAP;AAUH,KApBE;AAqBHa,IAAAA,cArBG,gCAqBoD;AAAA,2BAAtCC,IAAsC;AAAA,UAA9BC,IAA8B,aAA9BA,IAA8B;AAAA,UAAxBC,IAAwB,aAAxBA,IAAwB;AAAA,UAAhBC,YAAgB,QAAhBA,YAAgB;AACnD,UAAMC,YAAY,GAAGD,YAAY,CAACC,YAAb,IAA6B,EAAlD;;AACA,UAAMC,OAAO,GAAG,KAAIH,IAAJ,EAAU,SAAV,EAAqB,IAArB,CAAhB;;AACA,UAAMI,WAAW,GAAGF,YAAY,CAACG,IAAb,CAChB,UAAAD,WAAW;AAAA,eAAIA,WAAW,CAACD,OAAZ,KAAwBA,OAA5B;AAAA,OADK,CAApB;AAMA,0BACI,uDACI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,KAAD;AACI,QAAA,KAAK,EAAEvB,CAAF,uFADT;AAEI,QAAA,WAAW,EAAEA,CAAF;AAFf,QADJ,CADJ,CADJ,CADJ,eAWI,oBAAC,IAAD,qBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,MAAD;AACI,QAAA,KAAK,EAAEA,CAAF,6EADT;AAEI,QAAA,WAAW,EAAEA,CAAF,8FAFf;AAGI,QAAA,QAAQ,EAAEwB,WAAW,IAAIE,OAAO,CAACF,WAAW,CAACG,UAAb;AAHpC,sBAKI;AAAQ,QAAA,KAAK,EAAE3B,CAAF;AAAb,SAAyBA,CAAzB,iFALJ,eAMI;AAAQ,QAAA,KAAK,EAAEA,CAAF;AAAb,SAAyBA,CAAzB,mFANJ,eAOI;AACI,QAAA,KAAK,EAAEA,CAAF;AADT,SAEEA,CAFF,qGAPJ,eAUI;AACI,QAAA,KAAK,EAAEA,CAAF;AADT,SAEEA,CAFF,wGAVJ,CADJ,CADJ,CADJ,eAmBI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAE;AAAZ,sBACI,oBAAC,MAAD;AACI,QAAA,KAAK,EAAEA,CAAF,+FADT;AAEI,QAAA,WAAW,EAAE;AAFjB,sBAII;AAAQ,QAAA,KAAK,EAAEA,CAAF;AAAb,SAAyBA,CAAzB,kGAJJ,eAKI;AAAQ,QAAA,KAAK,EAAEA,CAAF;AAAb,SAA4BA,CAA5B,2FALJ,CADJ,CADJ,CAnBJ,CAXJ,CADJ;AA6CH;AA3EE;AAH8B,CAAzC;AAkFA,eAAeE,MAAf","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"]}
+{"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"}