@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","Actions","setHighlightIndex","bind","index","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","generateAlphaNumericLowerCaseId","onUp","removeValue","ObjectsRenderer","props","useState","highlightMap","contentModel","value","dynamicSectionTitleStyle","label","length","helpText","dynamicSectionGridStyle","Bind","fieldsWrapperStyle","settings","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","description","canUse","Boolean","multipleValues","render"],"sources":["multipleObjects.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorFieldRendererPlugin,\n    CmsEditorFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionTitleStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsEditorFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <DynamicSection\n            {...props}\n            emptyValue={{}}\n            showLabel={false}\n            renderTitle={value => (\n                <Cell span={12} className={dynamicSectionTitleStyle}>\n                    <Typography use={\"headline5\"}>\n                        {`${field.label} ${value.length ? `(${value.length})` : \"\"}`}\n                    </Typography>\n                    {field.helpText && <FormElementMessage>{field.helpText}</FormElementMessage>}\n                </Cell>\n            )}\n            gridClassName={dynamicSectionGridStyle}\n        >\n            {({ Bind, bind, index }) => (\n                <ObjectItem>\n                    {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n                    <Accordion\n                        title={`${props.field.label} #${index + 1}`}\n                        action={\n                            <Actions\n                                setHighlightIndex={setHighlightIndex}\n                                index={index}\n                                bind={bind}\n                            />\n                        }\n                        // Open first Accordion by default\n                        defaultValue={index === 0}\n                    >\n                        <Cell span={12} className={fieldsWrapperStyle}>\n                            <Fields\n                                Bind={Bind}\n                                {...bind.index}\n                                contentModel={contentModel}\n                                fields={(field.settings || {}).fields || []}\n                                layout={(field.settings || {}).layout || []}\n                                gridClassName={fieldsGridStyle}\n                            />\n                        </Cell>\n                    </Accordion>\n                </ObjectItem>\n            )}\n        </DynamicSection>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects\",\n    renderer: {\n        rendererName: \"objects\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","Actions","setHighlightIndex","bind","index","field","moveValueDown","moveValueUp","onDown","useCallback","e","stopPropagation","map","generateAlphaNumericLowerCaseId","onUp","removeValue","ObjectsRenderer","props","useState","highlightMap","contentModel","label","helpText","dynamicSectionGridStyle","Bind","fieldsWrapperStyle","settings","fields","layout","fieldsGridStyle","plugin","type","name","renderer","rendererName","description","canUse","Boolean","multipleValues","render"],"sources":["multipleObjectsAccordion.tsx"],"sourcesContent":["import React, { Dispatch, SetStateAction, useState, useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { Accordion as RootAccordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport {\n    BindComponentRenderProp,\n    CmsEditorFieldRendererPlugin,\n    CmsEditorFieldRendererProps\n} from \"~/types\";\nimport DynamicSection from \"../DynamicSection\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { ReactComponent as ArrowUp } from \"./arrow_drop_up.svg\";\nimport { ReactComponent as ArrowDown } from \"./arrow_drop_down.svg\";\nimport Accordion from \"~/admin/plugins/fieldRenderers/Accordion\";\nimport {\n    fieldsWrapperStyle,\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"./StyledComponents\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\ninterface ActionsProps {\n    setHighlightIndex: Dispatch<SetStateAction<{ [key: number]: string }>>;\n    index: number;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n}\n\nconst Actions: React.FC<ActionsProps> = ({ setHighlightIndex, bind, index }) => {\n    const { moveValueDown, moveValueUp } = bind.field;\n\n    const onDown = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueDown(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index + 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueDown, index]\n    );\n\n    const onUp = useCallback(\n        e => {\n            e.stopPropagation();\n            moveValueUp(index);\n            setHighlightIndex(map => ({\n                ...map,\n                [index - 1]: generateAlphaNumericLowerCaseId(12)\n            }));\n        },\n        [moveValueUp, index]\n    );\n\n    return index > 0 ? (\n        <>\n            <IconButton icon={<ArrowDown />} onClick={onDown} />\n            <IconButton icon={<ArrowUp />} onClick={onUp} />\n            <IconButton icon={<DeleteIcon />} onClick={() => bind.field.removeValue(index)} />\n        </>\n    ) : null;\n};\n\nconst ObjectsRenderer: React.FC<CmsEditorFieldRendererProps> = props => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const { field, contentModel } = props;\n\n    return (\n        <RootAccordion>\n            <AccordionItem title={field.label} description={field.helpText}>\n                <DynamicSection\n                    {...props}\n                    emptyValue={{}}\n                    showLabel={false}\n                    gridClassName={dynamicSectionGridStyle}\n                >\n                    {({ Bind, bind, index }) => (\n                        <ObjectItem>\n                            {highlightMap[index] ? (\n                                <ItemHighLight key={highlightMap[index]} />\n                            ) : null}\n                            <Accordion\n                                title={`${props.field.label} #${index + 1}`}\n                                action={\n                                    <Actions\n                                        setHighlightIndex={setHighlightIndex}\n                                        index={index}\n                                        bind={bind}\n                                    />\n                                }\n                                // Open first Accordion by default\n                                defaultValue={index === 0}\n                            >\n                                <Cell span={12} className={fieldsWrapperStyle}>\n                                    <Fields\n                                        Bind={Bind}\n                                        {...bind.index}\n                                        contentModel={contentModel}\n                                        fields={(field.settings || {}).fields || []}\n                                        layout={(field.settings || {}).layout || []}\n                                        gridClassName={fieldsGridStyle}\n                                    />\n                                </Cell>\n                            </Accordion>\n                        </ObjectItem>\n                    )}\n                </DynamicSection>\n            </AccordionItem>\n        </RootAccordion>\n    );\n};\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-objects-accordion\",\n    renderer: {\n        rendererName: \"objects-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && Boolean(field.multipleValues);\n        },\n        render(props) {\n            return <ObjectsRenderer {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Fields = require("../../../components/ContentEntryForm/Fields");
+var _Accordion = require("@webiny/ui/Accordion");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-object-accordion",
+  renderer: {
+    rendererName: "object-accordion",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Accordion"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders fields within an accordion."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "object" && !field.multipleValues;
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        getBind = _ref2.getBind,
+        contentModel = _ref2.contentModel;
+      var Bind = getBind();
+      var settings = field.settings || {};
+      return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, null, /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+        title: field.label,
+        description: field.helpText
+      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+        Bind: Bind,
+        contentModel: contentModel,
+        fields: settings.fields || [],
+        layout: settings.layout || []
+      })));
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fields","layout"],"sources":["singleObjectAccordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object-accordion\",\n    renderer: {\n        rendererName: \"object-accordion\",\n        name: t`Accordion`,\n        description: t`Renders fields within an accordion.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Accordion>\n                    <AccordionItem title={field.label} description={field.helpText}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </AccordionItem>\n                </Accordion>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAgE;AAEhE,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,4FAAW;IAClBQ,WAAW,EAAER,CAAC,wHAAqC;IACnDS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,yBAAmC;MAAA,IAAhCF,KAAK,SAALA,KAAK;QAAEG,OAAO,SAAPA,OAAO;QAAEC,YAAY,SAAZA,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,EAAE;MAEtB,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,CAAC,CAAC;MAErC,oBACI,6BAAC,oBAAS,qBACN,6BAAC,wBAAa;QAAC,KAAK,EAAEN,KAAK,CAACO,KAAM;QAAC,WAAW,EAAEP,KAAK,CAACQ;MAAS,gBAC3D,6BAAC,cAAM;QACH,IAAI,EAAEH,IAAK;QACX,YAAY,EAAED,YAAa;QAC3B,MAAM,EAAEE,QAAQ,CAACG,MAAM,IAAI,EAAG;QAC9B,MAAM,EAAEH,QAAQ,CAACI,MAAM,IAAI;MAAG,EAChC,CACU,CACR;IAEpB;EACJ;AACJ,CAAC;AAAC,eAEajB,MAAM;AAAA"}

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

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

package/admin/plugins/fieldRenderers/object/singleObjectInline.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 _i18n = require("@webiny/app/i18n");
+var _Fields = require("../../../components/ContentEntryForm/Fields");
+var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
+var _Grid = require("@webiny/ui/Grid");
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+var _StyledComponents = require("./StyledComponents");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
+var plugin = {
+  type: "cms-editor-field-renderer",
+  name: "cms-editor-field-renderer-object",
+  renderer: {
+    rendererName: "object",
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Inline Form"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a set of fields."]))),
+    canUse: function canUse(_ref) {
+      var field = _ref.field;
+      return field.type === "object" && !field.multipleValues;
+    },
+    render: function render(_ref2) {
+      var field = _ref2.field,
+        getBind = _ref2.getBind,
+        contentModel = _ref2.contentModel;
+      var Bind = getBind();
+      var settings = field.settings || {};
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: 12
+      }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
+        title: field.label
+      }), field.helpText && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, field.helpText)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: 12,
+        className: _StyledComponents.fieldsWrapperStyle
+      }, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+        Bind: Bind,
+        contentModel: contentModel,
+        fields: settings.fields || [],
+        layout: settings.layout || []
+      })));
+    }
+  }
+};
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","contentModel","Bind","settings","label","helpText","fieldsWrapperStyle","fields","layout"],"sources":["singleObjectInline.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport { SimpleFormHeader } from \"@webiny/app-admin/components/SimpleForm\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { fieldsWrapperStyle } from \"./StyledComponents\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-object\",\n    renderer: {\n        rendererName: \"object\",\n        name: t`Inline Form`,\n        description: t`Renders a set of fields.`,\n        canUse({ field }) {\n            return field.type === \"object\" && !field.multipleValues;\n        },\n        render({ field, getBind, contentModel }) {\n            const Bind = getBind();\n\n            const settings = field.settings || {};\n\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <SimpleFormHeader title={field.label} />\n                        {field.helpText && (\n                            <FormElementMessage>{field.helpText}</FormElementMessage>\n                        )}\n                    </Cell>\n                    <Cell span={12} className={fieldsWrapperStyle}>\n                        <Fields\n                            Bind={Bind}\n                            contentModel={contentModel}\n                            fields={settings.fields || []}\n                            layout={settings.layout || []}\n                        />\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAwD;AAExD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,kCAAkC;EACxCC,QAAQ,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBF,IAAI,EAAEL,CAAC,8FAAa;IACpBQ,WAAW,EAAER,CAAC,6GAA0B;IACxCS,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAOA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAACM,KAAK,CAACC,cAAc;IAC3D,CAAC;IACDC,MAAM,yBAAmC;MAAA,IAAhCF,KAAK,SAALA,KAAK;QAAEG,OAAO,SAAPA,OAAO;QAAEC,YAAY,SAAZA,YAAY;MACjC,IAAMC,IAAI,GAAGF,OAAO,EAAE;MAEtB,IAAMG,QAAQ,GAAGN,KAAK,CAACM,QAAQ,IAAI,CAAC,CAAC;MAErC,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,4BAAgB;QAAC,KAAK,EAAEN,KAAK,CAACO;MAAM,EAAG,EACvCP,KAAK,CAACQ,QAAQ,iBACX,6BAAC,sCAAkB,QAAER,KAAK,CAACQ,QAAQ,CACtC,CACE,eACP,6BAAC,UAAI;QAAC,IAAI,EAAE,EAAG;QAAC,SAAS,EAAEC;MAAmB,gBAC1C,6BAAC,cAAM;QACH,IAAI,EAAEJ,IAAK;QACX,YAAY,EAAED,YAAa;QAC3B,MAAM,EAAEE,QAAQ,CAACI,MAAM,IAAI,EAAG;QAC9B,MAAM,EAAEJ,QAAQ,CAACK,MAAM,IAAI;MAAG,EAChC,CACC,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEalB,MAAM;AAAA"}

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -1,45 +1,57 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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 _Radio = require("@webiny/ui/Radio");
 var _templateObject, _templateObject2;
