@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/plugins/fieldRenderers/radioButtons.js

@@ -1,58 +1,59 @@
-"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;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
+import React from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { RadioGroup } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields/text");
+const plugin = {
   type: "cms-editor-field-renderer",
   name: "cms-editor-field-renderer-radio-buttons",
   renderer: {
     rendererName: "radio-buttons",
-    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 && !!(0, _get.default)(field, "predefinedValues.enabled");
+    name: t`Radio Buttons`,
+    description: t`Renders radio buttons, allowing selection of a single value.`,
+    canUse({
+      field
+    }) {
+      return !field.list && !!get(field, "predefinedValues.enabled");
     },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        getBind = _ref2.getBind;
-      var Bind = getBind();
-      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, {
+    render({
+      field,
+      getBind
+    }) {
+      const Bind = getBind();
+      const {
+        values: options = []
+      } = field.predefinedValues || {
+        options: []
+      };
+      const defaultOption = options.find(opt => opt.selected === true);
+      return /*#__PURE__*/React.createElement(Bind, {
+        defaultValue: defaultOption ? defaultOption.value : undefined
+      }, ({
+        onChange,
+        value,
+        ...bind
+      }) => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
         label: field.label,
-        description: field.helpText
-      }, 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(value),
-            onChange: onChange(value),
-            "data-testid": "fr.input.".concat(field.label, ".").concat(option.label)
-          }));
-        }));
-      }));
+        description: field.description,
+        note: field.note,
+        hint: field.help,
+        items: options.map(option => ({
+          label: option.label,
+          value: String(option.value),
+          selected: option.selected
+        })),
+        value: typeof value !== "undefined" ? String(value) : undefined,
+        onChange: value => {
+          if (field.type === "number") {
+            onChange(Number(value));
+          } else {
+            onChange(String(value));
+          }
+        }
+      }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=radioButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_Radio","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","_ref3","predefinedValues","options","_ref3$values","values","createElement","RadioGroup","label","helpText","_ref4","onChange","getValue","Fragment","map","option","index","value","Number","key","String","Radio","concat","_default","exports"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } 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: CmsModelFieldRendererPlugin = {\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAqD,IAAAI,eAAA,EAAAC,gBAAA;AAErD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,oCAAoC,CAAC;AAEvD,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,sBAAe;IACtBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,qEAA8D;IAC5EE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OAAO,CAACA,KAAK,CAACC,cAAc,IAAI,CAAC,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAC5E,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAAE,KAAA,GAAiCP,KAAK,CAACQ,gBAAgB,IAAI;UACvDC,OAAO,EAAE;QACb,CAAC;QAAAC,YAAA,GAAAH,KAAA,CAFOI,MAAM;QAAEF,OAAO,GAAAC,YAAA,cAAG,EAAE,GAAAA,YAAA;MAI5B,oBACI/B,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACN,IAAI,qBACD3B,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC5B,MAAA,CAAA6B,UAAU;QAACC,KAAK,EAAEd,KAAK,CAACc,KAAM;QAACjB,WAAW,EAAEG,KAAK,CAACe;MAAS,GACvD,UAAAC,KAAA;QAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;UAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;QAAA,oBAClBvC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACjC,MAAA,CAAAiB,OAAK,CAACuB,QAAQ,QACVV,OAAO,CAACW,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK,EAAK;UAC5B,IAAMC,KAAK,GACPvB,KAAK,CAACT,IAAI,KAAK,QAAQ,GACjBiC,MAAM,CAACH,MAAM,CAACE,KAAK,CAAC,GACpBF,MAAM,CAACE,KAAK;UACtB,oBACI5C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA;YAAKa,GAAG,EAAEC,MAAM,CAACL,MAAM,CAACE,KAAK,CAAC,GAAGD;UAAM,gBACnC3C,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC5B,MAAA,CAAA2C,KAAK;YACFb,KAAK,EAAEO,MAAM,CAACP,KAAM;YACpBS,KAAK,EAAEL,QAAQ,CAACK,KAAK,CAAE;YACvBN,QAAQ,EAAEA,QAAQ,CAACM,KAAK,CAAE;YAC1B,2BAAAK,MAAA,CAAyB5B,KAAK,CAACc,KAAK,OAAAc,MAAA,CAAIP,MAAM,CAACP,KAAK;UAAG,CAC1D,CACA,CAAC;QAEd,CAAC,CACW,CAAC;MAAA,CAEb,CACV,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","RadioGroup","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","getBind","Bind","values","options","predefinedValues","defaultOption","find","opt","selected","createElement","defaultValue","value","undefined","onChange","bind","ValidationContainer","Object","assign","label","note","hint","help","items","map","option","String","Number"],"sources":["radioButtons.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\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.list && !!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            const defaultOption = options.find(opt => opt.selected === true);\n\n            return (\n                <Bind defaultValue={defaultOption ? defaultOption.value : undefined}>\n                    {({ onChange, value, ...bind }) => (\n                        <Bind.ValidationContainer>\n                            <RadioGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.description}\n                                note={field.note}\n                                hint={field.help}\n                                items={options.map(option => ({\n                                    label: option.label,\n                                    value: String(option.value),\n                                    selected: option.selected\n                                }))}\n                                value={typeof value !== \"undefined\" ? String(value) : undefined}\n                                onChange={value => {\n                                    if (field.type === \"number\") {\n                                        onChange(Number(value));\n                                    } else {\n                                        onChange(String(value));\n                                    }\n                                }}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,8DAA8D;IAC5EQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OAAO,CAACA,KAAK,CAACC,IAAI,IAAI,CAAC,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAClE,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,OAAO,GAAG;MAAG,CAAC,GAAGN,KAAK,CAACO,gBAAgB,IAAI;QACvDD,OAAO,EAAE;MACb,CAAC;MAED,MAAME,aAAa,GAAGF,OAAO,CAACG,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,KAAK,IAAI,CAAC;MAEhE,oBACIxB,KAAA,CAAAyB,aAAA,CAACR,IAAI;QAACS,YAAY,EAAEL,aAAa,GAAGA,aAAa,CAACM,KAAK,GAAGC;MAAU,GAC/D,CAAC;QAAEC,QAAQ;QAAEF,KAAK;QAAE,GAAGG;MAAK,CAAC,kBAC1B9B,KAAA,CAAAyB,aAAA,CAACR,IAAI,CAACc,mBAAmB,qBACrB/B,KAAA,CAAAyB,aAAA,CAACtB,UAAU,EAAA6B,MAAA,CAAAC,MAAA,KACHH,IAAI;QACRI,KAAK,EAAErB,KAAK,CAACqB,KAAM;QACnBvB,WAAW,EAAEE,KAAK,CAACF,WAAY;QAC/BwB,IAAI,EAAEtB,KAAK,CAACsB,IAAK;QACjBC,IAAI,EAAEvB,KAAK,CAACwB,IAAK;QACjBC,KAAK,EAAEnB,OAAO,CAACoB,GAAG,CAACC,MAAM,KAAK;UAC1BN,KAAK,EAAEM,MAAM,CAACN,KAAK;UACnBP,KAAK,EAAEc,MAAM,CAACD,MAAM,CAACb,KAAK,CAAC;UAC3BH,QAAQ,EAAEgB,MAAM,CAAChB;QACrB,CAAC,CAAC,CAAE;QACJG,KAAK,EAAE,OAAOA,KAAK,KAAK,WAAW,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAGC,SAAU;QAChEC,QAAQ,EAAEF,KAAK,IAAI;UACf,IAAId,KAAK,CAACN,IAAI,KAAK,QAAQ,EAAE;YACzBsB,QAAQ,CAACa,MAAM,CAACf,KAAK,CAAC,CAAC;UAC3B,CAAC,MAAM;YACHE,QAAQ,CAACY,MAAM,CAACd,KAAK,CAAC,CAAC;UAC3B;QACJ;MAAE,EACL,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAerB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;
 }