@webiny/app-headless-cms 5.29.0 → 5.30.0

package/admin/plugins/entry/DefaultOnEntryPublish.js

@@ -0,0 +1,176 @@
+"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.DefaultOnEntryPublish = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _contentEntries = require("../../graphql/contentEntries");
+
+var _hooks = require("../../hooks");
+
+var GQLCache = _interopRequireWildcard(require("../../views/contentEntries/ContentEntry/cache"));
+
+var createMutationKey = function createMutationKey(params) {
+  var model = params.model,
+      locale = params.locale;
+  return "".concat(model.modelId, "_").concat(locale, "_").concat(model.savedOn);
+};
+
+var OnEntryPublish = function OnEntryPublish() {
+  var _useCms = (0, _hooks.useCms)(),
+      onEntryRevisionPublish = _useCms.onEntryRevisionPublish;
+
+  var mutations = (0, _react.useRef)({});
+  var getMutation = (0, _react.useCallback)(function (model, locale) {
+    var key = createMutationKey({
+      model: model,
+      locale: locale
+    });
+
+    if (!mutations.current[key]) {
+      mutations.current[key] = (0, _contentEntries.createPublishMutation)(model);
+    }
+
+    return mutations.current[key];
+  }, [mutations.current]);
+
+  var handleOnPublish = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
+      var model, id, client, locale, mutation, response, _error, _response$data$conten, data, error;
+
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              model = _ref.model, id = _ref.id, client = _ref.client, locale = _ref.locale;
+              mutation = getMutation(model, locale);
+              _context.next = 4;
+              return client.mutate({
+                mutation: mutation,
+                variables: {
+                  revision: id
+                },
+                update: function update(cache, result) {
+                  var _result$data;
+
+                  var content = (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.content;
+
+                  if (!content || !content.data || content.error) {
+                    return;
+                  }
+
+                  GQLCache.unpublishPreviouslyPublishedRevision(model, cache, id);
+                }
+              });
+
+            case 4:
+              response = _context.sent;
+
+              if (response.data) {
+                _context.next = 8;
+                break;
+              }
+
+              _error = {
+                message: "Missing response data on Publish Entry Mutation.",
+                code: "MISSING_RESPONSE_DATA",
+                data: {}
+              };
+              return _context.abrupt("return", {
+                error: _error
+              });
+
+            case 8:
+              _response$data$conten = response.data.content, data = _response$data$conten.data, error = _response$data$conten.error;
+
+              if (!error) {
+                _context.next = 11;
+                break;
+              }
+
+              return _context.abrupt("return", {
+                error: error
+              });
+
+            case 11:
+              return _context.abrupt("return", {
+                entry: data,
+                error: null
+              });
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleOnPublish(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    return onEntryRevisionPublish(function (next) {
+      return /*#__PURE__*/function () {
+        var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
+          var result, response;
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _context2.next = 2;
+                  return next(params);
+
+                case 2:
+                  result = _context2.sent;
+
+                  if (!result.error) {
+                    _context2.next = 5;
+                    break;
+                  }
+
+                  return _context2.abrupt("return", result);
+
+                case 5:
+                  _context2.next = 7;
+                  return handleOnPublish(params);
+
+                case 7:
+                  response = _context2.sent;
+                  return _context2.abrupt("return", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), response));
+
+                case 9:
+                case "end":
+                  return _context2.stop();
+              }
+            }
+          }, _callee2);
+        }));
+
+        return function (_x2) {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+    });
+  }, []);
+  return null;
+};
+
+var DefaultOnEntryPublish = /*#__PURE__*/_react.default.memo(OnEntryPublish);
+
+exports.DefaultOnEntryPublish = DefaultOnEntryPublish;

