@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","FileUploadWrapper","styled","position","opacity","pointerEvents","color","FieldRenderer","getBind","Label","field","Bind","imagesOnly","settings","bind","onChange","value","Array","isArray","filter","Boolean","imageWrapperStyles","showFileManager","selectFiles","index","files","urls","map","f","src","slice","label","url","dotProp","delete","defaultProps","validation","isValid","styles","width","height","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render"],"sources":["fileFields.tsx"],"sourcesContent":["import React from \"react\";\nimport dotProp from \"dot-prop-immutable\";\nimport { CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { imageWrapperStyles } from \"./utils\";\nimport { FileManager } from \"@webiny/app-admin/components\";\nimport styled from \"@emotion/styled\";\nimport File from \"./File\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/file\");\n\nconst FileUploadWrapper = styled(\"div\")({\n    position: \"relative\",\n    \".disabled\": {\n        opacity: 0.75,\n        pointerEvents: \"none\"\n    },\n    \".mdc-text-field-helper-text\": {\n        color: \"var(--mdc-theme-text-secondary-on-background)\"\n    }\n});\n\ninterface FieldRendererProps {\n    getBind: GetBindCallable;\n    Label: React.FC;\n    field: CmsModelField;\n}\nconst FieldRenderer: React.FC<FieldRendererProps> = ({ getBind, Label, field }) => {\n    const Bind = getBind();\n\n    const imagesOnly = field.settings && field.settings.imagesOnly;\n\n    return (\n        <Bind>\n            {bind => {\n                const { onChange } = bind;\n\n                // We need to make sure the value is an array, since this is a multi-value component.\n                const value: string[] = (\n                    Array.isArray(bind.value) ? bind.value : [bind.value]\n                ).filter(Boolean);\n\n                return (\n                    <FileUploadWrapper className={imageWrapperStyles}>\n                        <FileManager\n                            multiple\n                            images={imagesOnly}\n                            render={({ showFileManager }) => {\n                                const selectFiles = (index = -1) => {\n                                    showFileManager(files => {\n                                        const urls = files.map(f => f.src);\n                                        if (index === -1) {\n                                            onChange([...value, ...urls]);\n                                        } else {\n                                            onChange([\n                                                ...value.slice(0, index),\n                                                ...urls,\n                                                ...value.slice(index + 1)\n                                            ]);\n                                        }\n                                    });\n                                };\n                                return (\n                                    <GridInner>\n                                        <Cell span={12}>\n                                            <Label>{field.label}</Label>\n                                        </Cell>\n\n                                        <>\n                                            {value.map((url: string, index: number) => (\n                                                <Cell span={3} key={url}>\n                                                    <File\n                                                        url={url}\n                                                        showFileManager={() => selectFiles(index)}\n                                                        onRemove={() =>\n                                                            onChange(dotProp.delete(value, index))\n                                                        }\n                                                        placeholder={t`Select a file\"`}\n                                                        data-testid={`fr.input.file.${field.label}.${index}`}\n                                                    />\n                                                </Cell>\n                                            ))}\n                                        </>\n\n                                        <Cell span={3}>\n                                            <File\n                                                url={\"\"}\n                                                onRemove={() => {\n                                                    return void 0;\n                                                }}\n                                                {...bind}\n                                                showFileManager={() => selectFiles()}\n                                                placeholder={t`Select a file\"`}\n                                                data-testid={`fr.input.file.${field.label}`}\n                                            />\n                                        </Cell>\n                                    </GridInner>\n                                );\n                            }}\n                        />\n                    </FileUploadWrapper>\n                );\n            }}\n        </Bind>\n    );\n};\n/**\n * Not used?\n */\n// TODO @ts-refactor\nFieldRenderer.defaultProps = {\n    validation: {\n        isValid: null\n    },\n    styles: { width: \"100%\", height: \"auto\" }\n} as Partial<FieldRendererProps>;\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-files\",\n    renderer: {\n        rendererName: \"file-inputs\",\n        name: t`File Inputs`,\n        description: t`Enables selecting multiple files via File Manager.`,\n        canUse({ field }) {\n            return field.type === \"file\" && !!field.multipleValues;\n        },\n        render({ field, getBind, Label }) {\n            return <FieldRenderer field={field} getBind={getBind} Label={Label} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fieldRenderers/file/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _fileField = _interopRequireDefault(require("./fileField"));
+
+var _fileFields = _interopRequireDefault(require("./fileFields"));
+
+var _default = [_fileField.default, _fileFields.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["fileField","fileFields"],"sources":["index.ts"],"sourcesContent":["import fileField from \"./fileField\";\nimport fileFields from \"./fileFields\";\n\nexport default [fileField, fileFields];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,kBAAD,EAAYC,mBAAZ,C"}

package/admin/plugins/fieldRenderers/file/utils.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const imagePlugins: string[];
+export declare const imageWrapperStyles: string;
+interface CreateRenderImagePreviewProps {
+    value: string;
+    imagePreviewProps: any;
+}
+interface RenderImageProps {
+    [key: string]: string;
+}
+export declare const createRenderImagePreview: ({ value, imagePreviewProps }: CreateRenderImagePreviewProps) => (renderImageProps: RenderImageProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,68 @@
+"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

@@ -0,0 +1 @@
+{"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/longText/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

package/admin/plugins/fieldRenderers/longText/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _longText = _interopRequireDefault(require("./longText"));
+
+var _longTexts = _interopRequireDefault(require("./longTexts"));
+
+var _default = [_longText.default, _longTexts.default];
+exports.default = _default;

package/admin/plugins/fieldRenderers/longText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["longText","longTexts"],"sources":["index.ts"],"sourcesContent":["import longText from \"./longText\";\nimport longTexts from \"./longTexts\";\n\nexport default [longText, longTexts];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,iBAAD,EAAWC,kBAAX,C"}

package/admin/plugins/fieldRenderers/longText/longText.d.ts

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

package/admin/plugins/fieldRenderers/longText/longText.js

@@ -0,0 +1,52 @@
+"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 _get = _interopRequireDefault(require("lodash/get"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _i18n = require("@webiny/app/i18n");
+
+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-long-text-textarea",
+  renderer: {
+    rendererName: "long-text-text-area",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Area"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple text area, suitable for larger amounts of text."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "long-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind, {
+          rows: 5,
+          label: field.label,
+          placeholder: field.placeholderText,
+          description: field.helpText,
+          "data-testid": "fr.input.longtext.".concat(field.label)
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/longText/longText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bind","label","placeholderText","helpText"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\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-long-text-textarea\",\n    renderer: {\n        rendererName: \"long-text-text-area\",\n        name: t`Text Area`,\n        description: t`Renders a simple text area, suitable for larger amounts of text.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bind => (\n                        <Input\n                            {...bind}\n                            rows={5}\n                            label={field.label}\n                            placeholder={field.placeholderText}\n                            description={field.helpText}\n                            data-testid={`fr.input.longtext.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,8CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBADR;IAENF,IAAI,EAAEL,CAAF,4FAFE;IAGNQ,WAAW,EAAER,CAAF,qJAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,yBAWqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAE,IAAI;QAAA,oBACD,6BAAC,YAAD,oBACQA,IADR;UAEI,IAAI,EAAE,CAFV;UAGI,KAAK,EAAEN,KAAK,CAACO,KAHjB;UAII,WAAW,EAAEP,KAAK,CAACQ,eAJvB;UAKI,WAAW,EAAER,KAAK,CAACS,QALvB;UAMI,2CAAkCT,KAAK,CAACO,KAAxC;QANJ,GADC;MAAA,CADT,CADJ;IAcH;EA5BK;AAH+B,CAA7C;eAmCed,M"}

package/admin/plugins/fieldRenderers/longText/longTexts.d.ts

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

package/admin/plugins/fieldRenderers/longText/longTexts.js

@@ -0,0 +1,60 @@
+"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 _get = _interopRequireDefault(require("lodash/get"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _close = require("../../../icons/close.svg");
+
+var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-long-text-inputs",
+  renderer: {
+    rendererName: "long-text-inputs",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Areas"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of text areas."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "long-text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(props) {
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
+        var bind = _ref2.bind,
+            index = _ref2.index;
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
+          rows: 5,
+          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
+            number: index + 1
+          }),
+          trailingIcon: index > 0 && {
+            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
+            onClick: function onClick() {
+              return bind.field.removeValue(index);
+            }
+          }
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/longText/longTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","number","icon","onClick","removeValue"],"sources":["longTexts.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\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-long-text-inputs\",\n    renderer: {\n        rendererName: \"long-text-inputs\",\n        name: t`Text Areas`,\n        description: t`Renders a simple list of text areas.`,\n        canUse({ field }) {\n            return (\n                field.type === \"long-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            rows={5}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,4CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBADR;IAENF,IAAI,EAAEL,CAAF,6FAFE;IAGNQ,WAAW,EAAER,CAAF,yHAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,WAAf,IACA,CAAC,CAACM,KAAK,CAACC,cADR,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,kBAWCC,KAXD,EAWQ;MACV,oBACI,6BAAC,uBAAD,EAAoBA,KAApB,EACK;QAAA,IAAGC,IAAH,SAAGA,IAAH;QAAA,IAASC,KAAT,SAASA,KAAT;QAAA,oBACG,6BAAC,YAAD,oBACQD,IAAI,CAACC,KADb;UAEI,IAAI,EAAE,CAFV;UAGI,KAAK,EAAEhB,CAAC,mGAAD,CAAkB;YAAEiB,MAAM,EAAED,KAAK,GAAG;UAAlB,CAAlB,CAHX;UAII,YAAY,EACRA,KAAK,GAAG,CAAR,IAAa;YACTE,IAAI,eAAE,6BAAC,qBAAD,OADG;YAETC,OAAO,EAAE;cAAA,OAAMJ,IAAI,CAACL,KAAL,CAAWU,WAAX,CAAuBJ,KAAvB,CAAN;YAAA;UAFA;QALrB,GADH;MAAA,CADL,CADJ;IAiBH;EA7BK;AAH+B,CAA7C;eAoCeb,M"}

package/admin/plugins/fieldRenderers/number/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

package/admin/plugins/fieldRenderers/number/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _numberInput = _interopRequireDefault(require("./numberInput"));
+
+var _numberInputs = _interopRequireDefault(require("./numberInputs"));
+
+var _default = [_numberInput.default, _numberInputs.default];
+exports.default = _default;

package/admin/plugins/fieldRenderers/number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["numberInput","numberInputs"],"sources":["index.ts"],"sourcesContent":["import numberInput from \"./numberInput\";\nimport numberInputs from \"./numberInputs\";\n\nexport default [numberInput, numberInputs];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,oBAAD,EAAcC,qBAAd,C"}

package/admin/plugins/fieldRenderers/number/numberInput.d.ts

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

package/admin/plugins/fieldRenderers/number/numberInput.js

@@ -0,0 +1,55 @@
+"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 _get = _interopRequireDefault(require("lodash/get"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/number");
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-number",
+  renderer: {
+    rendererName: "number-input",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple input with its type set to \"number\"."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "number" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bindProps) {
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bindProps, {
+          onChange: function onChange(value) {
+            return bindProps.onChange(value);
+          },
+          label: field.label,
+          placeholder: field.placeholderText,
+          description: field.helpText,
+          type: "number",
+          "data-testid": "fr.input.number.".concat(field.label)
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/number/numberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","bindProps","value","onChange","label","placeholderText","helpText"],"sources":["numberInput.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/number\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number\",\n    renderer: {\n        rendererName: \"number-input\",\n        name: t`Number Input`,\n        description: t`Renders a simple input with its type set to \"number\".`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => {\n                        return (\n                            <Input\n                                {...bindProps}\n                                onChange={value => {\n                                    return bindProps.onChange(value);\n                                }}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                type=\"number\"\n                                data-testid={`fr.input.number.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,sCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,kCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cADR;IAENF,IAAI,EAAEL,CAAF,+FAFE;IAGNQ,WAAW,EAAER,CAAF,4IAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,QAAf,IACA,CAACM,KAAK,CAACC,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,yBAWqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAE,SAAS,EAAI;QACV,oBACI,6BAAC,YAAD,oBACQA,SADR;UAEI,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOD,SAAS,CAACE,QAAV,CAAmBD,KAAnB,CAAP;UACH,CAJL;UAKI,KAAK,EAAEP,KAAK,CAACS,KALjB;UAMI,WAAW,EAAET,KAAK,CAACU,eANvB;UAOI,WAAW,EAAEV,KAAK,CAACW,QAPvB;UAQI,IAAI,EAAC,QART;UASI,yCAAgCX,KAAK,CAACS,KAAtC;QATJ,GADJ;MAaH,CAfL,CADJ;IAmBH;EAjCK;AAH+B,CAA7C;eAwCehB,M"}

package/admin/plugins/fieldRenderers/number/numberInputs.d.ts

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

package/admin/plugins/fieldRenderers/number/numberInputs.js

@@ -0,0 +1,66 @@
+"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 _get = _interopRequireDefault(require("lodash/get"));
+
+var _Input = require("@webiny/ui/Input");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _close = require("../../../icons/close.svg");
+
+var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+
+var _templateObject, _templateObject2, _templateObject3;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-number-inputs",
+  renderer: {
+    rendererName: "number-inputs",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Number Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of number inputs."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "number" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(props) {
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, props, function (_ref2) {
+        var bind = _ref2.bind,
+            index = _ref2.index;
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, Object.assign({}, bind.index, {
+          onChange: function onChange(value) {
+            return bind.index.onChange(value);
+          },
+          onEnter: function onEnter() {
+            return bind.field.appendValue("");
+          },
+          label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Value {number}"])))({
+            number: index + 1
+          }),
+          type: "number",
+          trailingIcon: index > 0 && {
+            icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
+            onClick: function onClick() {
+              return bind.field.removeValue(index);
+            }
+          }
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/number/numberInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","props","bind","index","value","onChange","appendValue","number","icon","onClick","removeValue"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\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-number-inputs\",\n    renderer: {\n        rendererName: \"number-inputs\",\n        name: t`Number Inputs`,\n        description: t`Renders a simple list of number inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <Input\n                            {...bind.index}\n                            onChange={value => {\n                                return bind.index.onChange(value);\n                            }}\n                            onEnter={() => bind.field.appendValue(\"\")}\n                            label={t`Value {number}`({ number: index + 1 })}\n                            type=\"number\"\n                            trailingIcon={\n                                index > 0 && {\n                                    icon: <DeleteIcon />,\n                                    onClick: () => bind.field.removeValue(index)\n                                }\n                            }\n                        />\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,yCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eADR;IAENF,IAAI,EAAEL,CAAF,gGAFE;IAGNQ,WAAW,EAAER,CAAF,4HAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACN,IAAN,KAAe,QAAf,IACA,CAAC,CAACM,KAAK,CAACC,cADR,IAEA,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNG,MAXM,kBAWCC,KAXD,EAWQ;MACV,oBACI,6BAAC,uBAAD,EAAoBA,KAApB,EACK;QAAA,IAAGC,IAAH,SAAGA,IAAH;QAAA,IAASC,KAAT,SAASA,KAAT;QAAA,oBACG,6BAAC,YAAD,oBACQD,IAAI,CAACC,KADb;UAEI,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOF,IAAI,CAACC,KAAL,CAAWE,QAAX,CAAoBD,KAApB,CAAP;UACH,CAJL;UAKI,OAAO,EAAE;YAAA,OAAMF,IAAI,CAACL,KAAL,CAAWS,WAAX,CAAuB,EAAvB,CAAN;UAAA,CALb;UAMI,KAAK,EAAEnB,CAAC,mGAAD,CAAkB;YAAEoB,MAAM,EAAEJ,KAAK,GAAG;UAAlB,CAAlB,CANX;UAOI,IAAI,EAAC,QAPT;UAQI,YAAY,EACRA,KAAK,GAAG,CAAR,IAAa;YACTK,IAAI,eAAE,6BAAC,qBAAD,OADG;YAETC,OAAO,EAAE;cAAA,OAAMP,IAAI,CAACL,KAAL,CAAWa,WAAX,CAAuBP,KAAvB,CAAN;YAAA;UAFA;QATrB,GADH;MAAA,CADL,CADJ;IAqBH;EAjCK;AAH+B,CAA7C;eAwCeb,M"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const fieldsWrapperStyle: string;
+export declare const dynamicSectionTitleStyle: string;
+export declare const dynamicSectionGridStyle: string;
+export declare const fieldsGridStyle: string;
+export declare const ObjectItem: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ItemHighLight: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldsWrapperStyle = exports.fieldsGridStyle = exports.dynamicSectionTitleStyle = exports.dynamicSectionGridStyle = exports.ObjectItem = exports.ItemHighLight = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var fieldsWrapperStyle = /*#__PURE__*/(0, _emotion.css)("border-left:2px solid var(--mdc-theme-on-background);padding-left:16px;&:focus-within{border-color:var(--mdc-theme-primary);}label:fieldsWrapperStyle;");
+exports.fieldsWrapperStyle = fieldsWrapperStyle;
+var dynamicSectionTitleStyle = /*#__PURE__*/(0, _emotion.css)("margin-top:24px;label:dynamicSectionTitleStyle;");
+exports.dynamicSectionTitleStyle = dynamicSectionTitleStyle;
+var dynamicSectionGridStyle = /*#__PURE__*/(0, _emotion.css)("& > .mdc-layout-grid__inner{grid-gap:8px;}label:dynamicSectionGridStyle;");
+exports.dynamicSectionGridStyle = dynamicSectionGridStyle;
+var fieldsGridStyle = /*#__PURE__*/(0, _emotion.css)("&.mdc-layout-grid{padding:8px;}label:fieldsGridStyle;");
+exports.fieldsGridStyle = fieldsGridStyle;
+var ObjectItem = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "ObjectItem",
+  target: "efe1kdz0"
+})("position:relative;");
+exports.ObjectItem = ObjectItem;
+var ItemHighLight = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "efe1kdz1",
+  label: "ItemHighLight"
+})({
+  "&": {
+    opacity: 0,
+    animation: "wf-blink-in 1s",
+    border: "2px solid var(--mdc-theme-secondary)",
+    boxShadow: "0 0 15px var(--mdc-theme-secondary)",
+    backgroundColor: "rgba(42, 217, 134, 0.25)",
+    borderRadius: "2px",
+    position: "absolute",
+    top: 0,
+    left: -12,
+    right: -8,
+    bottom: 0,
+    zIndex: 1,
+    pointerEvents: "none"
+  },
+  "@keyframes wf-blink-in": {
+    "40%": {
+      opacity: 1
+    }
+  }
+});
+exports.ItemHighLight = ItemHighLight;

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

