@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.5e7233243f

package/admin/plugins/fieldRenderers/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","accordionItem","overflow","transition","maxHeight","paddingBottom","Accordion","title","children","action","icon","defaultValue","useState","isOpen","setOpen","toggleOpen","useCallback","classNames","open","collapsed","MemoizedAccordion","React","memo"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    }),\n    accordionItem: css({\n        overflow: \"hidden\",\n        transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n        height: \"auto\",\n        maxHeight: \"9999px\",\n\n        \"&.collapsed\": {\n            maxHeight: 0,\n            transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n        },\n        \".accordion-content\": {\n            paddingBottom: 10\n        }\n    })\n};\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n    title,\n    children,\n    action,\n    icon,\n    defaultValue = false\n}) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"}>{title}</Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n                <div className=\"accordion-content\">{children}</div>\n            </div>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.FC<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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"}

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

@@ -1,14 +1,24 @@
 import React from "react";
-import { CmsEditorField } from "../../../types";
-declare type Props = {
+import { BindComponent, BindComponentRenderProp, CmsEditorField } from "../../../types";
+import { GetBindCallable } from "../../components/ContentEntryForm/useBind";
+export interface DynamicSectionPropsChildrenParams {
+    Bind: BindComponent;
     field: CmsEditorField;
-    getBind(index?: number): React.ComponentType<any>;
+    bind: {
+        index: BindComponentRenderProp;
+        field: BindComponentRenderProp;
+    };
+    index: number;
+}
+export interface DynamicSectionProps {
+    field: CmsEditorField;
+    getBind: GetBindCallable;
     showLabel?: boolean;
     Label: React.ComponentType<any>;
-    children: (params: any) => React.ReactNode;
+    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;
     emptyValue?: any;
     renderTitle?: (value: any[]) => React.ReactElement;
     gridClassName?: string;
-};
-declare const DynamicSection: ({ field, getBind, Label, children, showLabel, emptyValue, renderTitle, gridClassName }: Props) => JSX.Element;
+}
+declare const DynamicSection: React.FC<DynamicSectionProps>;
 export default DynamicSection;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -1,17 +1,34 @@
-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 _emotion = require("emotion");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Button = require("@webiny/ui/Button");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
 
 var _templateObject;
 
