@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

package/admin/plugins/entry/DefaultOnEntryPublish.js

@@ -1,167 +1,127 @@
 "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;
+    locale = params.locale;
   return "".concat(model.modelId, "_").concat(locale, "_").concat(model.savedOn);
 };
-
 var OnEntryPublish = function OnEntryPublish() {
   var _useCms = (0, _hooks.useCms)(),
-      onEntryRevisionPublish = _useCms.onEntryRevisionPublish;
-
+    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);
+        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;
                 }
-              });
-
-            case 4:
-              response = _context.sent;
-
-              if (response.data) {
-                _context.next = 8;
-                break;
+                GQLCache.unpublishPreviouslyPublishedRevision(model, cache, id);
               }
-
-              _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();
-          }
+            });
+          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();
-              }
+            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);
         };
@@ -170,7 +130,5 @@ var OnEntryPublish = function OnEntryPublish() {
   }, []);
   return null;
 };
-
 var DefaultOnEntryPublish = /*#__PURE__*/_react.default.memo(OnEntryPublish);
-
 exports.DefaultOnEntryPublish = DefaultOnEntryPublish;

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

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

@@ -1,24 +1,16 @@
 "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.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _emotion = require("emotion");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Typography = require("@webiny/ui/Typography");
-
 var classes = {
   accordionWrapper: /*#__PURE__*/(0, _emotion.css)({
     /**
@@ -96,20 +88,17 @@ var classes = {
     }
   }, "label:accordionItem;")
 };
-
 var Accordion = function Accordion(_ref) {
   var title = _ref.title,
-      children = _ref.children,
-      action = _ref.action,
-      icon = _ref.icon,
-      _ref$defaultValue = _ref.defaultValue,
-      defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
-
+    children = _ref.children,
+    action = _ref.action,
+    icon = _ref.icon,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
   var _useState = (0, _react.useState)(defaultValue),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isOpen = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isOpen = _useState2[0],
+    setOpen = _useState2[1];
   var toggleOpen = (0, _react.useCallback)(function () {
     return setOpen(!isOpen);
   }, [isOpen]);
@@ -140,8 +129,6 @@ var Accordion = function Accordion(_ref) {
     className: "accordion-content"
   }, children)));
 };
-
 var MemoizedAccordion = /*#__PURE__*/_react.default.memo(Accordion);
-
 var _default = MemoizedAccordion;
 exports.default = _default;

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","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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"}
+{"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.js

@@ -1,32 +1,20 @@
 "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;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
 var style = {
   addButton: /*#__PURE__*/(0, _emotion.css)({
     width: "100%",
@@ -34,23 +22,21 @@ var style = {
     paddingTop: 8
   }, "label:addButton;")
 };
-
 var DynamicSection = function DynamicSection(_ref) {
   var field = _ref.field,
-      getBind = _ref.getBind,
-      Label = _ref.Label,
-      children = _ref.children,
-      _ref$showLabel = _ref.showLabel,
-      showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
-      _ref$emptyValue = _ref.emptyValue,
-      emptyValue = _ref$emptyValue === void 0 ? "" : _ref$emptyValue,
-      renderTitle = _ref.renderTitle,
-      gridClassName = _ref.gridClassName;
+    getBind = _ref.getBind,
+    Label = _ref.Label,
+    children = _ref.children,
+    _ref$showLabel = _ref.showLabel,
+    showLabel = _ref$showLabel === void 0 ? true : _ref$showLabel,
+    _ref$emptyValue = _ref.emptyValue,
+    emptyValue = _ref$emptyValue === void 0 ? "" : _ref$emptyValue,
+    renderTitle = _ref.renderTitle,
+    gridClassName = _ref.gridClassName;
   var Bind = getBind();
   var FirstFieldBind = getBind(0);
   return (
     /*#__PURE__*/
-
     /* First we mount the top level field, for example: "items" */
     _react.default.createElement(Bind, null, function (bindField) {
       /**
@@ -58,15 +44,14 @@ var DynamicSection = function DynamicSection(_ref) {
        * "appendValue" -> a callback to add a new value to the top level "items" array
        */
       var value = bindField.value,
-          appendValue = bindField.appendValue;
+        appendValue = bindField.appendValue;
       var bindFieldValue = value || [];
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: gridClassName
       }, typeof renderTitle === "function" && renderTitle(bindFieldValue), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
       }, 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 */
+        return (/* We bind it to index "0", so when you start typing, that index in parent array will be populated */
           children({
             Bind: FirstFieldBind,
             field: field,
@@ -77,7 +62,6 @@ var DynamicSection = function DynamicSection(_ref) {
               field: bindField
             },
             index: 0 // Binds to "items.0" in the <Form>.
-
           })
         );
       })), bindFieldValue.slice(1).map(function (_, index) {
@@ -116,6 +100,5 @@ var DynamicSection = function DynamicSection(_ref) {
     })
   );
 };
-
 var _default = DynamicSection;
 exports.default = _default;

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 { BindComponent, BindComponentRenderProp, CmsModelField } 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: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\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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"}
+{"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, CmsModelField } 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: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\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,26 +1,17 @@
 "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;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields/boolean");
-
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-boolean",
@@ -34,7 +25,7 @@ var plugin = {
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
       return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
         return /*#__PURE__*/_react.default.createElement(_Switch.Switch, Object.assign({}, bindProps, {

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\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"}
+{"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;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uCAAuC,CAAC;AAE1D,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,gGAAe;IACtBQ,WAAW,EAAER,CAAC,oHAAiC;IAC/CS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IACxB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,SAAS;QAAA,oBACN,6BAAC,cAAM,oBACCA,SAAS;UACb,KAAK,EAAEN,KAAK,CAACO,KAAM;UACnB,WAAW,EAAEP,KAAK,CAACQ,QAAS;UAC5B,0CAAiCR,KAAK,CAACO,KAAK;QAAG,GACjD;MAAA,CACL,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEad,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/boolean/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+declare const _default: import("../../../../types").CmsModelFieldRendererPlugin[];
 export default _default;

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

@@ -1,13 +1,10 @@
 "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;