@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -1,169 +1,100 @@
-"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;
-
-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"
-})({
-  position: "relative",
-  width: "100%",
-  marginBottom: 15,
-  ".webiny-ui-button": {
-    position: "absolute",
-    display: "block",
-    right: 10,
-    top: 13
-  }
-});
-var controlButtons = /*#__PURE__*/(0, _emotion.css)({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  ">button": {
-    marginRight: 15
-  }
-}, "label:controlButtons;");
-var emptyStyles = /*#__PURE__*/(0, _emotion.css)({
-  textAlign: "center"
-}, "label:emptyStyles;");
-var Header = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e1vzahbl1",
-  label: "Header"
-})({
-  display: "flex",
-  justifyContent: "space-between",
-  marginBottom: 15
-});
-
-var onSelectedChange = function onSelectedChange(params) {
-  var bind = params.bind,
-      field = params.field,
-      targetIndex = params.index,
-      setToValue = params.value;
-  bind.form.setValue("predefinedValues.values", bind.value.map(function (value, index) {
-    var defaultValue = field.multipleValues ? value.selected : false;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
-      selected: index === targetIndex ? setToValue : defaultValue
+import react from "react";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as remove_svg_ReactComponent } from "@webiny/icons/remove.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useForm } from "@webiny/form";
+import { useModelField } from "../../hooks/index.js";
+import { Button, DynamicFieldset, Grid, Icon, IconButton, Input, Switch, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
+const Header = (props)=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-between mb-md",
+        ...props
     });
-  }));
+const onSelectedChange = (params)=>{
+    const { form, bind, field, index: targetIndex, value: setToValue } = params;
+    form.setValue("predefinedValues.values", bind.value.map((value, index)=>{
+        const defaultValue = field.list ? value.selected : false;
+        return {
+            ...value,
+            selected: index === targetIndex ? setToValue : defaultValue
+        };
+    }));
 };
-
-var PredefinedValuesDynamicFieldset = function PredefinedValuesDynamicFieldset(_ref) {
-  var getBind = _ref.getBind,
-      _ref$renderValueInput = _ref.renderValueInput,
-      renderValueInput = _ref$renderValueInput === void 0 ? null : _ref$renderValueInput,
-      field = _ref.field;
-  var Bind = getBind();
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    return /*#__PURE__*/_react.default.createElement(_DynamicFieldset.DynamicFieldset, bind, function (_ref2) {
-      var actions = _ref2.actions,
-          header = _ref2.header,
-          row = _ref2.row,
-          empty = _ref2.empty;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row(function (_ref3) {
-        var index = _ref3.index;
-        var Bind = getBind(index);
-        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.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, {
-          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, {
-          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, {
-          span: 2,
-          className: controlButtons
-        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-          small: true,
-          onClick: actions.add(index)
-        }, "+"), /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
-          small: true,
-          onClick: actions.remove(index)
-        }, "-"))));
-      }), empty(function () {
-        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 = (0, _taggedTemplateLiteral2.default)(["Predefined values"]))))), /*#__PURE__*/_react.default.createElement(_Grid.GridInner, {
-          className: emptyStyles
-        }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "subtitle1"
-        }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["There are no predefined values available."]))))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
-          onClick: actions.add()
-        }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Add a predefined value"])))))));
-      }), header(function () {
-        return /*#__PURE__*/_react.default.createElement(Header, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-          use: "overline"
-        }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Predefined values"])))));
-      }));
-    });
-  })));
+const PredefinedValuesDynamicFieldset = ({ getBind, renderValueInput = null })=>{
+    const Bind = getBind();
+    const { field } = useModelField();
+    const form = useForm();
+    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(DynamicFieldset, bind, ({ actions, header, row, empty })=>/*#__PURE__*/ react.createElement(react.Fragment, null, row(({ index })=>{
+                const Bind = getBind(index);
+                return /*#__PURE__*/ react.createElement("div", {
+                    className: "mb-md"
+                }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+                    span: 4
+                }, /*#__PURE__*/ react.createElement(Bind, {
+                    name: "label"
+                }, /*#__PURE__*/ react.createElement(Input, {
+                    label: t`Label`,
+                    size: "lg"
+                }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+                    span: 4
+                }, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/ react.createElement(Bind, {
+                    name: "value"
+                }, /*#__PURE__*/ react.createElement(Input, {
+                    label: t`Value`,
+                    size: "lg"
+                }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+                    span: 2
+                }, /*#__PURE__*/ react.createElement("div", {
+                    className: "flex flex-col justify-end h-full py-sm-plus"
+                }, /*#__PURE__*/ react.createElement(Bind, {
+                    name: "selected"
+                }, /*#__PURE__*/ react.createElement(Switch, {
+                    label: t`Selected`,
+                    description: t`Mark as selected value.`,
+                    onChange: (value)=>{
+                        onSelectedChange({
+                            form,
+                            bind,
+                            field,
+                            index,
+                            value
+                        });
+                    }
+                })))), /*#__PURE__*/ react.createElement(Grid.Column, {
+                    span: 2
+                }, /*#__PURE__*/ react.createElement("div", {
+                    className: "flex justify-end items-end gap-sm h-full py-sm-plus"
+                }, /*#__PURE__*/ react.createElement(IconButton, {
+                    variant: "primary",
+                    size: "sm",
+                    icon: /*#__PURE__*/ react.createElement(Icon, {
+                        label: "Add",
+                        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+                    }),
+                    onClick: actions.add(index)
+                }), /*#__PURE__*/ react.createElement(IconButton, {
+                    variant: "secondary",
+                    size: "sm",
+                    icon: /*#__PURE__*/ react.createElement(Icon, {
+                        label: "Remove",
+                        icon: /*#__PURE__*/ react.createElement(remove_svg_ReactComponent, null)
+                    }),
+                    onClick: actions.remove(index)
+                })))));
+            }), empty(()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Header, null, /*#__PURE__*/ react.createElement(Text, null, t`Predefined values`)), /*#__PURE__*/ react.createElement(Grid, {
+                    className: "text-center"
+                }, /*#__PURE__*/ react.createElement(Grid.Column, {
+                    span: 12
+                }, /*#__PURE__*/ react.createElement(Text, null, t`There are no predefined values available.`)), /*#__PURE__*/ react.createElement(Grid.Column, {
+                    span: 12
+                }, /*#__PURE__*/ react.createElement(Button, {
+                    onClick: actions.add(),
+                    text: t`Add a predefined value`
+                }))))), header(()=>/*#__PURE__*/ react.createElement(Header, null, /*#__PURE__*/ react.createElement(Text, null, t`Predefined values`))))))));
 };
