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

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useNewRefEntry","field","models","settings","refModelId","modelId","referenceMultipleModels","length","contentEntriesContext","useContentEntries","renderedInPreviewTab","renderNewEntryModal","insideDialog","helpText"],"sources":["useNewRefEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport MissingEntryHelpText, {\n    ReferenceMultipleModelsHelpText\n} from \"../components/MissingEntryHelpText\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\n\ninterface UseNewRefEntryParams {\n    field: CmsModelField;\n}\n\ninterface UseNewRefEntry {\n    renderNewEntryModal: boolean;\n    refModelId: string;\n    helpText: React.ReactElement;\n}\n\nexport const useNewRefEntry = ({ field }: UseNewRefEntryParams): UseNewRefEntry => {\n    const models = (field.settings && field.settings.models ? field.settings.models : null) || [];\n    const [{ modelId: refModelId }] = models;\n    const referenceMultipleModels = models.length > 1;\n\n    let contentEntriesContext = null;\n    try {\n        contentEntriesContext = useContentEntries();\n    } catch {\n        // Means there's no `ContentEntriesContextProvider`, so we must be in model editor \"preview\".\n    }\n\n    /**\n     * We don't wrap the \"ContentEntryForm\" with \"ContentEntriesContextProvider\"\n     * when rendering it inside content model editor's preview tab.\n     *\n     * And we also don't want to have new ref field Dialog in the preview tab.\n     * Therefore, we check for \"contentEntriesContext\" to know that we're inside preview tab.\n     */\n    const renderedInPreviewTab = contentEntriesContext === null;\n\n    let renderNewEntryModal = false;\n\n    if (renderedInPreviewTab) {\n        renderNewEntryModal = false;\n    } else if (referenceMultipleModels) {\n        renderNewEntryModal = false;\n    } else if (contentEntriesContext) {\n        renderNewEntryModal = !contentEntriesContext.insideDialog;\n    }\n    /**\n     * Set \"helpText\" value.\n     */\n    let helpText;\n    if (referenceMultipleModels) {\n        helpText = <ReferenceMultipleModelsHelpText />;\n    } else {\n        helpText = <MissingEntryHelpText refModelId={refModelId} />;\n    }\n\n    return {\n        renderNewEntryModal,\n        refModelId,\n        helpText\n    };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAGA;;AAYO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAqD;EAAA,IAAlDC,KAAkD,QAAlDA,KAAkD;EAC/E,IAAMC,MAAM,GAAG,CAACD,KAAK,CAACE,QAAN,IAAkBF,KAAK,CAACE,QAAN,CAAeD,MAAjC,GAA0CD,KAAK,CAACE,QAAN,CAAeD,MAAzD,GAAkE,IAAnE,KAA4E,EAA3F;;EACA,2CAAkCA,MAAlC;EAAA,IAAkBE,UAAlB,cAASC,OAAT;;EACA,IAAMC,uBAAuB,GAAGJ,MAAM,CAACK,MAAP,GAAgB,CAAhD;EAEA,IAAIC,qBAAqB,GAAG,IAA5B;;EACA,IAAI;IACAA,qBAAqB,GAAG,IAAAC,oCAAA,GAAxB;EACH,CAFD,CAEE,gBAAM,CACJ;EACH;EAED;AACJ;AACA;AACA;AACA;AACA;AACA;;;EACI,IAAMC,oBAAoB,GAAGF,qBAAqB,KAAK,IAAvD;EAEA,IAAIG,mBAAmB,GAAG,KAA1B;;EAEA,IAAID,oBAAJ,EAA0B;IACtBC,mBAAmB,GAAG,KAAtB;EACH,CAFD,MAEO,IAAIL,uBAAJ,EAA6B;IAChCK,mBAAmB,GAAG,KAAtB;EACH,CAFM,MAEA,IAAIH,qBAAJ,EAA2B;IAC9BG,mBAAmB,GAAG,CAACH,qBAAqB,CAACI,YAA7C;EACH;EACD;AACJ;AACA;;;EACI,IAAIC,QAAJ;;EACA,IAAIP,uBAAJ,EAA6B;IACzBO,QAAQ,gBAAG,6BAAC,qDAAD,OAAX;EACH,CAFD,MAEO;IACHA,QAAQ,gBAAG,6BAAC,6BAAD;MAAsB,UAAU,EAAET;IAAlC,EAAX;EACH;;EAED,OAAO;IACHO,mBAAmB,EAAnBA,mBADG;IAEHP,UAAU,EAAVA,UAFG;IAGHS,QAAQ,EAARA;EAHG,CAAP;AAKH,CA7CM"}

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntryDialog.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface NewRefEntryDialogContextValue {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+}
+export declare const NewRefEntryDialogContext: React.Context<NewRefEntryDialogContextValue>;
+export declare const NewRefEntryDialogContextProvider: React.FC;
+export declare const useNewRefEntryDialog: () => NewRefEntryDialogContextValue;

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntryDialog.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNewRefEntryDialog = exports.NewRefEntryDialogContextProvider = exports.NewRefEntryDialogContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var NewRefEntryDialogContext = /*#__PURE__*/(0, _react.createContext)({
+  open: false,
+  setOpen: function setOpen() {
+    return void 0;
+  }
+});
+exports.NewRefEntryDialogContext = NewRefEntryDialogContext;
+
+var NewRefEntryDialogContextProvider = function NewRefEntryDialogContextProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(NewRefEntryDialogContext.Provider, {
+    value: {
+      open: open,
+      setOpen: setOpen
+    }
+  }, children);
+};
+
+exports.NewRefEntryDialogContextProvider = NewRefEntryDialogContextProvider;
+
+var useNewRefEntryDialog = function useNewRefEntryDialog() {
+  var _useContext = (0, _react.useContext)(NewRefEntryDialogContext),
+      open = _useContext.open,
+      setOpen = _useContext.setOpen;
+
+  return {
+    open: open,
+    setOpen: setOpen
+  };
+};
+
+exports.useNewRefEntryDialog = useNewRefEntryDialog;

