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

package/admin/views/contentModelGroups/ContentModelGroupsForm.js

@@ -1,35 +1,73 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _form = require("@webiny/form");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Input = require("@webiny/ui/Input");
+
+var _Button = require("@webiny/ui/Button");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _validation = require("@webiny/validation");
+
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+
+var _IconPicker = _interopRequireDefault(require("./IconPicker"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+
+var _hooks = require("../../hooks");
+
+var GQL = _interopRequireWildcard(require("./graphql"));
+
+var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
+
+var _Tooltip = require("@webiny/ui/Tooltip");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useCallback } from "react";
-import styled from "@emotion/styled";
-import isEmpty from "lodash/isEmpty";
-import get from "lodash/get";
-import { Form } from "@webiny/form";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Input } from "@webiny/ui/Input";
-import { ButtonDefault, ButtonIcon, ButtonPrimary } from "@webiny/ui/Button";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { i18n } from "@webiny/app/i18n";
-import { validation } from "@webiny/validation";
-import { SimpleFormHeader, SimpleForm, SimpleFormFooter, SimpleFormContent } from "@webiny/app-admin/components/SimpleForm";
-import IconPicker from "./IconPicker";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import EmptyView from "@webiny/app-admin/components/EmptyView";
-import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-import { useMutation, useQuery } from "../../hooks";
-import * as GQL from "./graphql";
-import usePermission from "../../hooks/usePermission";
-import { Tooltip } from "@webiny/ui/Tooltip";
-var t = i18n.ns("app-headless-cms/admin/content-model-groups/form");
-var ButtonWrapper = /*#__PURE__*/styled("div", {
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-groups/form");
+
+var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e7xbi20",
   label: "ButtonWrapper"
 })({
@@ -40,19 +78,19 @@ var ButtonWrapper = /*#__PURE__*/styled("div", {
 var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
   var canCreate = _ref.canCreate;
 
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       location = _useRouter.location,
       history = _useRouter.history;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canEdit = _usePermission.canEdit;
 
   var newEntry = new URLSearchParams(location.search).get("new") === "true";
   var id = new URLSearchParams(location.search).get("id");
-  var getQuery = useQuery(GQL.GET_CONTENT_MODEL_GROUP, {
+  var getQuery = (0, _hooks.useQuery)(GQL.GET_CONTENT_MODEL_GROUP, {
     variables: {
       id: id
     },
@@ -71,7 +109,7 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
     }
   }); // Create a new group and update list cache
 
-  var _useMutation = useMutation(GQL.CREATE_CONTENT_MODEL_GROUP, {
+  var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL_GROUP, {
     update: function update(cache, _ref2) {
       var data = _ref2.data;
 
@@ -89,28 +127,28 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       }
 
       var listContentModelGroups = result.listContentModelGroups;
-      cache.writeQuery(_objectSpread(_objectSpread({}, gqlParams), {}, {
+      cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
         data: {
-          listContentModelGroups: _objectSpread(_objectSpread({}, listContentModelGroups), {}, {
-            data: [data.contentModelGroup.data].concat(_toConsumableArray(listContentModelGroups.data))
+          listContentModelGroups: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listContentModelGroups), {}, {
+            data: [data.contentModelGroup.data].concat((0, _toConsumableArray2.default)(listContentModelGroups.data))
           })
         }
       }));
     }
   }),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
+      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
       create = _useMutation2[0],
       createMutation = _useMutation2[1];
 
-  var _useMutation3 = useMutation(GQL.UPDATE_CONTENT_MODEL_GROUP),
-      _useMutation4 = _slicedToArray(_useMutation3, 2),
+  var _useMutation3 = (0, _hooks.useMutation)(GQL.UPDATE_CONTENT_MODEL_GROUP),
+      _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
       update = _useMutation4[0],
       updateMutation = _useMutation4[1];
 
   var loading = [getQuery, createMutation, updateMutation].find(function (item) {
     return item.loading;
   });
-  var createOperation = useCallback(function (group) {
+  var createOperation = (0, _react.useCallback)(function (group) {
     if (!group.id) {
       return create({
         variables: {
@@ -134,11 +172,11 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       }
     });
   }, [create, update]);
-  var onSubmit = useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(group) {
+  var onSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(group) {
       var response, _response$data$conten, data, error;
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -175,7 +213,7 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
                 history.push("/cms/content-model-groups?id=".concat(data.id));
               }
 
-              showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Content model group saved successfully!"]))));
+              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model group saved successfully!"]))));
 
             case 12:
             case "end":
@@ -189,26 +227,26 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       return _ref3.apply(this, arguments);
     };
   }(), [id]);
-  var data = getQuery.loading ? null : get(getQuery, "data.contentModelGroup.data", null);
-  var showEmptyView = !newEntry && !loading && isEmpty(data); // Render "No content selected" view.
+  var data = getQuery.loading ? null : (0, _get.default)(getQuery, "data.contentModelGroup.data", null);
+  var showEmptyView = !newEntry && !loading && (0, _isEmpty.default)(data); // Render "No content selected" view.
 
   if (showEmptyView) {
-    return /*#__PURE__*/React.createElement(EmptyView, {
-      title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Click on the left side list to display group details {message}"])))({
+    return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
+      title: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display group details {message}"])))({
         message: canCreate ? "or create a..." : ""
       }),
-      action: canCreate ? /*#__PURE__*/React.createElement(ButtonDefault, {
+      action: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
         "data-testid": "new-record-button",
         onClick: function onClick() {
           return history.push("/cms/content-model-groups?new=true");
         }
-      }, /*#__PURE__*/React.createElement(ButtonIcon, {
-        icon: /*#__PURE__*/React.createElement(AddIcon, null)
-      }), " ", t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["New Group"])))) : /*#__PURE__*/React.createElement(React.Fragment, null)
+      }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+      }), " ", t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New Group"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
     });
   }
 
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
     onSubmit: onSubmit,
     data: data || {
       icon: "fas/star"
@@ -217,47 +255,48 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
     var data = _ref4.data,
         form = _ref4.form,
         Bind = _ref4.Bind;
-    return /*#__PURE__*/React.createElement(SimpleForm, {
+    return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, {
       "data-testid": "pb-content-model-groups-form"
-    }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
-      title: data.name ? data.name : t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["New content model group"])))
-    }), loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
+      title: data.name ? data.name : t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New content model group"])))
+    }), loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "name",
-      validators: validation.create("required,maxLength:100")
-    }, /*#__PURE__*/React.createElement(Input, {
-      label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Name"])))
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: _validation.validation.create("required,maxLength:100")
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Name"])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "icon",
-      validators: validation.create("required")
-    }, /*#__PURE__*/React.createElement(IconPicker, {
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Group icon"]))),
-      description: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Icon that will be displayed in the main menu."])))
-    }))), /*#__PURE__*/React.createElement(Cell, {
+      validators: _validation.validation.create("required")
+    }, /*#__PURE__*/_react.default.createElement(_IconPicker.default, {
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Group icon"]))),
+      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Icon that will be displayed in the main menu."])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "description"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
       rows: 5,
-      label: t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Description"])))
-    }))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+      label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"])))
+    }))))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
       onClick: function onClick() {
         return history.push("/cms/content-model-groups");
       }
