@webiny/app-headless-cms 5.37.8-beta.0 → 5.38.0-beta.0

package/admin/views/contentModels/exporting/useModelExport.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModelExport = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _hooks = require("../../../hooks");
+var _runExport = require("./runExport");
+var _appAdmin = require("@webiny/app-admin");
+var _download = require("./download");
+var useModelExport = function useModelExport() {
+  var client = (0, _hooks.useApolloClient)();
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var handleModelsExport = (0, _react.useCallback)(function (models) {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _result$data, _result$data$models;
+      var result;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return (0, _runExport.runExport)({
+              client: client,
+              models: models
+            });
+          case 2:
+            result = _context.sent;
+            if (!result.error) {
+              _context.next = 7;
+              break;
+            }
+            return _context.abrupt("return", showSnackbar(result.error.message));
+          case 7:
+            if ((_result$data = result.data) !== null && _result$data !== void 0 && (_result$data$models = _result$data.models) !== null && _result$data$models !== void 0 && _result$data$models.length) {
+              _context.next = 9;
+              break;
+            }
+            return _context.abrupt("return", showSnackbar("No data returned from the exportStructure query."));
+          case 9:
+            (0, _download.download)(result.data);
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  }, []);
+  var handleModelExport = (0, _react.useCallback)(function (model) {
+    return function () {
+      handleModelsExport([model.modelId]);
+    };
+  }, [handleModelsExport]);
+  return {
+    handleModelsExport: handleModelsExport,
+    handleModelExport: handleModelExport
+  };
+};
+exports.useModelExport = useModelExport;
+
+//# sourceMappingURL=useModelExport.js.map

package/admin/views/contentModels/exporting/useModelExport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_hooks","_runExport","_appAdmin","_download","useModelExport","client","useApolloClient","_useSnackbar","useSnackbar","showSnackbar","handleModelsExport","useCallback","models","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","_result$data","_result$data$models","result","wrap","_callee$","_context","prev","next","runExport","sent","error","abrupt","message","data","length","download","stop","handleModelExport","model","modelId","exports"],"sources":["useModelExport.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { CmsModel } from \"~/types\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { runExport } from \"./runExport\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { download } from \"./download\";\n\nexport const useModelExport = () => {\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n\n    const handleModelsExport = useCallback((models?: string[]) => {\n        (async () => {\n            const result = await runExport({\n                client,\n                models\n            });\n            if (result.error) {\n                return showSnackbar(result.error.message);\n            } else if (!result.data?.models?.length) {\n                return showSnackbar(\"No data returned from the exportStructure query.\");\n            }\n            download(result.data);\n        })();\n    }, []);\n\n    const handleModelExport = useCallback(\n        (model: CmsModel) => {\n            return () => {\n                handleModelsExport([model.modelId]);\n            };\n        },\n        [handleModelsExport]\n    );\n\n    return {\n        handleModelsExport,\n        handleModelExport\n    };\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEO,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAChC,IAAMC,MAAM,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAChC,IAAAC,YAAA,GAAyB,IAAAC,qBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,UAACC,MAAiB,EAAK;IAC1D,IAAAC,kBAAA,CAAAC,OAAA,oBAAAC,oBAAA,CAAAD,OAAA,IAAAE,IAAA,CAAC,SAAAC,QAAA;MAAA,IAAAC,YAAA,EAAAC,mBAAA;MAAA,IAAAC,MAAA;MAAA,WAAAL,oBAAA,CAAAD,OAAA,IAAAO,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;UAAA;YAAAF,QAAA,CAAAE,IAAA;YAAA,OACwB,IAAAC,oBAAS,EAAC;cAC3BrB,MAAM,EAANA,MAAM;cACNO,MAAM,EAANA;YACJ,CAAC,CAAC;UAAA;YAHIQ,MAAM,GAAAG,QAAA,CAAAI,IAAA;YAAA,KAIRP,MAAM,CAACQ,KAAK;cAAAL,QAAA,CAAAE,IAAA;cAAA;YAAA;YAAA,OAAAF,QAAA,CAAAM,MAAA,WACLpB,YAAY,CAACW,MAAM,CAACQ,KAAK,CAACE,OAAO,CAAC;UAAA;YAAA,KAAAZ,YAAA,GACjCE,MAAM,CAACW,IAAI,cAAAb,YAAA,gBAAAC,mBAAA,GAAXD,YAAA,CAAaN,MAAM,cAAAO,mBAAA,eAAnBA,mBAAA,CAAqBa,MAAM;cAAAT,QAAA,CAAAE,IAAA;cAAA;YAAA;YAAA,OAAAF,QAAA,CAAAM,MAAA,WAC5BpB,YAAY,CAAC,kDAAkD,CAAC;UAAA;YAE3E,IAAAwB,kBAAQ,EAACb,MAAM,CAACW,IAAI,CAAC;UAAC;UAAA;YAAA,OAAAR,QAAA,CAAAW,IAAA;QAAA;MAAA,GAAAjB,OAAA;IAAA,CACzB,GAAE,CAAC;EACR,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMkB,iBAAiB,GAAG,IAAAxB,kBAAW,EACjC,UAACyB,KAAe,EAAK;IACjB,OAAO,YAAM;MACT1B,kBAAkB,CAAC,CAAC0B,KAAK,CAACC,OAAO,CAAC,CAAC;IACvC,CAAC;EACL,CAAC,EACD,CAAC3B,kBAAkB,CACvB,CAAC;EAED,OAAO;IACHA,kBAAkB,EAAlBA,kBAAkB;IAClByB,iBAAiB,EAAjBA;EACJ,CAAC;AACL,CAAC;AAACG,OAAA,CAAAlC,cAAA,GAAAA,cAAA"}