package/admin/plugins/fieldRenderers/ref/hooks/useNewRefEntryDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NewRefEntryDialogContext","createContext","open","setOpen","NewRefEntryDialogContextProvider","children","useState","useNewRefEntryDialog","useContext"],"sources":["useNewRefEntryDialog.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from \"react\";\n\nexport interface NewRefEntryDialogContextValue {\n    open: boolean;\n    setOpen: (value: boolean) => void;\n}\n\nexport const NewRefEntryDialogContext = createContext<NewRefEntryDialogContextValue>({\n    open: false,\n    setOpen: () => {\n        return void 0;\n    }\n});\n\nexport const NewRefEntryDialogContextProvider: React.FC = ({ children }) => {\n    const [open, setOpen] = useState<boolean>(false);\n\n    return (\n        <NewRefEntryDialogContext.Provider\n            value={{\n                open,\n                setOpen\n            }}\n        >\n            {children}\n        </NewRefEntryDialogContext.Provider>\n    );\n};\n\nexport const useNewRefEntryDialog = (): NewRefEntryDialogContextValue => {\n    const { open, setOpen } = useContext(NewRefEntryDialogContext);\n    return {\n        open,\n        setOpen\n    };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAOO,IAAMA,wBAAwB,gBAAG,IAAAC,oBAAA,EAA6C;EACjFC,IAAI,EAAE,KAD2E;EAEjFC,OAAO,EAAE,mBAAM;IACX,OAAO,KAAK,CAAZ;EACH;AAJgF,CAA7C,CAAjC;;;AAOA,IAAMC,gCAA0C,GAAG,SAA7CA,gCAA6C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxE,gBAAwB,IAAAC,eAAA,EAAkB,KAAlB,CAAxB;EAAA;EAAA,IAAOJ,IAAP;EAAA,IAAaC,OAAb;;EAEA,oBACI,6BAAC,wBAAD,CAA0B,QAA1B;IACI,KAAK,EAAE;MACHD,IAAI,EAAJA,IADG;MAEHC,OAAO,EAAPA;IAFG;EADX,GAMKE,QANL,CADJ;AAUH,CAbM;;;;AAeA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAqC;EACrE,kBAA0B,IAAAC,iBAAA,EAAWR,wBAAX,CAA1B;EAAA,IAAQE,IAAR,eAAQA,IAAR;EAAA,IAAcC,OAAd,eAAcA,OAAd;;EACA,OAAO;IACHD,IAAI,EAAJA,IADG;IAEHC,OAAO,EAAPA;EAFG,CAAP;AAIH,CANM"}

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

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

