@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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

@@ -1,136 +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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireDefault(require("react"));
-var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-var _i18n = require("@webiny/app/i18n");
-var _Grid = require("@webiny/ui/Grid");
-var _utils = require("./utils");
-var _components = require("@webiny/app-admin/components");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _File = _interopRequireDefault(require("./File"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/file");
-var FileUploadWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "eq80mh0",
-  label: "FileUploadWrapper"
-})({
-  position: "relative",
-  ".disabled": {
-    opacity: 0.75,
-    pointerEvents: "none"
-  },
-  ".mdc-text-field-helper-text": {
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  }
-});
-var FieldRenderer = function FieldRenderer(_ref) {
-  var getBind = _ref.getBind,
-    Label = _ref.Label,
-    field = _ref.field;
-  var Bind = getBind();
-  var imagesOnly = field.settings && field.settings.imagesOnly;
-  return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-    var onChange = bind.onChange;
-
-    // We need to make sure the value is an array, since this is a multi-value component.
-    var value = (Array.isArray(bind.value) ? bind.value : [bind.value]).filter(Boolean);
-    return /*#__PURE__*/_react.default.createElement(FileUploadWrapper, {
-      className: _utils.imageWrapperStyles
-    }, /*#__PURE__*/_react.default.createElement(_components.FileManager, {
-      multiple: true,
-      images: imagesOnly,
-      render: function render(_ref2) {
-        var showFileManager = _ref2.showFileManager;
-        var selectFiles = function selectFiles() {
-          var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-          showFileManager(function (files) {
-            var urls = files.map(function (f) {
-              return f.src;
-            });
-            if (index === -1) {
-              onChange([].concat((0, _toConsumableArray2.default)(value), (0, _toConsumableArray2.default)(urls)));
-            } else {
-              onChange([].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(urls), (0, _toConsumableArray2.default)(value.slice(index + 1))));
-            }
-          });
-        };
-        return /*#__PURE__*/_react.default.createElement(_Grid.GridInner, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 12
-        }, /*#__PURE__*/_react.default.createElement(Label, null, field.label)), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value.map(function (url, index) {
-          return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-            span: 3,
-            key: url
-          }, /*#__PURE__*/_react.default.createElement(_File.default, {
-            url: url,
-            showFileManager: function showFileManager() {
-              return selectFiles(index);
-            },
-            onRemove: function onRemove() {
-              return onChange(_dotPropImmutable.default.delete(value, index));
-            },
-            placeholder: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select a file\""]))),
-            "data-testid": "fr.input.file.".concat(field.label, ".").concat(index)
-          }));
-        })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-          span: 3
-        }, /*#__PURE__*/_react.default.createElement(_File.default, Object.assign({
-          url: "",
-          onRemove: function onRemove() {
-            return void 0;
-          }
-        }, bind, {
-          showFileManager: function showFileManager() {
-            return selectFiles();
-          },
-          placeholder: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Select a file\""]))),
-          "data-testid": "fr.input.file.".concat(field.label)
-        }))));
-      }
-    }));
-  });
-};
-/**
- * Not used?
- */
-// TODO @ts-refactor
-FieldRenderer.defaultProps = {
-  validation: {
-    isValid: null
-  },
-  styles: {
-    width: "100%",
-    height: "auto"
-  }
-};
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-files",
-  renderer: {
-    rendererName: "file-inputs",
-    name: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["File Inputs"]))),
-    description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Enables selecting multiple files via File Manager."]))),
-    canUse: function canUse(_ref3) {
-      var field = _ref3.field;
-      return field.type === "file" && !!field.multipleValues;
-    },
-    render: function render(_ref4) {
-      var field = _ref4.field,
-        getBind = _ref4.getBind,
-        Label = _ref4.Label;
-      return /*#__PURE__*/_react.default.createElement(FieldRenderer, {
-        field: field,
-        getBind: getBind,
-        Label: Label
-      });
-    }
-  }
-};
-var _default = plugin;
-exports.default = _default;

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

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAAsC,eAEvB,CAACA,kBAAS,EAAEC,mBAAU,CAAC;AAAA"}

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

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