-import React from "react";
-import { css } from "emotion";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { ButtonDefault, ButtonIcon } from "@webiny/ui/Button";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
 var style = {
-  addButton: /*#__PURE__*/css({
+  addButton: /*#__PURE__*/(0, _emotion.css)({
     width: "100%",
     borderTop: "1px solid var(--mdc-theme-background)",
     paddingTop: 8
@@ -35,7 +52,7 @@ var DynamicSection = function DynamicSection(_ref) {
     /*#__PURE__*/
 
     /* First we mount the top level field, for example: "items" */
-    React.createElement(Bind, null, function (bindField) {
+    _react.default.createElement(Bind, null, function (bindField) {
       /**
        * "value" -> an array of items
        * "appendValue" -> a callback to add a new value to the top level "items" array
@@ -43,11 +60,11 @@ var DynamicSection = function DynamicSection(_ref) {
       var value = bindField.value,
           appendValue = bindField.appendValue;
       var bindFieldValue = value || [];
-      return /*#__PURE__*/React.createElement(Grid, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: gridClassName
-      }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/React.createElement(Cell, {
+      }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, showLabel && field.label && /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(FirstFieldBind, null, function (bindIndex) {
+      }, showLabel && field.label && /*#__PURE__*/_react.default.createElement(Label, null, field.label), /*#__PURE__*/_react.default.createElement(FirstFieldBind, null, function (bindProps) {
         return (
           /* We bind it to index "0", so when you start typing, that index in parent array will be populated */
           children({
@@ -56,7 +73,7 @@ var DynamicSection = function DynamicSection(_ref) {
             // "index" contains Bind props for this particular item in the array
             // "field" contains Bind props for the main (parent) field.
             bind: {
-              index: bindIndex,
+              index: bindProps,
               field: bindField
             },
             index: 0 // Binds to "items.0" in the <Form>.
@@ -67,37 +84,38 @@ var DynamicSection = function DynamicSection(_ref) {
         /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */
         var realIndex = index + 1;
         var BindField = getBind(realIndex);
-        return /*#__PURE__*/React.createElement(Cell, {
+        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12,
           key: realIndex
-        }, /*#__PURE__*/React.createElement(BindField, null, function (bindIndex) {
+        }, /*#__PURE__*/_react.default.createElement(BindField, null, function (bindProps) {
           return children({
             Bind: BindField,
             field: field,
             bind: {
-              index: bindIndex,
+              index: bindProps,
               field: bindField
             },
             index: realIndex
           });
         }));
-      }), bindField.validation.isValid === false && /*#__PURE__*/React.createElement(Cell, {
+      }), bindField.validation.isValid === false && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(FormElementMessage, {
+      }, /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
         error: true
-      }, bindField.validation.message)), /*#__PURE__*/React.createElement(Cell, {
+      }, bindField.validation.message)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12,
         className: style.addButton
-      }, /*#__PURE__*/React.createElement(ButtonDefault, {
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
         disabled: bindFieldValue[0] === undefined,
         onClick: function onClick() {
           return appendValue(emptyValue);
         }
-      }, /*#__PURE__*/React.createElement(ButtonIcon, {
-        icon: /*#__PURE__*/React.createElement(AddIcon, null)
-      }), t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Add value"]))))));
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+      }), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Add value"]))))));
     })
   );
 };
 
-export default DynamicSection;
+var _default = DynamicSection;
+exports.default = _default;

package/admin/plugins/fieldRenderers/DynamicSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","style","addButton","css","width","borderTop","paddingTop","DynamicSection","field","getBind","Label","children","showLabel","emptyValue","renderTitle","gridClassName","Bind","FirstFieldBind","bindField","value","appendValue","bindFieldValue","label","bindProps","bind","index","slice","map","_","realIndex","BindField","validation","isValid","message","undefined"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { BindComponent, BindComponentRenderProp, CmsEditorField } from \"~/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    addButton: css({\n        width: \"100%\",\n        borderTop: \"1px solid var(--mdc-theme-background)\",\n        paddingTop: 8\n    })\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsEditorField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsEditorField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    renderTitle?: (value: any[]) => React.ReactElement;\n    gridClassName?: string;\n}\n\nconst DynamicSection: React.FC<DynamicSectionProps> = ({\n    field,\n    getBind,\n    Label,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    renderTitle,\n    gridClassName\n}) => {\n    const Bind = getBind();\n    const FirstFieldBind = getBind(0);\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n                return (\n                    <Grid className={gridClassName}>\n                        {typeof renderTitle === \"function\" && renderTitle(bindFieldValue)}\n                        <Cell span={12}>\n                            {/* We always render the first item, for better UX */}\n                            {showLabel && field.label && <Label>{field.label}</Label>}\n                            <FirstFieldBind>\n                                {bindProps =>\n                                    /* We bind it to index \"0\", so when you start typing, that index in parent array will be populated */\n                                    children({\n                                        Bind: FirstFieldBind,\n                                        field,\n                                        // \"index\" contains Bind props for this particular item in the array\n                                        // \"field\" contains Bind props for the main (parent) field.\n                                        bind: {\n                                            index: bindProps,\n                                            field: bindField\n                                        },\n                                        index: 0 // Binds to \"items.0\" in the <Form>.\n                                    })\n                                }\n                            </FirstFieldBind>\n                        </Cell>\n\n                        {/* Now we skip the first item, because we already rendered it above, and proceed with all other items. */}\n                        {bindFieldValue.slice(1).map((_, index) => {\n                            /* We simply increase index, and as you type, the appropriate indexes in the parent array will be updated. */\n                            const realIndex = index + 1;\n                            const BindField = getBind(realIndex);\n                            return (\n                                <Cell span={12} key={realIndex}>\n                                    <BindField>\n                                        {bindProps =>\n                                            children({\n                                                Bind: BindField,\n                                                field,\n                                                bind: {\n                                                    index: bindProps,\n                                                    field: bindField\n                                                },\n                                                index: realIndex\n                                            })\n                                        }\n                                    </BindField>\n                                </Cell>\n                            );\n                        })}\n\n                        {bindField.validation.isValid === false && (\n                            <Cell span={12}>\n                                <FormElementMessage error>\n                                    {bindField.validation.message}\n                                </FormElementMessage>\n                            </Cell>\n                        )}\n                        <Cell span={12} className={style.addButton}>\n                            <ButtonDefault\n                                disabled={bindFieldValue[0] === undefined}\n                                onClick={() => appendValue(emptyValue)}\n                            >\n                                <ButtonIcon icon={<AddIcon />} />\n                                {t`Add value`}\n                            </ButtonDefault>\n                        </Cell>\n                    </Grid>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js

@@ -1,34 +1,50 @@
-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 _get = _interopRequireDefault(require("lodash/get"));
+
+var _Switch = require("@webiny/ui/Switch");
+
+var _i18n = require("@webiny/app/i18n");
 
 var _templateObject, _templateObject2;
 
-import React from "react";
-import get from "lodash/get";
-import { Switch } from "@webiny/ui/Switch";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/fields/boolean");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/boolean");
+
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-boolean",
   renderer: {
     rendererName: "boolean-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Boolean Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a simple switch button."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Boolean Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple switch button."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.type === "boolean" && !field.multipleValues && !get(field, "predefinedValues.enabled");
+      return field.type === "boolean" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Bind, null, function (bindProps) {
-        return /*#__PURE__*/React.createElement(Switch, Object.assign({}, bindProps, {
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/_react.default.createElement(_Switch.Switch, Object.assign({}, bindProps, {
           label: field.label,
-          description: field.helpText
+          description: field.helpText,
+          "data-testid": "fr.input.boolean.".concat(field.label)
         }));
       });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bindProps","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,uCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,mCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eADR;IAENF,IAAI,EAAEL,CAAF,gGAFE;IAGNQ,WAAW,EAAER,CAAF,oHAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,SAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,yBAWqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAE,SAAS;QAAA,oBACN,6BAAC,cAAD,oBACQA,SADR;UAEI,KAAK,EAAEN,KAAK,CAACO,KAFjB;UAGI,WAAW,EAAEP,KAAK,CAACQ,QAHvB;UAII,0CAAiCR,KAAK,CAACO,KAAvC;QAJJ,GADM;MAAA,CADd,CADJ;IAYH;EA1BK;AAH+B,CAA7C;eAiCed,M"}

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

@@ -1,2 +1,13 @@
-import booleanSwitch from "./booleanSwitch";
-export default [booleanSwitch];
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _booleanSwitch = _interopRequireDefault(require("./booleanSwitch"));
+
+var _default = [_booleanSwitch.default];
+exports.default = _default;

package/admin/plugins/fieldRenderers/boolean/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["booleanSwitch"],"sources":["index.ts"],"sourcesContent":["import booleanSwitch from \"./booleanSwitch\";\n\nexport default [booleanSwitch];\n"],"mappings":";;;;;;;;;AAAA;;eAEe,CAACA,sBAAD,C"}

package/admin/plugins/fieldRenderers/checkboxes.js

@@ -1,45 +1,70 @@
-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 _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Checkbox = require("@webiny/ui/Checkbox");
 
 var _templateObject, _templateObject2;
 
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-checkboxes-buttons",
   renderer: {
     rendererName: "checkboxes",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Checkboxes"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders checkboxes, allowing selection of multiple values."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Checkboxes"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders checkboxes, allowing selection of multiple values."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return field.multipleValues && get(field, "predefinedValues.enabled");
+      return !!field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
           getBind = _ref2.getBind;
       var Bind = getBind();
-      var options = field.predefinedValues.values;
-      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(CheckboxGroup, {
-        label: field.label,
-        description: field.helpText
-      }, function (_ref3) {
-        var onChange = _ref3.onChange,
-            getValue = _ref3.getValue;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
-          return /*#__PURE__*/React.createElement("div", {
-            key: option.value + index
-          }, /*#__PURE__*/React.createElement(Checkbox, {
-            label: option.label,
-            value: getValue(option.value),
-            onChange: onChange(option.value)
+
+      var _ref3 = field.predefinedValues || {
+        values: []
+      },
+          _ref3$values = _ref3.values,
+          options = _ref3$values === void 0 ? [] : _ref3$values;
+
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, Object.assign({}, bind, {
+          label: field.label,
+          description: field.helpText
+        }), function (_ref4) {
+          var onChange = _ref4.onChange,
+              getValue = _ref4.getValue;
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
+            var value = field.type === "number" ? Number(option.value) : option.value;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              key: String(option.value) + index
+            }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+              label: option.label,
+              value: getValue(value),
+              onChange: onChange(value),
+              "data-testid": "fr.input.".concat(field.label)
+            }));
           }));
-        }));
-      }));
+        });
+      });
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/checkboxes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","options","bind","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                            >\n                                {({ onChange, getValue }) => (\n                                    <React.Fragment>\n                                        {options.map((option, index) => {\n                                            const value =\n                                                field.type === \"number\"\n                                                    ? Number(option.value)\n                                                    : option.value;\n                                            return (\n                                                <div key={String(option.value) + index}>\n                                                    <Checkbox\n                                                        label={option.label}\n                                                        value={getValue(value)}\n                                                        onChange={onChange(value)}\n                                                        data-testid={`fr.input.${field.label}`}\n                                                    />\n                                                </div>\n                                            );\n                                        })}\n                                    </React.Fragment>\n                                )}\n                            </CheckboxGroup>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,8CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,+IAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAO,CAAC,CAACA,KAAK,CAACC,cAAR,IAA0B,CAAC,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAAnC;IACH,CANK;IAONG,MAPM,yBAOqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;;MAEA,YAAiCJ,KAAK,CAACM,gBAAN,IAA0B;QACvDC,MAAM,EAAE;MAD+C,CAA3D;MAAA,yBAAQA,MAAR;MAAA,IAAgBC,OAAhB,6BAA0B,EAA1B;;MAIA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,oBACI,6BAAC,uBAAD,oBACQA,IADR;UAEI,KAAK,EAAET,KAAK,CAACU,KAFjB;UAGI,WAAW,EAAEV,KAAK,CAACW;QAHvB,IAKK;UAAA,IAAGC,QAAH,SAAGA,QAAH;UAAA,IAAaC,QAAb,SAAaA,QAAb;UAAA,oBACG,6BAAC,cAAD,CAAO,QAAP,QACKL,OAAO,CAACM,GAAR,CAAY,UAACC,MAAD,EAASC,KAAT,EAAmB;YAC5B,IAAMC,KAAK,GACPjB,KAAK,CAACN,IAAN,KAAe,QAAf,GACMwB,MAAM,CAACH,MAAM,CAACE,KAAR,CADZ,GAEMF,MAAM,CAACE,KAHjB;YAIA,oBACI;cAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAR,CAAN,GAAuBD;YAAjC,gBACI,6BAAC,kBAAD;cACI,KAAK,EAAED,MAAM,CAACL,KADlB;cAEI,KAAK,EAAEG,QAAQ,CAACI,KAAD,CAFnB;cAGI,QAAQ,EAAEL,QAAQ,CAACK,KAAD,CAHtB;cAII,kCAAyBjB,KAAK,CAACU,KAA/B;YAJJ,EADJ,CADJ;UAUH,CAfA,CADL,CADH;QAAA,CALL,CADJ;MA4BH,CA9BL,CADJ;IAkCH;EAhDK;AAH+B,CAA7C;eAuDejB,M"}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { TrailingIcon } from "./Input";
+import { CmsEditorField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+export interface Props {
+    field: CmsEditorField;
+    bind: BindComponentRenderProp;
+    trailingIcon?: TrailingIcon;
+}
+export declare const DateOnly: React.FC<Props>;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateOnly = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = require("./Input");
+
+var _utils = require("./utils");
+
+var DateOnly = function DateOnly(props) {
+  var _field$settings;
+
+  var field = props.field,
+      bind = props.bind,
+      trailingIcon = props.trailingIcon;
+  var date = (0, _utils.getDefaultFieldValue)(field, bind, function () {
+    return (0, _utils.getCurrentDate)(new Date());
+  });
+  var bindValue = bind.value || "";
+  (0, _react.useEffect)(function () {
+    if (!date || bindValue === date) {
+      return;
+    }
+
+    bind.onChange(date);
+  }, [bindValue]);
+  return /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    bind: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, bind), {}, {
+      value: date,
+      onChange: function () {
+        var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (value) {
+                    _context.next = 4;
+                    break;
+                  }
+
+                  if (bindValue) {
+                    _context.next = 3;
+                    break;
+                  }
+
+                  return _context.abrupt("return");
+
+                case 3:
+                  return _context.abrupt("return", bind.onChange(""));
+
+                case 4:
+                  return _context.abrupt("return", bind.onChange(value));
+
+                case 5:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }));
+
+        function onChange(_x) {
+          return _onChange.apply(this, arguments);
+        }
+
+        return onChange;
+      }()
+    }),
+    field: field,
+    type: (_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.type,
+    trailingIcon: trailingIcon
+  });
+};
+
+exports.DateOnly = DateOnly;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DateOnly","props","field","bind","trailingIcon","date","getDefaultFieldValue","getCurrentDate","Date","bindValue","value","useEffect","onChange","settings","type"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsEditorField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface Props {\n    field: CmsEditorField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly: React.FC<Props> = props => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAYO,IAAMA,QAAyB,GAAG,SAA5BA,QAA4B,CAAAC,KAAK,EAAI;EAAA;;EAC9C,IAAQC,KAAR,GAAsCD,KAAtC,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAsCF,KAAtC,CAAeE,IAAf;EAAA,IAAqBC,YAArB,GAAsCH,KAAtC,CAAqBG,YAArB;EACA,IAAMC,IAAI,GAAG,IAAAC,2BAAA,EAAqBJ,KAArB,EAA4BC,IAA5B,EAAkC,YAAM;IACjD,OAAO,IAAAI,qBAAA,EAAe,IAAIC,IAAJ,EAAf,CAAP;EACH,CAFY,CAAb;EAIA,IAAMC,SAAS,GAAGN,IAAI,CAACO,KAAL,IAAc,EAAhC;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAI,CAACN,IAAD,IAASI,SAAS,KAAKJ,IAA3B,EAAiC;MAC7B;IACH;;IACDF,IAAI,CAACS,QAAL,CAAcP,IAAd;EACH,CALD,EAKG,CAACI,SAAD,CALH;EAOA,oBACI,6BAAC,YAAD;IACI,IAAI,8DACGN,IADH;MAEAO,KAAK,EAAEL,IAFP;MAGAO,QAAQ;QAAA,uGAAE,iBAAOF,KAAP;UAAA;YAAA;cAAA;gBAAA;kBAAA,IACDA,KADC;oBAAA;oBAAA;kBAAA;;kBAAA,IAEGD,SAFH;oBAAA;oBAAA;kBAAA;;kBAAA;;gBAAA;kBAAA,iCAKKN,IAAI,CAACS,QAAL,CAAc,EAAd,CALL;;gBAAA;kBAAA,iCAOCT,IAAI,CAACS,QAAL,CAAcF,KAAd,CAPD;;gBAAA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CAAF;;QAAA;UAAA;QAAA;;QAAA;MAAA;IAHR,EADR;IAcI,KAAK,EAAER,KAdX;IAeI,IAAI,qBAAEA,KAAK,CAACW,QAAR,oDAAE,gBAAgBC,IAf1B;IAgBI,YAAY,EAAEV;EAhBlB,EADJ;AAoBH,CAnCM"}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { CmsEditorField } from "../../../../types";
-interface DateTimeWithTimezoneProps {
-    bind: any;
+import { BindComponentRenderProp } from "@webiny/form";
+export interface DateTimeWithTimezoneProps {
+    bind: BindComponentRenderProp;
     trailingIcon?: any;
     field: CmsEditorField;
 }
-declare const DateTimeWithTimezone: React.FunctionComponent<DateTimeWithTimezoneProps>;
-export default DateTimeWithTimezone;
+export declare const DateTimeWithTimezone: React.FC<DateTimeWithTimezoneProps>;