package/admin/plugins/fieldRenderers/ref/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 _refInput = _interopRequireDefault(require("./refInput"));
+
+var _refInputs = _interopRequireDefault(require("./refInputs"));
+
+var _default = [_refInput.default, _refInputs.default];
+exports.default = _default;

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

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

package/admin/plugins/fieldRenderers/ref/refInput.d.ts

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

package/admin/plugins/fieldRenderers/ref/refInput.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _ContentEntriesAutocomplete = _interopRequireDefault(require("./components/ContentEntriesAutocomplete"));
+
+var _useNewRefEntryDialog = require("./hooks/useNewRefEntryDialog");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-ref",
+  renderer: {
+    rendererName: "ref-input",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Reference Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders an auto-complete input, allowing selection of a single value."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "ref" && !field.multipleValues;
+    },
+    render: function render(props) {
+      var Bind = props.getBind();
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_useNewRefEntryDialog.NewRefEntryDialogContextProvider, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesAutocomplete.default, Object.assign({}, props, {
+          bind: bind
+        })));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/ref/refInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","Bind","getBind","bind"],"sources":["refInput.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport ContentEntriesAutocomplete from \"./components/ContentEntriesAutocomplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref\",\n    renderer: {\n        rendererName: \"ref-input\",\n        name: t`Reference Input`,\n        description: t`Renders an auto-complete input, allowing selection of a single value.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesAutocomplete {...props} bind={bind} />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,+BAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,WADR;IAENF,IAAI,EAAEL,CAAF,kGAFE;IAGNQ,WAAW,EAAER,CAAF,0JAHL;IAINS,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACN,IAAN,KAAe,KAAf,IAAwB,CAACM,KAAK,CAACC,cAAtC;IACH,CANK;IAONC,MAPM,kBAOCC,KAPD,EAOQ;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;MACA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI;QAAA,oBACD,6BAAC,sDAAD,qBACI,6BAAC,mCAAD,oBAAgCH,KAAhC;UAAuC,IAAI,EAAEG;QAA7C,GADJ,CADC;MAAA,CADT,CADJ;IASH;EAlBK;AAH+B,CAA7C;eAyBeb,M"}

package/admin/plugins/fieldRenderers/ref/refInputs.d.ts

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

package/admin/plugins/fieldRenderers/ref/refInputs.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 _ContentEntriesMultiAutoComplete = _interopRequireDefault(require("./components/ContentEntriesMultiAutoComplete"));
+
+var _useNewRefEntryDialog = require("./hooks/useNewRefEntryDialog");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+
+var getKey = function getKey(field, bind) {
+  return bind.form.data.id + "." + field.fieldId;
+};
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-ref-inputs",
+  renderer: {
+    rendererName: "ref-inputs",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Reference Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders an auto-complete input, allowing selection of multiple values."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "ref" && !!field.multipleValues;
+    },
+    render: function render(props) {
+      var Bind = props.getBind();
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_useNewRefEntryDialog.NewRefEntryDialogContextProvider, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesMultiAutoComplete.default, Object.assign({
+          key: getKey(props.field, bind)
+        }, props, {
+          bind: bind
+        })));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/ref/refInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getKey","field","bind","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","render","props","Bind","getBind"],"sources":["refInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport ContentEntriesMultiAutocomplete from \"./components/ContentEntriesMultiAutoComplete\";\nimport { NewRefEntryDialogContextProvider } from \"./hooks/useNewRefEntryDialog\";\n\nimport { i18n } from \"@webiny/app/i18n\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    return bind.form.data.id + \".\" + field.fieldId;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-ref-inputs\",\n    renderer: {\n        rendererName: \"ref-inputs\",\n        name: t`Reference Inputs`,\n        description: t`Renders an auto-complete input, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return field.type === \"ref\" && !!field.multipleValues;\n        },\n        render(props) {\n            const Bind = props.getBind();\n            return (\n                <Bind>\n                    {bind => (\n                        <NewRefEntryDialogContextProvider>\n                            <ContentEntriesMultiAutocomplete\n                                key={getKey(props.field, bind as any)}\n                                {...props}\n                                bind={bind}\n                            />\n                        </NewRefEntryDialogContextProvider>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mCAAR,CAAV;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CACXC,KADW,EAEXC,IAFW,EAGF;EACT,OAAOA,IAAI,CAACC,IAAL,CAAUC,IAAV,CAAeC,EAAf,GAAoB,GAApB,GAA0BJ,KAAK,CAACK,OAAvC;AACH,CALD;;AAOA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,sCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEZ,CAAF,mGAFE;IAGNe,WAAW,EAAEf,CAAF,2JAHL;IAINgB,MAJM,wBAIY;MAAA,IAATZ,KAAS,QAATA,KAAS;MACd,OAAOA,KAAK,CAACO,IAAN,KAAe,KAAf,IAAwB,CAAC,CAACP,KAAK,CAACa,cAAvC;IACH,CANK;IAONC,MAPM,kBAOCC,KAPD,EAOQ;MACV,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;MACA,oBACI,6BAAC,IAAD,QACK,UAAAhB,IAAI;QAAA,oBACD,6BAAC,sDAAD,qBACI,6BAAC,wCAAD;UACI,GAAG,EAAEF,MAAM,CAACgB,KAAK,CAACf,KAAP,EAAcC,IAAd;QADf,GAEQc,KAFR;UAGI,IAAI,EAAEd;QAHV,GADJ,CADC;MAAA,CADT,CADJ;IAaH;EAtBK;AAH+B,CAA7C;eA6BeK,M"}

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

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