package/admin/plugins/entry/DefaultOnEntryPublish.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMutationKey","params","model","locale","modelId","savedOn","OnEntryPublish","useCms","onEntryRevisionPublish","mutations","useRef","getMutation","useCallback","key","current","createPublishMutation","handleOnPublish","id","client","mutation","mutate","variables","revision","update","cache","result","content","data","error","GQLCache","unpublishPreviouslyPublishedRevision","response","message","code","entry","useEffect","next","DefaultOnEntryPublish","React","memo"],"sources":["DefaultOnEntryPublish.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { DocumentNode } from \"graphql\";\nimport {\n    CmsEntryPublishMutationResponse,\n    CmsEntryPublishMutationVariables,\n    createPublishMutation\n} from \"~/admin/graphql/contentEntries\";\nimport { CmsErrorResponse, CmsModel } from \"~/types\";\nimport { useCms } from \"~/admin/hooks\";\nimport { OnEntryPublishResponse } from \"~/admin/contexts/Cms\";\nimport * as GQLCache from \"~/admin/views/contentEntries/ContentEntry/cache\";\n\ninterface Mutations {\n    [key: string]: DocumentNode;\n}\n\ninterface CreateMutationKeyParams {\n    model: CmsModel;\n    locale: string;\n}\n\nconst createMutationKey = (params: CreateMutationKeyParams): string => {\n    const { model, locale } = params;\n    return `${model.modelId}_${locale}_${model.savedOn}`;\n};\n\nconst OnEntryPublish: React.FC = () => {\n    const { onEntryRevisionPublish } = useCms();\n\n    const mutations = useRef<Mutations>({});\n\n    const getMutation = useCallback(\n        (model: CmsModel, locale: string): DocumentNode => {\n            const key = createMutationKey({ model, locale });\n            if (!mutations.current[key]) {\n                mutations.current[key] = createPublishMutation(model);\n            }\n            return mutations.current[key];\n        },\n        [mutations.current]\n    );\n\n    const handleOnPublish = async ({ model, id, client, locale }: OnEntryPublishResponse) => {\n        const mutation = getMutation(model, locale);\n\n        const response = await client.mutate<\n            CmsEntryPublishMutationResponse,\n            CmsEntryPublishMutationVariables\n        >({\n            mutation,\n            variables: {\n                revision: id\n            },\n            update: (cache, result) => {\n                const content = result.data?.content;\n                if (!content || !content.data || content.error) {\n                    return;\n                }\n                GQLCache.unpublishPreviouslyPublishedRevision(model, cache, id);\n            }\n        });\n\n        if (!response.data) {\n            const error: CmsErrorResponse = {\n                message: \"Missing response data on Publish Entry Mutation.\",\n                code: \"MISSING_RESPONSE_DATA\",\n                data: {}\n            };\n            return {\n                error\n            };\n        }\n        const { data, error } = response.data.content;\n        if (error) {\n            return {\n                error\n            };\n        }\n\n        return {\n            entry: data,\n            error: null\n        };\n    };\n\n    useEffect(() => {\n        return onEntryRevisionPublish(next => async params => {\n            const result = await next(params);\n\n            if (result.error) {\n                return result;\n            }\n\n            const response = await handleOnPublish(params);\n\n            return {\n                ...result,\n                ...response\n            };\n        });\n    }, []);\n\n    return null;\n};\n\nexport const DefaultOnEntryPublish = React.memo(OnEntryPublish);\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/Accordion.js

@@ -90,6 +90,9 @@ var classes = {
     "&.collapsed": {
       maxHeight: 0,
       transition: "max-height 0.35s cubic-bezier(0, 1, 0, 1)"
+    },
+    ".accordion-content": {
+      paddingBottom: 10
     }
   }, "label:accordionItem;")
 };

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

