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

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataListGroup = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Model = require("./Model");
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "epl35df0",
+  label: "Container"
+})({
+  marginTop: "10px",
+  backgroundColor: "var(--mdc-theme-background)",
+  border: "1px dashed var(--mdc-theme-on-background)",
+  padding: "10px",
+  borderBox: "box-sizing"
+});
+var GroupName = /*#__PURE__*/(0, _styled.default)("h3", {
+  target: "epl35df1",
+  label: "GroupName"
+})({
+  fontSize: "16px"
+});
+var Group = function Group(_ref) {
+  var group = _ref.group;
+  return /*#__PURE__*/_react.default.createElement(GroupName, null, group.name || group.id);
+};
+var DataListGroup = function DataListGroup(_ref2) {
+  var group = _ref2.group,
+    models = _ref2.models;
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Group, {
+    group: group
+  }), /*#__PURE__*/_react.default.createElement(_Model.DataListModels, {
+    models: models
+  }));
+};
+exports.DataListGroup = DataListGroup;
+
+//# sourceMappingURL=DataListGroup.js.map

package/admin/views/contentModels/importing/components/DataListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_Model","Container","styled","target","label","marginTop","backgroundColor","border","padding","borderBox","GroupName","fontSize","Group","_ref","group","default","createElement","name","id","DataListGroup","_ref2","models","DataListModels","exports"],"sources":["DataListGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModels } from \"./Model\";\nimport { ImportGroupData, ImportModelData } from \"../types\";\n\nconst Container = styled(\"div\")({\n    marginTop: \"10px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px dashed var(--mdc-theme-on-background)\",\n    padding: \"10px\",\n    borderBox: \"box-sizing\"\n});\n\nconst GroupName = styled(\"h3\")({\n    fontSize: \"16px\"\n});\n\ninterface GroupProps {\n    group: Pick<ImportGroupData, \"id\" | \"name\">;\n}\n\nconst Group: React.VFC<GroupProps> = ({ group }) => {\n    return <GroupName>{group.name || group.id}</GroupName>;\n};\n\ninterface DataListGroupProps {\n    group: Pick<ImportGroupData, \"id\" | \"name\">;\n    models: ImportModelData[];\n}\n\nexport const DataListGroup: React.VFC<DataListGroupProps> = ({ group, models }) => {\n    return (\n        <Container>\n            <Group group={group} />\n            <DataListModels models={models} />\n        </Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAMG,SAAS,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC5BC,SAAS,EAAE,MAAM;EACjBC,eAAe,EAAE,6BAA6B;EAC9CC,MAAM,EAAE,2CAA2C;EACnDC,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE;AACf,CAAC,CAAC;AAEF,IAAMC,SAAS,oBAAGR,eAAM,EAAC,IAAI;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC3BO,QAAQ,EAAE;AACd,CAAC,CAAC;AAMF,IAAMC,KAA4B,GAAG,SAA/BA,KAA4BA,CAAAC,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACzC,oBAAOlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACN,SAAS,QAAEI,KAAK,CAACG,IAAI,IAAIH,KAAK,CAACI,EAAc,CAAC;AAC1D,CAAC;AAOM,IAAMC,aAA4C,GAAG,SAA/CA,aAA4CA,CAAAC,KAAA,EAA0B;EAAA,IAApBN,KAAK,GAAAM,KAAA,CAALN,KAAK;IAAEO,MAAM,GAAAD,KAAA,CAANC,MAAM;EACxE,oBACIzB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,SAAS,qBACNL,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,KAAK;IAACE,KAAK,EAAEA;EAAM,CAAE,CAAC,eACvBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAAsB,cAAc;IAACD,MAAM,EAAEA;EAAO,CAAE,CAC1B,CAAC;AAEpB,CAAC;AAACE,OAAA,CAAAJ,aAAA,GAAAA,aAAA"}

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