@@ -1,57 +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,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAAC;AAE/D,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAClCC,MAAM,EAAE;AACZ,CAAC,8BAAC;AAAC;AAEH,IAAMC,SAAS,gBAAG,IAAAF,YAAG,EAAC;EAClBG,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,QAAQ,EAAE,QAAQ;EAClBC,KAAK,EAAE,6BAA6B;EACpCC,eAAe,EAAE;AACrB,CAAC,qBAAC;AAEF,IAAMC,gBAAgB,gBAAG,IAAAV,YAAG,EAAC;EACzBW,OAAO,EAAE,MAAM;EACfC,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE,QAAQ;EACpBZ,MAAM,EAAE;AACZ,CAAC,4BAAC;AAEF,IAAMa,SAAS,gBAAG,IAAAd,YAAG,EAAC;EAClBe,KAAK,EAAE,EAAE;EACTd,MAAM,EAAE;AACZ,CAAC,qBAAC;AAUK,IAAMe,wBAAwB,GAAG,SAA3BA,wBAAwB,OAGA;EAAA,IAFjCC,KAAK,QAALA,KAAK;IACLC,iBAAiB,QAAjBA,iBAAiB;EAEjB,IAAMC,QAAQ,GAAGC,WAAW,CAACH,KAAK,CAAC;EAEnC,IAAMI,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,gBAAkC,EAAK;IAC/D,oBACI,6CAASA,gBAAgB,EAAMJ,iBAAiB,gBAC5C;MAAK,SAAS,EAAER;IAAiB,gBAC7B,oBAAC,2CAAQ;MAAC,SAAS,EAAEI;IAAU,EAAG,CAChC,eACN;MAAK,SAAS,EAAEZ;IAAU,GAAEiB,QAAQ,CAAO,CACzC;EAEd,CAAC;EACD,OAAOE,kBAAkB;AAC7B,CAAC;AAAC;AAEF,IAAMD,WAAW,GAAG,SAAdA,WAAW,CAAIH,KAAc,EAAa;EAC5C,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,SAAS;EACpB;EACA,OAAOA,KAAK,CAACM,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,IAAI,SAAS;AAC9C,CAAC"}

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAAoC,eAErB,CAACA,iBAAQ,EAAEC,kBAAS,CAAC;AAAA"}

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,qBAAqB;IACnCF,IAAI,EAAEL,CAAC,4FAAW;IAClBQ,WAAW,EAAER,CAAC,qJAAkE;IAChFS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,IAAI;QAAA,oBACD,6BAAC,YAAK,oBACEA,IAAI;UACR,IAAI,EAAE,CAAE;UACR,KAAK,EAAEN,KAAK,CAACO,KAAM;UACnB,WAAW,EAAEP,KAAK,CAACQ,eAAgB;UACnC,WAAW,EAAER,KAAK,CAACS,QAAS;UAC5B,2CAAkCT,KAAK,CAACO,KAAK;QAAG,GAClD;MAAA,CACL,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEad,MAAM;AAAA"}

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,4CAA4C;EAClDC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBAAkB;IAChCF,IAAI,EAAEL,CAAC,6FAAY;IACnBQ,WAAW,EAAER,CAAC,yHAAsC;IACpDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,WAAW,IAC1B,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,IAAI,EAAE,CAAE;UACR,KAAK,EAAEhB,CAAC,oGAAiB;YAAEiB,MAAM,EAAED,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTE,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAMJ,IAAI,CAACL,KAAK,CAACU,WAAW,CAACJ,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAA0C,eAE3B,CAACA,oBAAW,EAAEC,qBAAY,CAAC;AAAA"}

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,sCAAsC,CAAC;AAEzD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,cAAc;IAC5BF,IAAI,EAAEL,CAAC,+FAAc;IACrBQ,WAAW,EAAER,CAAC,4IAAuD;IACrES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IACvB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,oBACI,6BAAC,IAAI,QACA,UAAAE,SAAS,EAAI;QACV,oBACI,6BAAC,YAAK,oBACEA,SAAS;UACb,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOD,SAAS,CAACE,QAAQ,CAACD,KAAK,CAAC;UACpC,CAAE;UACF,KAAK,EAAEP,KAAK,CAACS,KAAM;UACnB,WAAW,EAAET,KAAK,CAACU,eAAgB;UACnC,WAAW,EAAEV,KAAK,CAACW,QAAS;UAC5B,IAAI,EAAC,QAAQ;UACb,yCAAgCX,KAAK,CAACS,KAAK;QAAG,GAChD;MAEV,CAAC,CACE;IAEf;EACJ;AACJ,CAAC;AAAC,eAEahB,MAAM;AAAA"}

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

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

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

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

@@ -1 +0,0 @@
-{"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;AAA+C;AAE/C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,gGAAe;IACtBQ,WAAW,EAAER,CAAC,4HAAyC;IACvDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IACvB,CAAC,CAACM,KAAK,CAACC,cAAc,IACtB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,kBAACC,KAAK,EAAE;MACV,oBACI,6BAAC,uBAAc,EAAKA,KAAK,EACpB;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAEC,KAAK,SAALA,KAAK;QAAA,oBACX,6BAAC,YAAK,oBACED,IAAI,CAACC,KAAK;UACd,QAAQ,EAAE,kBAAAC,KAAK,EAAI;YACf,OAAOF,IAAI,CAACC,KAAK,CAACE,QAAQ,CAACD,KAAK,CAAC;UACrC,CAAE;UACF,OAAO,EAAE;YAAA,OAAMF,IAAI,CAACL,KAAK,CAACS,WAAW,CAAC,EAAE,CAAC;UAAA,CAAC;UAC1C,KAAK,EAAEnB,CAAC,oGAAiB;YAAEoB,MAAM,EAAEJ,KAAK,GAAG;UAAE,CAAC,CAAE;UAChD,IAAI,EAAC,QAAQ;UACb,YAAY,EACRA,KAAK,GAAG,CAAC,IAAI;YACTK,IAAI,eAAE,6BAAC,qBAAU,OAAG;YACpBC,OAAO,EAAE;cAAA,OAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAACP,KAAK,CAAC;YAAA;UAChD;QACH,GACH;MAAA,CACL,CACY;IAEzB;EACJ;AACJ,CAAC;AAAC,eAEab,MAAM;AAAA"}

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
-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").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ItemHighLight: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

@@ -1 +0,0 @@
-{"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,YAAG,2JAOpC;AAAC;AAEK,IAAMC,wBAAwB,oBAAGD,YAAG,oDAE1C;AAAC;AAEK,IAAME,uBAAuB,oBAAGF,YAAG,6EAIzC;AAAC;AAEK,IAAMG,eAAe,oBAAGH,YAAG,0DAIjC;AAAC;AAEK,IAAMI,UAAU,oBAAGC,eAAM;EAAA;EAAA;AAAA,wBAE/B;AAAC;AAEK,IAAMC,aAAa,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,CAAC;AAAC"}