@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/plugins/fieldRenderers/file/utils.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.imageWrapperStyles = exports.imagePlugins = exports.createRenderImagePreview = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _emotion = require("emotion");
-
-var _round_insert_drive_file24px = require("../../fields/icons/round_insert_drive_file-24px.svg");
-
-var imagePlugins = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
-exports.imagePlugins = imagePlugins;
-var imageWrapperStyles = /*#__PURE__*/(0, _emotion.css)({
-  height: "auto"
-}, "label:imageWrapperStyles;");
-exports.imageWrapperStyles = imageWrapperStyles;
-var fileLabel = /*#__PURE__*/(0, _emotion.css)({
-  padding: "10px",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  fontSize: "0.8rem",
-  color: "var(--mdc-theme-on-surface)",
-  backgroundColor: "var(--mdc-theme-on-background)"
-}, "label:fileLabel;");
-var IconWrapperStyle = /*#__PURE__*/(0, _emotion.css)({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: 200
-}, "label:IconWrapperStyle;");
-var IconStyle = /*#__PURE__*/(0, _emotion.css)({
-  width: 64,
-  height: 64
-}, "label:IconStyle;");
-
-var createRenderImagePreview = function createRenderImagePreview(_ref) {
-  var value = _ref.value,
-      imagePreviewProps = _ref.imagePreviewProps;
-  var fileName = getFileName(value);
-
-  var renderImagePreview = function renderImagePreview(renderImageProps) {
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, renderImageProps, imagePreviewProps), /*#__PURE__*/React.createElement("div", {
-      className: IconWrapperStyle
-    }, /*#__PURE__*/React.createElement(_round_insert_drive_file24px.ReactComponent, {
-      className: IconStyle
-    })), /*#__PURE__*/React.createElement("div", {
-      className: fileLabel
-    }, fileName));
-  };
-
-  return renderImagePreview;
-};
-
-exports.createRenderImagePreview = createRenderImagePreview;
-
-var getFileName = function getFileName(value) {
-  if (!value) {
-    return "unknown";
-  }
-
-  return value.split("/").pop() || "unknown";
-};

package/admin/plugins/fieldRenderers/file/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["imagePlugins","imageWrapperStyles","css","height","fileLabel","padding","whiteSpace","overflow","textOverflow","fontSize","color","backgroundColor","IconWrapperStyle","display","justifyContent","alignItems","IconStyle","width","createRenderImagePreview","value","imagePreviewProps","fileName","getFileName","renderImagePreview","renderImageProps","split","pop"],"sources":["utils.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { ReactComponent as FileIcon } from \"../../fields/icons/round_insert_drive_file-24px.svg\";\n\nexport const imagePlugins = [\".jpg\", \".jpeg\", \".gif\", \".png\", \".svg\"];\n\nexport const imageWrapperStyles = css({\n    height: \"auto\"\n});\n\nconst fileLabel = css({\n    padding: \"10px\",\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    fontSize: \"0.8rem\",\n    color: \"var(--mdc-theme-on-surface)\",\n    backgroundColor: \"var(--mdc-theme-on-background)\"\n});\n\nconst IconWrapperStyle = css({\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: 200\n});\n\nconst IconStyle = css({\n    width: 64,\n    height: 64\n});\n\ninterface CreateRenderImagePreviewProps {\n    value: string;\n    // TODO @ts-refactor figure out correct type\n    imagePreviewProps: any;\n}\ninterface RenderImageProps {\n    [key: string]: string;\n}\nexport const createRenderImagePreview = ({\n    value,\n    imagePreviewProps\n}: CreateRenderImagePreviewProps) => {\n    const fileName = getFileName(value);\n\n    const renderImagePreview = (renderImageProps: RenderImageProps) => {\n        return (\n            <div {...renderImageProps} {...imagePreviewProps}>\n                <div className={IconWrapperStyle}>\n                    <FileIcon className={IconStyle} />\n                </div>\n                <div className={fileLabel}>{fileName}</div>\n            </div>\n        );\n    };\n    return renderImagePreview;\n};\n\nconst getFileName = (value?: string): string => {\n    if (!value) {\n        return \"unknown\";\n    }\n    return value.split(\"/\").pop() || \"unknown\";\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,YAAY,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkB,MAAlB,EAA0B,MAA1B,EAAkC,MAAlC,CAArB;;AAEA,IAAMC,kBAAkB,gBAAG,IAAAC,YAAA,EAAI;EAClCC,MAAM,EAAE;AAD0B,CAAJ,8BAA3B;;AAIP,IAAMC,SAAS,gBAAG,IAAAF,YAAA,EAAI;EAClBG,OAAO,EAAE,MADS;EAElBC,UAAU,EAAE,QAFM;EAGlBC,QAAQ,EAAE,QAHQ;EAIlBC,YAAY,EAAE,UAJI;EAKlBC,QAAQ,EAAE,QALQ;EAMlBC,KAAK,EAAE,6BANW;EAOlBC,eAAe,EAAE;AAPC,CAAJ,qBAAlB;AAUA,IAAMC,gBAAgB,gBAAG,IAAAV,YAAA,EAAI;EACzBW,OAAO,EAAE,MADgB;EAEzBC,cAAc,EAAE,QAFS;EAGzBC,UAAU,EAAE,QAHa;EAIzBZ,MAAM,EAAE;AAJiB,CAAJ,4BAAzB;AAOA,IAAMa,SAAS,gBAAG,IAAAd,YAAA,EAAI;EAClBe,KAAK,EAAE,EADW;EAElBd,MAAM,EAAE;AAFU,CAAJ,qBAAlB;;AAaO,IAAMe,wBAAwB,GAAG,SAA3BA,wBAA2B,OAGH;EAAA,IAFjCC,KAEiC,QAFjCA,KAEiC;EAAA,IADjCC,iBACiC,QADjCA,iBACiC;EACjC,IAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAD,CAA5B;;EAEA,IAAMI,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,gBAAD,EAAwC;IAC/D,oBACI,6CAASA,gBAAT,EAA+BJ,iBAA/B,gBACI;MAAK,SAAS,EAAER;IAAhB,gBACI,oBAAC,2CAAD;MAAU,SAAS,EAAEI;IAArB,EADJ,CADJ,eAII;MAAK,SAAS,EAAEZ;IAAhB,GAA4BiB,QAA5B,CAJJ,CADJ;EAQH,CATD;;EAUA,OAAOE,kBAAP;AACH,CAjBM;;;;AAmBP,IAAMD,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAA4B;EAC5C,IAAI,CAACA,KAAL,EAAY;IACR,OAAO,SAAP;EACH;;EACD,OAAOA,KAAK,CAACM,KAAN,CAAY,GAAZ,EAAiBC,GAAjB,MAA0B,SAAjC;AACH,CALD"}