+const fields_PredefinedValuesDynamicFieldset = PredefinedValuesDynamicFieldset;
+export default fields_PredefinedValuesDynamicFieldset;
 
-var _default = PredefinedValuesDynamicFieldset;
-exports.default = _default;
+//# sourceMappingURL=PredefinedValuesDynamicFieldset.js.map

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

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

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

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

package/admin/plugins/fields/boolean.js

@@ -1,64 +1,65 @@
-"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;
-
-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 = (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 = (0, _taggedTemplateLiteral2.default)(["Use as a list of booleans"]))),
-    createField: function createField() {
-      return {
-        type: this.type,
-        validation: [],
-        renderer: {
-          name: ""
+import react from "react";
+import { ReactComponent } from "@webiny/icons/toggle_on.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Bind } from "@webiny/form";
+import { Grid, RadioGroup } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const Options = ({ onChange, value: initialValue })=>{
+    const value = true === initialValue || "true" === initialValue;
+    return /*#__PURE__*/ react.createElement(RadioGroup, {
+        label: "Default value",
+        value: String(value),
+        onChange: (value)=>{
+            onChange("true" === value);
+        },
+        items: [
+            {
+                value: "true",
+                label: "True"
+            },
+            {
+                value: "false",
+                label: "False"
+            }
+        ]
+    });
+};
+const boolean_plugin = {
+    type: "cms-editor-field-type",
+    name: "cms-editor-field-type-boolean",
+    field: {
+        type: "boolean",
+        label: t`Boolean`,
+        description: t`Store boolean ("yes" or "no" ) values.`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        allowList: false,
+        allowPredefinedValues: false,
+        listLabel: t`Use as a list of booleans`,
+        createField () {
+            return {
+                type: this.type,
+                validation: [],
+                renderer: {
+                    name: ""
+                },
+                settings: {
+                    defaultValue: false
+                }
+            };
+        },
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+                span: 12
+            }, /*#__PURE__*/ react.createElement(Bind, {
+                name: "settings.defaultValue"
+            }, (bind)=>/*#__PURE__*/ react.createElement(Options, {
+                    onChange: bind.onChange,
+                    value: bind.value
+                }))));
         }
-      };
-    },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
-        name: "settings.defaultValue"
-      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Default value"]))),
-        description: "Default value for the field"
-      }, /*#__PURE__*/_react.default.createElement("option", {
-        value: "true"
-      }, "True"), /*#__PURE__*/_react.default.createElement("option", {
-        value: ""
-      }, "False")))));
     }
-  }
 };