@@ -1 +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","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    })\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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"}
+{"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,18 +1,21 @@
 import React from "react";
-import { CmsEditorField } from "../../../types";
+import { BindComponent, BindComponentRenderProp, CmsEditorField } from "../../../types";
 import { GetBindCallable } from "../../components/ContentEntryForm/useBind";
-/**
- * TODO @ts-refactor figure out correct types
- */
-interface DynamicSectionPropsChildrenParams {
-    [key: string]: any;
+export interface DynamicSectionPropsChildrenParams {
+    Bind: BindComponent;
+    field: CmsEditorField;
+    bind: {
+        index: BindComponentRenderProp;
+        field: BindComponentRenderProp;
+    };
+    index: number;
 }
-interface DynamicSectionProps {
+export interface DynamicSectionProps {
     field: CmsEditorField;
     getBind: GetBindCallable;
     showLabel?: boolean;
     Label: React.ComponentType<any>;
-    children: (params: DynamicSectionPropsChildrenParams) => React.ReactElement;
+    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;
     emptyValue?: any;
     renderTitle?: (value: any[]) => React.ReactElement;
     gridClassName?: string;

package/admin/plugins/fieldRenderers/DynamicSection.js

@@ -34,9 +34,6 @@ var style = {
     paddingTop: 8
   }, "label:addButton;")
 };
-/**
- * TODO @ts-refactor figure out correct types
- */
 
 var DynamicSection = function DynamicSection(_ref) {
   var field = _ref.field,

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

@@ -1 +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 { 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\n/**\n * TODO @ts-refactor figure out correct types\n */\ninterface DynamicSectionPropsChildrenParams {\n    // bind: BindComponentRenderProp;\n    // index: number;\n    [key: string]: any;\n}\ninterface DynamicSectionProps {\n    field: CmsEditorField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    Label: React.ComponentType<any>;\n    children: (params: DynamicSectionPropsChildrenParams) => React.ReactElement;\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":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,KAAK,GAAG;EACVC,SAAS,eAAE,IAAAC,YAAA,EAAI;IACXC,KAAK,EAAE,MADI;IAEXC,SAAS,EAAE,uCAFA;IAGXC,UAAU,EAAE;EAHD,CAAJ;AADD,CAAd;AAQA;AACA;AACA;;AAiBA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAShD;EAAA,IARFC,KAQE,QARFA,KAQE;EAAA,IAPFC,OAOE,QAPFA,OAOE;EAAA,IANFC,KAME,QANFA,KAME;EAAA,IALFC,QAKE,QALFA,QAKE;EAAA,0BAJFC,SAIE;EAAA,IAJFA,SAIE,+BAJU,IAIV;EAAA,2BAHFC,UAGE;EAAA,IAHFA,UAGE,gCAHW,EAGX;EAAA,IAFFC,WAEE,QAFFA,WAEE;EAAA,IADFC,aACE,QADFA,aACE;EACF,IAAMC,IAAI,GAAGP,OAAO,EAApB;EACA,IAAMQ,cAAc,GAAGR,OAAO,CAAC,CAAD,CAA9B;EAEA;IAAA;;IACI;IACA,6BAAC,IAAD,QACK,UAAAS,SAAS,EAAI;MACV;AAChB;AACA;AACA;MACgB,IAAQC,KAAR,GAA+BD,SAA/B,CAAQC,KAAR;MAAA,IAAeC,WAAf,GAA+BF,SAA/B,CAAeE,WAAf;MAEA,IAAMC,cAAwB,GAAGF,KAAK,IAAI,EAA1C;MACA,oBACI,6BAAC,UAAD;QAAM,SAAS,EAAEJ;MAAjB,GACK,OAAOD,WAAP,KAAuB,UAAvB,IAAqCA,WAAW,CAACO,cAAD,CADrD,eAEI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,GAEKT,SAAS,IAAIJ,KAAK,CAACc,KAAnB,iBAA4B,6BAAC,KAAD,QAAQd,KAAK,CAACc,KAAd,CAFjC,eAGI,6BAAC,cAAD,QACK,UAAAC,SAAS;QAAA;UACN;UACAZ,QAAQ,CAAC;YACLK,IAAI,EAAEC,cADD;YAELT,KAAK,EAALA,KAFK;YAGL;YACA;YACAgB,IAAI,EAAE;cACFC,KAAK,EAAEF,SADL;cAEFf,KAAK,EAAEU;YAFL,CALD;YASLO,KAAK,EAAE,CATF,CASI;;UATJ,CAAD;QAFF;MAAA,CADd,CAHJ,CAFJ,EAwBKJ,cAAc,CAACK,KAAf,CAAqB,CAArB,EAAwBC,GAAxB,CAA4B,UAACC,CAAD,EAAIH,KAAJ,EAAc;QACvC;QACA,IAAMI,SAAS,GAAGJ,KAAK,GAAG,CAA1B;QACA,IAAMK,SAAS,GAAGrB,OAAO,CAACoB,SAAD,CAAzB;QACA,oBACI,6BAAC,UAAD;UAAM,IAAI,EAAE,EAAZ;UAAgB,GAAG,EAAEA;QAArB,gBACI,6BAAC,SAAD,QACK,UAAAN,SAAS;UAAA,OACNZ,QAAQ,CAAC;YACLK,IAAI,EAAEc,SADD;YAELtB,KAAK,EAALA,KAFK;YAGLgB,IAAI,EAAE;cACFC,KAAK,EAAEF,SADL;cAEFf,KAAK,EAAEU;YAFL,CAHD;YAOLO,KAAK,EAAEI;UAPF,CAAD,CADF;QAAA,CADd,CADJ,CADJ;MAiBH,CArBA,CAxBL,EA+CKX,SAAS,CAACa,UAAV,CAAqBC,OAArB,KAAiC,KAAjC,iBACG,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,sCAAD;QAAoB,KAAK;MAAzB,GACKd,SAAS,CAACa,UAAV,CAAqBE,OAD1B,CADJ,CAhDR,eAsDI,6BAAC,UAAD;QAAM,IAAI,EAAE,EAAZ;QAAgB,SAAS,EAAEhC,KAAK,CAACC;MAAjC,gBACI,6BAAC,qBAAD;QACI,QAAQ,EAAEmB,cAAc,CAAC,CAAD,CAAd,KAAsBa,SADpC;QAEI,OAAO,EAAE;UAAA,OAAMd,WAAW,CAACP,UAAD,CAAjB;QAAA;MAFb,gBAII,6BAAC,kBAAD;QAAY,IAAI,eAAE,6BAAC,uBAAD;MAAlB,EAJJ,EAKKf,CALL,6FADJ,CAtDJ,CADJ;IAkEH,CA3EL;EAFJ;AAgFH,CA7FD;;eA+FeS,c"}
+{"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

@@ -39,7 +39,8 @@ var plugin = {
       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)
         }));
       });
     }

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