package/admin/plugins/fieldRenderers/richText/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 _richTextInput = _interopRequireDefault(require("./richTextInput"));
+
+var _richTextInputs = _interopRequireDefault(require("./richTextInputs"));
+
+var _default = [_richTextInput.default, _richTextInputs.default];
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["richTextInput","richTextInputs"],"sources":["index.ts"],"sourcesContent":["import richTextInput from \"./richTextInput\";\nimport richTextInputs from \"./richTextInputs\";\n\nexport default [richTextInput, richTextInputs];\n"],"mappings":";;;;;;;;;AAAA;;AACA;;eAEe,CAACA,sBAAD,EAAgBC,uBAAhB,C"}

package/admin/plugins/fieldRenderers/richText/richTextInput.d.ts

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

package/admin/plugins/fieldRenderers/richText/richTextInput.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _RichTextEditor = require("@webiny/app-admin/components/RichTextEditor");
+
+var _plugins = require("@webiny/plugins");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
+
+var getKey = function getKey(field, bind) {
+  var formId = bind.form.data.id || "new";
+  return "".concat(formId, ".").concat(field.fieldId);
+};
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-rich-text",
+  renderer: {
+    rendererName: "rich-text-input",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a rich text editor."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "rich-text" && !field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+      var rteProps = (0, _react.useMemo)(function () {
+        /**
+         * TODO @ts-refactor
+         * Missing cms-rte-config plugin type.
+         */
+        // @ts-ignore
+        return (0, _RichTextEditor.createPropsFromConfig)(_plugins.plugins.byType("cms-rte-config").map(function (pl) {
+          return pl.config;
+        }));
+      }, []);
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
+          key: getKey(field, bind)
+        }, rteProps, bind, {
+          onChange: bind.onChange,
+          label: field.label,
+          placeholder: field.placeholderText,
+          description: field.helpText,
+          "data-testid": "fr.input.richtext.".concat(field.label)
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/richText/richTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getKey","field","bind","formId","form","data","id","fieldId","plugin","type","name","renderer","rendererName","description","canUse","multipleValues","get","render","getBind","Bind","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","onChange","label","placeholderText","helpText"],"sources":["richTextInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { createPropsFromConfig, RichTextEditor } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: BindComponentRenderProp<string, CmsEditorContentEntry>\n): string => {\n    const formId = bind.form.data.id || \"new\";\n    return `${formId}.${field.fieldId}`;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text\",\n    renderer: {\n        rendererName: \"rich-text-input\",\n        name: t`Rich Text Input`,\n        description: t`Renders a rich text editor.`,\n        canUse({ field }) {\n            return (\n                field.type === \"rich-text\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const rteProps = useMemo(() => {\n                /**\n                 * TODO @ts-refactor\n                 * Missing cms-rte-config plugin type.\n                 */\n                // @ts-ignore\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <RichTextEditor\n                                key={getKey(field, bind as any)}\n                                {...rteProps}\n                                {...bind}\n                                onChange={bind.onChange}\n                                label={field.label}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                                data-testid={`fr.input.richtext.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,yCAAR,CAAV;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CACXC,KADW,EAEXC,IAFW,EAGF;EACT,IAAMC,MAAM,GAAGD,IAAI,CAACE,IAAL,CAAUC,IAAV,CAAeC,EAAf,IAAqB,KAApC;EACA,iBAAUH,MAAV,cAAoBF,KAAK,CAACM,OAA1B;AACH,CAND;;AAQA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,qCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBADR;IAENF,IAAI,EAAEb,CAAF,kGAFE;IAGNgB,WAAW,EAAEhB,CAAF,gHAHL;IAINiB,MAJM,wBAIY;MAAA,IAATb,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACQ,IAAN,KAAe,WAAf,IACA,CAACR,KAAK,CAACc,cADP,IAEA,CAAC,IAAAC,YAAA,EAAIf,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWNgB,MAXM,yBAWqB;MAAA,IAAlBhB,KAAkB,SAAlBA,KAAkB;MAAA,IAAXiB,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;MAEA,IAAME,QAAQ,GAAG,IAAAC,cAAA,EAAQ,YAAM;QAC3B;AAChB;AACA;AACA;QACgB;QACA,OAAO,IAAAC,qCAAA,EAAsBC,gBAAA,CAAQC,MAAR,CAAe,gBAAf,EAAiCC,GAAjC,CAAqC,UAAAC,EAAE;UAAA,OAAIA,EAAE,CAACC,MAAP;QAAA,CAAvC,CAAtB,CAAP;MACH,CAPgB,EAOd,EAPc,CAAjB;MASA,oBACI,6BAAC,IAAD,QACK,UAAAzB,IAAI,EAAI;QACL,oBACI,6BAAC,8BAAD;UACI,GAAG,EAAEF,MAAM,CAACC,KAAD,EAAQC,IAAR;QADf,GAEQkB,QAFR,EAGQlB,IAHR;UAII,QAAQ,EAAEA,IAAI,CAAC0B,QAJnB;UAKI,KAAK,EAAE3B,KAAK,CAAC4B,KALjB;UAMI,WAAW,EAAE5B,KAAK,CAAC6B,eANvB;UAOI,WAAW,EAAE7B,KAAK,CAAC8B,QAPvB;UAQI,2CAAkC9B,KAAK,CAAC4B,KAAxC;QARJ,GADJ;MAYH,CAdL,CADJ;IAkBH;EAzCK;AAH+B,CAA7C;eAgDerB,M"}