@@ -0,0 +1,8 @@
+import { FileError } from "react-butterfiles";
+import React from "react";
+export declare const getError: (error: FileError) => string;
+interface ErrorsProps {
+    errors?: string[] | null;
+}
+export declare const Errors: React.VFC<ErrorsProps>;
+export {};

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

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getError = exports.Errors = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = _interopRequireDefault(require("react"));
+var getError = function getError(error) {
+  var _error$file;
+  switch (error.type) {
+    case "unsupportedFileType":
+      return "Unsupported file type \"".concat(((_error$file = error.file) === null || _error$file === void 0 ? void 0 : _error$file.type) || "unknown", "\".");
+    case "maxSizeExceeded":
+      return "One or more file sizes are greater than maxSize value.";
+    case "multipleMaxCountExceeded":
+      return "Selected more files than allowed.";
+    case "multipleMaxSizeExceeded":
+      return "Selected one or more files with their total size greater than allowed.";
+    case "multipleNotAllowed":
+      return "Cannot upload more than one file at once.";
+    default:
+      return "Unknown error: ".concat(error.type);
+  }
+};
+exports.getError = getError;
+var DisplayError = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1mmuzbo0",
+  label: "DisplayError"
+})({
+  color: "var(--mdc-theme-error)",
+  width: "90%",
+  margin: "5px auto 0 auto",
+  textAlign: "right"
+});
+var Errors = function Errors(_ref) {
+  var errors = _ref.errors;
+  if (!(errors !== null && errors !== void 0 && errors.length)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errors.map(function (error, index) {
+    return /*#__PURE__*/_react.default.createElement(DisplayError, {
+      key: "error-".concat(index)
+    }, error);
+  }));
+};
+exports.Errors = Errors;
+
+//# sourceMappingURL=Errors.js.map

package/admin/views/contentModels/importing/components/Errors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_react","getError","error","_error$file","type","concat","file","exports","DisplayError","styled","target","label","color","width","margin","textAlign","Errors","_ref","errors","length","default","createElement","Fragment","map","index","key"],"sources":["Errors.tsx"],"sourcesContent":["import { FileError } from \"react-butterfiles\";\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nexport const getError = (error: FileError): string => {\n    switch (error.type) {\n        case \"unsupportedFileType\":\n            return `Unsupported file type \"${error.file?.type || \"unknown\"}\".`;\n        case \"maxSizeExceeded\":\n            return \"One or more file sizes are greater than maxSize value.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Selected more files than allowed.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Selected one or more files with their total size greater than allowed.\";\n        case \"multipleNotAllowed\":\n            return \"Cannot upload more than one file at once.\";\n        default:\n            return `Unknown error: ${error.type}`;\n    }\n};\n\nconst DisplayError = styled(\"div\")({\n    color: \"var(--mdc-theme-error)\",\n    width: \"90%\",\n    margin: \"5px auto 0 auto\",\n    textAlign: \"right\"\n});\n\ninterface ErrorsProps {\n    errors?: string[] | null;\n}\n\nexport const Errors: React.VFC<ErrorsProps> = ({ errors }) => {\n    if (!errors?.length) {\n        return null;\n    }\n    return (\n        <>\n            {errors.map((error, index) => {\n                return <DisplayError key={`error-${index}`}>{error}</DisplayError>;\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AACA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEO,IAAME,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,KAAgB,EAAa;EAAA,IAAAC,WAAA;EAClD,QAAQD,KAAK,CAACE,IAAI;IACd,KAAK,qBAAqB;MACtB,kCAAAC,MAAA,CAAiC,EAAAF,WAAA,GAAAD,KAAK,CAACI,IAAI,cAAAH,WAAA,uBAAVA,WAAA,CAAYC,IAAI,KAAI,SAAS;IAClE,KAAK,iBAAiB;MAClB,OAAO,wDAAwD;IACnE,KAAK,0BAA0B;MAC3B,OAAO,mCAAmC;IAC9C,KAAK,yBAAyB;MAC1B,OAAO,wEAAwE;IACnF,KAAK,oBAAoB;MACrB,OAAO,2CAA2C;IACtD;MACI,yBAAAC,MAAA,CAAyBH,KAAK,CAACE,IAAI;EAC3C;AACJ,CAAC;AAACG,OAAA,CAAAN,QAAA,GAAAA,QAAA;AAEF,IAAMO,YAAY,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC/BC,KAAK,EAAE,wBAAwB;EAC/BC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,iBAAiB;EACzBC,SAAS,EAAE;AACf,CAAC,CAAC;AAMK,IAAMC,MAA8B,GAAG,SAAjCA,MAA8BA,CAAAC,IAAA,EAAmB;EAAA,IAAbC,MAAM,GAAAD,IAAA,CAANC,MAAM;EACnD,IAAI,EAACA,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEC,MAAM,GAAE;IACjB,OAAO,IAAI;EACf;EACA,oBACInB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAArB,MAAA,CAAAoB,OAAA,CAAAE,QAAA,QACKJ,MAAM,CAACK,GAAG,CAAC,UAACrB,KAAK,EAAEsB,KAAK,EAAK;IAC1B,oBAAOxB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACb,YAAY;MAACiB,GAAG,WAAApB,MAAA,CAAWmB,KAAK;IAAG,GAAEtB,KAAoB,CAAC;EACtE,CAAC,CACH,CAAC;AAEX,CAAC;AAACK,OAAA,CAAAS,MAAA,GAAAA,MAAA"}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FileUpload: React.VFC;

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

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileUpload = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactButterfiles = _interopRequireDefault(require("react-butterfiles"));
+var _Errors = require("./Errors");
+var _useImport2 = require("../useImport");
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e6mvn2n0",
+  label: "Container"
+})({
+  width: "100%",
+  margin: "0 auto",
+  backgroundColor: "var(--mdc-theme-background)",
+  border: "1px dashed var(--mdc-theme-on-background)",
+  cursor: "pointer"
+});
+var Text = /*#__PURE__*/(0, _styled.default)("p", {
+  target: "e6mvn2n1",
+  label: "Text"
+})({
+  width: "100%",
+  padding: "15px 0",
+  textAlign: "center",
+  display: "block"
+});
+var FileUpload = function FileUpload() {
+  var _useImport = (0, _useImport2.useImport)(),
+    onFile = _useImport.onFile,
+    onFileError = _useImport.onFileError,
+    file = _useImport.file;
+  var fileName = file === null || file === void 0 ? void 0 : file.name;
+  return /*#__PURE__*/_react.default.createElement(_reactButterfiles.default, {
+    accept: ["application/json"],
+    maxSize: "5mb",
+    onSuccess: function onSuccess(files) {
+      var _file$src;
+      var file = files.find(function (f) {
+        return f.src.file;
+      });
+      var uploadedFile = file === null || file === void 0 ? void 0 : (_file$src = file.src) === null || _file$src === void 0 ? void 0 : _file$src.file;
+      if (!uploadedFile) {
+        onFileError("File is not valid. Please make sure you are uploading a valid JSON file.");
+        return;
+      }
+      onFile(uploadedFile);
+    },
+    onError: function onError(err) {
+      var errors = err.map(function (er) {
+        return (0, _Errors.getError)(er);
+      });
+      if (errors.length === 0) {
+        return;
+      }
+      onFileError(errors[0]);
+    },
+    multiple: false
+  }, function (_ref) {
+    var browseFiles = _ref.browseFiles,
+      getDropZoneProps = _ref.getDropZoneProps;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Container, Object.assign({
+      onClick: function onClick() {
+        return browseFiles();
+      }
+    }, getDropZoneProps()), /*#__PURE__*/_react.default.createElement(Text, null, fileName || "Drop a file here, or click to select one.")));
+  });
+};
+exports.FileUpload = FileUpload;
+
+//# sourceMappingURL=FileUpload.js.map