@@ -0,0 +1 @@
+{"version":3,"names":["fieldsWrapperStyle","css","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","styled","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,kBAAkB,oBAAGC,YAAH,2JAAxB;;AASA,IAAMC,wBAAwB,oBAAGD,YAAH,oDAA9B;;AAIA,IAAME,uBAAuB,oBAAGF,YAAH,6EAA7B;;AAMA,IAAMG,eAAe,oBAAGH,YAAH,0DAArB;;AAMA,IAAMI,UAAU,oBAAGC,eAAH;EAAA;EAAA;AAAA,wBAAhB;;AAIA,IAAMC,aAAa,oBAAGD,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvC,KAAK;IACDE,OAAO,EAAE,CADR;IAEDC,SAAS,EAAE,gBAFV;IAGDC,MAAM,EAAE,sCAHP;IAIDC,SAAS,EAAE,qCAJV;IAKDC,eAAe,EAAE,0BALhB;IAMDC,YAAY,EAAE,KANb;IAODC,QAAQ,EAAE,UAPT;IAQDC,GAAG,EAAE,CARJ;IASDC,IAAI,EAAE,CAAC,EATN;IAUDC,KAAK,EAAE,CAAC,CAVP;IAWDC,MAAM,EAAE,CAXP;IAYDC,MAAM,EAAE,CAZP;IAaDC,aAAa,EAAE;EAbd,CADkC;EAgBvC,0BAA0B;IAAE,OAAO;MAAEZ,OAAO,EAAE;IAAX;EAAT;AAhBa,CAAjB,CAAnB"}

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

@@ -0,0 +1 @@
+<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

@@ -0,0 +1 @@
+<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/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
+export default _default;

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _singleObjectInline = _interopRequireDefault(require("./singleObjectInline"));
+
+var _singleObjectAccordion = _interopRequireDefault(require("./singleObjectAccordion"));
+
+var _multipleObjects = _interopRequireDefault(require("./multipleObjects"));
+
+var _multipleObjectsAccordion = _interopRequireDefault(require("./multipleObjectsAccordion"));
+
+var _default = [_singleObjectInline.default, _singleObjectAccordion.default, _multipleObjects.default, _multipleObjectsAccordion.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["singleObjectInline","singleObjectAccordion","multipleObjects","multipleObjectsAccordion"],"sources":["index.ts"],"sourcesContent":["import singleObjectInline from \"./singleObjectInline\";\nimport singleObjectAccordion from \"./singleObjectAccordion\";\nimport multipleObjects from \"./multipleObjects\";\nimport multipleObjectsAccordion from \"./multipleObjectsAccordion\";\n\nexport default [\n    singleObjectInline,\n    singleObjectAccordion,\n    multipleObjects,\n    multipleObjectsAccordion\n];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,CACXA,2BADW,EAEXC,8BAFW,EAGXC,wBAHW,EAIXC,iCAJW,C"}

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

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