-
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import { Radio, RadioGroup } from "@webiny/ui/Radio";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
 var plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-radio-buttons",
   renderer: {
     rendererName: "radio-buttons",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Radio Buttons"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders radio buttons, allowing selection of a single value."]))),
+    name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Radio Buttons"]))),
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders radio buttons, allowing selection of a single value."]))),
     canUse: function canUse(_ref) {
       var field = _ref.field;
-      return !field.multipleValues && get(field, "predefinedValues.enabled");
+      return !field.multipleValues && !!(0, _get.default)(field, "predefinedValues.enabled");
     },
     render: function render(_ref2) {
       var field = _ref2.field,
-          getBind = _ref2.getBind;
+        getBind = _ref2.getBind;
       var Bind = getBind();
-      var options = field.predefinedValues.values;
-      return /*#__PURE__*/React.createElement(Bind, null, /*#__PURE__*/React.createElement(RadioGroup, {
+      var _ref3 = field.predefinedValues || {
+          options: []
+        },
+        _ref3$values = _ref3.values,
+        options = _ref3$values === void 0 ? [] : _ref3$values;
+      return /*#__PURE__*/_react.default.createElement(Bind, null, /*#__PURE__*/_react.default.createElement(_Radio.RadioGroup, {
         label: field.label,
         description: field.helpText
-      }, function (_ref3) {
-        var onChange = _ref3.onChange,
-            getValue = _ref3.getValue;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (option, index) {
-          return /*#__PURE__*/React.createElement("div", {
-            key: option.value + index
-          }, /*#__PURE__*/React.createElement(Radio, {
+      }, function (_ref4) {
+        var onChange = _ref4.onChange,
+          getValue = _ref4.getValue;
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, index) {
+          var value = field.type === "number" ? Number(option.value) : option.value;
+          return /*#__PURE__*/_react.default.createElement("div", {
+            key: String(option.value) + index
+          }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
             label: option.label,
-            value: getValue(option.value),
-            onChange: onChange(option.value)
+            value: getValue(value),
+            onChange: onChange(value),
+            "data-testid": "fr.input.".concat(field.label, ".").concat(option.label)
           }));
         }));
       }));
     }
   }
 };