package/admin/plugins/fieldRenderers/object/arrow_drop_down.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.71 11.71l2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71z"/></svg>

package/admin/plugins/fieldRenderers/object/arrow_drop_up.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.71 12.29L11.3 9.7c.39-.39 1.02-.39 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z"/></svg>

package/admin/plugins/fieldRenderers/object/multipleObjects.d.ts

@@ -1,3 +0,0 @@
-import { CmsEditorFieldRendererPlugin } from "../../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/object/multipleObjects.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _i18n = require("@webiny/app/i18n");
-
-var _Button = require("@webiny/ui/Button");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
-var _Typography = require("@webiny/ui/Typography");
-
-var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
-
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-
-var _close = require("../../../icons/close.svg");
-
-var _arrow_drop_up = require("./arrow_drop_up.svg");
-
-var _arrow_drop_down = require("./arrow_drop_down.svg");
-
-var _Accordion = _interopRequireDefault(require("../Accordion"));
-
-var _StyledComponents = require("./StyledComponents");
-
-var _utils = require("@webiny/utils");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
-var Actions = function Actions(_ref) {
-  var setHighlightIndex = _ref.setHighlightIndex,
-      bind = _ref.bind,
-      index = _ref.index;
-  return index > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_down.ReactComponent, null),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      bind.field.moveValueDown(index);
-      setHighlightIndex(function (map) {
-        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index + 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
-      });
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_arrow_drop_up.ReactComponent, null),
-    onClick: function onClick(e) {
-      e.stopPropagation();
-      bind.field.moveValueUp(index);
-      setHighlightIndex(function (map) {
-        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, map), {}, (0, _defineProperty2.default)({}, index - 1, (0, _utils.generateAlphaNumericLowerCaseId)(12)));
-      });
-    }
-  }), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
-    onClick: function onClick() {
-      return bind.field.removeValue(index);
-    }
-  })) : null;
-};
-
-var ObjectsRenderer = function ObjectsRenderer(props) {
-  var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      highlightMap = _useState2[0],
-      setHighlightIndex = _useState2[1];
-
-  var field = props.field,
-      contentModel = props.contentModel;
-  return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
-    emptyValue: {},
-    showLabel: false,
-    renderTitle: function renderTitle(value) {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12,
-        className: _StyledComponents.dynamicSectionTitleStyle
-      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-        use: "headline5"
-      }, "".concat(field.label, " ").concat(value.length ? "(".concat(value.length, ")") : "")), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText));
-    },
-    gridClassName: _StyledComponents.dynamicSectionGridStyle
-  }), function (_ref2) {
-    var Bind = _ref2.Bind,
-        bind = _ref2.bind,
-        index = _ref2.index;
-    return /*#__PURE__*/_react.default.createElement(_StyledComponents.ObjectItem, null, highlightMap[index] ? /*#__PURE__*/_react.default.createElement(_StyledComponents.ItemHighLight, {
-      key: highlightMap[index]
-    }) : null, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
-      title: "".concat(props.field.label, " #").concat(index + 1),
-      action: /*#__PURE__*/_react.default.createElement(Actions, {
-        setHighlightIndex: setHighlightIndex,
-        index: index,
-        bind: bind
-      }) // Open first Accordion by default
-      ,
-      defaultValue: index === 0
-    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12,
-      className: _StyledComponents.fieldsWrapperStyle
-    }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
-      Bind: Bind
-    }, bind.index, {
-      contentModel: contentModel,
-      fields: (field.settings || {}).fields || [],
-      layout: (field.settings || {}).layout || [],
-      gridClassName: _StyledComponents.fieldsGridStyle
-    })))));
-  });
-};
-
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-objects",
-  renderer: {
-    rendererName: "objects",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Objects"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a set of fields."]))),
-    canUse: function canUse(_ref3) {
-      var field = _ref3.field;
-      return field.type === "object" && !!field.multipleValues;
-    },
-    render: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ObjectsRenderer, props);
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