@@ -1 +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 {...bindProps} label={field.label} description={field.helpText} />\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,oBAAYA,SAAZ;UAAuB,KAAK,EAAEN,KAAK,CAACO,KAApC;UAA2C,WAAW,EAAEP,KAAK,CAACQ;QAA9D,GADM;MAAA,CADd,CADJ;IAOH;EArBK;AAH+B,CAA7C;eA4Bef,M"}
+{"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/checkboxes.js

@@ -57,7 +57,8 @@ var plugin = {
             }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
               label: option.label,
               value: getValue(value),
-              onChange: onChange(value)
+              onChange: onChange(value),
+              "data-testid": "fr.input.".concat(field.label)
             }));
           }));
         });

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

@@ -1 +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                                                    />\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;YAHtB,EADJ,CADJ;UASH,CAdA,CADL,CADH;QAAA,CALL,CADJ;MA2BH,CA7BL,CADJ;IAiCH;EA/CK;AAH+B,CAA7C;eAsDexB,M"}
+{"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/Input.js

@@ -32,7 +32,8 @@ var Input = function Input(_ref) {
     placeholder: props.field.placeholderText,
     description: props.field.helpText,
     type: props.type,
-    trailingIcon: props.trailingIcon
+    trailingIcon: props.trailingIcon,
+    "data-testid": "fr.input.".concat(props.field.label)
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["Input","bind","props","value","type","parseFloat","onChange","field","label","placeholderText","helpText","trailingIcon"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input: React.FC<InputProps> = ({ bind, ...props }) => {\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.helpText}\n            type={props.type}\n            trailingIcon={props.trailingIcon}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAGA;;;;AAeO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAwB;EAAA,IAArBC,IAAqB,QAArBA,IAAqB;EAAA,IAAZC,KAAY;EAC/D,oBACI,oBAAC,YAAD,oBACQA,KADR,EAEQD,IAFR;IAGI,QAAQ,EAAE,kBAAAE,KAAK,EAAI;MACf,IAAID,KAAK,CAACE,IAAN,KAAe,QAAnB,EAA6B;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAD,CAAlB;MACH;;MACD,OAAOF,IAAI,CAACK,QAAL,CAAcH,KAAd,CAAP;IACH,CARL;IASI,KAAK,EAAED,KAAK,CAACK,KAAN,CAAYC,KATvB;IAUI,WAAW,EAAEN,KAAK,CAACK,KAAN,CAAYE,eAV7B;IAWI,WAAW,EAAEP,KAAK,CAACK,KAAN,CAAYG,QAX7B;IAYI,IAAI,EAAER,KAAK,CAACE,IAZhB;IAaI,YAAY,EAAEF,KAAK,CAACS;EAbxB,GADJ;AAiBH,CAlBM"}
+{"version":3,"names":["Input","bind","props","value","type","parseFloat","onChange","field","label","placeholderText","helpText","trailingIcon"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsEditorField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input: React.FC<InputProps> = ({ bind, ...props }) => {\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.helpText}\n            type={props.type}\n            trailingIcon={props.trailingIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAGA;;;;AAeO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAwB;EAAA,IAArBC,IAAqB,QAArBA,IAAqB;EAAA,IAAZC,KAAY;EAC/D,oBACI,oBAAC,YAAD,oBACQA,KADR,EAEQD,IAFR;IAGI,QAAQ,EAAE,kBAAAE,KAAK,EAAI;MACf,IAAID,KAAK,CAACE,IAAN,KAAe,QAAnB,EAA6B;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAD,CAAlB;MACH;;MACD,OAAOF,IAAI,CAACK,QAAL,CAAcH,KAAd,CAAP;IACH,CARL;IASI,KAAK,EAAED,KAAK,CAACK,KAAN,CAAYC,KATvB;IAUI,WAAW,EAAEN,KAAK,CAACK,KAAN,CAAYE,eAV7B;IAWI,WAAW,EAAEP,KAAK,CAACK,KAAN,CAAYG,QAX7B;IAYI,IAAI,EAAER,KAAK,CAACE,IAZhB;IAaI,YAAY,EAAEF,KAAK,CAACS,YAbxB;IAcI,kCAAyBT,KAAK,CAACK,KAAN,CAAYC,KAArC;EAdJ,GADJ;AAkBH,CAnBM"}

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

@@ -15,7 +15,8 @@ var Select = function Select(props) {
   return /*#__PURE__*/React.createElement(_Select.Select, props, props.options.map(function (t) {
     return /*#__PURE__*/React.createElement("option", {
       key: t.value,
-      value: t.value
+      value: t.value,
+      "data-testid": "fr.input.".concat(t.label)
     }, t.label);
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["Select","props","options","map","t","value","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as BaseSelectProps } from \"@webiny/ui/Select\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n    options: Option[];\n}\nexport const Select: React.FC<SelectProps> = props => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAUO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,CAAAC,KAAK,EAAI;EAClD,oBACI,oBAAC,cAAD,EAAcA,KAAd,EACKA,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAAAC,CAAC,EAAI;IACpB,oBACI;MAAQ,GAAG,EAAEA,CAAC,CAACC,KAAf;MAAsB,KAAK,EAAED,CAAC,CAACC;IAA/B,GACKD,CAAC,CAACE,KADP,CADJ;EAKH,CANA,CADL,CADJ;AAWH,CAZM"}
+{"version":3,"names":["Select","props","options","map","t","value","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as BaseSelectProps } from \"@webiny/ui/Select\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n    options: Option[];\n}\nexport const Select: React.FC<SelectProps> = props => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value} data-testid={`fr.input.${t.label}`}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAUO,IAAMA,MAA6B,GAAG,SAAhCA,MAAgC,CAAAC,KAAK,EAAI;EAClD,oBACI,oBAAC,cAAD,EAAcA,KAAd,EACKA,KAAK,CAACC,OAAN,CAAcC,GAAd,CAAkB,UAAAC,CAAC,EAAI;IACpB,oBACI;MAAQ,GAAG,EAAEA,CAAC,CAACC,KAAf;MAAsB,KAAK,EAAED,CAAC,CAACC,KAA/B;MAAsC,kCAAyBD,CAAC,CAACE,KAA3B;IAAtC,GACKF,CAAC,CAACE,KADP,CADJ;EAKH,CANA,CADL,CADJ;AAWH,CAZM"}

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

@@ -8,9 +8,9 @@ export declare const DEFAULT_TIMEZONE = "+01:00";
 export declare const getDefaultFieldValue: (field: CmsEditorField, bind: {
     value: string | null | undefined;
 }, getCurrent: () => string) => string;
-export declare const getCurrentTimeZone: (date?: Date | undefined) => string | null;
-export declare const getCurrentLocalTime: (date?: Date | undefined) => string;
-export declare const getCurrentDate: (date?: Date | undefined) => string;
+export declare const getCurrentTimeZone: (date?: Date) => string | null;
+export declare const getCurrentLocalTime: (date?: Date) => string;
+export declare const getCurrentDate: (date?: Date) => string;
 interface RemoveFieldButtonProps {
     trailingIcon: any;
 }

package/admin/plugins/fieldRenderers/file/fileField.js

@@ -69,7 +69,8 @@ var plugin = {
             },
             showFileManager: selectFile,
             placeholder: field.placeholderText,
-            description: field.helpText
+            description: field.helpText,
+            "data-testid": "fr.input.filefield.".concat(field.label)
           }));
         });
       })));

package/admin/plugins/fieldRenderers/file/fileField.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Label","Bind","imagesOnly","settings","label","bind","value","onChange","showFileManager","selectFile","initialFile","Array","isArray","length","file","src","placeholderText","helpText"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport File from \"./File\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: t`File Input`,\n        description: t`Enables selecting a single file via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            const Bind = getBind();\n\n            const imagesOnly = field.settings && field.settings.imagesOnly;\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Label>{field.label}</Label>\n                        <Bind>\n                            {bind => {\n                                const { value, onChange } = bind;\n\n                                return (\n                                    <FileManager multiple={false} images={imagesOnly}>\n                                        {({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(initialFile => {\n                                                    if (\n                                                        !initialFile ||\n                                                        (Array.isArray(initialFile) === true &&\n                                                            initialFile.length === 0)\n                                                    ) {\n                                                        return;\n                                                    }\n                                                    const file = Array.isArray(initialFile)\n                                                        ? initialFile[0]\n                                                        : initialFile;\n                                                    onChange(file.src);\n                                                });\n                                            };\n                                            return (\n                                                <File\n                                                    {...bind}\n                                                    url={value}\n                                                    onRemove={() => onChange(null)}\n                                                    showFileManager={selectFile}\n                                                    placeholder={field.placeholderText}\n                                                    description={field.helpText}\n                                                />\n                                            );\n                                        }}\n                                    </FileManager>\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,gCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,sIAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,MAAf,IAAyB,CAACM,KAAK,CAACC,cAAvC;IACH,CANK;IAONC,MAPM,yBAO4B;MAAA,IAAzBF,KAAyB,SAAzBA,KAAyB;MAAA,IAAlBG,OAAkB,SAAlBA,OAAkB;MAAA,IAATC,KAAS,SAATA,KAAS;MAC9B,IAAMC,IAAI,GAAGF,OAAO,EAApB;MAEA,IAAMG,UAAU,GAAGN,KAAK,CAACO,QAAN,IAAkBP,KAAK,CAACO,QAAN,CAAeD,UAApD;MACA,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,KAAD,QAAQN,KAAK,CAACQ,KAAd,CADJ,eAEI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,IAAQC,KAAR,GAA4BD,IAA5B,CAAQC,KAAR;QAAA,IAAeC,QAAf,GAA4BF,IAA5B,CAAeE,QAAf;QAEA,oBACI,6BAAC,uBAAD;UAAa,QAAQ,EAAE,KAAvB;UAA8B,MAAM,EAAEL;QAAtC,GACK,iBAAyB;UAAA,IAAtBM,eAAsB,SAAtBA,eAAsB;;UACtB,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;YACrBD,eAAe,CAAC,UAAAE,WAAW,EAAI;cAC3B,IACI,CAACA,WAAD,IACCC,KAAK,CAACC,OAAN,CAAcF,WAAd,MAA+B,IAA/B,IACGA,WAAW,CAACG,MAAZ,KAAuB,CAH/B,EAIE;gBACE;cACH;;cACD,IAAMC,IAAI,GAAGH,KAAK,CAACC,OAAN,CAAcF,WAAd,IACPA,WAAW,CAAC,CAAD,CADJ,GAEPA,WAFN;cAGAH,QAAQ,CAACO,IAAI,CAACC,GAAN,CAAR;YACH,CAZc,CAAf;UAaH,CAdD;;UAeA,oBACI,6BAAC,aAAD,oBACQV,IADR;YAEI,GAAG,EAAEC,KAFT;YAGI,QAAQ,EAAE;cAAA,OAAMC,QAAQ,CAAC,IAAD,CAAd;YAAA,CAHd;YAII,eAAe,EAAEE,UAJrB;YAKI,WAAW,EAAEb,KAAK,CAACoB,eALvB;YAMI,WAAW,EAAEpB,KAAK,CAACqB;UANvB,GADJ;QAUH,CA3BL,CADJ;MA+BH,CAnCL,CAFJ,CADJ,CADJ;IA4CH;EAvDK;AAH+B,CAA7C;eA8De5B,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Label","Bind","imagesOnly","settings","label","bind","value","onChange","showFileManager","selectFile","initialFile","Array","isArray","length","file","src","placeholderText","helpText"],"sources":["fileField.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport File from \"./File\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-file\",\n    renderer: {\n        rendererName: \"file-input\",\n        name: t`File Input`,\n        description: t`Enables selecting a single file via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            const Bind = getBind();\n\n            const imagesOnly = field.settings && field.settings.imagesOnly;\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Label>{field.label}</Label>\n                        <Bind>\n                            {bind => {\n                                const { value, onChange } = bind;\n\n                                return (\n                                    <FileManager multiple={false} images={imagesOnly}>\n                                        {({ showFileManager }) => {\n                                            const selectFile = () => {\n                                                showFileManager(initialFile => {\n                                                    if (\n                                                        !initialFile ||\n                                                        (Array.isArray(initialFile) === true &&\n                                                            initialFile.length === 0)\n                                                    ) {\n                                                        return;\n                                                    }\n                                                    const file = Array.isArray(initialFile)\n                                                        ? initialFile[0]\n                                                        : initialFile;\n                                                    onChange(file.src);\n                                                });\n                                            };\n                                            return (\n                                                <File\n                                                    {...bind}\n                                                    url={value}\n                                                    onRemove={() => onChange(null)}\n                                                    showFileManager={selectFile}\n                                                    placeholder={field.placeholderText}\n                                                    description={field.helpText}\n                                                    data-testid={`fr.input.filefield.${field.label}`}\n                                                />\n                                            );\n                                        }}\n                                    </FileManager>\n                                );\n                            }}\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,gCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,sIAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,MAAf,IAAyB,CAACM,KAAK,CAACC,cAAvC;IACH,CANK;IAONC,MAPM,yBAO4B;MAAA,IAAzBF,KAAyB,SAAzBA,KAAyB;MAAA,IAAlBG,OAAkB,SAAlBA,OAAkB;MAAA,IAATC,KAAS,SAATA,KAAS;MAC9B,IAAMC,IAAI,GAAGF,OAAO,EAApB;MAEA,IAAMG,UAAU,GAAGN,KAAK,CAACO,QAAN,IAAkBP,KAAK,CAACO,QAAN,CAAeD,UAApD;MACA,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,KAAD,QAAQN,KAAK,CAACQ,KAAd,CADJ,eAEI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,IAAQC,KAAR,GAA4BD,IAA5B,CAAQC,KAAR;QAAA,IAAeC,QAAf,GAA4BF,IAA5B,CAAeE,QAAf;QAEA,oBACI,6BAAC,uBAAD;UAAa,QAAQ,EAAE,KAAvB;UAA8B,MAAM,EAAEL;QAAtC,GACK,iBAAyB;UAAA,IAAtBM,eAAsB,SAAtBA,eAAsB;;UACtB,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;YACrBD,eAAe,CAAC,UAAAE,WAAW,EAAI;cAC3B,IACI,CAACA,WAAD,IACCC,KAAK,CAACC,OAAN,CAAcF,WAAd,MAA+B,IAA/B,IACGA,WAAW,CAACG,MAAZ,KAAuB,CAH/B,EAIE;gBACE;cACH;;cACD,IAAMC,IAAI,GAAGH,KAAK,CAACC,OAAN,CAAcF,WAAd,IACPA,WAAW,CAAC,CAAD,CADJ,GAEPA,WAFN;cAGAH,QAAQ,CAACO,IAAI,CAACC,GAAN,CAAR;YACH,CAZc,CAAf;UAaH,CAdD;;UAeA,oBACI,6BAAC,aAAD,oBACQV,IADR;YAEI,GAAG,EAAEC,KAFT;YAGI,QAAQ,EAAE;cAAA,OAAMC,QAAQ,CAAC,IAAD,CAAd;YAAA,CAHd;YAII,eAAe,EAAEE,UAJrB;YAKI,WAAW,EAAEb,KAAK,CAACoB,eALvB;YAMI,WAAW,EAAEpB,KAAK,CAACqB,QANvB;YAOI,4CAAmCrB,KAAK,CAACQ,KAAzC;UAPJ,GADJ;QAWH,CA5BL,CADJ;MAgCH,CApCL,CAFJ,CADJ,CADJ;IA6CH;EAxDK;AAH+B,CAA7C;eA+Def,M"}

package/admin/plugins/fieldRenderers/file/fileFields.js

@@ -97,7 +97,8 @@ var FieldRenderer = function FieldRenderer(_ref) {
           onRemove: function onRemove() {
             return onChange(_dotPropImmutable.default.delete(value, index));
           },
-          placeholder: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select a file\""])))
+          placeholder: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select a file\""]))),
+          "data-testid": "fr.input.file.".concat(field.label, ".").concat(index)
         }));
       })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 3