-export default plugin;
+var _default = plugin;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","get","render","getBind","Bind","predefinedValues","options","values","label","helpText","onChange","getValue","map","option","index","value","Number","String"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Radio, RadioGroup } from \"@webiny/ui/Radio\";\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-radio-buttons\",\n    renderer: {\n        rendererName: \"radio-buttons\",\n        name: t`Radio Buttons`,\n        description: t`Renders radio buttons, 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                options: []\n            };\n\n            return (\n                <Bind>\n                    <RadioGroup label={field.label} description={field.helpText}>\n                        {({ onChange, getValue }) => (\n                            <React.Fragment>\n                                {options.map((option, index) => {\n                                    const value =\n                                        field.type === \"number\"\n                                            ? Number(option.value)\n                                            : option.value;\n                                    return (\n                                        <div key={String(option.value) + index}>\n                                            <Radio\n                                                label={option.label}\n                                                value={getValue(value)}\n                                                onChange={onChange(value)}\n                                                data-testid={`fr.input.${field.label}.${option.label}`}\n                                            />\n                                        </div>\n                                    );\n                                })}\n                            </React.Fragment>\n                        )}\n                    </RadioGroup>\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAAqD;AAErD,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,iJAA8D;IAC5ES,MAAM,wBAAY;MAAA,IAATC,KAAK,QAALA,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDG,MAAM,yBAAqB;MAAA,IAAlBH,KAAK,SAALA,KAAK;QAAEI,OAAO,SAAPA,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,EAAE;MAEtB,YAAiCJ,KAAK,CAACM,gBAAgB,IAAI;UACvDC,OAAO,EAAE;QACb,CAAC;QAAA,qBAFOC,MAAM;QAAED,OAAO,6BAAG,EAAE;MAI5B,oBACI,6BAAC,IAAI,qBACD,6BAAC,iBAAU;QAAC,KAAK,EAAEP,KAAK,CAACS,KAAM;QAAC,WAAW,EAAET,KAAK,CAACU;MAAS,GACvD;QAAA,IAAGC,QAAQ,SAARA,QAAQ;UAAEC,QAAQ,SAARA,QAAQ;QAAA,oBAClB,6BAAC,cAAK,CAAC,QAAQ,QACVL,OAAO,CAACM,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;UAC5B,IAAMC,KAAK,GACPhB,KAAK,CAACN,IAAI,KAAK,QAAQ,GACjBuB,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;UACtB,oBACI;YAAK,GAAG,EAAEE,MAAM,CAACJ,MAAM,CAACE,KAAK,CAAC,GAAGD;UAAM,gBACnC,6BAAC,YAAK;YACF,KAAK,EAAED,MAAM,CAACL,KAAM;YACpB,KAAK,EAAEG,QAAQ,CAACI,KAAK,CAAE;YACvB,QAAQ,EAAEL,QAAQ,CAACK,KAAK,CAAE;YAC1B,kCAAyBhB,KAAK,CAACS,KAAK,cAAIK,MAAM,CAACL,KAAK;UAAG,EACzD,CACA;QAEd,CAAC,CAAC,CACW;MAAA,CACpB,CACQ,CACV;IAEf;EACJ;AACJ,CAAC;AAAC,eAEahB,MAAM;AAAA"}

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

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-declare function ContentEntriesAutocomplete({ bind, field }: {
-    bind: any;
-    field: any;
-}): JSX.Element;
+import React from "react";
+import { CmsModelField } from "../../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+interface ContentEntriesAutocompleteProps {
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
+}
+declare const ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps>;
 export default ContentEntriesAutocomplete;

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