package/admin/views/contentModels/helpers/apiNameValidator.js

@@ -113,4 +113,6 @@ var createApiNameValidator = function createApiNameValidator(params) {
     };
   }();
 };
-exports.createApiNameValidator = createApiNameValidator;
+exports.createApiNameValidator = createApiNameValidator;
+
+//# sourceMappingURL=apiNameValidator.js.map

package/admin/views/contentModels/helpers/nameValidator.js

@@ -60,4 +60,6 @@ var createNameValidator = function createNameValidator(params) {
     };
   }();
 };
-exports.createNameValidator = createNameValidator;
+exports.createNameValidator = createNameValidator;
+
+//# sourceMappingURL=nameValidator.js.map

package/admin/views/contentModels/importing/ImportContentModelsDialog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ImportContentModelsDialogProps {
+    onClose: () => void;
+}
+export declare const ImportContentModelsDialog: React.VFC<ImportContentModelsDialogProps>;

package/admin/views/contentModels/importing/ImportContentModelsDialog.js

@@ -0,0 +1,55 @@
+"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.ImportContentModelsDialog = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireWildcard(require("react"));
+var _Progress = require("@webiny/ui/Progress");
+var UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
+var _Dialog2 = require("../../../components/Dialog");
+var _i18n = require("@webiny/app/i18n");
+var _ImportButton = require("./components/ImportButton");
+var _FileUpload = require("./components/FileUpload");
+var _Errors = require("./components/Errors");
+var _DataList = require("./components/DataList");
+var _DataListInstructions = require("./components/Model/DataListInstructions");
+var _ImportContext = require("./ImportContext");
+var _templateObject;
+var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/import-content-models-dialog");
+var ImportContentModelsDialog = function ImportContentModelsDialog(props) {
+  var onClose = props.onClose;
+  var onCloseClick = (0, _react.useCallback)(function () {
+    window.location.reload();
+    onClose();
+  }, [onClose]);
+  return /*#__PURE__*/_react.default.createElement(_ImportContext.ImportContextProvider, null, function (_ref) {
+    var loading = _ref.loading,
+      errors = _ref.errors,
+      validated = _ref.validated,
+      handleModelsImport = _ref.handleModelsImport,
+      hasSelected = _ref.hasSelected,
+      handleModelsValidation = _ref.handleModelsValidation,
+      file = _ref.file;
+    var onClick = validated ? handleModelsImport : handleModelsValidation;
+    return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
+      open: true,
+      onClose: onCloseClick,
+      "data-testid": "cms-import-content-models-modal"
+    }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: "Loading..."
+    }), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Import Content Models"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, null, /*#__PURE__*/_react.default.createElement(_FileUpload.FileUpload, null), validated && /*#__PURE__*/_react.default.createElement(_DataListInstructions.DataListInstructions, null), /*#__PURE__*/_react.default.createElement(_Errors.Errors, {
+      errors: errors
+    }), /*#__PURE__*/_react.default.createElement(_DataList.DataList, null)), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_ImportButton.ImportButton, {
+      onClick: onClick,
+      validated: validated,
+      disabled: errors.length > 0 || loading || !file || validated && !hasSelected()
+    })));
+  });
+};
+exports.ImportContentModelsDialog = ImportContentModelsDialog;
+
+//# sourceMappingURL=ImportContentModelsDialog.js.map