@@ -110,7 +111,8 @@ var FieldRenderer = function FieldRenderer(_ref) {
         showFileManager: function showFileManager() {
           return selectFiles();
         },
-        placeholder: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Select a file\""])))
+        placeholder: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Select a file\""]))),
+        "data-testid": "fr.input.file.".concat(field.label)
       }))));
     }));
   });

package/admin/plugins/fieldRenderers/file/fileFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","FileUploadWrapper","styled","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","onChange","value","Array","isArray","filter","Boolean","imageWrapperStyles","showFileManager","selectFiles","index","initialFiles","length","files","urls","map","f","src","slice","label","url","dotProp","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"sources":["fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport File from \"./File\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface FieldRendererProps {\n    getBind: GetBindCallable;\n    Label: React.FC;\n    field: CmsEditorField;\n}\nconst FieldRenderer: React.FC<FieldRendererProps> = ({ getBind, Label, field }) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const value: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <FileUploadWrapper className={imageWrapperStyles}>\n                        <FileManager multiple={true} images={imagesOnly}>\n                            {({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(initialFiles => {\n                                        if (!initialFiles || initialFiles.length === 0) {\n                                            return;\n                                        }\n                                        const files = Array.isArray(initialFiles)\n                                            ? initialFiles\n                                            : [initialFiles];\n\n                                        const urls = files.map(f => f.src);\n                                        if (index === -1) {\n                                            onChange([...value, ...urls]);\n                                        } else {\n                                            onChange([\n                                                ...value.slice(0, index),\n                                                ...urls,\n                                                ...value.slice(index + 1)\n                                            ]);\n                                        }\n                                    });\n                                };\n                                return (\n                                    <GridInner>\n                                        <Cell span={12}>\n                                            <Label>{field.label}</Label>\n                                        </Cell>\n\n                                        <>\n                                            {value.map((url: string, index: number) => (\n                                                <Cell span={3} key={url}>\n                                                    <File\n                                                        url={url}\n                                                        showFileManager={() => selectFiles(index)}\n                                                        onRemove={() =>\n                                                            onChange(dotProp.delete(value, index))\n                                                        }\n                                                        placeholder={t`Select a file\"`}\n                                                    />\n                                                </Cell>\n                                            ))}\n                                        </>\n\n                                        <Cell span={3}>\n                                            <File\n                                                url={\"\"}\n                                                onRemove={() => {\n                                                    return void 0;\n                                                }}\n                                                {...bind}\n                                                showFileManager={() => selectFiles()}\n                                                placeholder={t`Select a file\"`}\n                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        </FileManager>\n                    </FileUploadWrapper>\n                );\n            }}\n        </Bind>\n    );\n};\n/**\n * Not used?\n */\n// TODO @ts-refactor\nFieldRenderer.defaultProps = {\n    validation: {\n        isValid: null\n    },\n    styles: { width: \"100%\", height: \"auto\" }\n} as Partial<FieldRendererProps>;\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            return <FieldRenderer field={field} getBind={getBind} Label={Label} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","FileUploadWrapper","styled","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","onChange","value","Array","isArray","filter","Boolean","imageWrapperStyles","showFileManager","selectFiles","index","initialFiles","length","files","urls","map","f","src","slice","label","url","dotProp","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"sources":["fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { CmsEditorField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport File from \"./File\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface FieldRendererProps {\n    getBind: GetBindCallable;\n    Label: React.FC;\n    field: CmsEditorField;\n}\nconst FieldRenderer: React.FC<FieldRendererProps> = ({ getBind, Label, field }) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const value: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <FileUploadWrapper className={imageWrapperStyles}>\n                        <FileManager multiple={true} images={imagesOnly}>\n                            {({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(initialFiles => {\n                                        if (!initialFiles || initialFiles.length === 0) {\n                                            return;\n                                        }\n                                        const files = Array.isArray(initialFiles)\n                                            ? initialFiles\n                                            : [initialFiles];\n\n                                        const urls = files.map(f => f.src);\n                                        if (index === -1) {\n                                            onChange([...value, ...urls]);\n                                        } else {\n                                            onChange([\n                                                ...value.slice(0, index),\n                                                ...urls,\n                                                ...value.slice(index + 1)\n                                            ]);\n                                        }\n                                    });\n                                };\n                                return (\n                                    <GridInner>\n                                        <Cell span={12}>\n                                            <Label>{field.label}</Label>\n                                        </Cell>\n\n                                        <>\n                                            {value.map((url: string, index: number) => (\n                                                <Cell span={3} key={url}>\n                                                    <File\n                                                        url={url}\n                                                        showFileManager={() => selectFiles(index)}\n                                                        onRemove={() =>\n                                                            onChange(dotProp.delete(value, index))\n                                                        }\n                                                        placeholder={t`Select a file\"`}\n                                                        data-testid={`fr.input.file.${field.label}.${index}`}\n                                                    />\n                                                </Cell>\n                                            ))}\n                                        </>\n\n                                        <Cell span={3}>\n                                            <File\n                                                url={\"\"}\n                                                onRemove={() => {\n                                                    return void 0;\n                                                }}\n                                                {...bind}\n                                                showFileManager={() => selectFiles()}\n                                                placeholder={t`Select a file\"`}\n                                                data-testid={`fr.input.file.${field.label}`}\n                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        </FileManager>\n                    </FileUploadWrapper>\n                );\n            }}\n        </Bind>\n    );\n};\n/**\n * Not used?\n */\n// TODO @ts-refactor\nFieldRenderer.defaultProps = {\n    validation: {\n        isValid: null\n    },\n    styles: { width: \"100%\", height: \"auto\" }\n} as Partial<FieldRendererProps>;\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            return <FieldRenderer field={field} getBind={getBind} Label={Label} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/longText/longText.js

@@ -41,7 +41,8 @@ var plugin = {
           rows: 5,
           label: field.label,
           placeholder: field.placeholderText,
-          description: field.helpText
+          description: field.helpText,
+          "data-testid": "fr.input.longtext.".concat(field.label)
         }));
       });
     }

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\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-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\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,qBADR;IAENF,IAAI,EAAEL,CAAF,4FAFE;IAGNQ,WAAW,EAAER,CAAF,qJAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,WAAf,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,IAAI;QAAA,oBACD,6BAAC,YAAD,oBACQA,IADR;UAEI,IAAI,EAAE,CAFV;UAGI,KAAK,EAAEN,KAAK,CAACO,KAHjB;UAII,WAAW,EAAEP,KAAK,CAACQ,eAJvB;UAKI,WAAW,EAAER,KAAK,CAACS;QALvB,GADC;MAAA,CADT,CADJ;IAaH;EA3BK;AAH+B,CAA7C;eAkCehB,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\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-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.longtext.${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,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,8CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBADR;IAENF,IAAI,EAAEL,CAAF,4FAFE;IAGNQ,WAAW,EAAER,CAAF,qJAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,WAAf,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,IAAI;QAAA,oBACD,6BAAC,YAAD,oBACQA,IADR;UAEI,IAAI,EAAE,CAFV;UAGI,KAAK,EAAEN,KAAK,CAACO,KAHjB;UAII,WAAW,EAAEP,KAAK,CAACQ,eAJvB;UAKI,WAAW,EAAER,KAAK,CAACS,QALvB;UAMI,2CAAkCT,KAAK,CAACO,KAAxC;QANJ,GADC;MAAA,CADT,CADJ;IAcH;EA5BK;AAH+B,CAA7C;eAmCed,M"}

package/admin/plugins/fieldRenderers/number/numberInput.js

@@ -44,7 +44,8 @@ var plugin = {
           label: field.label,
           placeholder: field.placeholderText,
           description: field.helpText,
-          type: "number"
+          type: "number",
+          "data-testid": "fr.input.number.".concat(field.label)
         }));
       });
     }