package/admin/views/contentModels/importing/components/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_reactButterfiles","_Errors","_useImport2","Container","styled","target","label","width","margin","backgroundColor","border","cursor","Text","padding","textAlign","display","FileUpload","_useImport","useImport","onFile","onFileError","file","fileName","name","default","createElement","accept","maxSize","onSuccess","files","_file$src","find","f","src","uploadedFile","onError","err","errors","map","er","getError","length","multiple","_ref","browseFiles","getDropZoneProps","Fragment","Object","assign","onClick","exports"],"sources":["FileUpload.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport Files from \"react-butterfiles\";\nimport { getError } from \"./Errors\";\nimport { useImport } from \"~/admin/views/contentModels/importing/useImport\";\n\nconst Container = styled(\"div\")({\n    width: \"100%\",\n    margin: \"0 auto\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    border: \"1px dashed var(--mdc-theme-on-background)\",\n    cursor: \"pointer\"\n});\n\nconst Text = styled(\"p\")({\n    width: \"100%\",\n    padding: \"15px 0\",\n    textAlign: \"center\",\n    display: \"block\"\n});\n\nexport const FileUpload: React.VFC = () => {\n    const { onFile, onFileError, file } = useImport();\n    const fileName = file?.name;\n\n    return (\n        <Files\n            accept={[\"application/json\"]}\n            maxSize={\"5mb\"}\n            onSuccess={files => {\n                const file = files.find(f => f.src.file);\n                const uploadedFile = file?.src?.file;\n                if (!uploadedFile) {\n                    onFileError(\n                        \"File is not valid. Please make sure you are uploading a valid JSON file.\"\n                    );\n                    return;\n                }\n                onFile(uploadedFile);\n            }}\n            onError={err => {\n                const errors = err.map(er => {\n                    return getError(er);\n                });\n                if (errors.length === 0) {\n                    return;\n                }\n                onFileError(errors[0]);\n            }}\n            multiple={false}\n        >\n            {({ browseFiles, getDropZoneProps }) => {\n                return (\n                    <>\n                        <Container onClick={() => browseFiles()} {...getDropZoneProps()}>\n                            <Text>{fileName || \"Drop a file here, or click to select one.\"}</Text>\n                        </Container>\n                    </>\n                );\n            }}\n        </Files>\n    );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface ImportButtonProps {
+    onClick: () => void;
+    validated: boolean;
+    disabled: boolean;
+}
+export declare const ImportButton: React.VFC<ImportButtonProps>;
+export {};

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImportButton = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _i18n = require("@webiny/app/i18n");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/import-content-models-dialog");
+var ImportButton = function ImportButton(_ref) {
+  var onClick = _ref.onClick,
+    validated = _ref.validated,
+    disabled = _ref.disabled;
+  var text = validated ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Import"]))) : t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Validate file"])));
+  return /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+    onClick: onClick,
+    disabled: disabled
+  }, text);
+};
+exports.ImportButton = ImportButton;
+
+//# sourceMappingURL=ImportButton.js.map