-    }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Cancel"])))), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(React.Fragment, null, !data.plugin ? /*#__PURE__*/React.createElement(ButtonPrimary, {
+    }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !data.plugin ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: function onClick(ev) {
         form.submit(ev);
       }
-    }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Save content model group"])))) : /*#__PURE__*/React.createElement(Tooltip, {
+    }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       content: "Content model group is registered via a plugin.",
       placement: "bottom"
-    }, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       disabled: true
-    }, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Save content model group"])))))))));
+    }, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))))))));
   });
 };
 
-export default ContentModelGroupsForm;
+var _default = ContentModelGroupsForm;
+exports.default = _default;

package/admin/views/contentModelGroups/ContentModelGroupsForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ContentModelGroupsForm.tsx"],"names":["React","useCallback","styled","isEmpty","get","Form","Grid","Cell","Input","ButtonDefault","ButtonIcon","ButtonPrimary","CircularProgress","i18n","validation","SimpleFormHeader","SimpleForm","SimpleFormFooter","SimpleFormContent","IconPicker","useRouter","useSnackbar","EmptyView","ReactComponent","AddIcon","useMutation","useQuery","GQL","usePermission","Tooltip","t","ns","ButtonWrapper","display","justifyContent","ContentModelGroupsForm","canCreate","location","history","showSnackbar","canEdit","newEntry","URLSearchParams","search","id","getQuery","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","create","createMutation","UPDATE_CONTENT_MODEL_GROUP","updateMutation","loading","find","item","createOperation","group","name","description","icon","onSubmit","response","showEmptyView","form","Bind","plugin","ev","submit"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport IconPicker from \"./IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        >\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                        </ButtonDefault>\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <CircularProgress />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input label={t`Name`} />\n                                </Bind>\n                            </Cell>\n\n                            <Cell span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Cell>\n                            <Cell span={12}>\n                                <Bind name=\"description\">\n                                    <Input rows={5} label={t`Description`} />\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <ButtonWrapper>\n                            <ButtonDefault\n                                onClick={() => history.push(\"/cms/content-model-groups\")}\n                            >{t`Cancel`}</ButtonDefault>\n\n                            {canEdit(data, \"cms.contentModelGroup\") && (\n                                <React.Fragment>\n                                    {!data.plugin ? (\n                                        <ButtonPrimary\n                                            onClick={ev => {\n                                                form.submit(ev);\n                                            }}\n                                        >{t`Save content model group`}</ButtonPrimary>\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                \"Content model group is registered via a plugin.\"\n                                            }\n                                            placement={\"bottom\"}\n                                        >\n                                            <ButtonPrimary\n                                                disabled\n                                            >{t`Save content model group`}</ButtonPrimary>\n                                        </Tooltip>\n                                    )}\n                                </React.Fragment>\n                            )}\n                        </ButtonWrapper>\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"]}
+{"version":3,"names":["t","i18n","ns","ButtonWrapper","styled","display","justifyContent","ContentModelGroupsForm","canCreate","useRouter","location","history","useSnackbar","showSnackbar","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GQL","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","create","createMutation","UPDATE_CONTENT_MODEL_GROUP","updateMutation","loading","find","item","createOperation","useCallback","group","name","description","icon","onSubmit","response","showEmptyView","isEmpty","form","Bind","validation","plugin","ev","submit"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n    SimpleFormHeader,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport IconPicker from \"./IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n    CmsGroup,\n    CreateCmsGroupMutationResponse,\n    CreateCmsGroupMutationVariables,\n    GetCmsGroupQueryResponse,\n    GetCmsGroupQueryVariables,\n    ListCmsGroupsQueryResponse,\n    UpdateCmsGroupMutationResponse,\n    UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n    canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n    const { location, history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const { canEdit } = usePermission();\n\n    const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n        GQL.GET_CONTENT_MODEL_GROUP,\n        {\n            variables: {\n                id: id as string\n            },\n            skip: !id,\n            onCompleted: data => {\n                if (!data) {\n                    return;\n                }\n\n                const { error } = data.contentModelGroup;\n                if (error) {\n                    history.push(\"/cms/content-model-group\");\n                    showSnackbar(error.message);\n                }\n            }\n        }\n    );\n\n    // Create a new group and update list cache\n    const [create, createMutation] = useMutation<\n        CreateCmsGroupMutationResponse,\n        CreateCmsGroupMutationVariables\n    >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n        update(cache, { data }) {\n            if (!data || data.contentModelGroup.error) {\n                return;\n            }\n\n            const gqlParams = {\n                query: GQL.LIST_CONTENT_MODEL_GROUPS\n            };\n            const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n            if (!result || !result.listContentModelGroups) {\n                return;\n            }\n            const { listContentModelGroups } = result;\n            cache.writeQuery({\n                ...gqlParams,\n                data: {\n                    listContentModelGroups: {\n                        ...listContentModelGroups,\n                        data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n                    }\n                }\n            });\n        }\n    });\n    const [update, updateMutation] = useMutation<\n        UpdateCmsGroupMutationResponse,\n        UpdateCmsGroupMutationVariables\n    >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n    const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n    const createOperation = useCallback(\n        (group: Partial<CmsGroup>) => {\n            if (!group.id) {\n                return create({\n                    variables: {\n                        data: {\n                            name: group.name,\n                            description: group.description,\n                            icon: group.icon\n                        }\n                    }\n                });\n            }\n            return update({\n                variables: {\n                    id: group.id,\n                    data: {\n                        name: group.name,\n                        description: group.description,\n                        icon: group.icon\n                    }\n                }\n            });\n        },\n        [create, update]\n    );\n\n    const onSubmit = useCallback(\n        async (group: Partial<CmsGroup>): Promise<void> => {\n            /**\n             * Create or update, depends if group object has id property\n             */\n            const response = await createOperation(group);\n            if (!response.data) {\n                showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n                return;\n            }\n\n            const { data, error } = response.data.contentModelGroup;\n            if (error) {\n                showSnackbar(error.message);\n                return;\n            }\n            /**\n             * Redirect to a new group\n             */\n            if (!group.id) {\n                history.push(`/cms/content-model-groups?id=${data.id}`);\n            }\n            showSnackbar(t`Content model group saved successfully!`);\n        },\n        [id]\n    );\n\n    const data: CmsGroup = getQuery.loading\n        ? null\n        : get(getQuery, \"data.contentModelGroup.data\", null);\n\n    const showEmptyView = !newEntry && !loading && isEmpty(data);\n    // Render \"No content selected\" view.\n    if (showEmptyView) {\n        return (\n            <EmptyView\n                title={t`Click on the left side list to display group details {message}`({\n                    message: canCreate ? \"or create a...\" : \"\"\n                })}\n                action={\n                    canCreate ? (\n                        <ButtonDefault\n                            data-testid=\"new-record-button\"\n                            onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n                        >\n                            <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n                        </ButtonDefault>\n                    ) : (\n                        <></>\n                    )\n                }\n            />\n        );\n    }\n\n    return (\n        <Form onSubmit={onSubmit} data={data || { icon: \"fas/star\" }}>\n            {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n                <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n                    <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n                    {loading && <CircularProgress />}\n                    <SimpleFormContent>\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind\n                                    name=\"name\"\n                                    validators={validation.create(\"required,maxLength:100\")}\n                                >\n                                    <Input label={t`Name`} />\n                                </Bind>\n                            </Cell>\n\n                            <Cell span={12}>\n                                <Bind name=\"icon\" validators={validation.create(\"required\")}>\n                                    <IconPicker\n                                        label={t`Group icon`}\n                                        description={t`Icon that will be displayed in the main menu.`}\n                                    />\n                                </Bind>\n                            </Cell>\n                            <Cell span={12}>\n                                <Bind name=\"description\">\n                                    <Input rows={5} label={t`Description`} />\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                    </SimpleFormContent>\n                    <SimpleFormFooter>\n                        <ButtonWrapper>\n                            <ButtonDefault\n                                onClick={() => history.push(\"/cms/content-model-groups\")}\n                            >{t`Cancel`}</ButtonDefault>\n\n                            {canEdit(data, \"cms.contentModelGroup\") && (\n                                <React.Fragment>\n                                    {!data.plugin ? (\n                                        <ButtonPrimary\n                                            onClick={ev => {\n                                                form.submit(ev);\n                                            }}\n                                        >{t`Save content model group`}</ButtonPrimary>\n                                    ) : (\n                                        <Tooltip\n                                            content={\n                                                \"Content model group is registered via a plugin.\"\n                                            }\n                                            placement={\"bottom\"}\n                                        >\n                                            <ButtonPrimary\n                                                disabled\n                                            >{t`Save content model group`}</ButtonPrimary>\n                                        </Tooltip>\n                                    )}\n                                </React.Fragment>\n                            )}\n                        </ButtonWrapper>\n                    </SimpleFormFooter>\n                </SimpleForm>\n            )}\n        </Form>\n    );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/DelayedOnChange.js

@@ -1,72 +1,78 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _noop = _interopRequireDefault(require("lodash/noop"));
+
 var _excluded = ["children"];
-import * as React from "react";
-import noop from "lodash/noop";
-/**
- * This component is used to wrap Input and Textarea components to optimize form re-render.
- * These 2 are the only components that trigger form model change on each character input.
- * This means, whenever you type a letter an entire form re-renders.
- * On complex forms you will feel and see a significant delay if this component is not used.
- *
- * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
- * a user stops typing for given period of time (400ms by default).
- */
 
 var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
-  _inherits(DelayedOnChange, _React$Component);
+  (0, _inherits2.default)(DelayedOnChange, _React$Component);
 
-  var _super = _createSuper(DelayedOnChange);
+  var _super = (0, _createSuper2.default)(DelayedOnChange);
 
   function DelayedOnChange() {
     var _this;
 
-    _classCallCheck(this, DelayedOnChange);
+    (0, _classCallCheck2.default)(this, DelayedOnChange);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "delay", null);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "delay", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       value: ""
     });
