@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -0,0 +1,29 @@
+import lodashCamelCase from "lodash/camelCase";
+export const createNameValidator = params => {
+  const {
+    models
+  } = params;
+  return async name => {
+    const target = (name || "").trim();
+    if (!target) {
+      throw new Error("The name is required.");
+    } else if (!target.charAt(0).match(/[a-zA-Z]/)) {
+      throw new Error("The name can't start with a number.");
+    } else if (models.length === 0) {
+      return true;
+    }
+    const modelId = lodashCamelCase(target);
+    const alreadyExists = models.some(model => {
+      if (model.name.toLowerCase() === target.toLowerCase()) {
+        return true;
+      }
+      return model.modelId.toLowerCase() === modelId.toLowerCase();
+    });
+    if (alreadyExists) {
+      throw new Error(`This name is already taken.`);
+    }
+    return true;
+  };
+};
+
+//# sourceMappingURL=nameValidator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["lodashCamelCase","createNameValidator","params","models","name","target","trim","Error","charAt","match","length","modelId","alreadyExists","some","model","toLowerCase"],"sources":["nameValidator.ts"],"sourcesContent":["import lodashCamelCase from \"lodash/camelCase\";\nimport type { CmsModel } from \"~/types\";\n\ninterface Params {\n    models: CmsModel[];\n}\n\nexport const createNameValidator = (params: Params) => {\n    const { models } = params;\n    return async (name: string): Promise<boolean> => {\n        const target = (name || \"\").trim();\n        if (!target) {\n            throw new Error(\"The name is required.\");\n        } else if (!target.charAt(0).match(/[a-zA-Z]/)) {\n            throw new Error(\"The name can't start with a number.\");\n        } else if (models.length === 0) {\n            return true;\n        }\n\n        const modelId = lodashCamelCase(target);\n        const alreadyExists = models.some(model => {\n            if (model.name.toLowerCase() === target.toLowerCase()) {\n                return true;\n            }\n            return model.modelId.toLowerCase() === modelId.toLowerCase();\n        });\n        if (alreadyExists) {\n            throw new Error(`This name is already taken.`);\n        }\n\n        return true;\n    };\n};\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,kBAAkB;AAO9C,OAAO,MAAMC,mBAAmB,GAAIC,MAAc,IAAK;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAGD,MAAM;EACzB,OAAO,MAAOE,IAAY,IAAuB;IAC7C,MAAMC,MAAM,GAAG,CAACD,IAAI,IAAI,EAAE,EAAEE,IAAI,CAAC,CAAC;IAClC,IAAI,CAACD,MAAM,EAAE;MACT,MAAM,IAAIE,KAAK,CAAC,uBAAuB,CAAC;IAC5C,CAAC,MAAM,IAAI,CAACF,MAAM,CAACG,MAAM,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,UAAU,CAAC,EAAE;MAC5C,MAAM,IAAIF,KAAK,CAAC,qCAAqC,CAAC;IAC1D,CAAC,MAAM,IAAIJ,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;MAC5B,OAAO,IAAI;IACf;IAEA,MAAMC,OAAO,GAAGX,eAAe,CAACK,MAAM,CAAC;IACvC,MAAMO,aAAa,GAAGT,MAAM,CAACU,IAAI,CAACC,KAAK,IAAI;MACvC,IAAIA,KAAK,CAACV,IAAI,CAACW,WAAW,CAAC,CAAC,KAAKV,MAAM,CAACU,WAAW,CAAC,CAAC,EAAE;QACnD,OAAO,IAAI;MACf;MACA,OAAOD,KAAK,CAACH,OAAO,CAACI,WAAW,CAAC,CAAC,KAAKJ,OAAO,CAACI,WAAW,CAAC,CAAC;IAChE,CAAC,CAAC;IACF,IAAIH,aAAa,EAAE;MACf,MAAM,IAAIL,KAAK,CAAC,6BAA6B,CAAC;IAClD;IAEA,OAAO,IAAI;EACf,CAAC;AACL,CAAC","ignoreList":[]}

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: (props: ImportContentModelsDialogProps) => React.JSX.Element;

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