package/admin/views/contentModels/importing/components/ImportButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_i18n","_templateObject","_templateObject2","t","i18n","ns","ImportButton","_ref","onClick","validated","disabled","text","_taggedTemplateLiteral2","default","createElement","ButtonPrimary","exports"],"sources":["ImportButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/import-content-models-dialog\");\n\ninterface ImportButtonProps {\n    onClick: () => void;\n    validated: boolean;\n    disabled: boolean;\n}\n\nexport const ImportButton: React.VFC<ImportButtonProps> = ({ onClick, validated, disabled }) => {\n    const text = validated ? t`Import` : t`Validate file`;\n    return (\n        <ButtonPrimary onClick={onClick} disabled={disabled}>\n            {text}\n        </ButtonPrimary>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAwC,IAAAG,eAAA,EAAAC,gBAAA;AAExC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,0EAA0E,CAAC;AAQtF,IAAMC,YAA0C,GAAG,SAA7CA,YAA0CA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACrF,IAAMC,IAAI,GAAGF,SAAS,GAAGN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,kBAAWV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,sBAAe;EACrD,oBACIjB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,OAAA,CAAAgB,aAAa;IAACP,OAAO,EAAEA,OAAQ;IAACE,QAAQ,EAAEA;EAAS,GAC/CC,IACU,CAAC;AAExB,CAAC;AAACK,OAAA,CAAAV,YAAA,GAAAA,YAAA"}

package/admin/views/contentModels/importing/components/Model/DataListInstructions.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DataListInstructions: React.VFC;

package/admin/views/contentModels/importing/components/Model/DataListInstructions.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataListInstructions = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Instructions = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1cgvawl0",
+  label: "Instructions"
+})({
+  fontSize: "0.8rem",
+  margin: "10px 0"
+});
+var DataListInstructions = function DataListInstructions() {
+  return /*#__PURE__*/_react.default.createElement(Instructions, null, /*#__PURE__*/_react.default.createElement("h4", null, "Instructions"), /*#__PURE__*/_react.default.createElement("p", null, "To learn how to use the import functionality, please visit", " ", /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://www.webiny.com/docs/user-guides/headless-cms/advanced/import-export-content-models"
+  }, "this article"), "."));
+};
+exports.DataListInstructions = DataListInstructions;
+
+//# sourceMappingURL=DataListInstructions.js.map

package/admin/views/contentModels/importing/components/Model/DataListInstructions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","Instructions","styled","target","label","fontSize","margin","DataListInstructions","default","createElement","href","exports"],"sources":["DataListInstructions.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nconst Instructions = styled(\"div\")({\n    fontSize: \"0.8rem\",\n    margin: \"10px 0\"\n});\n\nexport const DataListInstructions: React.VFC = () => {\n    return (\n        <Instructions>\n            <h4>Instructions</h4>\n            <p>\n                To learn how to use the import functionality, please visit{\" \"}\n                <a href=\"https://www.webiny.com/docs/user-guides/headless-cms/advanced/import-export-content-models\">\n                    this article\n                </a>\n                .\n            </p>\n        </Instructions>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,YAAY,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EAC/BC,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEK,IAAMC,oBAA+B,GAAG,SAAlCA,oBAA+BA,CAAA,EAAS;EACjD,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,YAAY,qBACTJ,MAAA,CAAAW,OAAA,CAAAC,aAAA,aAAI,cAAgB,CAAC,eACrBZ,MAAA,CAAAW,OAAA,CAAAC,aAAA,YAAG,4DAC2D,EAAC,GAAG,eAC9DZ,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAGC,IAAI,EAAC;EAA4F,GAAC,cAElG,CAAC,KAEL,CACO,CAAC;AAEvB,CAAC;AAACC,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA"}