-
-    _defineProperty(_assertThisInitialized(_this), "applyValue", function (value) {
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "applyValue", function (value) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop.default;
       _this.delay && clearTimeout(_this.delay);
       _this.delay = null;
 
       _this.props.onChange(value, callback);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
       _this.setState({
         value: value
       }, _this.changed);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "changed", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changed", function () {
       _this.delay && clearTimeout(_this.delay);
       _this.delay = null;
       _this.delay = setTimeout(function () {
         return _this.applyValue(_this.state.value);
       }, _this.props.delay);
     });
-
     return _this;
   }
 
-  _createClass(DelayedOnChange, [{
+  (0, _createClass2.default)(DelayedOnChange, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -80,20 +86,16 @@ var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
 
       var _this$props = this.props,
           children = _this$props.children,
-          other = _objectWithoutProperties(_this$props, _excluded);
-
-      var newProps = _objectSpread(_objectSpread({}, other), {}, {
+          other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      var newProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
         value: this.state.value,
         onChange: this.onChange
       });
-
       var renderProp = typeof children === "function" ? children : false;
       var child = renderProp ? renderProp(newProps) : /*#__PURE__*/React.cloneElement(children, newProps);
-
-      var props = _objectSpread({}, child.props);
-
-      var realOnKeyDown = props.onKeyDown || noop;
-      var realOnBlur = props.onBlur || noop; // Need to apply value if input lost focus
+      var props = (0, _objectSpread2.default)({}, child.props);
+      var realOnKeyDown = props.onKeyDown || _noop.default;
+      var realOnBlur = props.onBlur || _noop.default; // Need to apply value if input lost focus
 
       props.onBlur = function (ev) {
         ev.persist();
@@ -123,12 +125,11 @@ var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.cloneElement(child, props);
     }
   }]);
-
   return DelayedOnChange;
 }(React.Component);
 