-var _default = plugin;
-exports.default = _default;
+const fields_boolean = boolean_plugin;
+export default fields_boolean;
+
+//# sourceMappingURL=boolean.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Bind","form"],"sources":["boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"./icons/toggle_on-black-24px.svg\";\nimport { CmsEditorFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsEditorFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-boolean\",\n    field: {\n        type: \"boolean\",\n        label: t`Boolean`,\n        description: t`Store boolean (\"yes\" or \"no\" ) values.`,\n        icon: <BooleanIcon />,\n        allowMultipleValues: false,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings({ form: { Bind } }) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            <Select\n                                label={t`Default value`}\n                                description={\"Default value for the field\"}\n                            >\n                                <option value={\"true\"}>True</option>\n                                <option value={\"\"}>False</option>\n                            </Select>\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAAgC,GAAG;EACrCC,IAAI,EAAE,uBAD+B;EAErCC,IAAI,EAAE,+BAF+B;EAGrCC,KAAK,EAAE;IACHF,IAAI,EAAE,SADH;IAEHG,KAAK,EAAEP,CAAF,0FAFF;IAGHQ,WAAW,EAAER,CAAF,+HAHR;IAIHS,IAAI,eAAE,6BAAC,kCAAD,OAJH;IAKHC,mBAAmB,EAAE,KALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHC,mBAAmB,EAAEZ,CAAF,8GAPhB;IAQHa,WARG,yBAQW;MACV,OAAO;QACHT,IAAI,EAAE,KAAKA,IADR;QAEHU,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNV,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAhBE;IAiBHW,cAjBG,gCAiBgC;MAAA,IAAVC,IAAU,QAAlBC,IAAkB,CAAVD,IAAU;MAC/B,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,cAAD;QACI,KAAK,EAAEjB,CAAF,kGADT;QAEI,WAAW,EAAE;MAFjB,gBAII;QAAQ,KAAK,EAAE;MAAf,UAJJ,eAKI;QAAQ,KAAK,EAAE;MAAf,WALJ,CADJ,CADJ,CADJ,CADJ;IAeH;EAjCE;AAH8B,CAAzC;eAwCeG,M"}
+{"version":3,"file":"admin/plugins/fields/boolean.js","sources":["../../../../src/admin/plugins/fields/boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"@webiny/icons/toggle_on.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\ninterface OptionsProps {\n    onChange: (value: boolean) => void;\n    value?: boolean | \"true\" | \"false\";\n}\n\nconst Options = ({ onChange, value: initialValue }: OptionsProps) => {\n    const value = initialValue === true || initialValue === \"true\";\n\n    return (\n        <RadioGroup\n            label={\"Default value\"}\n            value={String(value)}\n            onChange={value => {\n                onChange(value === \"true\");\n            }}\n            items={[\n                { value: \"true\", label: \"True\" },\n                { value: \"false\", label: \"False\" }\n            ]}\n        />\n    );\n};\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        allowList: false,\n        allowPredefinedValues: false,\n        listLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                },\n                settings: {\n                    defaultValue: false\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            {bind => {\n                                return <Options onChange={bind.onChange} value={bind.value} />;\n                            }}\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","Options","onChange","initialValue","value","RadioGroup","String","plugin","BooleanIcon","Grid","Bind","bind"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOlB,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,OAAOC,YAAY,EAAgB;IAC5D,MAAMC,QAAQD,AAAiB,SAAjBA,gBAAyBA,AAAiB,WAAjBA;IAEvC,OAAO,WAAP,GACI,oBAACE,YAAUA;QACP,OAAO;QACP,OAAOC,OAAOF;QACd,UAAUA,CAAAA;YACNF,SAASE,AAAU,WAAVA;QACb;QACA,OAAO;YACH;gBAAE,OAAO;gBAAQ,OAAO;YAAO;YAC/B;gBAAE,OAAO;gBAAS,OAAO;YAAQ;SACpC;;AAGb;AAEA,MAAMG,iBAAkC;IACpC,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAOR,CAAC,CAAC,OAAO,CAAC;QACjB,aAAaA,CAAC,CAAC,sCAAsC,CAAC;QACtD,MAAM,WAAN,GAAM,oBAACS,gBAAWA;QAClB,WAAW;QACX,uBAAuB;QACvB,WAAWT,CAAC,CAAC,yBAAyB,CAAC;QACvC;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,YAAY,EAAE;gBACd,UAAU;oBACN,MAAM;gBACV;gBACA,UAAU;oBACN,cAAc;gBAClB;YACJ;QACJ;QACA;YACI,OAAO,WAAP,GACI,oBAACU,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;gBAAC,MAAM;6BACf,oBAACC,MAAIA;gBAAC,MAAM;eACPC,CAAAA,OACU,WAAP,GAAO,oBAACV,SAAOA;oBAAC,UAAUU,KAAK,QAAQ;oBAAE,OAAOA,KAAK,KAAK;;QAMlF;IACJ;AACJ;AAEA,uBAAeJ"}

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

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