@@ -1,54 +1,119 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
-var _templateObject, _templateObject2;
-
-import React from "react";
-import debounce from "lodash/debounce";
-import { AutoComplete } from "@webiny/ui/AutoComplete";
-import { i18n } from "@webiny/app/i18n";
-import { Link } from "@webiny/react-router";
-import { useReference } from "./useReference";
-import { renderItem } from "./renderItem";
-var t = i18n.ns("app-headless-cms/admin/fields/ref");
-var label = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
-
-function ContentEntriesAutocomplete(_ref) {
+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 = _interopRequireDefault(require("react"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _NewRefEntryFormDialog = _interopRequireWildcard(require("./NewRefEntryFormDialog"));
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+var _i18n = require("@webiny/app/i18n");
+var _reactRouter = require("@webiny/react-router");
+var _useNewRefEntry2 = require("../hooks/useNewRefEntry");
+var _useReference2 = require("./useReference");
+var _renderItem = require("./renderItem");
+var _createEntryUrl = require("./createEntryUrl");
+var _EntryStatus = require("./EntryStatus");
+var _utils = require("@webiny/utils");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
+var unpublishedLabel = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry."])));
+var publishedLabel = t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Selected content entry is published. You can view it {here}."])));
+var getItemOption = function getItemOption(options, id) {
+  if (!id || !options || options.length === 0) {
+    return null;
+  }
+  var _parseIdentifier = (0, _utils.parseIdentifier)(id),
+    entryId = _parseIdentifier.id;
+  return options.find(function (item) {
+    return item.entryId === entryId;
+  }) || null;
+};
+var ContentEntriesAutocomplete = function ContentEntriesAutocomplete(_ref) {
   var bind = _ref.bind,
-      field = _ref.field;
-
-  var _useReference = useReference({
-    bind: bind,
-    field: field
-  }),
-      options = _useReference.options,
-      setSearch = _useReference.setSearch,
-      value = _useReference.value,
-      loading = _useReference.loading,
-      onChange = _useReference.onChange;
-
-  var unpublishedEntryInfo = null;
-
+    field = _ref.field;
+  var _useReference = (0, _useReference2.useReference)({
+      bind: bind,
+      field: field
+    }),
+    options = _useReference.options,
+    setSearch = _useReference.setSearch,
+    value = _useReference.value,
+    loading = _useReference.loading,
+    _onChange = _useReference.onChange;
+  var entryInfo = null;
   if (value && !value.published) {
-    var link = "/cms/content-entries/".concat(value.modelId, "?id=").concat(encodeURIComponent(value.id));
-    unpublishedEntryInfo = label({
-      publishItLink: /*#__PURE__*/React.createElement(Link, {
+    var link = (0, _createEntryUrl.createEntryUrl)(value);
+    entryInfo = unpublishedLabel({
+      publishItLink: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
         to: link
-      }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["publish it"]))))
+      }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["publish it"]))))
+    });
+  } else if (value) {
+    var _link = (0, _createEntryUrl.createEntryUrl)(value);
+    entryInfo = publishedLabel({
+      here: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+        to: _link
+      }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["here"]))))
     });
   }