@@ -0,0 +1,47 @@
+import React, { useCallback } from "react";
+import { CircularProgress } from "@webiny/ui/Progress";
+import * as UID from "@webiny/ui/Dialog";
+import { Dialog } from "../../../components/Dialog";
+import { i18n } from "@webiny/app/i18n";
+import { ImportButton } from "./components/ImportButton";
+import { FileUpload } from "./components/FileUpload";
+import { Errors } from "./components/Errors";
+import { DataList } from "./components/DataList";
+import { DataListInstructions } from "./components/Model/DataListInstructions";
+import { ImportContextProvider } from "./ImportContext";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/import-content-models-dialog");
+export const ImportContentModelsDialog = props => {
+  const {
+    onClose
+  } = props;
+  const onCloseClick = useCallback(() => {
+    window.location.reload();
+    onClose();
+  }, [onClose]);
+  return /*#__PURE__*/React.createElement(ImportContextProvider, null, ({
+    loading,
+    errors,
+    validated,
+    handleModelsImport,
+    hasSelected,
+    handleModelsValidation,
+    file
+  }) => {
+    const onClick = validated ? handleModelsImport : handleModelsValidation;
+    return /*#__PURE__*/React.createElement(Dialog, {
+      open: true,
+      onClose: onCloseClick,
+      "data-testid": "cms-import-content-models-modal"
+    }, loading && /*#__PURE__*/React.createElement(CircularProgress, {
+      label: "Loading..."
+    }), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t`Import Content Models`), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(FileUpload, null), validated && /*#__PURE__*/React.createElement(DataListInstructions, null), /*#__PURE__*/React.createElement(Errors, {
+      errors: errors
+    }), /*#__PURE__*/React.createElement(DataList, null)), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ImportButton, {
+      onClick: onClick,
+      validated: validated,
+      disabled: errors.length > 0 || loading || !file || validated && !hasSelected()
+    })));
+  });
+};
+
+//# sourceMappingURL=ImportContentModelsDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","CircularProgress","UID","Dialog","i18n","ImportButton","FileUpload","Errors","DataList","DataListInstructions","ImportContextProvider","t","ns","ImportContentModelsDialog","props","onClose","onCloseClick","window","location","reload","createElement","loading","errors","validated","handleModelsImport","hasSelected","handleModelsValidation","file","onClick","open","label","DialogTitle","DialogContent","DialogActions","disabled","length"],"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 = (props: ImportContentModelsDialogProps) => {\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":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,OAAO,KAAKC,GAAG,MAAM,mBAAmB;AACxC,SAASC,MAAM;AACf,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,MAAM;AACf,SAASC,QAAQ;AACjB,SAASC,oBAAoB;AAC7B,SAASC,qBAAqB;AAE9B,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,0EAA0E,CAAC;AAM7F,OAAO,MAAMC,yBAAyB,GAAIC,KAAqC,IAAK;EAChF,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,YAAY,GAAGhB,WAAW,CAAC,MAAM;IACnCiB,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAAC;IACxBJ,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACIhB,KAAA,CAAAqB,aAAA,CAACV,qBAAqB,QACjB,CAAC;IACEW,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,kBAAkB;IAClBC,WAAW;IACXC,sBAAsB;IACtBC;EACJ,CAAC,KAAK;IACF,MAAMC,OAAO,GAAGL,SAAS,GAAGC,kBAAkB,GAAGE,sBAAsB;IACvE,oBACI3B,KAAA,CAAAqB,aAAA,CAACjB,MAAM;MACH0B,IAAI,EAAE,IAAK;MACXd,OAAO,EAAEC,YAAa;MACtB,eAAY;IAAiC,GAE5CK,OAAO,iBAAItB,KAAA,CAAAqB,aAAA,CAACnB,gBAAgB;MAAC6B,KAAK,EAAE;IAAa,CAAE,CAAC,eACrD/B,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC6B,WAAW,QAAEpB,CAAC,uBAAyC,CAAC,eAC7DZ,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC8B,aAAa,qBACdjC,KAAA,CAAAqB,aAAA,CAACd,UAAU,MAAE,CAAC,EACbiB,SAAS,iBAAIxB,KAAA,CAAAqB,aAAA,CAACX,oBAAoB,MAAE,CAAC,eACtCV,KAAA,CAAAqB,aAAA,CAACb,MAAM;MAACe,MAAM,EAAEA;IAAO,CAAE,CAAC,eAC1BvB,KAAA,CAAAqB,aAAA,CAACZ,QAAQ,MAAE,CACI,CAAC,eACpBT,KAAA,CAAAqB,aAAA,CAAClB,GAAG,CAAC+B,aAAa,qBACdlC,KAAA,CAAAqB,aAAA,CAACf,YAAY;MACTuB,OAAO,EAAEA,OAAQ;MACjBL,SAAS,EAAEA,SAAU;MACrBW,QAAQ,EACJZ,MAAM,CAACa,MAAM,GAAG,CAAC,IACjBd,OAAO,IACP,CAACM,IAAI,IACJJ,SAAS,IAAI,CAACE,WAAW,CAAC;IAC9B,CACJ,CACc,CACf,CAAC;EAEjB,CACmB,CAAC;AAEhC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+import React from "react";
+import type { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types";
+import type { 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: ({ children }: ImportContextProviderProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,405 @@
+import React, { useCallback, useState } from "react";
+import { useApolloClient } from "../../../hooks";
+import { IMPORT_STRUCTURE, VALIDATE_IMPORT_STRUCTURE } from "./graphql";
+import { ImportAction } from "./types";
+import { useSnackbar } from "@webiny/app-admin";
+const parseFileData = input => {
+  let data = {};
+  try {
+    data = JSON.parse(input);
+  } catch (ex) {
+    throw new Error(`Could not parse the uploaded file. Make sure it's a valid JSON file.`);
+  }
+  if (!data.groups?.length && !data.models?.length) {
+    throw new Error(`No groups and models in the uploaded file.`);
+  } else if (data.groups.length === 0) {
+    throw new Error(`No groups in the uploaded file. There must be at least one group.`);
+  }
+  return {
+    groups: data.groups,
+    models: data.models
+  };
+};
+const parseFileContent = content => {
+  if (!content) {
+    throw new Error(`Missing data in uploaded file.`);
+  } else if (content instanceof ArrayBuffer) {
+    const data = Buffer.from(content).toString("utf8");
+    return parseFileData(data);
+  }
+  return parseFileData(content);
+};
+const createSelected = params => {
+  const {
+    previous,
+    models,
+    item
+  } = params;
+  let selected = new Map(previous);
+  selected.set(item.id, item.related);
+  for (const id of item.related) {
+    const model = models.find(model => model.id === id);
+    if (!model) {
+      continue;
+    } else if (selected.has(model.id) || model.imported) {
+      continue;
+    }
+    const related = createSelected({
+      previous: selected,
+      models,
+      item: model
+    });
+    selected = new Map([...selected, ...related]);
+  }
+  return selected;
+};
+const getDataToImport = state => {
+  const selected = Array.from(state.selected.keys());
+  const groups = new Map();
+  const models = new Map();
+  const noAction = [ImportAction.CODE, ImportAction.NONE];
+  for (const id of selected) {
+    const validatedModel = state.models?.find(model => model.id === id);
+    if (!validatedModel?.action || validatedModel.error || noAction.includes(validatedModel.action)) {
+      continue;
+    }
+    const validatedGroup = state.groups?.find(group => group.id === validatedModel.group);
+    if (!validatedGroup?.action || validatedGroup.error) {
+      continue;
+    }
+    const model = state.data?.models?.find(model => model.modelId === id);
+    if (!model) {
+      continue;
+    }
+    models.set(id, {
+      ...model,
+      layout: model.layout || [],
+      titleFieldId: model.titleFieldId || "id",
+      descriptionFieldId: model.descriptionFieldId || "",
+      imageFieldId: model.imageFieldId || "",
+      group: validatedModel.group
+    });
+    if (noAction.includes(validatedGroup.action)) {
+      continue;
+    }
+    const group = state.data?.groups?.find(group => group.id === validatedModel.group);
+    if (!group) {
+      continue;
+    }
+    groups.set(group.id, group);
+  }
+  return {
+    groups: Array.from(groups.values()),
+    models: Array.from(models.values())
+  };
+};
+export const ImportContext = /*#__PURE__*/React.createContext(undefined);
+export const ImportContextProvider = ({
+  children
+}) => {
+  const client = useApolloClient();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [state, setState] = useState({
+    data: null,
+    file: null,
+    loading: false,
+    validated: false,
+    selected: new Map()
+  });
+  const hasSelected = useCallback(() => {
+    return Array.from(state.selected.keys()).length > 0;
+  }, [state.selected]);
+  const handleModelsValidation = useCallback(async () => {
+    if (!state.data) {
+      console.error("Cannot import models without any data.");
+      return;
+    }
+    setState(prev => {
+      return {
+        ...prev,
+        loading: true
+      };
+    });
+    let result;
+    try {
+      result = await client.mutate({
+        mutation: VALIDATE_IMPORT_STRUCTURE,
+        variables: {
+          data: state.data
+        }
+      });
+    } catch (ex) {
+      setState(prev => {
+        return {
+          ...prev,
+          loading: false,
+          errors: [ex.message]
+        };
+      });
+      return;
+    }
+    const {
+      data,
+      error
+    } = result.data?.validateImportStructure || {};
+    if (error) {
+      setState(prev => {
+        return {
+          ...prev,
+          loading: false,
+          errors: [error.message]
+        };
+      });
+      return;
+    } else if (!data) {
+      setState(prev => {
+        return {
+          ...prev,
+          loading: false,
+          errors: ["No validation data received."]
+        };
+      });
+      return;
+    }
+    setState(prev => {
+      const next = {
+        ...prev,
+        loading: false,
+        groups: data.groups.map(group => {
+          return {
+            id: group.group.id,
+            name: group.group.name,
+            error: group.error,
+            action: group.action
+          };
+        }),
+        models: data.models.map(model => {
+          return {
+            id: model.model.modelId,
+            name: model.model.name,
+            group: model.model.group,
+            related: model.related || [],
+            error: model.error,
+            action: model.action
+          };
+        }),
+        validated: true
+      };
+      return next;
+    });
+  }, [state.data, setState]);
+  const handleModelsImport = useCallback(async () => {
+    if (!state.data) {
+      console.error("Cannot import models without any data.");
+      return;
+    } else if (!state.groups?.length) {
+      console.error("Cannot import models without any groups.");
+      return;
+    } else if (!state.models?.length) {
+      console.error("Cannot import models because none are selected.");
+      return;
+    } else if (Array.from(state.selected.keys()).length === 0) {
+      console.error("Cannot import models because none are selected.");
+      return;
+    }
+    setState(prev => {
+      return {
+        ...prev,
+        loading: true
+      };
+    });
+    const dataToImport = getDataToImport(state);
+    let result;
+    try {
+      result = await client.mutate({
+        mutation: IMPORT_STRUCTURE,
+        variables: {
+          data: dataToImport
+        },
+        errorPolicy: "all"
+      });
+    } catch (ex) {
+      setState(prev => {
+        return {
+          ...prev,
+          loading: false,
+          errors: [ex.message]
+        };
+      });
+      return;
+    }
+    const {
+      data,
+      error
+    } = result.data?.importStructure || {};
+    if (error) {
+      setState(prev => {
+        return {
+          ...prev,
+          loading: false,
+          errors: [error.message]
+        };
+      });
+      return;
+    } else if (!data) {
+      setState(prev => {
+        return {
+          ...prev,
+          loading: false,
+          validated: false,
+          errors: ["No structure import data received."]
+        };
+      });
+      return;
+    }
+    setState(prev => {
+      return {
+        ...prev,
+        loading: false,
+        selected: new Map(),
+        groups: state.groups.map(group => {
+          const result = data.groups.find(item => item.group.id === group.id);
+          return {
+            id: result?.group.id || group.id,
+            name: result?.group.name || group.name,
+            error: result?.error || group.error,
+            imported: result ? result.imported : group.imported
+          };
+        }),
+        models: state.models.map(model => {
+          const result = data.models.find(item => item.model.modelId === model.id);
+          return {
+            id: result?.model.modelId || model.id,
+            name: result?.model.name || model.name,
+            group: result?.model.group || model.group,
+            related: result?.related || model.related || [],
+            action: result?.action || model.action,
+            error: result?.error || model.error,
+            imported: result ? result.imported : model.imported
+          };
+        }),
+        validated: true
+      };
+    });
+  }, [state.selected, state.data, setState]);
+  const onFile = useCallback(file => {
+    const reader = new FileReader();
+    reader.addEventListener("load", event => {
+      try {
+        const data = parseFileContent(event.target?.result);
+        setState(prev => {
+          return {
+            ...prev,
+            models: undefined,
+            groups: undefined,
+            selected: new Map(),
+            errors: null,
+            validated: false,
+            file,
+            data
+          };
+        });
+      } catch (ex) {
+        setState(prev => {
+          return {
+            ...prev,
+            file,
+            selected: new Map(),
+            validated: false,
+            groups: undefined,
+            models: undefined,
+            data: null,
+            errors: [ex.message]
+          };
+        });
+      }
+    });
+    reader.readAsText(file);
+  }, [state.data, setState]);
+  const onFileError = useCallback(error => {
+    setState(prev => {
+      return {
+        ...prev,
+        file: null,
+        errors: [error]
+      };
+    });
+  }, [state, setState]);
+  const isModelSelected = useCallback(item => {
+    return state.selected.has(item.id);
+  }, [state.selected]);
+  const isModelRelated = useCallback(({
+    id: target
+  }) => {
+    for (const id of state.selected.keys()) {
+      if (id === target) {
+        continue;
+      }
+      const related = state.selected.get(id);
+      if (related?.includes(id)) {
+        return true;
+      }
+    }
+    return false;
+  }, [state.selected]);
+  const addModel = useCallback(item => {
+    if (isModelSelected(item)) {
+      return;
+    }
+    setState(prev => {
+      return {
+        ...prev,
+        selected: createSelected({
+          previous: prev.selected,
+          models: state.models || [],
+          item
+        })
+      };
+    });
+  }, [isModelSelected, state.models, state.selected]);
+  const removeModel = useCallback(item => {
+    if (isModelRelated(item)) {
+      showSnackbar(`Model "${item.name}" is required due to another model having a relation to it.`);
+      return;
+    }
+    setState(prev => {
+      const selected = prev.selected;
+      selected.delete(item.id);
+      return {
+        ...prev,
+        selected
+      };
+    });
+  }, [state, setState]);
+  const toggleModel = useCallback(item => {
+    if (isModelSelected(item)) {
+      removeModel(item);
+      return;
+    }
+    addModel(item);
+  }, [isModelSelected, addModel, removeModel]);
+  const value = {
+    data: state.data || null,
+    loading: state.loading || false,
+    groups: state.groups || [],
+    models: state.models || [],
+    errors: state.errors || [],
+    validated: state.validated || false,
+    hasSelected,
+    isModelRelated,
+    file: state.file,
+    onFile,
+    onFileError,
+    handleModelsValidation,
+    handleModelsImport,
+    toggleModel,
+    isModelSelected
+  };
+  return /*#__PURE__*/React.createElement(ImportContext.Provider, {
+    value: value
+  }, children(value));
+};
+
+//# sourceMappingURL=ImportContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","useApolloClient","IMPORT_STRUCTURE","VALIDATE_IMPORT_STRUCTURE","ImportAction","useSnackbar","parseFileData","input","data","JSON","parse","ex","Error","groups","length","models","parseFileContent","content","ArrayBuffer","Buffer","from","toString","createSelected","params","previous","item","selected","Map","set","id","related","model","find","has","imported","getDataToImport","state","Array","keys","noAction","CODE","NONE","validatedModel","action","error","includes","validatedGroup","group","modelId","layout","titleFieldId","descriptionFieldId","imageFieldId","values","ImportContext","createContext","undefined","ImportContextProvider","children","client","showSnackbar","setState","file","loading","validated","hasSelected","handleModelsValidation","console","prev","result","mutate","mutation","variables","errors","message","validateImportStructure","next","map","name","handleModelsImport","dataToImport","errorPolicy","importStructure","onFile","reader","FileReader","addEventListener","event","target","readAsText","onFileError","isModelSelected","isModelRelated","get","addModel","removeModel","delete","toggleModel","value","createElement","Provider"],"sources":["ImportContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport type {\n    ImportStructureResponse,\n    ImportStructureVariables,\n    ImportStructureVariablesGroup,\n    ImportStructureVariablesModel,\n    ValidateImportStructureResponse\n} from \"~/admin/views/contentModels/importing/graphql\";\nimport {\n    IMPORT_STRUCTURE,\n    VALIDATE_IMPORT_STRUCTURE\n} from \"~/admin/views/contentModels/importing/graphql\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport type { ImportGroupData, ImportModelData } from \"./types\";\nimport { ImportAction } from \"./types\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { FetchResult } from \"apollo-link\";\n\nconst parseFileData = (input: string) => {\n    let data: Record<string, any> = {};\n    try {\n        data = JSON.parse(input);\n    } catch (ex) {\n        throw new Error(`Could not parse the uploaded file. Make sure it's a valid JSON file.`);\n    }\n    if (!data.groups?.length && !data.models?.length) {\n        throw new Error(`No groups and models in the uploaded file.`);\n    } else if (data.groups.length === 0) {\n        throw new Error(`No groups in the uploaded file. There must be at least one group.`);\n    }\n    return {\n        groups: data.groups,\n        models: data.models\n    };\n};\n\nconst parseFileContent = (content?: string | ArrayBuffer | null) => {\n    if (!content) {\n        throw new Error(`Missing data in uploaded file.`);\n    } else if (content instanceof ArrayBuffer) {\n        const data = Buffer.from(content).toString(\"utf8\");\n        return parseFileData(data);\n    }\n    return parseFileData(content);\n};\n\ninterface Data {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ntype Selected = Map<string, string[]>;\n\ninterface State {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    file: File | null;\n    errors?: string[] | null;\n    validated: boolean;\n    selected: Selected;\n}\n\nexport interface OnFileCb {\n    (file: File): void;\n}\n\nexport interface OnFileErrorCb {\n    (error: string): void;\n}\n\nexport interface HandleModelsValidationCb {\n    (): Promise<void>;\n}\n\nexport interface HandleModelsImportCb {\n    (): Promise<void>;\n}\n\nexport interface IsModelSelectedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface IsModelRelatedCb {\n    (item: Pick<ImportModelData, \"id\">): boolean;\n}\n\nexport interface AddModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface RemoveModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ToggleModelCb {\n    (item: Pick<ImportModelData, \"id\" | \"name\" | \"related\">): void;\n}\n\nexport interface ImportContextProperties {\n    data: Data | null;\n    loading: boolean;\n    groups?: ImportGroupData[];\n    models?: ImportModelData[];\n    hasSelected: () => boolean;\n    file: File | null;\n    errors: string[];\n    validated: boolean;\n    onFile: OnFileCb;\n    onFileError: OnFileErrorCb;\n    handleModelsValidation: HandleModelsValidationCb;\n    handleModelsImport: HandleModelsImportCb;\n    toggleModel: ToggleModelCb;\n    isModelSelected: IsModelSelectedCb;\n    isModelRelated: IsModelRelatedCb;\n}\n\ninterface CreateSelectedParams {\n    previous: Selected;\n    models: Pick<ImportModelData, \"id\" | \"related\" | \"imported\">[];\n    item: Pick<ImportModelData, \"id\" | \"related\">;\n}\n\nconst createSelected = (params: CreateSelectedParams): Selected => {\n    const { previous, models, item } = params;\n    let selected = new Map(previous);\n\n    selected.set(item.id, item.related);\n    for (const id of item.related) {\n        const model = models.find(model => model.id === id);\n        if (!model) {\n            continue;\n        } else if (selected.has(model.id) || model.imported) {\n            continue;\n        }\n        const related = createSelected({\n            previous: selected,\n            models,\n            item: model\n        });\n        selected = new Map([...selected, ...related]);\n    }\n\n    return selected;\n};\n\ninterface DataToImportResult {\n    groups: ImportStructureVariablesGroup[];\n    models: ImportStructureVariablesModel[];\n}\n\nconst getDataToImport = (state: State): DataToImportResult => {\n    const selected = Array.from(state.selected.keys());\n\n    const groups: Map<string, ImportStructureVariablesGroup> = new Map();\n    const models: Map<string, ImportStructureVariablesModel> = new Map();\n    const noAction = [ImportAction.CODE, ImportAction.NONE];\n\n    for (const id of selected) {\n        const validatedModel = state.models?.find(model => model.id === id);\n        if (\n            !validatedModel?.action ||\n            validatedModel.error ||\n            noAction.includes(validatedModel.action)\n        ) {\n            continue;\n        }\n        const validatedGroup = state.groups?.find(group => group.id === validatedModel.group);\n        if (!validatedGroup?.action || validatedGroup.error) {\n            continue;\n        }\n\n        const model = state.data?.models?.find(model => model.modelId === id);\n        if (!model) {\n            continue;\n        }\n        models.set(id, {\n            ...model,\n            layout: model.layout || [],\n            titleFieldId: model.titleFieldId || \"id\",\n            descriptionFieldId: model.descriptionFieldId || \"\",\n            imageFieldId: model.imageFieldId || \"\",\n            group: validatedModel.group\n        });\n\n        if (noAction.includes(validatedGroup.action)) {\n            continue;\n        }\n\n        const group = state.data?.groups?.find(group => group.id === validatedModel.group);\n        if (!group) {\n            continue;\n        }\n        groups.set(group.id, group);\n    }\n\n    return {\n        groups: Array.from(groups.values()),\n        models: Array.from(models.values())\n    };\n};\n\nexport const ImportContext = React.createContext<ImportContextProperties | undefined>(undefined);\n\nexport interface ImportContextProviderProps {\n    children: (props: ImportContextProperties) => React.ReactNode;\n}\n\nexport const ImportContextProvider = ({ children }: ImportContextProviderProps) => {\n    const client = useApolloClient();\n\n    const { showSnackbar } = useSnackbar();\n\n    const [state, setState] = useState<State>({\n        data: null,\n        file: null,\n        loading: false,\n        validated: false,\n        selected: new Map()\n    });\n\n    const hasSelected = useCallback(() => {\n        return Array.from(state.selected.keys()).length > 0;\n    }, [state.selected]);\n\n    const handleModelsValidation = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        let result: FetchResult<ValidateImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ValidateImportStructureResponse>({\n                mutation: VALIDATE_IMPORT_STRUCTURE,\n                variables: {\n                    data: state.data\n                }\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n\n        const { data, error } = result.data?.validateImportStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [\"No validation data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            const next = {\n                ...prev,\n                loading: false,\n                groups: data.groups.map(group => {\n                    return {\n                        id: group.group.id,\n                        name: group.group.name,\n                        error: group.error,\n                        action: group.action\n                    };\n                }),\n                models: data.models.map(model => {\n                    return {\n                        id: model.model.modelId,\n                        name: model.model.name,\n                        group: model.model.group,\n                        related: model.related || [],\n                        error: model.error,\n                        action: model.action\n                    };\n                }),\n                validated: true\n            };\n            return next;\n        });\n    }, [state.data, setState]);\n\n    const handleModelsImport = useCallback(async () => {\n        if (!state.data) {\n            console.error(\"Cannot import models without any data.\");\n            return;\n        } else if (!state.groups?.length) {\n            console.error(\"Cannot import models without any groups.\");\n            return;\n        } else if (!state.models?.length) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        } else if (Array.from(state.selected.keys()).length === 0) {\n            console.error(\"Cannot import models because none are selected.\");\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n\n        const dataToImport = getDataToImport(state);\n\n        let result: FetchResult<ImportStructureResponse> | undefined;\n        try {\n            result = await client.mutate<ImportStructureResponse, ImportStructureVariables>({\n                mutation: IMPORT_STRUCTURE,\n                variables: {\n                    data: dataToImport\n                },\n                errorPolicy: \"all\"\n            });\n        } catch (ex) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [ex.message]\n                };\n            });\n            return;\n        }\n        const { data, error } = result.data?.importStructure || {};\n        if (error) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    errors: [error.message]\n                };\n            });\n            return;\n        } else if (!data) {\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    validated: false,\n                    errors: [\"No structure import data received.\"]\n                };\n            });\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: false,\n                selected: new Map(),\n                groups: state.groups!.map(group => {\n                    const result = data.groups.find(item => item.group.id === group.id);\n                    return {\n                        id: result?.group.id || group.id,\n                        name: result?.group.name || group.name,\n                        error: result?.error || group.error,\n                        imported: result ? result.imported : group.imported\n                    };\n                }),\n                models: state.models!.map(model => {\n                    const result = data.models.find(item => item.model.modelId === model.id);\n                    return {\n                        id: result?.model.modelId || model.id,\n                        name: result?.model.name || model.name,\n                        group: result?.model.group || model.group,\n                        related: result?.related || model.related || [],\n                        action: result?.action || model.action,\n                        error: result?.error || model.error,\n                        imported: result ? result.imported : model.imported\n                    };\n                }),\n                validated: true\n            };\n        });\n    }, [state.selected, state.data, setState]);\n\n    const onFile = useCallback(\n        (file: File) => {\n            const reader = new FileReader();\n            reader.addEventListener(\"load\", event => {\n                try {\n                    const data = parseFileContent(event.target?.result);\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            models: undefined,\n                            groups: undefined,\n                            selected: new Map(),\n                            errors: null,\n                            validated: false,\n                            file,\n                            data\n                        };\n                    });\n                } catch (ex) {\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            file,\n                            selected: new Map(),\n                            validated: false,\n                            groups: undefined,\n                            models: undefined,\n                            data: null,\n                            errors: [ex.message]\n                        };\n                    });\n                }\n            });\n            reader.readAsText(file);\n        },\n        [state.data, setState]\n    );\n\n    const onFileError = useCallback(\n        (error: string) => {\n            setState(prev => {\n                return {\n                    ...prev,\n                    file: null,\n                    errors: [error]\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const isModelSelected = useCallback<IsModelSelectedCb>(\n        item => {\n            return state.selected.has(item.id);\n        },\n        [state.selected]\n    );\n\n    const isModelRelated = useCallback<IsModelRelatedCb>(\n        ({ id: target }) => {\n            for (const id of state.selected.keys()) {\n                if (id === target) {\n                    continue;\n                }\n                const related = state.selected.get(id);\n                if (related?.includes(id)) {\n                    return true;\n                }\n            }\n            return false;\n        },\n        [state.selected]\n    );\n\n    const addModel = useCallback<AddModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                return;\n            }\n            setState(prev => {\n                return {\n                    ...prev,\n                    selected: createSelected({\n                        previous: prev.selected,\n                        models: state.models || [],\n                        item\n                    })\n                };\n            });\n        },\n        [isModelSelected, state.models, state.selected]\n    );\n    const removeModel = useCallback<RemoveModelCb>(\n        item => {\n            if (isModelRelated(item)) {\n                showSnackbar(\n                    `Model \"${item.name}\" is required due to another model having a relation to it.`\n                );\n                return;\n            }\n            setState(prev => {\n                const selected = prev.selected;\n                selected.delete(item.id);\n                return {\n                    ...prev,\n                    selected\n                };\n            });\n        },\n        [state, setState]\n    );\n\n    const toggleModel = useCallback<ToggleModelCb>(\n        item => {\n            if (isModelSelected(item)) {\n                removeModel(item);\n                return;\n            }\n            addModel(item);\n        },\n        [isModelSelected, addModel, removeModel]\n    );\n\n    const value: ImportContextProperties = {\n        data: state.data || null,\n        loading: state.loading || false,\n        groups: state.groups || [],\n        models: state.models || [],\n        errors: state.errors || [],\n        validated: state.validated || false,\n        hasSelected,\n        isModelRelated,\n        file: state.file,\n        onFile,\n        onFileError,\n        handleModelsValidation,\n        handleModelsImport,\n        toggleModel,\n        isModelSelected\n    };\n\n    return <ImportContext.Provider value={value}>{children(value)}</ImportContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentModels/importing/components/DataList.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DataList: () => React.JSX.Element | null;

package/admin/views/contentModels/importing/components/DataList.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { DataListGroup } from "./DataListGroup";
+import { useImport } from "../useImport";
+const getGroupModels = (group, models) => {
+  if (!models) {
+    return [];
+  }
+  return models.filter(model => model.group === group.id);
+};
+export const DataList = () => {
+  const {
+    groups,
+    models
+  } = useImport();
+  if (!groups) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, groups.map((group, index) => {
+    return /*#__PURE__*/React.createElement(DataListGroup, {
+      key: `group-${index}`,
+      group: group,
+      models: getGroupModels(group, models)
+    });
+  }));
+};
+
+//# sourceMappingURL=DataList.js.map