package/admin/views/contentModels/importing/components/Model/DataListModelItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ImportModelData } from "../../types";
+import { ToggleModelCb } from "../../ImportContext";
+interface Props {
+    model: ImportModelData;
+    toggle: ToggleModelCb;
+    selected: boolean;
+}
+export declare const DataListModelItem: React.VFC<Props>;
+export {};

package/admin/views/contentModels/importing/components/Model/DataListModelItem.js

@@ -0,0 +1,160 @@
+"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.DataListModelItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _DataListModelItemError = require("./DataListModelItemError");
+var _DataListModelItemInfo = require("./DataListModelItemInfo");
+var ContainerBase = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1umgtwy0",
+  label: "ContainerBase"
+})(function () {
+  return {
+    width: "100%",
+    padding: "0px 5px 15px 5px",
+    margin: "0",
+    boxSizing: "border-box",
+    "&:last-child": {
+      paddingBottom: "2px"
+    }
+  };
+});
+var ContainerCreate = /*#__PURE__*/(0, _styled.default)(ContainerBase, {
+  target: "e1umgtwy1",
+  label: "ContainerCreate"
+})(function () {
+  return {
+    // backgroundColor: "var(--mdc-theme-secondary)"
+  };
+});
+var ContainerImported = /*#__PURE__*/(0, _styled.default)(ContainerBase, {
+  target: "e1umgtwy2",
+  label: "ContainerImported"
+})(function () {
+  return {};
+});
+var ContainerUpdate = /*#__PURE__*/(0, _styled.default)(ContainerBase, {
+  target: "e1umgtwy3",
+  label: "ContainerUpdate"
+})(function () {
+  return {};
+});
+var ContainerError = /*#__PURE__*/(0, _styled.default)(ContainerBase, {
+  target: "e1umgtwy4",
+  label: "ContainerError"
+})(function () {
+  return {};
+});
+var ModelContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1umgtwy5",
+  label: "ModelContainer"
+})({
+  display: "flex",
+  width: "100%",
+  flexDirection: "row",
+  alignItems: "center",
+  justifyContent: "space-between"
+});
+var Name = /*#__PURE__*/(0, _styled.default)("h4", {
+  target: "e1umgtwy6",
+  label: "Name"
+})({
+  fontSize: "12px",
+  flex: "1 0 auto",
+  lineHeight: "18px"
+});
+var CheckboxContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1umgtwy7",
+  label: "CheckboxContainer"
+})({
+  width: "120px",
+  textAlign: "right",
+  verticalAlign: "middle"
+});
+var Button = /*#__PURE__*/(0, _styled.default)("button", {
+  target: "e1umgtwy8",
+  label: "Button"
+})({
+  padding: "1px 5px",
+  textAlign: "right",
+  display: "inline-block",
+  border: "1px solid var(--mdc-theme-on-background)",
+  fontSize: "10px",
+  lineHeight: "12px",
+  cursor: "pointer",
+  outline: "0 none",
+  backgroundColor: "var(--mdc-theme-background)",
+  "&.selected": {
+    border: "1px solid var(--mdc-theme-secondary)"
+  }
+});
+var ImportedText = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1umgtwy9",
+  label: "ImportedText"
+})({
+  padding: "1px 5px",
+  textAlign: "right",
+  display: "inline-block",
+  border: "1px solid var(--mdc-theme-on-background)",
+  fontSize: "10px",
+  lineHeight: "12px",
+  outline: "0 none",
+  backgroundColor: "var(--mdc-theme-secondary)",
+  color: "#FFF"
+});
+var Imported = function Imported() {
+  return /*#__PURE__*/_react.default.createElement(CheckboxContainer, null, /*#__PURE__*/_react.default.createElement(ImportedText, null, "Imported."));
+};
+var Checkbox = function Checkbox(_ref) {
+  var model = _ref.model,
+    toggle = _ref.toggle,
+    selected = _ref.selected;
+  var onClick = (0, _react.useCallback)(function () {
+    toggle(model);
+  }, [toggle]);
+  if (model.error) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(CheckboxContainer, null, /*#__PURE__*/_react.default.createElement(Button, {
+    onClick: onClick,
+    className: selected ? "selected" : ""
+  }, selected ? "Model will be imported" : "Model will be skipped"));
+};
+var Container = function Container(_ref2) {
+  var model = _ref2.model,
+    children = _ref2.children;
+  if (model.imported) {
+    return /*#__PURE__*/_react.default.createElement(ContainerImported, null, children);
+  } else if (model.action === "create") {
+    return /*#__PURE__*/_react.default.createElement(ContainerCreate, null, children);
+  } else if (model.action === "update") {
+    return /*#__PURE__*/_react.default.createElement(ContainerUpdate, null, children);
+  } else if (model.error) {
+    return /*#__PURE__*/_react.default.createElement(ContainerError, null, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(ContainerBase, null, children);
+};
+var DataListModelItem = function DataListModelItem(_ref3) {
+  var model = _ref3.model,
+    toggle = _ref3.toggle,
+    selected = _ref3.selected;
+  return /*#__PURE__*/_react.default.createElement(Container, {
+    model: model
+  }, /*#__PURE__*/_react.default.createElement(ModelContainer, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Name, null, model.name || model.id), model.error ? /*#__PURE__*/_react.default.createElement(_DataListModelItemError.DataListModelItemError, {
+    error: model.error
+  }) : /*#__PURE__*/_react.default.createElement(_DataListModelItemInfo.DataListModelItemInfo, {
+    model: model
+  })), model.imported ? /*#__PURE__*/_react.default.createElement(Imported, null) : /*#__PURE__*/_react.default.createElement(Checkbox, {
+    model: model,
+    toggle: toggle,
+    selected: selected
+  })));
+};
+exports.DataListModelItem = DataListModelItem;
+
+//# sourceMappingURL=DataListModelItem.js.map