package/admin/views/contentModels/importing/ImportContentModelsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Progress","UID","_Dialog2","_i18n","_ImportButton","_FileUpload","_Errors","_DataList","_DataListInstructions","_ImportContext","_templateObject","t","i18n","ns","ImportContentModelsDialog","props","onClose","onCloseClick","useCallback","window","location","reload","default","createElement","ImportContextProvider","_ref","loading","errors","validated","handleModelsImport","hasSelected","handleModelsValidation","file","onClick","Dialog","open","CircularProgress","label","DialogTitle","_taggedTemplateLiteral2","DialogContent","FileUpload","DataListInstructions","Errors","DataList","DialogActions","ImportButton","disabled","length","exports"],"sources":["ImportContentModelsDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport * as UID from \"@webiny/ui/Dialog\";\nimport { Dialog } from \"~/admin/components/Dialog\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ImportButton } from \"./components/ImportButton\";\nimport { FileUpload } from \"./components/FileUpload\";\nimport { Errors } from \"./components/Errors\";\nimport { DataList } from \"./components/DataList\";\nimport { DataListInstructions } from \"./components/Model/DataListInstructions\";\nimport { ImportContextProvider } from \"~/admin/views/contentModels/importing/ImportContext\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/import-content-models-dialog\");\n\nexport interface ImportContentModelsDialogProps {\n    onClose: () => void;\n}\n\nexport const ImportContentModelsDialog: React.VFC<ImportContentModelsDialogProps> = props => {\n    const { onClose } = props;\n\n    const onCloseClick = useCallback(() => {\n        window.location.reload();\n        onClose();\n    }, [onClose]);\n\n    return (\n        <ImportContextProvider>\n            {({\n                loading,\n                errors,\n                validated,\n                handleModelsImport,\n                hasSelected,\n                handleModelsValidation,\n                file\n            }) => {\n                const onClick = validated ? handleModelsImport : handleModelsValidation;\n                return (\n                    <Dialog\n                        open={true}\n                        onClose={onCloseClick}\n                        data-testid=\"cms-import-content-models-modal\"\n                    >\n                        {loading && <CircularProgress label={\"Loading...\"} />}\n                        <UID.DialogTitle>{t`Import Content Models`}</UID.DialogTitle>\n                        <UID.DialogContent>\n                            <FileUpload />\n                            {validated && <DataListInstructions />}\n                            <Errors errors={errors} />\n                            <DataList />\n                        </UID.DialogContent>\n                        <UID.DialogActions>\n                            <ImportButton\n                                onClick={onClick}\n                                validated={validated}\n                                disabled={\n                                    errors.length > 0 ||\n                                    loading ||\n                                    !file ||\n                                    (validated && !hasSelected())\n                                }\n                            />\n                        </UID.DialogActions>\n                    </Dialog>\n                );\n            }}\n        </ImportContextProvider>\n    );\n};\n"],"mappings":"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"}

package/admin/views/contentModels/importing/ImportContext.d.ts

@@ -0,0 +1,58 @@
+/// <reference types="web" />
+import React from "react";
+import { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types";
+import { ImportGroupData, ImportModelData } from "./types";
+interface Data {
+    groups: CmsGroup[];
+    models: CmsModel[];
+}
+export interface OnFileCb {
+    (file: File): void;
+}
+export interface OnFileErrorCb {
+    (error: string): void;
+}
+export interface HandleModelsValidationCb {
+    (): Promise<void>;
+}
+export interface HandleModelsImportCb {
+    (): Promise<void>;
+}
+export interface IsModelSelectedCb {
+    (item: Pick<ImportModelData, "id">): boolean;
+}
+export interface IsModelRelatedCb {
+    (item: Pick<ImportModelData, "id">): boolean;
+}
+export interface AddModelCb {
+    (item: Pick<ImportModelData, "id" | "name" | "related">): void;
+}
+export interface RemoveModelCb {
+    (item: Pick<ImportModelData, "id" | "name" | "related">): void;
+}
+export interface ToggleModelCb {
+    (item: Pick<ImportModelData, "id" | "name" | "related">): void;
+}
+export interface ImportContextProperties {
+    data: Data | null;
+    loading: boolean;
+    groups?: ImportGroupData[];
+    models?: ImportModelData[];
+    hasSelected: () => boolean;
+    file: File | null;
+    errors: string[];
+    validated: boolean;
+    onFile: OnFileCb;
+    onFileError: OnFileErrorCb;
+    handleModelsValidation: HandleModelsValidationCb;
+    handleModelsImport: HandleModelsImportCb;
+    toggleModel: ToggleModelCb;
+    isModelSelected: IsModelSelectedCb;
+    isModelRelated: IsModelRelatedCb;
+}
+export declare const ImportContext: React.Context<ImportContextProperties | undefined>;
+export interface ImportContextProviderProps {
+    children: (props: ImportContextProperties) => React.ReactNode;
+}
+export declare const ImportContextProvider: React.VFC<ImportContextProviderProps>;
+export {};