@k-int/stripes-kint-components 5.25.1 → 5.25.3

package/es/lib/CycleButton/CycleButton.js

@@ -10,28 +10,36 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@folio/stripes/components");
 var _CycleButton = _interopRequireDefault(require("../../../styles/CycleButton.css"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "onClick"];
 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 CycleButton = _ref => {
   let {
     buttons,
     startIndex = 0
   } = _ref;
   const [index, setIndex] = (0, _react.useState)(startIndex);
-  const {
-    className,
-    onClick,
-    ...buttonProps
-  } = buttons[index];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
-    ...buttonProps,
+  const _buttons$index = buttons[index],
+    {
+      className,
+      onClick
+    } = _buttons$index,
+    buttonProps = _objectWithoutProperties(_buttons$index, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, _objectSpread(_objectSpread({}, buttonProps), {}, {
     className: (0, _classnames.default)(className, _CycleButton.default.buttonStyle),
     onClick: e => {
       if (onClick) {
         onClick(e);
       }
-      setIndex(index !== buttons?.length - 1 ? index + 1 : 0);
+      setIndex(index !== (buttons === null || buttons === void 0 ? void 0 : buttons.length) - 1 ? index + 1 : 0);
     }
-  });
+  }));
 };
 CycleButton.propTypes = {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape({

package/es/lib/EditableRefdataCategoryList/EditableRefdataCategoryList.js

@@ -16,6 +16,11 @@ var _utils = require("../utils");
 var _CustomProperties = _interopRequireDefault(require("../../../styles/CustomProperties.css"));
 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); }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
@@ -35,6 +40,7 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _deleteModal$refdata2;
   let {
     afterQueryCalls,
     catchQueryCalls,
@@ -88,10 +94,12 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   (0, _react.useEffect)(() => {
     if (!isRefdataLoading) {
       if (searchTerm) {
-        const filteredRefdata = refdata?.filter(rd => rd.desc.toLowerCase().includes(searchTerm.toLowerCase()));
-        setContentData(filteredRefdata?.sort(sortByDesc) ?? []);
+        var _filteredRefdata$sort;
+        const filteredRefdata = refdata === null || refdata === void 0 ? void 0 : refdata.filter(rd => rd.desc.toLowerCase().includes(searchTerm.toLowerCase()));
+        setContentData((_filteredRefdata$sort = filteredRefdata === null || filteredRefdata === void 0 ? void 0 : filteredRefdata.sort(sortByDesc)) !== null && _filteredRefdata$sort !== void 0 ? _filteredRefdata$sort : []);
       } else {
-        setContentData(refdata?.sort(sortByDesc) ?? []);
+        var _refdata$sort;
+        setContentData((_refdata$sort = refdata === null || refdata === void 0 ? void 0 : refdata.sort(sortByDesc)) !== null && _refdata$sort !== void 0 ? _refdata$sort : []);
       }
     }
   }, [isRefdataLoading, refdata, searchTerm]);
@@ -103,36 +111,36 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   } = (0, _hooks.useMutateRefdataCategory)({
     afterQueryCalls: {
       delete: json => {
-        if (afterQueryCalls?.delete) {
+        if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.delete) {
           afterQueryCalls.delete(json);
         }
       },
       post: json => {
-        if (afterQueryCalls?.post) {
+        if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.post) {
           afterQueryCalls.post(json);
         }
       }
     },
-    catchQueryCalls: {
+    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);
         callout.sendCallout({
           message: kintIntl.formatKintMessage({
             id: 'refdataCategory.deleteRefdataCategory.errorMessage',
-            overrideValue: labelOverrides?.deleteError
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
           }, {
-            label: deleteModal?.refdata?.label,
-            error: errorResp?.message
+            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 // override defaults here
-    },
+      }
+    }, catchQueryCalls),
     endpoint: refdataEndpoint,
-    id: refdata?.id,
+    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -148,13 +156,14 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
 
   // This is the function which will take a row in the table and assign the relevant actions to it
   const actionAssigner = rowData => {
+    var _rowData$values;
     const actionArray = [];
-    if (!rowData?.values?.length && deleteCondition) {
+    if (!(rowData !== null && rowData !== void 0 && (_rowData$values = rowData.values) !== null && _rowData$values !== void 0 && _rowData$values.length) && 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({
@@ -163,9 +172,9 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
         }),
         ariaLabel: data => kintIntl.formatKintMessage({
           id: 'refdataCategory.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
         })
       });
     }
@@ -191,11 +200,11 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
       columnMapping: {
         desc: kintIntl.formatKintMessage({
           id: 'refdataCategory.refdataCategory',
-          overrideValue: labelOverrides?.refdataCategory
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.refdataCategory
         }),
         values: kintIntl.formatKintMessage({
           id: 'refdataCategory.noOfValues',
-          overrideValue: labelOverrides?.noOfValues
+          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noOfValues
         })
       },
       contentData: contentData,
@@ -209,15 +218,21 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
               buttonStyle: "link",
               onClick: () => handleRefdataCategoryClick(rowData),
-              children: rowData?.desc
+              children: rowData === null || rowData === void 0 ? void 0 : rowData.desc
             });
           }