package/admin/plugins/fieldRenderers/object/multipleObjects.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","Actions","setHighlightIndex","bind","index","e","stopPropagation","field","moveValueDown","map","generateAlphaNumericLowerCaseId","moveValueUp","removeValue","ObjectsRenderer","props","useState","highlightMap","contentModel","value","dynamicSectionTitleStyle","label","length","helpText","dynamicSectionGridStyle","Bind","fieldsWrapperStyle","settings","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorFieldRendererPlugin,\n    CmsEditorFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionTitleStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    return index > 0 ? (\n        <>\n            <IconButton\n                icon={<ArrowDown />}\n                onClick={e => {\n                    e.stopPropagation();\n                    bind.field.moveValueDown(index);\n                    setHighlightIndex(map => ({\n                        ...map,\n                        [index + 1]: generateAlphaNumericLowerCaseId(12)\n                    }));\n                }}\n            />\n            <IconButton\n                icon={<ArrowUp />}\n                onClick={e => {\n                    e.stopPropagation();\n                    bind.field.moveValueUp(index);\n                    setHighlightIndex(map => ({\n                        ...map,\n                        [index - 1]: generateAlphaNumericLowerCaseId(12)\n                    }));\n                }}\n            />\n\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsEditorFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <DynamicSection\n            {...props}\n            emptyValue={{}}\n            showLabel={false}\n            renderTitle={value => (\n                <Cell span={12} className={dynamicSectionTitleStyle}>\n                    <Typography use={\"headline5\"}>\n                        {`${field.label} ${value.length ? `(${value.length})` : \"\"}`}\n                    </Typography>\n                    {field.helpText && <FormElementMessage>{field.helpText}</FormElementMessage>}\n                </Cell>\n            )}\n            gridClassName={dynamicSectionGridStyle}\n        >\n            {({ Bind, bind, index }) => (\n                <ObjectItem>\n                    {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n                    <Accordion\n                        title={`${props.field.label} #${index + 1}`}\n                        action={\n                            <Actions\n                                setHighlightIndex={setHighlightIndex}\n                                index={index}\n                                bind={bind}\n                            />\n                        }\n                        // Open first Accordion by default\n                        defaultValue={index === 0}\n                    >\n                        <Cell span={12} className={fieldsWrapperStyle}>\n                            <Fields\n                                Bind={Bind}\n                                {...bind.index}\n                                contentModel={contentModel}\n                                fields={(field.settings || {}).fields || []}\n                                layout={(field.settings || {}).layout || []}\n                                gridClassName={fieldsGridStyle}\n                            />\n                        </Cell>\n                    </Accordion>\n                </ObjectItem>\n            )}\n        </DynamicSection>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects\",\n    renderer: {\n        rendererName: \"objects\",\n        name: t`Objects`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !!field.multipleValues;\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAQA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAWA,IAAMC,OAA+B,GAAG,SAAlCA,OAAkC,OAAwC;EAAA,IAArCC,iBAAqC,QAArCA,iBAAqC;EAAA,IAAlBC,IAAkB,QAAlBA,IAAkB;EAAA,IAAZC,KAAY,QAAZA,KAAY;EAC5E,OAAOA,KAAK,GAAG,CAAR,gBACH,yEACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,+BAAD,OADV;IAEI,OAAO,EAAE,iBAAAC,CAAC,EAAI;MACVA,CAAC,CAACC,eAAF;MACAH,IAAI,CAACI,KAAL,CAAWC,aAAX,CAAyBJ,KAAzB;MACAF,iBAAiB,CAAC,UAAAO,GAAG;QAAA,mEACdA,GADc,yCAEhBL,KAAK,GAAG,CAFQ,EAEJ,IAAAM,sCAAA,EAAgC,EAAhC,CAFI;MAAA,CAAJ,CAAjB;IAIH;EATL,EADJ,eAYI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,6BAAD,OADV;IAEI,OAAO,EAAE,iBAAAL,CAAC,EAAI;MACVA,CAAC,CAACC,eAAF;MACAH,IAAI,CAACI,KAAL,CAAWI,WAAX,CAAuBP,KAAvB;MACAF,iBAAiB,CAAC,UAAAO,GAAG;QAAA,mEACdA,GADc,yCAEhBL,KAAK,GAAG,CAFQ,EAEJ,IAAAM,sCAAA,EAAgC,EAAhC,CAFI;MAAA,CAAJ,CAAjB;IAIH;EATL,EAZJ,eAwBI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,qBAAD,OAAlB;IAAkC,OAAO,EAAE;MAAA,OAAMP,IAAI,CAACI,KAAL,CAAWK,WAAX,CAAuBR,KAAvB,CAAN;IAAA;EAA3C,EAxBJ,CADG,GA2BH,IA3BJ;AA4BH,CA7BD;;AA+BA,IAAMS,eAAsD,GAAG,SAAzDA,eAAyD,CAAAC,KAAK,EAAI;EACpE,gBAA0C,IAAAC,eAAA,EAAoC,EAApC,CAA1C;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBd,iBAArB;;EACA,IAAQK,KAAR,GAAgCO,KAAhC,CAAQP,KAAR;EAAA,IAAeU,YAAf,GAAgCH,KAAhC,CAAeG,YAAf;EAEA,oBACI,6BAAC,uBAAD,oBACQH,KADR;IAEI,UAAU,EAAE,EAFhB;IAGI,SAAS,EAAE,KAHf;IAII,WAAW,EAAE,qBAAAI,KAAK;MAAA,oBACd,6BAAC,UAAD;QAAM,IAAI,EAAE,EAAZ;QAAgB,SAAS,EAAEC;MAA3B,gBACI,6BAAC,sBAAD;QAAY,GAAG,EAAE;MAAjB,aACQZ,KAAK,CAACa,KADd,cACuBF,KAAK,CAACG,MAAN,cAAmBH,KAAK,CAACG,MAAzB,SAAqC,EAD5D,EADJ,EAIKd,KAAK,CAACe,QAAN,iBAAkB,6BAAC,sCAAD,QAAqBf,KAAK,CAACe,QAA3B,CAJvB,CADc;IAAA,CAJtB;IAYI,aAAa,EAAEC;EAZnB,IAcK;IAAA,IAAGC,IAAH,SAAGA,IAAH;IAAA,IAASrB,IAAT,SAASA,IAAT;IAAA,IAAeC,KAAf,SAAeA,KAAf;IAAA,oBACG,6BAAC,4BAAD,QACKY,YAAY,CAACZ,KAAD,CAAZ,gBAAsB,6BAAC,+BAAD;MAAe,GAAG,EAAEY,YAAY,CAACZ,KAAD;IAAhC,EAAtB,GAAoE,IADzE,eAEI,6BAAC,kBAAD;MACI,KAAK,YAAKU,KAAK,CAACP,KAAN,CAAYa,KAAjB,eAA2BhB,KAAK,GAAG,CAAnC,CADT;MAEI,MAAM,eACF,6BAAC,OAAD;QACI,iBAAiB,EAAEF,iBADvB;QAEI,KAAK,EAAEE,KAFX;QAGI,IAAI,EAAED;MAHV,EAHR,CASI;MATJ;MAUI,YAAY,EAAEC,KAAK,KAAK;IAV5B,gBAYI,6BAAC,UAAD;MAAM,IAAI,EAAE,EAAZ;MAAgB,SAAS,EAAEqB;IAA3B,gBACI,6BAAC,cAAD;MACI,IAAI,EAAED;IADV,GAEQrB,IAAI,CAACC,KAFb;MAGI,YAAY,EAAEa,YAHlB;MAII,MAAM,EAAE,CAACV,KAAK,CAACmB,QAAN,IAAkB,EAAnB,EAAuBC,MAAvB,IAAiC,EAJ7C;MAKI,MAAM,EAAE,CAACpB,KAAK,CAACmB,QAAN,IAAkB,EAAnB,EAAuBE,MAAvB,IAAiC,EAL7C;MAMI,aAAa,EAAEC;IANnB,GADJ,CAZJ,CAFJ,CADH;EAAA,CAdL,CADJ;AA6CH,CAjDD;;AAmDA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,mCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,SADR;IAENF,IAAI,EAAElC,CAAF,0FAFE;IAGNqC,WAAW,EAAErC,CAAF,6GAHL;IAINsC,MAJM,yBAIY;MAAA,IAAT7B,KAAS,SAATA,KAAS;MACd,OAAOA,KAAK,CAACwB,IAAN,KAAe,QAAf,IAA2B,CAAC,CAACxB,KAAK,CAAC8B,cAA1C;IACH,CANK;IAONC,MAPM,kBAOCxB,KAPD,EAOQ;MACV,oBAAO,6BAAC,eAAD,EAAqBA,KAArB,CAAP;IACH;EATK;AAH+B,CAA7C;eAgBegB,M"}

package/admin/plugins/fieldRenderers/object/singleObject.d.ts

@@ -1,3 +0,0 @@
-import { CmsEditorFieldRendererPlugin } from "../../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/object/singleObject.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _i18n = require("@webiny/app/i18n");
-
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
-var _StyledComponents = require("./StyledComponents");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-object",
-  renderer: {
-    rendererName: "object",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Object"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a set of fields."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "object" && !field.multipleValues;
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind,
-          contentModel = _ref2.contentModel;
-      var Bind = getBind();
-      var settings = field.settings || {};
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-        title: field.label
-      }), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12,
-        className: _StyledComponents.fieldsWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-        Bind: Bind,
-        contentModel: contentModel,
-        fields: settings.fields || [],
-        layout: settings.layout || []
-      })));
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