package/admin/views/contentModels/importing/components/Model/DataListModelItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_DataListModelItemError","_DataListModelItemInfo","ContainerBase","styled","target","label","width","padding","margin","boxSizing","paddingBottom","ContainerCreate","ContainerImported","ContainerUpdate","ContainerError","ModelContainer","display","flexDirection","alignItems","justifyContent","Name","fontSize","flex","lineHeight","CheckboxContainer","textAlign","verticalAlign","Button","border","cursor","outline","backgroundColor","ImportedText","color","Imported","default","createElement","Checkbox","_ref","model","toggle","selected","onClick","useCallback","error","className","Container","_ref2","children","imported","action","DataListModelItem","_ref3","name","id","DataListModelItemError","DataListModelItemInfo","exports"],"sources":["DataListModelItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { ImportModelData } from \"~/admin/views/contentModels/importing/types\";\nimport { DataListModelItemError } from \"~/admin/views/contentModels/importing/components/Model/DataListModelItemError\";\nimport { DataListModelItemInfo } from \"./DataListModelItemInfo\";\nimport { ToggleModelCb } from \"~/admin/views/contentModels/importing/ImportContext\";\n\nconst ContainerBase = styled(\"div\")(() => {\n    return {\n        width: \"100%\",\n        padding: \"0px 5px 15px 5px\",\n        margin: \"0\",\n        boxSizing: \"border-box\",\n        \"&:last-child\": {\n            paddingBottom: \"2px\"\n        }\n    };\n});\nconst ContainerCreate = styled(ContainerBase)(() => {\n    return {\n        // backgroundColor: \"var(--mdc-theme-secondary)\"\n    };\n});\nconst ContainerImported = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerUpdate = styled(ContainerBase)(() => {\n    return {};\n});\nconst ContainerError = styled(ContainerBase)(() => {\n    return {};\n});\n\nconst ModelContainer = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\"\n});\nconst Name = styled(\"h4\")({\n    fontSize: \"12px\",\n    flex: \"1 0 auto\",\n    lineHeight: \"18px\"\n});\nconst CheckboxContainer = styled(\"div\")({\n    width: \"120px\",\n    textAlign: \"right\",\n    verticalAlign: \"middle\"\n});\n\nconst Button = styled(\"button\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    cursor: \"pointer\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.selected\": {\n        border: \"1px solid var(--mdc-theme-secondary)\"\n    }\n});\n\nconst ImportedText = styled(\"div\")({\n    padding: \"1px 5px\",\n    textAlign: \"right\",\n    display: \"inline-block\",\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    fontSize: \"10px\",\n    lineHeight: \"12px\",\n    outline: \"0 none\",\n    backgroundColor: \"var(--mdc-theme-secondary)\",\n    color: \"#FFF\"\n});\n\nconst Imported: React.VFC = () => {\n    return (\n        <CheckboxContainer>\n            <ImportedText>Imported.</ImportedText>\n        </CheckboxContainer>\n    );\n};\n\ninterface CheckboxProps {\n    model: Pick<ImportModelData, \"id\" | \"name\" | \"error\" | \"related\">;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nconst Checkbox: React.VFC<CheckboxProps> = ({ model, toggle, selected }) => {\n    const onClick = useCallback(() => {\n        toggle(model);\n    }, [toggle]);\n    if (model.error) {\n        return null;\n    }\n    return (\n        <CheckboxContainer>\n            <Button onClick={onClick} className={selected ? \"selected\" : \"\"}>\n                {selected ? \"Model will be imported\" : \"Model will be skipped\"}\n            </Button>\n        </CheckboxContainer>\n    );\n};\n\ninterface ContainerProps {\n    model: Pick<ImportModelData, \"action\" | \"error\" | \"imported\">;\n}\n\nconst Container: React.VFC<React.PropsWithChildren<ContainerProps>> = ({ model, children }) => {\n    if (model.imported) {\n        return <ContainerImported>{children}</ContainerImported>;\n    } else if (model.action === \"create\") {\n        return <ContainerCreate>{children}</ContainerCreate>;\n    } else if (model.action === \"update\") {\n        return <ContainerUpdate>{children}</ContainerUpdate>;\n    } else if (model.error) {\n        return <ContainerError>{children}</ContainerError>;\n    }\n    return <ContainerBase>{children}</ContainerBase>;\n};\n\ninterface Props {\n    model: ImportModelData;\n    toggle: ToggleModelCb;\n    selected: boolean;\n}\n\nexport const DataListModelItem: React.VFC<Props> = ({ model, toggle, selected }) => {\n    return (\n        <Container model={model}>\n            <ModelContainer>\n                <div>\n                    <Name>{model.name || model.id}</Name>\n                    {model.error ? (\n                        <DataListModelItemError error={model.error} />\n                    ) : (\n                        <DataListModelItemInfo model={model} />\n                    )}\n                </div>\n                {model.imported ? (\n                    <Imported />\n                ) : (\n                    <Checkbox model={model} toggle={toggle} selected={selected} />\n                )}\n            </ModelContainer>\n        </Container>\n    );\n};\n"],"mappings":"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"}

