@k-int/stripes-kint-components 5.36.1 → 5.37.0

package/es/lib/Settings/EditableRefdataList/EditableRefdataList.js

@@ -15,6 +15,17 @@ var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   allowSpecial: _propTypes.default.bool,
@@ -32,114 +43,115 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataList = _ref => {
-  let {
-    afterQueryCalls,
-    allowSpecial = false,
-    // special characters will be directly stripped out of the value before it is sent to the backend
-    catchQueryCalls,
-    desc,
-    /*
-     * Set of extra booleans for controlling access to actions
-     * edit/create/delete (View should be handled externally)
-     * This will not overwrite "internal" behaviour, ie setting
-     * delete to 'true' here would still not render a delete button
-     * for an internal refdata value
-     */
-    displayConditions = {
+  var _deleteModal$refdata2;
+  let afterQueryCalls = _ref.afterQueryCalls,
+    _ref$allowSpecial = _ref.allowSpecial,
+    allowSpecial = _ref$allowSpecial === void 0 ? false : _ref$allowSpecial,
+    catchQueryCalls = _ref.catchQueryCalls,
+    desc = _ref.desc,
+    _ref$displayCondition = _ref.displayConditions,
+    displayConditions = _ref$displayCondition === void 0 ? {
       create: true,
       edit: true,
       delete: true
-    },
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    label,
-    labelOverrides = {},
-    // An object containing translation alternatives
-    refdataEndpoint
-  } = _ref;
-  const {
-    create: createCondition = true,
-    delete: deleteCondition = true,
-    edit: editCondition = true
-  } = displayConditions;
+    } : _ref$displayCondition,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    label = _ref.label,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    refdataEndpoint = _ref.refdataEndpoint;
+  const _displayConditions$cr = displayConditions.create,
+    createCondition = _displayConditions$cr === void 0 ? true : _displayConditions$cr,
+    _displayConditions$de = displayConditions.delete,
+    deleteCondition = _displayConditions$de === void 0 ? true : _displayConditions$de,
+    _displayConditions$ed = displayConditions.edit,
+    editCondition = _displayConditions$ed === void 0 ? true : _displayConditions$ed;
 
   /* A component that allows for editing of refdata values */
   const callout = (0, _react.useContext)(_core.CalloutContext);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
 
   // fetch refdata values
-  const {
-    data: {
-      0: refdata
-    } = {},
-    isLoading: isRefdataLoading
-  } = (0, _hooks.useRefdata)({
-    desc,
-    endpoint: refdataEndpoint,
-    returnQueryObject: true
-  });
-  const [contentData, setContentData] = (0, _react.useState)([]);
-  const [deleteModal, setDeleteModal] = (0, _react.useState)({
-    visible: false,
-    refdata: null
-  });
+  const _useRefdata = (0, _hooks.useRefdata)({
+      desc,
+      endpoint: refdataEndpoint,
+      returnQueryObject: true
+    }),
+    _useRefdata$data = _useRefdata.data,
+    _useRefdata$data2 = _useRefdata$data === void 0 ? {} : _useRefdata$data,
+    refdata = _useRefdata$data2[0],
+    isRefdataLoading = _useRefdata.isLoading;
+  const _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    contentData = _useState2[0],
+    setContentData = _useState2[1];
+  const _useState3 = (0, _react.useState)({
+      visible: false,
+      refdata: null
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    deleteModal = _useState4[0],
+    setDeleteModal = _useState4[1];
   const sortByLabel = (a, b) => a.label.localeCompare(b.label);
   (0, _react.useEffect)(() => {
     if (!isRefdataLoading) {
-      setContentData(refdata?.values?.sort(sortByLabel) ?? []);
+      var _refdata$values$sort, _refdata$values;
+      setContentData((_refdata$values$sort = refdata === null || refdata === void 0 || (_refdata$values = refdata.values) === null || _refdata$values === void 0 ? void 0 : _refdata$values.sort(sortByLabel)) !== null && _refdata$values$sort !== void 0 ? _refdata$values$sort : []);
     }
   }, [isRefdataLoading, refdata]);
 
   // Edit and Create will use the same PUT mutation
   // TODO I believe after the changes to refactor to useMutateGeneric, we can now use POST separately to get differing callouts etc
-  const {
-    delete: deleteRefdataValue,
-    put: editRefdataValue
-  } = (0, _hooks.useMutateRefdataValue)({
-    afterQueryCalls: {
-      delete: json => {
-        setContentData(json?.values?.sort(sortByLabel) ?? []);
-        if (afterQueryCalls?.delete) {
-          afterQueryCalls.delete(json);
+  const _useMutateRefdataValu = (0, _hooks.useMutateRefdataValue)({
+      afterQueryCalls: {
+        delete: json => {
+          var _json$values$sort, _json$values;
+          setContentData((_json$values$sort = json === null || json === void 0 || (_json$values = json.values) === null || _json$values === void 0 ? void 0 : _json$values.sort(sortByLabel)) !== null && _json$values$sort !== void 0 ? _json$values$sort : []);
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.delete) {
+            afterQueryCalls.delete(json);
+          }
+        },
+        put: json => {
+          var _json$values$sort2, _json$values2;
+          setContentData((_json$values$sort2 = json === null || json === void 0 || (_json$values2 = json.values) === null || _json$values2 === void 0 ? void 0 : _json$values2.sort(sortByLabel)) !== null && _json$values$sort2 !== void 0 ? _json$values$sort2 : []);
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.put) {
+            afterQueryCalls.put(json);
+          }
         }
       },
-      put: json => {
-        setContentData(json?.values?.sort(sortByLabel) ?? []);
-        if (afterQueryCalls?.put) {
-          afterQueryCalls.put(json);
+      catchQueryCalls: _objectSpread({
+        // Default delete behaviour is to fire a callout, either with kint-components default message
+        // or one provided in labelOverrides, which is passed the error message and refdata in question
+        delete: async err => {
+          var _deleteModal$refdata;
+          const errorResp = await (0, _utils.parseErrorResponse)(err.response);
+          // console.log('ERRORRESP: %o', errorResp);
+          callout.sendCallout({
+            message: kintIntl.formatKintMessage({
+              id: 'refdata.deleteRefdataValue.errorMessage',
+              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
+            }, {
+              label: deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata = deleteModal.refdata) === null || _deleteModal$refdata === void 0 ? void 0 : _deleteModal$refdata.label,
+              error: errorResp === null || errorResp === void 0 ? void 0 : errorResp.message
+            }),
+            type: 'error'
+          });
+        }
+      }, catchQueryCalls),
+      endpoint: refdataEndpoint,
+      id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
+      queryParams: {
+        delete: {
+          enabled: !!refdata
+        },
+        put: {
+          enabled: !!refdata
         }
       }
-    },
-    catchQueryCalls: {
-      // Default delete behaviour is to fire a callout, either with kint-components default message
-      // or one provided in labelOverrides, which is passed the error message and refdata in question
-      delete: async err => {
-        const errorResp = await (0, _utils.parseErrorResponse)(err.response);
-        // console.log('ERRORRESP: %o', errorResp);
-        callout.sendCallout({
-          message: kintIntl.formatKintMessage({
-            id: 'refdata.deleteRefdataValue.errorMessage',
-            overrideValue: labelOverrides?.deleteError
-          }, {
-            label: deleteModal?.refdata?.label,
-            error: errorResp?.message
-          }),
-          type: 'error'
-        });
-      },
-      ...catchQueryCalls // override defaults here
-    },
-    endpoint: refdataEndpoint,
-    id: refdata?.id,
-    queryParams: {
-      delete: {
-        enabled: !!refdata
-      },
-      put: {
-        enabled: !!refdata
-      }
-    }
-  });
+    }),
+    deleteRefdataValue = _useMutateRefdataValu.delete,
+    editRefdataValue = _useMutateRefdataValu.put;
   if (isRefdataLoading) {
     return 'loading';
   }
@@ -152,24 +164,24 @@ const EditableRefdataList = _ref => {
         name: 'edit',
         label: kintIntl.formatKintMessage({
           id: 'edit',
-          overrideValue: labelOverrides?.edit
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
         }),
         icon: 'edit',
         callback: data => editRefdataValue(data),
         ariaLabel: data => kintIntl.formatKintMessage({
           id: 'refdata.editAriaLabel',
-          overrideValue: labelOverrides?.editAriaLabel
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.editAriaLabel
         }, {
-          label: data?.label
+          label: data === null || data === void 0 ? void 0 : data.label
         })
       });
     }
-    if (!refdata?.internal && deleteCondition) {
+    if (!(refdata !== null && refdata !== void 0 && refdata.internal) && deleteCondition) {
       actionArray.push({
         name: 'delete',
         label: kintIntl.formatKintMessage({
           id: 'delete',
-          overrideValue: labelOverrides?.delete
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
         }),
         icon: 'trash',
         callback: data => setDeleteModal({
@@ -178,9 +190,9 @@ const EditableRefdataList = _ref => {
         }),
         ariaLabel: data => kintIntl.formatKintMessage({
           id: 'refdata.deleteAriaLabel',
-          overrideValue: labelOverrides?.deleteAriaLabel
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteAriaLabel
         }, {
-          label: data?.label
+          label: data === null || data === void 0 ? void 0 : data.label
         })
       });
     }
@@ -192,25 +204,25 @@ const EditableRefdataList = _ref => {
       columnMapping: {
         label: kintIntl.formatKintMessage({
           id: 'refdata.label',
-          overrideValue: labelOverrides?.label
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.label
         }),
         value: kintIntl.formatKintMessage({
           id: 'refdata.value',
-          overrideValue: labelOverrides?.value
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.value
         })
       },
       contentData: contentData,
       creatableFields: {
         value: () => false
       },
-      createCallback: !createCondition || refdata?.internal ? null : data => {
+      createCallback: !createCondition || refdata !== null && refdata !== void 0 && refdata.internal ? null : data => {
         if (allowSpecial) {
           editRefdataValue(data);
         } else {
-          editRefdataValue({
-            ...data,
-            value: (0, _utils.selectorSafe)(data?.label)?.replaceAll('%20', ' ')
-          });
+          var _selectorSafe;
+          editRefdataValue(_objectSpread(_objectSpread({}, data), {}, {
+            value: (_selectorSafe = (0, _utils.selectorSafe)(data === null || data === void 0 ? void 0 : data.label)) === null || _selectorSafe === void 0 ? void 0 : _selectorSafe.replaceAll('%20', ' ')
+          }));
         }
       },
       editableFields: {
@@ -226,30 +238,31 @@ const EditableRefdataList = _ref => {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConfirmationModal, {
       confirmLabel: kintIntl.formatKintMessage({
         id: 'delete',
-        overrideValue: labelOverrides?.delete
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
       }),
       heading: kintIntl.formatKintMessage({
         id: 'refdata.deleteRefdataValue',
-        overrideValue: labelOverrides?.deleteRefdataValue
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValue
       }),
       message: kintIntl.formatKintMessage({
         id: 'refdata.deleteRefdataValue.confirmMessage',
-        overrideValue: labelOverrides?.deleteRefdataValueMessage
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataValueMessage
       }, {
-        name: deleteModal?.refdata?.label
+        name: deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.label
       }),
       onCancel: () => setDeleteModal({
         visible: false,
         refdata: null
       }),
       onConfirm: () => {
-        deleteRefdataValue(deleteModal?.refdata?.id);
+        var _deleteModal$refdata3;
+        deleteRefdataValue(deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata3 = deleteModal.refdata) === null || _deleteModal$refdata3 === void 0 ? void 0 : _deleteModal$refdata3.id);
         setDeleteModal({
           visible: false,
           refdata: null
         });
       },
-      open: deleteModal?.visible
+      open: deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.visible
     })]
   });
 };

package/es/lib/Settings/EditableSettingsList/EditableSettingsList.js

@@ -12,19 +12,17 @@ var _EditableSettingsListFieldArray = _interopRequireDefault(require("./Editable
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const EditableSettingsList = _ref => {
-  let {
-    allowEdit = true,
-    // A global boolean permission to turn on/off editing of all appSettings in the frontend
-    initialValues,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    label,
-    labelOverrides = {},
-    onSave,
-    render,
-    // Experimental idea, allow unique rendering per setting?
-    settingData
-  } = _ref;
+  let _ref$allowEdit = _ref.allowEdit,
+    allowEdit = _ref$allowEdit === void 0 ? true : _ref$allowEdit,
+    initialValues = _ref.initialValues,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    label = _ref.label,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    onSave = _ref.onSave,
+    render = _ref.render,
+    settingData = _ref.settingData;
   // Fake the form save... this is super bad I know, but it's very old code and the plan is to get rid of this component
   // Because it's in a single Form even though each setting really requires it's own form. It'd be more work to unpick that
   // without accidentally causing some backwards compatibility issues I think. So for now we fake it
@@ -47,9 +45,7 @@ const EditableSettingsList = _ref => {
       value: true
     },
     children: _ref2 => {
-      let {
-        handleSubmit
-      } = _ref2;
+      let handleSubmit = _ref2.handleSubmit;
       // Set up the setting we want to save, then trigger handleSubmit so we get "submitting" in the form.
       // Yes this is ugly
       const handleSave = async setting => {

package/es/lib/Settings/EditableSettingsList/EditableSettingsListFieldArray/EditableSettingsListFieldArray.js

@@ -10,39 +10,53 @@ var _reactFinalForm = require("react-final-form");
 var _SettingField = require("../SettingField");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const EditableSettingsListField = _ref => {
-  let {
-    allowEdit,
-    fields,
-    handleSave,
-    index,
-    intlKey,
-    intlNS,
-    labelOverrides,
-    render,
-    setting,
-    settingData: passedSettingData
-  } = _ref;
+  let allowEdit = _ref.allowEdit,
+    fields = _ref.fields,
+    handleSave = _ref.handleSave,
+    index = _ref.index,
+    intlKey = _ref.intlKey,
+    intlNS = _ref.intlNS,
+    labelOverrides = _ref.labelOverrides,
+    render = _ref.render,
+    setting = _ref.setting,
+    passedSettingData = _ref.settingData;
   // Handle editing or not at this level
-  const [editing, setEditing] = (0, _react.useState)(false);
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    editing = _useState2[0],
+    setEditing = _useState2[1];
   // This is really grim.
   // Set up whether this setting is submitting or not.
   // Submitting in the form level applies to ALL
-  const [settingSubmitting, setSettingSubmitting] = (0, _react.useState)(false);
-  const settingData = (0, _react.useMemo)(() => ({
-    currentSetting: passedSettingData.settings[index],
-    ...passedSettingData
-  }), [index, passedSettingData]);
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    settingSubmitting = _useState4[0],
+    setSettingSubmitting = _useState4[1];
+  const settingData = (0, _react.useMemo)(() => _objectSpread({
+    currentSetting: passedSettingData.settings[index]
+  }, passedSettingData), [index, passedSettingData]);
   const DefaultField = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       allowEdit: allowEdit,
       component: _SettingField.SettingField,
-      "data-testid": `editableSettingsListFieldArray[${index}]`,
+      "data-testid": "editableSettingsListFieldArray[".concat(index, "]"),
       editing: editing,
       intlKey: intlKey,
       intlNS: intlNS,
       labelOverrides: labelOverrides,
-      name: `${setting}.value`,
+      name: "".concat(setting, ".value"),
       onSave: handleSave,
       parse: v => v,
       setEditing: setEditing,
@@ -52,7 +66,7 @@ const EditableSettingsListField = _ref => {
     });
   }, [allowEdit, editing, handleSave, index, intlKey, intlNS, labelOverrides, setting, settingData, settingSubmitting]);
   if (!render || !(render instanceof Function)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultField, {}, `${setting}-default-field`);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultField, {}, "".concat(setting, "-default-field"));
   }
   return render({
     allowEdit,
@@ -72,16 +86,16 @@ const EditableSettingsListField = _ref => {
   });
 };
 const EditableSettingsListFieldArray = _ref2 => {
-  let {
-    allowEdit: passedAllowEdit = true,
-    fields: passedFields,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    onSave,
-    render,
-    settingData
-  } = _ref2;
+  let _ref2$allowEdit = _ref2.allowEdit,
+    passedAllowEdit = _ref2$allowEdit === void 0 ? true : _ref2$allowEdit,
+    passedFields = _ref2.fields,
+    passedIntlKey = _ref2.intlKey,
+    passedIntlNS = _ref2.intlNS,
+    _ref2$labelOverrides = _ref2.labelOverrides,
+    labelOverrides = _ref2$labelOverrides === void 0 ? {} : _ref2$labelOverrides,
+    onSave = _ref2.onSave,
+    render = _ref2.render,
+    settingData = _ref2.settingData;
   return passedFields.map((setting, i) => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableSettingsListField, {
       allowEdit: passedAllowEdit,

package/es/lib/Settings/EditableSettingsList/EditableSettingsListFieldArray/EditableSettingsListFieldArray.test.js

@@ -53,9 +53,8 @@ describe('EditableSettingsListFieldArray', () => {
       }));
     });
     it('renders empty field', () => {
-      const {
-        queryAllByTestId
-      } = renderComponent;
+      const _renderComponent = renderComponent,
+        queryAllByTestId = _renderComponent.queryAllByTestId;
       expect(queryAllByTestId(/editableSettingsListFieldArray\[.*]/).length).toEqual(0);
     });
   });
@@ -77,9 +76,8 @@ describe('EditableSettingsListFieldArray', () => {
       }));
     });
     it('renders the SettingField component', () => {
-      const {
-        getByText
-      } = renderComponent;
+      const _renderComponent2 = renderComponent,
+        getByText = _renderComponent2.getByText;
       expect(getByText('SettingField')).toBeInTheDocument();
     });
   });