package/admin/plugins/fieldRenderers/object/singleObject.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fieldsWrapperStyle","fields","layout"],"sources":["singleObject.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Object`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <SimpleFormHeader title={field.label} />\n                        {field.helpText && (\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                        )}\n                    </Cell>\n                    <Cell span={12} className={fieldsWrapperStyle}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,kCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QADR;IAENF,IAAI,EAAEL,CAAF,yFAFE;IAGNQ,WAAW,EAAER,CAAF,6GAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,QAAf,IAA2B,CAACM,KAAK,CAACC,cAAzC;IACH,CANK;IAONC,MAPM,yBAOmC;MAAA,IAAhCF,KAAgC,SAAhCA,KAAgC;MAAA,IAAzBG,OAAyB,SAAzBA,OAAyB;MAAA,IAAhBC,YAAgB,SAAhBA,YAAgB;MACrC,IAAMC,IAAI,GAAGF,OAAO,EAApB;MAEA,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAN,IAAkB,EAAnC;MAEA,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,4BAAD;QAAkB,KAAK,EAAEN,KAAK,CAACO;MAA/B,EADJ,EAEKP,KAAK,CAACQ,QAAN,iBACG,6BAAC,sCAAD,QAAqBR,KAAK,CAACQ,QAA3B,CAHR,CADJ,eAOI,6BAAC,UAAD;QAAM,IAAI,EAAE,EAAZ;QAAgB,SAAS,EAAEC;MAA3B,gBACI,6BAAC,cAAD;QACI,IAAI,EAAEJ,IADV;QAEI,YAAY,EAAED,YAFlB;QAGI,MAAM,EAAEE,QAAQ,CAACI,MAAT,IAAmB,EAH/B;QAII,MAAM,EAAEJ,QAAQ,CAACK,MAAT,IAAmB;MAJ/B,EADJ,CAPJ,CADJ;IAkBH;EA9BK;AAH+B,CAA7C;eAqCelB,M"}

package/admin/plugins/fieldRenderers/object/singleObjectInline.d.ts

@@ -1,3 +0,0 @@
-import { CmsEditorFieldRendererPlugin } from "../../../../types";
-declare const plugin: CmsEditorFieldRendererPlugin;
-export default plugin;

package/admin/plugins/fieldRenderers/object/singleObjectInline.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _i18n = require("@webiny/app/i18n");
-
-var _Fields = require("../../../components/ContentEntryForm/Fields");
-
-var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-
-var _Grid = require("@webiny/ui/Grid");
-
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-
-var _StyledComponents = require("./StyledComponents");
-
-var _templateObject, _templateObject2;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-object",
-  renderer: {
-    rendererName: "object",
-    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Inline Form"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a set of fields."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "object" && !field.multipleValues;
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind,
-          contentModel = _ref2.contentModel;
-      var Bind = getBind();
-      var settings = field.settings || {};
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12
-      }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
-        title: field.label
-      }), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: 12,
-        className: _StyledComponents.fieldsWrapperStyle
-      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
-        Bind: Bind,
-        contentModel: contentModel,
-        fields: settings.fields || [],
-        layout: settings.layout || []
-      })));
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

package/admin/plugins/fieldRenderers/object/singleObjectInline.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fieldsWrapperStyle","fields","layout"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <SimpleFormHeader title={field.label} />\n                        {field.helpText && (\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                        )}\n                    </Cell>\n                    <Cell span={12} className={fieldsWrapperStyle}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,kCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QADR;IAENF,IAAI,EAAEL,CAAF,8FAFE;IAGNQ,WAAW,EAAER,CAAF,6GAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,QAAf,IAA2B,CAACM,KAAK,CAACC,cAAzC;IACH,CANK;IAONC,MAPM,yBAOmC;MAAA,IAAhCF,KAAgC,SAAhCA,KAAgC;MAAA,IAAzBG,OAAyB,SAAzBA,OAAyB;MAAA,IAAhBC,YAAgB,SAAhBA,YAAgB;MACrC,IAAMC,IAAI,GAAGF,OAAO,EAApB;MAEA,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAN,IAAkB,EAAnC;MAEA,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,4BAAD;QAAkB,KAAK,EAAEN,KAAK,CAACO;MAA/B,EADJ,EAEKP,KAAK,CAACQ,QAAN,iBACG,6BAAC,sCAAD,QAAqBR,KAAK,CAACQ,QAA3B,CAHR,CADJ,eAOI,6BAAC,UAAD;QAAM,IAAI,EAAE,EAAZ;QAAgB,SAAS,EAAEC;MAA3B,gBACI,6BAAC,cAAD;QACI,IAAI,EAAEJ,IADV;QAEI,YAAY,EAAED,YAFlB;QAGI,MAAM,EAAEE,QAAQ,CAACI,MAAT,IAAmB,EAH/B;QAII,MAAM,EAAEJ,QAAQ,CAACK,MAAT,IAAmB;MAJ/B,EADJ,CAPJ,CADJ;IAkBH;EA9BK;AAH+B,CAA7C;eAqCelB,M"}

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { CmsEditorContentEntry } from "../../../../../types";
-export declare const NewEntryButton: () => JSX.Element;
-interface NewRefEntryProps {
-    modelId: string;
-    children: React.ReactElement;
-    onChange: (entry: CmsEditorContentEntry) => void;
-}
-declare const NewRefEntryFormDialog: React.FC<NewRefEntryProps>;
-export default NewRefEntryFormDialog;

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js

@@ -1,197 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NewEntryButton = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _get = _interopRequireDefault(require("lodash/get"));
-
-var _emotion = require("emotion");
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _Dialog = require("@webiny/ui/Dialog");
-
-var _Button = require("@webiny/ui/Button");
-
-var _appAdmin = require("@webiny/app-admin");
-
-var _i18n = require("@webiny/app/i18n");
-
-var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-
-var _ContentEntriesContext = require("../../../../views/contentEntries/ContentEntriesContext");
-
-var _ContentEntryContext = require("../../../../views/contentEntries/ContentEntry/ContentEntryContext");
-
-var _ContentEntryForm = require("../../../../components/ContentEntryForm/ContentEntryForm");
-
-var _hooks = require("../../../../hooks");
-
-var _contentModels = require("../../../../graphql/contentModels");
-
-var _useContentEntry3 = require("../../../../views/contentEntries/hooks/useContentEntry");
-
-var _useNewRefEntryDialog3 = require("../hooks/useNewRefEntryDialog");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-
-var dialogContentStyles = /*#__PURE__*/(0, _emotion.css)("width:786px;label:dialogContentStyles;");
-var dialogContainerStyles = /*#__PURE__*/(0, _emotion.css)("&.mdc-dialog{z-index:17;}label:dialogContainerStyles;");
-
-var EntryForm = function EntryForm(_ref) {
-  var onCreate = _ref.onCreate;
-
-  var _useContentEntry = (0, _useContentEntry3.useContentEntry)(),
-      setFormRef = _useContentEntry.setFormRef,
-      contentModel = _useContentEntry.contentModel;
-
-  return /*#__PURE__*/_react.default.createElement(_ContentEntryForm.ContentEntryForm, {
-    contentModel: contentModel,
-    onSubmit: function onSubmit(data) {
-      /**
-       * We know that data is CmsEditorContentEntry.
-       */
-      return onCreate(data);
-    },
-    onForm: function onForm(form) {
-      return setFormRef(form);
-    },
-    entry: {},
-    addEntryToListCache: false
-  });
-};
-
-var DialogSaveButton = function DialogSaveButton() {
-  var _useContentEntry2 = (0, _useContentEntry3.useContentEntry)(),
-      form = _useContentEntry2.form;
-
-  return /*#__PURE__*/_react.default.createElement(_Dialog.DialogButton, {
-    onClick: function onClick(ev) {
-      return form.current.submit(ev);
-    }
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Save"]))));
-};
-
-var DefaultButton = /*#__PURE__*/(0, _styled.default)(_Button.ButtonDefault, {
-  label: "DefaultButton",
-  target: "eantjap0"
-})("margin-left:32px;");
-
-var NewEntryButton = function NewEntryButton() {
-  var _useNewRefEntryDialog = (0, _useNewRefEntryDialog3.useNewRefEntryDialog)(),
-      setOpen = _useNewRefEntryDialog.setOpen;
-
-  return /*#__PURE__*/_react.default.createElement(DefaultButton, {
-    small: true,
-    onClick: function onClick() {
-      return setOpen(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
-    icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-  }), t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"]))));
-};
-
-exports.NewEntryButton = NewEntryButton;
-
-var NewRefEntryFormDialog = function NewRefEntryFormDialog(_ref2) {
-  var modelId = _ref2.modelId,
-      children = _ref2.children,
-      onChange = _ref2.onChange;
-
-  var _useState = (0, _react.useState)(undefined),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      contentModel = _useState2[0],
-      setContentModel = _useState2[1];
-
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  (0, _hooks.useQuery)(_contentModels.GET_CONTENT_MODEL, {
-    skip: !modelId,
-    variables: {
-      modelId: modelId
-    },
-    onCompleted: function onCompleted(data) {
-      var contentModelData = (0, _get.default)(data, "getContentModel.data");
-
-      if (contentModelData) {
-        setContentModel(contentModelData);
-        return;
-      }
-
-      showSnackbar(t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Could not load content for model \"{modelId}\". Redirecting..."])))({
-        modelId: modelId
-      }));
-    }
-  });
-
-  var _useNewRefEntryDialog2 = (0, _useNewRefEntryDialog3.useNewRefEntryDialog)(),
-      open = _useNewRefEntryDialog2.open,
-      setOpen = _useNewRefEntryDialog2.setOpen;
-
-  var hideDialog = (0, _react.useCallback)(function () {
-    return setOpen(false);
-  }, []);
-  var onCreate = (0, _react.useCallback)(function (entry) {
-    if (!contentModel) {
-      setOpen(false);
-      return;
-    }
-
-    onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, entry), {}, {
-      /*
-       * Format data for AutoComplete.
-       */
-      published: (0, _get.default)(entry, "meta.status") === "published",
-      modelId: contentModel.modelId,
-      modelName: contentModel.name
-    }));
-    setOpen(false);
-  }, [onChange, contentModel]);
-
-  if (!contentModel) {
-    return children;
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
-    contentModel: contentModel,
-    key: contentModel.modelId,
-    insideDialog: true
-  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, {
-    isNewEntry: function isNewEntry() {
-      return true;
-    },
-    getContentId: function getContentId() {
-      return null;
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
-    open: open,
-    onClose: hideDialog,
-    className: dialogContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New {modelName} Entry"])))({
-    modelName: contentModel.name
-  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, {
-    className: dialogContentStyles
-  }, /*#__PURE__*/_react.default.createElement(EntryForm, {
-    onCreate: onCreate
-  })), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogCancel, null, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(DialogSaveButton, null))), children));
-};
-
-var _default = NewRefEntryFormDialog;
-exports.default = _default;

package/admin/plugins/fieldRenderers/ref/components/NewRefEntryFormDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","dialogContentStyles","css","dialogContainerStyles","EntryForm","onCreate","useContentEntry","setFormRef","contentModel","data","form","DialogSaveButton","ev","current","submit","DefaultButton","styled","ButtonDefault","NewEntryButton","useNewRefEntryDialog","setOpen","NewRefEntryFormDialog","modelId","children","onChange","useState","undefined","setContentModel","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","contentModelData","get","open","hideDialog","useCallback","entry","published","modelName","name"],"sources":["NewRefEntryFormDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport get from \"lodash/get\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport {\n    Dialog,\n    DialogActions,\n    DialogButton,\n    DialogCancel,\n    DialogContent,\n    DialogTitle\n} from \"@webiny/ui/Dialog\";\nimport { ButtonDefault, ButtonIcon } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { Provider as ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntryForm } from \"~/admin/components/ContentEntryForm/ContentEntryForm\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { useNewRefEntryDialog } from \"../hooks/useNewRefEntryDialog\";\nimport { CmsEditorContentEntry, CmsModel } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst dialogContentStyles = css`\n    width: 786px;\n`;\n\nconst dialogContainerStyles = css`\n    /*\n* By default, a Dialog component has the \"z-index\" value of 20.\n* As we are rendering the content entry form in a \"Dialog\", the File Manager view triggered by a \"file\" field\n* will render below the source form, rendering it useless for the user.\n*\n* To fix that issue, we're setting the \"z-index\" CSS property for this particular Dialog to less than 18,\n* which is the \"z-index\" value assigned to File Manager view, so that it will render below the File Manager view as expected.\n*/\n\n    &.mdc-dialog {\n        z-index: 17;\n    }\n`;\n\ninterface EntryFormProps {\n    onCreate: (entry: CmsEditorContentEntry) => void;\n}\nconst EntryForm: React.FC<EntryFormProps> = ({ onCreate }) => {\n    const { setFormRef, contentModel } = useContentEntry();\n\n    return (\n        <ContentEntryForm\n            contentModel={contentModel}\n            onSubmit={data => {\n                /**\n                 * We know that data is CmsEditorContentEntry.\n                 */\n                return onCreate(data as unknown as CmsEditorContentEntry);\n            }}\n            onForm={form => setFormRef(form)}\n            entry={{}}\n            addEntryToListCache={false}\n        />\n    );\n};\n\nconst DialogSaveButton: React.FC = () => {\n    const { form } = useContentEntry();\n\n    return <DialogButton onClick={ev => form.current.submit(ev)}>{t`Save`}</DialogButton>;\n};\n\nconst DefaultButton = styled(ButtonDefault)`\n    margin-left: 32px;\n`;\n\nexport const NewEntryButton = () => {\n    const { setOpen } = useNewRefEntryDialog();\n    return (\n        <DefaultButton small={true} onClick={() => setOpen(true)}>\n            <ButtonIcon icon={<AddIcon />} />\n            {t`New Entry`}\n        </DefaultButton>\n    );\n};\n\ninterface NewRefEntryProps {\n    modelId: string;\n    children: React.ReactElement;\n    onChange: (entry: CmsEditorContentEntry) => void;\n}\n\nconst NewRefEntryFormDialog: React.FC<NewRefEntryProps> = ({ modelId, children, onChange }) => {\n    const [contentModel, setContentModel] = useState<CmsModel | undefined>(undefined);\n\n    const { showSnackbar } = useSnackbar();\n\n    useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(GET_CONTENT_MODEL, {\n        skip: !modelId,\n        variables: { modelId },\n        onCompleted: data => {\n            const contentModelData = get(data, \"getContentModel.data\") as unknown as CmsModel;\n            if (contentModelData) {\n                setContentModel(contentModelData);\n                return;\n            }\n\n            showSnackbar(\n                t`Could not load content for model \"{modelId}\". Redirecting...`({\n                    modelId\n                })\n            );\n        }\n    });\n\n    const { open, setOpen } = useNewRefEntryDialog();\n    const hideDialog = useCallback(() => setOpen(false), []);\n\n    const onCreate = useCallback(\n        (entry: CmsEditorContentEntry) => {\n            if (!contentModel) {\n                setOpen(false);\n                return;\n            }\n            onChange({\n                ...entry,\n                /*\n                 * Format data for AutoComplete.\n                 */\n                published: get(entry, \"meta.status\") === \"published\",\n                modelId: contentModel.modelId,\n                modelName: contentModel.name\n            });\n            setOpen(false);\n        },\n        [onChange, contentModel]\n    );\n\n    if (!contentModel) {\n        return children;\n    }\n\n    return (\n        <ContentEntriesProvider\n            contentModel={contentModel}\n            key={contentModel.modelId}\n            insideDialog={true}\n        >\n            <ContentEntryProvider isNewEntry={() => true} getContentId={() => null}>\n                <Dialog open={open} onClose={hideDialog} className={dialogContainerStyles}>\n                    <DialogTitle>\n                        {t`New {modelName} Entry`({ modelName: contentModel.name })}\n                    </DialogTitle>\n                    <DialogContent className={dialogContentStyles}>\n                        <EntryForm onCreate={onCreate} />\n                    </DialogContent>\n                    <DialogActions>\n                        <DialogCancel>{t`Cancel`}</DialogCancel>\n                        <DialogSaveButton />\n                    </DialogActions>\n                </Dialog>\n                {children}\n            </ContentEntryProvider>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default NewRefEntryFormDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,mBAAmB,oBAAGC,YAAH,2CAAzB;AAIA,IAAMC,qBAAqB,oBAAGD,YAAH,0DAA3B;;AAkBA,IAAME,SAAmC,GAAG,SAAtCA,SAAsC,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1D,uBAAqC,IAAAC,iCAAA,GAArC;EAAA,IAAQC,UAAR,oBAAQA,UAAR;EAAA,IAAoBC,YAApB,oBAAoBA,YAApB;;EAEA,oBACI,6BAAC,kCAAD;IACI,YAAY,EAAEA,YADlB;IAEI,QAAQ,EAAE,kBAAAC,IAAI,EAAI;MACd;AAChB;AACA;MACgB,OAAOJ,QAAQ,CAACI,IAAD,CAAf;IACH,CAPL;IAQI,MAAM,EAAE,gBAAAC,IAAI;MAAA,OAAIH,UAAU,CAACG,IAAD,CAAd;IAAA,CARhB;IASI,KAAK,EAAE,EATX;IAUI,mBAAmB,EAAE;EAVzB,EADJ;AAcH,CAjBD;;AAmBA,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA6B,GAAM;EACrC,wBAAiB,IAAAL,iCAAA,GAAjB;EAAA,IAAQI,IAAR,qBAAQA,IAAR;;EAEA,oBAAO,6BAAC,oBAAD;IAAc,OAAO,EAAE,iBAAAE,EAAE;MAAA,OAAIF,IAAI,CAACG,OAAL,CAAaC,MAAb,CAAoBF,EAApB,CAAJ;IAAA;EAAzB,GAAuDd,CAAvD,wFAAP;AACH,CAJD;;AAMA,IAAMiB,aAAa,oBAAGC,eAAH,EAAUC,qBAAV;EAAA;EAAA;AAAA,uBAAnB;;AAIO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;EAChC,4BAAoB,IAAAC,2CAAA,GAApB;EAAA,IAAQC,OAAR,yBAAQA,OAAR;;EACA,oBACI,6BAAC,aAAD;IAAe,KAAK,EAAE,IAAtB;IAA4B,OAAO,EAAE;MAAA,OAAMA,OAAO,CAAC,IAAD,CAAb;IAAA;EAArC,gBACI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,uBAAD;EAAlB,EADJ,EAEKtB,CAFL,+FADJ;AAMH,CARM;;;;AAgBP,IAAMuB,qBAAiD,GAAG,SAApDA,qBAAoD,QAAqC;EAAA,IAAlCC,OAAkC,SAAlCA,OAAkC;EAAA,IAAzBC,QAAyB,SAAzBA,QAAyB;EAAA,IAAfC,QAAe,SAAfA,QAAe;;EAC3F,gBAAwC,IAAAC,eAAA,EAA+BC,SAA/B,CAAxC;EAAA;EAAA,IAAOlB,YAAP;EAAA,IAAqBmB,eAArB;;EAEA,mBAAyB,IAAAC,qBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,IAAAC,eAAA,EAA8DC,gCAA9D,EAAiF;IAC7EC,IAAI,EAAE,CAACV,OADsE;IAE7EW,SAAS,EAAE;MAAEX,OAAO,EAAPA;IAAF,CAFkE;IAG7EY,WAAW,EAAE,qBAAAzB,IAAI,EAAI;MACjB,IAAM0B,gBAAgB,GAAG,IAAAC,YAAA,EAAI3B,IAAJ,EAAU,sBAAV,CAAzB;;MACA,IAAI0B,gBAAJ,EAAsB;QAClBR,eAAe,CAACQ,gBAAD,CAAf;QACA;MACH;;MAEDN,YAAY,CACR/B,CAAC,mJAAD,CAAgE;QAC5DwB,OAAO,EAAPA;MAD4D,CAAhE,CADQ,CAAZ;IAKH;EAf4E,CAAjF;;EAkBA,6BAA0B,IAAAH,2CAAA,GAA1B;EAAA,IAAQkB,IAAR,0BAAQA,IAAR;EAAA,IAAcjB,OAAd,0BAAcA,OAAd;;EACA,IAAMkB,UAAU,GAAG,IAAAC,kBAAA,EAAY;IAAA,OAAMnB,OAAO,CAAC,KAAD,CAAb;EAAA,CAAZ,EAAkC,EAAlC,CAAnB;EAEA,IAAMf,QAAQ,GAAG,IAAAkC,kBAAA,EACb,UAACC,KAAD,EAAkC;IAC9B,IAAI,CAAChC,YAAL,EAAmB;MACfY,OAAO,CAAC,KAAD,CAAP;MACA;IACH;;IACDI,QAAQ,6DACDgB,KADC;MAEJ;AAChB;AACA;MACgBC,SAAS,EAAE,IAAAL,YAAA,EAAII,KAAJ,EAAW,aAAX,MAA8B,WALrC;MAMJlB,OAAO,EAAEd,YAAY,CAACc,OANlB;MAOJoB,SAAS,EAAElC,YAAY,CAACmC;IAPpB,GAAR;IASAvB,OAAO,CAAC,KAAD,CAAP;EACH,CAhBY,EAiBb,CAACI,QAAD,EAAWhB,YAAX,CAjBa,CAAjB;;EAoBA,IAAI,CAACA,YAAL,EAAmB;IACf,OAAOe,QAAP;EACH;;EAED,oBACI,6BAAC,+BAAD;IACI,YAAY,EAAEf,YADlB;IAEI,GAAG,EAAEA,YAAY,CAACc,OAFtB;IAGI,YAAY,EAAE;EAHlB,gBAKI,6BAAC,6BAAD;IAAsB,UAAU,EAAE;MAAA,OAAM,IAAN;IAAA,CAAlC;IAA8C,YAAY,EAAE;MAAA,OAAM,IAAN;IAAA;EAA5D,gBACI,6BAAC,cAAD;IAAQ,IAAI,EAAEe,IAAd;IAAoB,OAAO,EAAEC,UAA7B;IAAyC,SAAS,EAAEnC;EAApD,gBACI,6BAAC,mBAAD,QACKL,CAAC,0GAAD,CAAyB;IAAE4C,SAAS,EAAElC,YAAY,CAACmC;EAA1B,CAAzB,CADL,CADJ,eAII,6BAAC,qBAAD;IAAe,SAAS,EAAE1C;EAA1B,gBACI,6BAAC,SAAD;IAAW,QAAQ,EAAEI;EAArB,EADJ,CAJJ,eAOI,6BAAC,qBAAD,qBACI,6BAAC,oBAAD,QAAeP,CAAf,4FADJ,eAEI,6BAAC,gBAAD,OAFJ,CAPJ,CADJ,EAaKyB,QAbL,CALJ,CADJ;AAuBH,CAzED;;eA2EeF,qB"}