package/admin/views/contentModels/importing/components/Model/DataListModelItemError.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { CmsErrorResponse } from "../../../../../../types";
+interface Props {
+    error: CmsErrorResponse;
+}
+export declare const DataListModelItemError: React.VFC<Props>;
+export {};

package/admin/views/contentModels/importing/components/Model/DataListModelItemError.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataListModelItemError = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Note = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1cnlspo0",
+  label: "Note"
+})({
+  color: "var(--mdc-theme-error)",
+  fontSize: "10px"
+});
+var MoreInformation = /*#__PURE__*/(0, _styled.default)("a", {
+  target: "e1cnlspo1",
+  label: "MoreInformation"
+})({
+  color: "var(--mdc-theme-error)",
+  fontSize: "9px",
+  cursor: "pointer",
+  margin: "0 0 0 auto"
+});
+var Container = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1cnlspo2",
+  label: "Container"
+})({
+  padding: "0",
+  margin: "0",
+  lineHeight: "10px"
+});
+var InvalidFields = function InvalidFields(_ref) {
+  var invalidFields = _ref.invalidFields,
+    expanded = _ref.expanded;
+  if (!expanded) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(invalidFields).map(function (key, index) {
+    var invalidField = invalidFields[key];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "invalid-field-".concat(key, "-").concat(index)
+    }, invalidField.message);
+  }));
+};
+var DataListModelItemError = function DataListModelItemError(_ref2) {
+  var _error$data;
+  var error = _ref2.error;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    expanded = _useState2[0],
+    setExpanded = _useState2[1];
+  var toggleContainer = (0, _react.useCallback)(function () {
+    setExpanded(!expanded);
+  }, [expanded]);
+  var invalidFields = (_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.invalidFields;
+  if (!invalidFields) {
+    if (error.message) {
+      return /*#__PURE__*/_react.default.createElement(Note, null, error.message);
+    }
+    return /*#__PURE__*/_react.default.createElement(Note, null, "Missing invalidFields information. Please check the network tab in your browser's developer tools for more details.");
+  }
+  return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(MoreInformation, {
+    onClick: toggleContainer
+  }, expanded ? "Collapse" : "Validation failed. Click to expand to see more information..."), /*#__PURE__*/_react.default.createElement(InvalidFields, {
+    invalidFields: invalidFields,
+    expanded: expanded
+  }));
+};
+exports.DataListModelItemError = DataListModelItemError;
+
+//# sourceMappingURL=DataListModelItemError.js.map