@@ -101,9 +99,8 @@ describe('EditableSettingsListFieldArray', () => {
       }));
     });
     it('renders the correct number of SettingField components', () => {
-      const {
-        getAllByText
-      } = renderComponent;
+      const _renderComponent3 = renderComponent,
+        getAllByText = _renderComponent3.getAllByText;
       expect(getAllByText('SettingField').length).toEqual(multipleSettings.length);
     });
   });

package/es/lib/Settings/EditableSettingsList/SettingField/EditSettingValue/EditSettingValue.js

@@ -9,30 +9,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../../../hooks");
 var _StaticSettingsField = require("../../../StaticSettingsField");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["currentSetting", "intlKey", "intlNS", "labelOverrides", "name"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const EditSettingValue = _ref => {
-  let {
-    currentSetting: setting,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    labelOverrides = {},
-    name,
-    ...props
-  } = _ref;
+  let setting = _ref.currentSetting,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    name = _ref.name,
+    props = _objectWithoutProperties(_ref, _excluded);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const fieldLabel = (0, _react.useMemo)(() => kintIntl.formatKintMessage({
     id: 'settings.valueFor',
-    overrideValue: labelOverrides?.valueFor
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.valueFor
   }, {
     name: setting.key
-  }), [kintIntl, labelOverrides?.valueFor, setting.key]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticSettingsField.StaticSettingsFieldComponent, {
+  }), [kintIntl, labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.valueFor, setting.key]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StaticSettingsField.StaticSettingsFieldComponent, _objectSpread({
     "aria-label": fieldLabel,
     autofocus: true,
     name: name,
-    setting: setting,
-    ...props
-  }, `static-render-function-${name}`);
+    setting: setting
+  }, props), "static-render-function-".concat(name));
 };
 EditSettingValue.propTypes = {
   currentSetting: _propTypes.default.shape({