-_defineProperty(DelayedOnChange, "defaultProps", {
+(0, _defineProperty2.default)(DelayedOnChange, "defaultProps", {
   delay: 400
 });
-
-export default DelayedOnChange;
+var _default = DelayedOnChange;
+exports.default = _default;

package/admin/views/contentModelGroups/DelayedOnChange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DelayedOnChange.ts"],"names":["React","noop","DelayedOnChange","value","callback","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","children","other","newProps","renderProp","child","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key","Component"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IAsBMC,e;;;;;;;;;;;;;;;;4DAK6B,I;;4DAEwB;AACnDC,MAAAA,KAAK,EAAE;AAD4C,K;;iEAQlC,UAACA,KAAD,EAA2D;AAAA,UAA9CC,QAA8C,uEAAfH,IAAe;AAC5E,YAAKI,KAAL,IAAcC,YAAY,CAAC,MAAKD,KAAN,CAA1B;AACA,YAAKA,KAAL,GAAa,IAAb;;AACA,YAAKE,KAAL,CAAWC,QAAX,CAAoBL,KAApB,EAA2BC,QAA3B;AACH,K;;+DAEkB,UAACD,KAAD,EAAyB;AACxC,YAAKM,QAAL,CAAc;AAAEN,QAAAA,KAAK,EAALA;AAAF,OAAd,EAAyB,MAAKO,OAA9B;AACH,K;;8DAEiB,YAAY;AAC1B,YAAKL,KAAL,IAAcC,YAAY,CAAC,MAAKD,KAAN,CAA1B;AACA,YAAKA,KAAL,GAAa,IAAb;AACA,YAAKA,KAAL,GAAaM,UAAU,CACnB;AAAA,eAAM,MAAKC,UAAL,CAAgB,MAAKC,KAAL,CAAWV,KAA3B,CAAN;AAAA,OADmB,EAEnB,MAAKI,KAAL,CAAWF,KAFQ,CAAvB;AAIH,K;;;;;;;WArBD,6BAAoC;AAChC,WAAKI,QAAL,CAAc;AAAEN,QAAAA,KAAK,EAAE,KAAKI,KAAL,CAAWJ;AAApB,OAAd;AACH;;;WAqBD,kBAA0C;AAAA;;AACtC,wBAA+B,KAAKI,KAApC;AAAA,UAAQO,QAAR,eAAQA,QAAR;AAAA,UAAqBC,KAArB;;AACA,UAAMC,QAAgD,mCAC/CD,KAD+C;AAElDZ,QAAAA,KAAK,EAAE,KAAKU,KAAL,CAAWV,KAFgC;AAGlDK,QAAAA,QAAQ,EAAE,KAAKA;AAHmC,QAAtD;;AAMA,UAAMS,UAAU,GAAG,OAAOH,QAAP,KAAoB,UAApB,GAAiCA,QAAjC,GAA4C,KAA/D;AACA,UAAMI,KAAK,GAAGD,UAAU,GAClBA,UAAU,CAACD,QAAD,CADQ,gBAElBhB,KAAK,CAACmB,YAAN,CAAmBL,QAAnB,EAA8DE,QAA9D,CAFN;;AAIA,UAAMT,KAAK,qBAAQW,KAAK,CAACX,KAAd,CAAX;;AACA,UAAMa,aAAa,GAAGb,KAAK,CAACc,SAAN,IAAmBpB,IAAzC;AACA,UAAMqB,UAAU,GAAGf,KAAK,CAACgB,MAAN,IAAgBtB,IAAnC,CAfsC,CAiBtC;;AACAM,MAAAA,KAAK,CAACgB,MAAN,GAAe,UAACC,EAAD,EAA8B;AACzCA,QAAAA,EAAE,CAACC,OAAH;;AACA,QAAA,MAAI,CAACb,UAAL,CAAiBY,EAAE,CAACE,MAAJ,CAAgCvB,KAAhD,EAAuD;AAAA,iBAAMmB,UAAU,CAACE,EAAD,CAAhB;AAAA,SAAvD;AACH,OAHD,CAlBsC,CAuBtC;;;AACAjB,MAAAA,KAAK,CAACc,SAAN,GAAkB,UAACG,EAAD,EAA6B;AAC3CA,QAAAA,EAAE,CAACC,OAAH;;AACA,YAAID,EAAE,CAACG,GAAH,KAAW,KAAf,EAAsB;AAClB,UAAA,MAAI,CAACf,UAAL,CAAiBY,EAAE,CAACE,MAAJ,CAAgCvB,KAAhD,EAAuD;AAAA,mBAAMiB,aAAa,CAACI,EAAD,CAAnB;AAAA,WAAvD;AACH,SAFD,MAEO,IAAIA,EAAE,CAACG,GAAH,KAAW,OAAX,IAAsBpB,KAAK,CAAC,eAAD,CAA/B,EAAkD;AACrD,UAAA,MAAI,CAACK,UAAL,CAAiBY,EAAE,CAACE,MAAJ,CAAgCvB,KAAhD,EAAuD;AAAA,mBAAMiB,aAAa,CAACI,EAAD,CAAnB;AAAA,WAAvD;AACH,SAFM,MAEA;AACHJ,UAAAA,aAAa,CAACI,EAAD,CAAb;AACH;AACJ,OATD;;AAWA,0BAAOxB,KAAK,CAACmB,YAAN,CAAmBD,KAAnB,EAA0BX,KAA1B,CAAP;AACH;;;;EAtEyBP,KAAK,CAAC4B,S;;gBAA9B1B,e,kBACmD;AACjDG,EAAAA,KAAK,EAAE;AAD0C,C;;AAwEzD,eAAeH,eAAf","sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\ninterface OnChangeCbCallable {\n    (value: string): void;\n}\ninterface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"]}
+{"version":3,"names":["DelayedOnChange","value","callback","noop","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","children","other","newProps","renderProp","child","React","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key","Component"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\ninterface OnChangeCbCallable {\n    (value: string): void;\n}\ninterface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"],"mappings":"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"}