package/admin/views/contentModels/importing/components/Model/DataListModelItemError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","Note","styled","target","label","color","fontSize","MoreInformation","cursor","margin","Container","padding","lineHeight","InvalidFields","_ref","invalidFields","expanded","default","createElement","Fragment","Object","keys","map","key","index","invalidField","concat","message","DataListModelItemError","_ref2","_error$data","error","_useState","useState","_useState2","_slicedToArray2","setExpanded","toggleContainer","useCallback","data","onClick","exports"],"sources":["DataListModelItemError.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsErrorResponse } from \"~/types\";\nimport { InvalidField } from \"~/admin/views/contentModels/importing/types\";\n\nconst Note = styled(\"div\")({\n    color: \"var(--mdc-theme-error)\",\n    fontSize: \"10px\"\n});\n\nconst MoreInformation = styled(\"a\")({\n    color: \"var(--mdc-theme-error)\",\n    fontSize: \"9px\",\n    cursor: \"pointer\",\n    margin: \"0 0 0 auto\"\n});\n\nconst Container = styled(\"div\")({\n    padding: \"0\",\n    margin: \"0\",\n    lineHeight: \"10px\"\n});\n\ninterface InvalidFieldsProps {\n    invalidFields: Record<string, InvalidField>;\n    expanded: boolean;\n}\n\nconst InvalidFields: React.VFC<InvalidFieldsProps> = ({ invalidFields, expanded }) => {\n    if (!expanded) {\n        return null;\n    }\n    return (\n        <>\n            {Object.keys(invalidFields).map((key, index) => {\n                const invalidField = invalidFields[key];\n                return <div key={`invalid-field-${key}-${index}`}>{invalidField.message}</div>;\n            })}\n        </>\n    );\n};\n\ninterface Props {\n    error: CmsErrorResponse;\n}\n\nexport const DataListModelItemError: React.VFC<Props> = ({ error }) => {\n    const [expanded, setExpanded] = useState(false);\n\n    const toggleContainer = useCallback(() => {\n        setExpanded(!expanded);\n    }, [expanded]);\n\n    const invalidFields = error.data?.invalidFields;\n    if (!invalidFields) {\n        if (error.message) {\n            return <Note>{error.message}</Note>;\n        }\n        return (\n            <Note>\n                Missing invalidFields information. Please check the network tab in your\n                browser&apos;s developer tools for more details.\n            </Note>\n        );\n    }\n\n    return (\n        <Container>\n            <MoreInformation onClick={toggleContainer}>\n                {expanded\n                    ? \"Collapse\"\n                    : \"Validation failed. Click to expand to see more information...\"}\n            </MoreInformation>\n            <InvalidFields invalidFields={invalidFields} expanded={expanded} />\n        </Container>\n    );\n};\n"],"mappings":"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"}

package/admin/views/contentModels/importing/components/Model/DataListModelItemInfo.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ImportModelData } from "../../types";
+interface Props {
+    model: ImportModelData;
+}
+export declare const DataListModelItemInfo: React.VFC<Props>;
+export {};

package/admin/views/contentModels/importing/components/Model/DataListModelItemInfo.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataListModelItemInfo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var Text = /*#__PURE__*/(0, _styled.default)("p", {
+  target: "e1judkfi0",
+  label: "Text"
+})({
+  fontSize: "9px",
+  lineHeight: "10px",
+  display: "block",
+  padding: "0",
+  margin: "0"
+});
+var getText = function getText(action) {
+  if (action === "create") {
+    return "Model will be created.";
+  } else if (action === "update") {
+    return "Model will be updated.";
+  } else if (action === "code") {
+    return "Model cannot be updated because it was created via code.";
+  }
+  return "Unknown action: ".concat(action);
+};
+var DataListModelItemInfo = function DataListModelItemInfo(_ref) {
+  var model = _ref.model;
+  var action = model.action;
+  return /*#__PURE__*/_react.default.createElement(Text, null, getText(action));
+};
+exports.DataListModelItemInfo = DataListModelItemInfo;
+
+//# sourceMappingURL=DataListModelItemInfo.js.map