-
-  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, bind, {
-    renderItem: renderItem,
-    onChange: onChange,
+  var _useNewRefEntry = (0, _useNewRefEntry2.useNewRefEntry)({
+      field: field
+    }),
+    renderNewEntryModal = _useNewRefEntry.renderNewEntryModal,
+    refModelId = _useNewRefEntry.refModelId,
+    helpText = _useNewRefEntry.helpText;
+  var item = getItemOption(options, bind.value ? bind.value.id : null);
+  /*
+   * Wrap AutoComplete input in NewRefEntry modal.
+   */
+  if (renderNewEntryModal) {
+    return /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.default, {
+      modelId: refModelId,
+      onChange: function onChange(entry) {
+        /**
+         * TODO @ts-refactor @ashutosh
+         * Need to figure out correct types.
+         */
+        // @ts-ignore
+        return _onChange(entry, entry);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
+      renderItem: _renderItem.renderItem,
+      onChange: _onChange,
+      loading: loading,
+      value: value || undefined,
+      options: options,
+      label: field.label,
+      "data-testid": "fr.input.autocomplete.".concat(field.label),
+      description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
+        item: item
+      }, entryInfo)),
+      onInput: (0, _debounce.default)(function (search) {
+        return setSearch(search);
+      }, 250),
+      noResultFound: /*#__PURE__*/_react.default.createElement(_NewRefEntryFormDialog.NewEntryButton, null)
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, Object.assign({}, bind, {
+    renderItem: _renderItem.renderItem,
+    onChange: _onChange,
     loading: loading,
-    value: value ? value.id : null,
+    value: value || undefined,
     options: options,
     label: field.label,
-    description: /*#__PURE__*/React.createElement(React.Fragment, null, field.helpText, unpublishedEntryInfo),
-    onInput: debounce(function (search) {
+    description: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.helpText, /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
+      item: item
+    }, entryInfo)),
+    onInput: (0, _debounce.default)(function (search) {
       return setSearch(search);
-    }, 250)
+    }, 250),
+    noResultFound: helpText
   }));