package/admin/plugins/fieldRenderers/richText/richTextInputs.d.ts

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

package/admin/plugins/fieldRenderers/richText/richTextInputs.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _close = require("../../../icons/close.svg");
+
+var _DynamicSection = _interopRequireDefault(require("../DynamicSection"));
+
+var _RichTextEditor = require("@webiny/app-admin/components/RichTextEditor");
+
+var _Button = require("@webiny/ui/Button");
+
+var _plugins = require("@webiny/plugins");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/rich-text");
+
+var getKey = function getKey(field, bind, index) {
+  var _bind$index$form, _bind$index$form$data;
+
+  var formId = ((_bind$index$form = bind.index.form) === null || _bind$index$form === void 0 ? void 0 : (_bind$index$form$data = _bind$index$form.data) === null || _bind$index$form$data === void 0 ? void 0 : _bind$index$form$data.id) || "new";
+  return "".concat(formId, ".").concat(field.fieldId, ".").concat(index);
+};
+
+var emptyValue = [{
+  type: "paragraph",
+  data: {
+    textAlign: "left",
+    className: null,
+    text: ""
+  }
+}];
+var EditorWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "es2hini0",
+  label: "EditorWrapper"
+})({
+  position: "relative",
+  "> button": {
+    position: "absolute",
+    top: 5,
+    right: 5
+  }
+});
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-rich-text-inputs",
+  renderer: {
+    rendererName: "rich-text-inputs",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich Text Inputs"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple list of rich text editors."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "rich-text" && !!field.multipleValues && !(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(props) {
+      var field = props.field;
+      var rteProps = (0, _react.useMemo)(function () {
+        /**
+         * TODO @ts-refactor
+         * Missing cms-rte-config plugin.
+         */
+        // @ts-ignore
+        return (0, _RichTextEditor.createPropsFromConfig)(_plugins.plugins.byType("cms-rte-config").map(function (pl) {
+          return pl.config;
+        }));
+      }, []);
+      return /*#__PURE__*/_react.default.createElement(_DynamicSection.default, Object.assign({}, props, {
+        emptyValue: emptyValue
+      }), function (_ref2) {
+        var bind = _ref2.bind,
+            index = _ref2.index;
+        return /*#__PURE__*/_react.default.createElement(EditorWrapper, null, index > 0 && /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+          icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, null),
+          onClick: function onClick() {
+            return bind.field.removeValue(index);
+          }
+        }), /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({
+          key: getKey(field, bind, index)
+        }, rteProps, bind.index, {
+          label: "Value ".concat(index + 1),
+          placeholder: field.placeholderText,
+          description: field.helpText
+        })));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/fieldRenderers/richText/richTextInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getKey","field","bind","index","formId","form","data","id","fieldId","emptyValue","type","textAlign","className","text","EditorWrapper","styled","position","top","right","plugin","name","renderer","rendererName","description","canUse","multipleValues","get","render","props","rteProps","useMemo","createPropsFromConfig","plugins","byType","map","pl","config","removeValue","placeholderText","helpText"],"sources":["richTextInputs.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection, { DynamicSectionPropsChildrenParams } from \"../DynamicSection\";\nimport { RichTextEditor, createPropsFromConfig } from \"@webiny/app-admin/components/RichTextEditor\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/rich-text\");\n\nconst getKey = (\n    field: CmsModelField,\n    bind: DynamicSectionPropsChildrenParams[\"bind\"],\n    index: number\n): string => {\n    const formId = bind.index.form?.data?.id || \"new\";\n    return `${formId}.${field.fieldId}.${index}`;\n};\n\nconst emptyValue: Record<string, any>[] = [\n    {\n        type: \"paragraph\",\n        data: {\n            textAlign: \"left\",\n            className: null,\n            text: \"\"\n        }\n    }\n];\n\nconst EditorWrapper = styled(\"div\")({\n    position: \"relative\",\n    \"> button\": {\n        position: \"absolute\",\n        top: 5,\n        right: 5\n    }\n});\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-rich-text-inputs\",\n    renderer: {\n        rendererName: \"rich-text-inputs\",\n        name: t`Rich Text Inputs`,\n        description: t`Renders a simple list of rich text editors.`,\n        canUse({ field }) {\n            return (\n                field.type === \"rich-text\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const rteProps = useMemo(() => {\n                /**\n                 * TODO @ts-refactor\n                 * Missing cms-rte-config plugin.\n                 */\n                // @ts-ignore\n                return createPropsFromConfig(plugins.byType(\"cms-rte-config\").map(pl => pl.config));\n            }, []);\n\n            return (\n                <DynamicSection {...props} emptyValue={emptyValue}>\n                    {({ bind, index }) => (\n                        <EditorWrapper>\n                            {index > 0 && (\n                                <IconButton\n                                    icon={<DeleteIcon />}\n                                    onClick={() => bind.field.removeValue(index)}\n                                />\n                            )}\n                            <RichTextEditor\n                                key={getKey(field, bind, index)}\n                                {...rteProps}\n                                {...bind.index}\n                                label={`Value ${index + 1}`}\n                                placeholder={field.placeholderText}\n                                description={field.helpText}\n                            />\n                        </EditorWrapper>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,yCAAR,CAAV;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CACXC,KADW,EAEXC,IAFW,EAGXC,KAHW,EAIF;EAAA;;EACT,IAAMC,MAAM,GAAG,qBAAAF,IAAI,CAACC,KAAL,CAAWE,IAAX,+FAAiBC,IAAjB,gFAAuBC,EAAvB,KAA6B,KAA5C;EACA,iBAAUH,MAAV,cAAoBH,KAAK,CAACO,OAA1B,cAAqCL,KAArC;AACH,CAPD;;AASA,IAAMM,UAAiC,GAAG,CACtC;EACIC,IAAI,EAAE,WADV;EAEIJ,IAAI,EAAE;IACFK,SAAS,EAAE,MADT;IAEFC,SAAS,EAAE,IAFT;IAGFC,IAAI,EAAE;EAHJ;AAFV,CADsC,CAA1C;AAWA,IAAMC,aAAa,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAChCC,QAAQ,EAAE,UADsB;EAEhC,YAAY;IACRA,QAAQ,EAAE,UADF;IAERC,GAAG,EAAE,CAFG;IAGRC,KAAK,EAAE;EAHC;AAFoB,CAAjB,CAAnB;AASA,IAAMC,MAAoC,GAAG;EACzCT,IAAI,EAAE,2BADmC;EAEzCU,IAAI,EAAE,4CAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,kBADR;IAENF,IAAI,EAAEvB,CAAF,mGAFE;IAGN0B,WAAW,EAAE1B,CAAF,gIAHL;IAIN2B,MAJM,wBAIY;MAAA,IAATvB,KAAS,QAATA,KAAS;MACd,OACIA,KAAK,CAACS,IAAN,KAAe,WAAf,IACA,CAAC,CAACT,KAAK,CAACwB,cADR,IAEA,CAAC,IAAAC,YAAA,EAAIzB,KAAJ,EAAW,0BAAX,CAHL;IAKH,CAVK;IAWN0B,MAXM,kBAWCC,KAXD,EAWQ;MACV,IAAQ3B,KAAR,GAAkB2B,KAAlB,CAAQ3B,KAAR;MAEA,IAAM4B,QAAQ,GAAG,IAAAC,cAAA,EAAQ,YAAM;QAC3B;AAChB;AACA;AACA;QACgB;QACA,OAAO,IAAAC,qCAAA,EAAsBC,gBAAA,CAAQC,MAAR,CAAe,gBAAf,EAAiCC,GAAjC,CAAqC,UAAAC,EAAE;UAAA,OAAIA,EAAE,CAACC,MAAP;QAAA,CAAvC,CAAtB,CAAP;MACH,CAPgB,EAOd,EAPc,CAAjB;MASA,oBACI,6BAAC,uBAAD,oBAAoBR,KAApB;QAA2B,UAAU,EAAEnB;MAAvC,IACK;QAAA,IAAGP,IAAH,SAAGA,IAAH;QAAA,IAASC,KAAT,SAASA,KAAT;QAAA,oBACG,6BAAC,aAAD,QACKA,KAAK,GAAG,CAAR,iBACG,6BAAC,kBAAD;UACI,IAAI,eAAE,6BAAC,qBAAD,OADV;UAEI,OAAO,EAAE;YAAA,OAAMD,IAAI,CAACD,KAAL,CAAWoC,WAAX,CAAuBlC,KAAvB,CAAN;UAAA;QAFb,EAFR,eAOI,6BAAC,8BAAD;UACI,GAAG,EAAEH,MAAM,CAACC,KAAD,EAAQC,IAAR,EAAcC,KAAd;QADf,GAEQ0B,QAFR,EAGQ3B,IAAI,CAACC,KAHb;UAII,KAAK,kBAAWA,KAAK,GAAG,CAAnB,CAJT;UAKI,WAAW,EAAEF,KAAK,CAACqC,eALvB;UAMI,WAAW,EAAErC,KAAK,CAACsC;QANvB,GAPJ,CADH;MAAA,CADL,CADJ;IAsBH;EA7CK;AAH+B,CAA7C;eAoDepB,M"}

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

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