-          return rowData?.desc;
+          return rowData === null || rowData === void 0 ? void 0 : rowData.desc;
         },
-        values: rowData => rowData?.values?.length
+        values: rowData => {
+          var _rowData$values2;
+          return rowData === null || rowData === void 0 || (_rowData$values2 = rowData.values) === null || _rowData$values2 === void 0 ? void 0 : _rowData$values2.length;
+        }
       }
       /* Hide actions column when no permissions, or no deletable refdata categories */,
-      hideActionsColumn: !createCondition && !deleteCondition || !contentData?.find(cd => cd?.values?.length === 0),
+      hideActionsColumn: !createCondition && !deleteCondition || !(contentData !== null && contentData !== void 0 && contentData.find(cd => {
+        var _cd$values;
+        return (cd === null || cd === void 0 || (_cd$values = cd.values) === null || _cd$values === void 0 ? void 0 : _cd$values.length) === 0;
+      })),
       hideCreateButton: hideCreateButton,
       label: label,
       validateFields: {
@@ -227,31 +242,32 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     }), /*#__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: 'refdataCategory.deleteRefdataCategory',
-        overrideValue: labelOverrides?.deleteRefdataCategory
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategory
       }),
       message: kintIntl.formatKintMessage({
         id: 'refdataCategory.deleteRefdataCategory.confirmMessage',
-        overrideValue: labelOverrides?.deleteRefdataCategoryMessage
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategoryMessage
       }, {
-        name: deleteModal?.refdata?.desc
+        name: deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.desc
       }),
       onCancel: () => setDeleteModal({
         visible: false,
         refdata: null
       }),
       onConfirm: () => {
-        deleteRefdataCategory(deleteModal?.refdata?.id);
-        onConfirmDelete(deleteModal?.refdata?.id);
+        var _deleteModal$refdata3, _deleteModal$refdata4;
+        deleteRefdataCategory(deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata3 = deleteModal.refdata) === null || _deleteModal$refdata3 === void 0 ? void 0 : _deleteModal$refdata3.id);
+        onConfirmDelete(deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata4 = deleteModal.refdata) === null || _deleteModal$refdata4 === void 0 ? void 0 : _deleteModal$refdata4.id);
         setDeleteModal({
           visible: false,
           refdata: null
         });
       },
-      open: deleteModal?.visible
+      open: deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.visible
     })]
   });
 });

package/es/lib/EditableRefdataList/EditableRefdataList.js

@@ -15,6 +15,11 @@ 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); }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   allowSpecial: _propTypes.default.bool,
@@ -32,6 +37,7 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataList = _ref => {
+  var _deleteModal$refdata2;
   let {
     afterQueryCalls,
     allowSpecial = false,
@@ -86,7 +92,8 @@ const EditableRefdataList = _ref => {
   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]);
 
@@ -98,39 +105,41 @@ const EditableRefdataList = _ref => {
   } = (0, _hooks.useMutateRefdataValue)({
     afterQueryCalls: {
       delete: json => {
-        setContentData(json?.values?.sort(sortByLabel) ?? []);
-        if (afterQueryCalls?.delete) {
+        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 => {
-        setContentData(json?.values?.sort(sortByLabel) ?? []);
-        if (afterQueryCalls?.put) {
+        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);
         }
       }
     },
-    catchQueryCalls: {
+    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?.deleteError
+            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteError
           }, {
-            label: deleteModal?.refdata?.label,
-            error: errorResp?.message
+            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 // override defaults here
-    },
+      }
+    }, catchQueryCalls),
     endpoint: refdataEndpoint,
-    id: refdata?.id,
+    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -152,24 +161,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 +187,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 +201,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 +235,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/EditableSettingsList/EditableSettingsListFieldArray/EditableSettingsListFieldArray.js

@@ -10,6 +10,11 @@ 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); }
 const EditableSettingsListField = _ref => {
   let {
     allowEdit,
@@ -25,15 +30,14 @@ const EditableSettingsListField = _ref => {
   } = _ref;
   // Handle editing or not at this level
   const [editing, setEditing] = (0, _react.useState)(false);
-  const settingData = (0, _react.useMemo)(() => ({
-    currentSetting: fields.value[index],
-    ...fields
-  }), [fields, index]);
+  const settingData = (0, _react.useMemo)(() => _objectSpread({
+    currentSetting: fields.value[index]
+  }, fields), [fields, index]);
   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,

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

@@ -25,14 +25,14 @@ const EditSettingValue = props => {
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const fieldLabel = kintIntl.formatKintMessage({
     id: 'settings.valueFor',
-    overrideValue: labelOverrides?.valueFor
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.valueFor
   }, {
     name: setting.key
   });
 
   // Adding default sort to refdata object in ascending order by label
   const sortByLabel = (a, b) => a.label.localeCompare(b.label);
-  const sortedRefdata = refdata?.sort(sortByLabel);
+  const sortedRefdata = refdata === null || refdata === void 0 ? void 0 : refdata.sort(sortByLabel);
   switch (setting.settingType) {
     case 'Refdata':
       // Grab refdata values corresponding to setting
@@ -45,14 +45,14 @@ const EditSettingValue = props => {
         "aria-label": fieldLabel,
         component: RefdataComponent,
         dataOptions: sortedRefdata,
-        name: `${input.name}.value`
+        name: "".concat(input.name, ".value")
       });
     case 'Password':
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
         "aria-label": fieldLabel,
         autoFocus: true,
         component: _components.TextField,
-        name: `${input.name}.value`,
+        name: "".concat(input.name, ".value"),
         parse: v => v // Lets us send an empty string instead of 'undefined'
         ,
         type: "password"
@@ -72,7 +72,7 @@ const EditSettingValue = props => {
           "aria-label": fieldLabel,
           component: _components.Select,
           dataOptions: selectTemplateValues,
-          name: `${input.name}.value`,
+          name: "".concat(input.name, ".value"),
           parse: v => v
         });
       }
@@ -82,7 +82,7 @@ const EditSettingValue = props => {
         "aria-label": fieldLabel,
         autoFocus: true,
         component: _components.TextField,
-        name: `${input.name}.value`,
+        name: "".concat(input.name, ".value"),
         parse: v => v // Lets us send an empty string instead of 'undefined'
       });
   }

package/es/lib/EditableSettingsList/SettingField/RenderSettingValue/RenderSettingValue.js

@@ -20,21 +20,23 @@ const RenderSettingValue = props => {
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   const NoCurrentValue = kintIntl.formatKintMessage({
     id: 'settings.noCurrentValue',
-    overrideValue: labelOverrides?.noCurrentValue
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noCurrentValue
   });
-  const defaultText = `[${kintIntl.formatKintMessage({
+  const defaultText = "[".concat(kintIntl.formatKintMessage({
     id: 'settings.default',
-    overrideValue: labelOverrides?.default
-  })}]`;
+    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.default
+  }), "]");
   switch (setting.settingType) {
     case 'Refdata':
       {
         if (setting.value) {
-          return refdata?.filter(obj => obj.value === setting.value)[0]?.label ?? null;
+          var _refdata$filter$0$lab, _refdata$filter$;
+          return (_refdata$filter$0$lab = refdata === null || refdata === void 0 || (_refdata$filter$ = refdata.filter(obj => obj.value === setting.value)[0]) === null || _refdata$filter$ === void 0 ? void 0 : _refdata$filter$.label) !== null && _refdata$filter$0$lab !== void 0 ? _refdata$filter$0$lab : null;
         }
         if (setting.defValue) {
-          const defValue = refdata?.filter(obj => obj.value === setting.defValue)[0]?.label;
-          return `${defaultText} ${defValue}`;
+          var _refdata$filter$2;
+          const defValue = refdata === null || refdata === void 0 || (_refdata$filter$2 = refdata.filter(obj => obj.value === setting.defValue)[0]) === null || _refdata$filter$2 === void 0 ? void 0 : _refdata$filter$2.label;
+          return "".concat(defaultText, " ").concat(defValue);
         }
         return NoCurrentValue;
       }
@@ -44,7 +46,7 @@ const RenderSettingValue = props => {
           return '********';
         }
         if (setting.defValue) {
-          return `${defaultText} ********`;
+          return "".concat(defaultText, " ********");
         }
         return NoCurrentValue;
       }
@@ -54,7 +56,7 @@ const RenderSettingValue = props => {
           const settingId = setting.value || setting.defValue;
           return obj.id === settingId;
         })[0];
-        return templateValue?.name || NoCurrentValue;
+        return (templateValue === null || templateValue === void 0 ? void 0 : templateValue.name) || NoCurrentValue;
       }
     default:
       {
@@ -62,7 +64,7 @@ const RenderSettingValue = props => {
           return setting.value;
         }
         if (setting.defValue) {
-          return `${defaultText} ${setting.defValue}`;
+          return "".concat(defaultText, " ").concat(setting.defValue);
         }
         return NoCurrentValue;
       }

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

@@ -15,6 +15,11 @@ var _utils = require("../../utils");
 var _renderHelpText = _interopRequireDefault(require("../../../../styles/renderHelpText.css"));
 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); }
 const SettingField = settingFieldProps => {
   const {
     allowEdit = true,
@@ -41,7 +46,7 @@ const SettingField = settingFieldProps => {
     endpoint: refdataEndpoint,
     desc: currentSetting.vocab,
     queryParams: {
-      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Refdata',
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata',
       staleTime: 1000 * 60 * 2 // 2 minutes staletime for refdata in settings?
     }
   });
@@ -49,7 +54,7 @@ const SettingField = settingFieldProps => {
     context: currentSetting.vocab,
     endpoint: templateEndpoint,
     queryParams: {
-      enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Template'
+      enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Template'
     }
   });
   const renderHelpText = helpTextId => {
@@ -115,10 +120,10 @@ const SettingField = settingFieldProps => {
   } else {
     RenderFunction = _EditSettingValue.default;
   }
-  const id = `settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}.help`;
+  const id = "settings.".concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key), ".help");
   const renderHeaderStart = () => {
     const settingName = Object.keys(currentSetting).length > 0 ? kintIntl.formatKintMessage({
-      id: `settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}`
+      id: "settings.".concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
     }) : kintIntl.formatKintMessage({
       id: 'loading'
     });
@@ -132,15 +137,14 @@ const SettingField = settingFieldProps => {
     headerEnd: renderEditButton(),
     headerStart: renderHeaderStart(),
     roundedBorder: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, _objectSpread({
       currentSetting: currentSetting,
       intlKey: passedIntlKey,
       intlNS: passedIntlNS,
       labelOverrides: labelOverrides,
       refdata: refdata,
-      templates: templates,
-      ...settingFieldProps
-    })
+      templates: templates
+    }, settingFieldProps))
   });
 };
 SettingField.propTypes = {