-}
-
-export default ContentEntriesAutocomplete;
+};
+var _default = ContentEntriesAutocomplete;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","unpublishedLabel","publishedLabel","getItemOption","options","id","length","parseIdentifier","entryId","find","item","ContentEntriesAutocomplete","bind","field","useReference","setSearch","value","loading","onChange","entryInfo","published","link","createEntryUrl","publishItLink","here","useNewRefEntry","renderNewEntryModal","refModelId","helpText","entry","renderItem","undefined","label","debounce","search"],"sources":["ContentEntriesAutocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport debounce from \"lodash/debounce\";\nimport NewRefEntryFormDialog, { NewEntryButton } from \"./NewRefEntryFormDialog\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Link } from \"@webiny/react-router\";\nimport { useNewRefEntry } from \"../hooks/useNewRefEntry\";\nimport { useReference } from \"./useReference\";\nimport { renderItem } from \"./renderItem\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nconst unpublishedLabel = t`Selected content entry is not published. Make sure to {publishItLink} before publishing the main content entry.`;\nconst publishedLabel = t`Selected content entry is published. You can view it {here}.`;\n\nconst getItemOption = (options: OptionItem[], id?: string | null): OptionItem | null => {\n    if (!id || !options || options.length === 0) {\n        return null;\n    }\n    const { id: entryId } = parseIdentifier(id);\n    return options.find(item => item.entryId === entryId) || null;\n};\n\ninterface ContentEntriesAutocompleteProps {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\nconst ContentEntriesAutocomplete: React.FC<ContentEntriesAutocompleteProps> = ({ bind, field }) => {\n    const { options, setSearch, value, loading, onChange } = useReference({\n        bind,\n        field\n    });\n\n    let entryInfo: string | null = null;\n    if (value && !value.published) {\n        const link = createEntryUrl(value);\n        entryInfo = unpublishedLabel({ publishItLink: <Link to={link}>{t`publish it`}</Link> });\n    } else if (value) {\n        const link = createEntryUrl(value);\n        entryInfo = publishedLabel({\n            here: <Link to={link}>{t`here`}</Link>\n        });\n    }\n    const { renderNewEntryModal, refModelId, helpText } = useNewRefEntry({ field });\n\n    const item = getItemOption(options, bind.value ? bind.value.id : null);\n    /*\n     * Wrap AutoComplete input in NewRefEntry modal.\n     */\n    if (renderNewEntryModal) {\n        return (\n            <NewRefEntryFormDialog\n                modelId={refModelId}\n                onChange={entry => {\n                    /**\n                     * TODO @ts-refactor @ashutosh\n                     * Need to figure out correct types.\n                     */\n                    // @ts-ignore\n                    return onChange(entry, entry);\n                }}\n            >\n                <AutoComplete\n                    {...bind}\n                    renderItem={renderItem}\n                    onChange={onChange}\n                    loading={loading}\n                    value={value || undefined}\n                    options={options}\n                    label={field.label}\n                    data-testid={`fr.input.autocomplete.${field.label}`}\n                    description={\n                        <>\n                            {field.helpText}\n                            <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                        </>\n                    }\n                    onInput={debounce(search => setSearch(search), 250)}\n                    noResultFound={<NewEntryButton />}\n                />\n            </NewRefEntryFormDialog>\n        );\n    }\n\n    return (\n        <AutoComplete\n            {...bind}\n            renderItem={renderItem}\n            onChange={onChange}\n            loading={loading}\n            value={value || undefined}\n            options={options}\n            label={field.label}\n            description={\n                <>\n                    {field.helpText}\n                    <EntryStatus item={item}>{entryInfo}</EntryStatus>\n                </>\n            }\n            onInput={debounce(search => setSearch(search), 250)}\n            noResultFound={helpText}\n        />\n    );\n};\n\nexport default ContentEntriesAutocomplete;\n"],"mappings":"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"}

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

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-declare function ContentEntriesMultiAutocomplete({ bind, field }: {
-    bind: any;
-    field: any;
-}): JSX.Element;
+import React from "react";
+import { CmsModelField } from "../../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+interface ContentEntriesMultiAutocompleteProps {
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
+}
+declare const ContentEntriesMultiAutocomplete: React.FC<ContentEntriesMultiAutocompleteProps>;
 export default ContentEntriesMultiAutocomplete;