package/admin/plugins/fieldRenderers/select.js

@@ -0,0 +1,70 @@
+"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 _i18n = require("@webiny/app/i18n");
+
+var _Select = require("@webiny/ui/Select");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+
+var getDefaultValue = function getDefaultValue(initialValue, options) {
+  if (initialValue) {
+    return initialValue || undefined;
+  } else if (!options) {
+    return undefined;
+  }
+
+  var selected = options.find(function (option) {
+    return !!option.selected;
+  });
+  return selected ? selected.value : undefined;
+};
+
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-select-box",
+  renderer: {
+    rendererName: "select-box",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select Box"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a select box, allowing selection of a single value."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return !field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+          getBind = _ref2.getBind;
+      var Bind = getBind();
+
+      var _ref3 = field.predefinedValues || {},
+          options = _ref3.values;
+
+      return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
+        var value = getDefaultValue(bind.value, options);
+        return /*#__PURE__*/_react.default.createElement(_Select.Select, Object.assign({}, bind, {
+          value: value,
+          label: field.label,
+          description: field.helpText,
+          options: options,
+          "data-testid": "fr.input.select.".concat(field.label)
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","getDefaultValue","initialValue","options","undefined","selected","find","option","value","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","values","bind","label","helpText"],"sources":["select.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n    CmsEditorFieldPredefinedValuesEntry as Option,\n    CmsEditorFieldRendererPlugin\n} from \"~/types\";\nimport { Select } from \"@webiny/ui/Select\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst getDefaultValue = (initialValue?: string | null, options?: Option[]): string | undefined => {\n    if (initialValue) {\n        return initialValue || undefined;\n    } else if (!options) {\n        return undefined;\n    }\n    const selected = options.find(option => !!option.selected);\n    return selected ? selected.value : undefined;\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-select-box\",\n    renderer: {\n        rendererName: \"select-box\",\n        name: t`Select Box`,\n        description: t`Renders a select box, allowing selection of a single value.`,\n        canUse({ field }) {\n            return !field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: options } = field.predefinedValues || {};\n\n            return (\n                <Bind>\n                    {bind => {\n                        const value = getDefaultValue(bind.value, options);\n                        return (\n                            <Select\n                                {...bind}\n                                value={value}\n                                label={field.label}\n                                description={field.helpText}\n                                options={options}\n                                data-testid={`fr.input.select.${field.label}`}\n                            />\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAKA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,oCAAR,CAAV;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,YAAD,EAA+BC,OAA/B,EAA0E;EAC9F,IAAID,YAAJ,EAAkB;IACd,OAAOA,YAAY,IAAIE,SAAvB;EACH,CAFD,MAEO,IAAI,CAACD,OAAL,EAAc;IACjB,OAAOC,SAAP;EACH;;EACD,IAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,UAAAC,MAAM;IAAA,OAAI,CAAC,CAACA,MAAM,CAACF,QAAb;EAAA,CAAnB,CAAjB;EACA,OAAOA,QAAQ,GAAGA,QAAQ,CAACG,KAAZ,GAAoBJ,SAAnC;AACH,CARD;;AAUA,IAAMK,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,sCAFmC;EAGzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,YADR;IAENF,IAAI,EAAEb,CAAF,6FAFE;IAGNgB,WAAW,EAAEhB,CAAF,gJAHL;IAINiB,MAJM,wBAIY;MAAA,IAATC,KAAS,QAATA,KAAS;MACd,OAAO,CAACA,KAAK,CAACC,cAAP,IAAyB,CAAC,CAAC,IAAAC,YAAA,EAAIF,KAAJ,EAAW,0BAAX,CAAlC;IACH,CANK;IAONG,MAPM,yBAOqB;MAAA,IAAlBH,KAAkB,SAAlBA,KAAkB;MAAA,IAAXI,OAAW,SAAXA,OAAW;MACvB,IAAMC,IAAI,GAAGD,OAAO,EAApB;;MAEA,YAA4BJ,KAAK,CAACM,gBAAN,IAA0B,EAAtD;MAAA,IAAgBnB,OAAhB,SAAQoB,MAAR;;MAEA,oBACI,6BAAC,IAAD,QACK,UAAAC,IAAI,EAAI;QACL,IAAMhB,KAAK,GAAGP,eAAe,CAACuB,IAAI,CAAChB,KAAN,EAAaL,OAAb,CAA7B;QACA,oBACI,6BAAC,cAAD,oBACQqB,IADR;UAEI,KAAK,EAAEhB,KAFX;UAGI,KAAK,EAAEQ,KAAK,CAACS,KAHjB;UAII,WAAW,EAAET,KAAK,CAACU,QAJvB;UAKI,OAAO,EAAEvB,OALb;UAMI,yCAAgCa,KAAK,CAACS,KAAtC;QANJ,GADJ;MAUH,CAbL,CADJ;IAiBH;EA7BK;AAH+B,CAA7C;eAoCehB,M"}

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

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

package/admin/plugins/fieldRenderers/text/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 _textInput = _interopRequireDefault(require("./textInput"));
+
+var _textInputs = _interopRequireDefault(require("./textInputs"));
+
+var _default = [_textInput.default, _textInputs.default];
+exports.default = _default;

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

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

package/admin/plugins/fieldRenderers/text/textInput.d.ts

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

package/admin/plugins/fieldRenderers/text/textInput.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Input = require("@webiny/ui/Input");
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+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-text",
+  renderer: {
+    rendererName: "text-input",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text Input"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a simple input with its type set to \"text\"."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "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, {
+          label: field.label,
+          placeholder: field.placeholderText,
+          description: field.helpText,
+          "data-testid": "fr.input.text.".concat(field.label)
+        }));
+      });
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;