@k-int/stripes-kint-components 5.2.3 → 5.3.1

package/es/lib/CustomProperties/View/CustomPropertiesViewCtx.js

@@ -11,6 +11,7 @@ var _CustomPropertyCard = _interopRequireDefault(require("./CustomPropertyCard")
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const CustomPropertiesViewCtx = _ref => {
+  var _custprops$filter$len, _custprops$filter;
   let {
     ctx,
     customProperties = [],
@@ -35,7 +36,7 @@ const CustomPropertiesViewCtx = _ref => {
     // Chain formatKintMessages together using provided fallbackMessage to
     // allow for "If override or translation exists, use it, else use default"
     return kintIntl.formatKintMessage({
-      id: `customProperties.ctx.${ctx}`,
+      id: "customProperties.ctx.".concat(ctx),
       overrideValue: labelOverrides[ctx],
       fallbackMessage: kintIntl.formatKintMessage({
         id: 'customProperties.defaultTitle',
@@ -74,27 +75,30 @@ const CustomPropertiesViewCtx = _ref => {
       ]
     }
   });
-
   if (isLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
       closedByDefault: true,
       displayWhenClosed: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}),
       displayWhenOpen: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {}),
-      id: `${id}-accordion-${ctx}`,
+      id: "".concat(id, "-accordion-").concat(ctx),
       label: getAccordionLabel(),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
     });
   }
-  const countSetProperties = primary => Object.entries(customProperties)?.filter(_ref2 => {
-    let [_key, cp] = _ref2;
-    return (cp[0]?.type?.ctx === ctx || ctx === 'isNull' && !cp[0]?.type?.ctx) &&
-    // Either the ctx string matches, or isNull matches blank
-    cp[0]?.type?.primary === primary // Only count non-primary set custprops
-    ;
-  })?.length ?? 0;
+  const countSetProperties = primary => {
+    var _Object$entries$filte, _Object$entries;
+    return (_Object$entries$filte = (_Object$entries = Object.entries(customProperties)) === null || _Object$entries === void 0 || (_Object$entries = _Object$entries.filter(_ref2 => {
+      var _cp$, _cp$2, _cp$3;
+      let [_key, cp] = _ref2;
+      return (((_cp$ = cp[0]) === null || _cp$ === void 0 || (_cp$ = _cp$.type) === null || _cp$ === void 0 ? void 0 : _cp$.ctx) === ctx || ctx === 'isNull' && !((_cp$2 = cp[0]) !== null && _cp$2 !== void 0 && (_cp$2 = _cp$2.type) !== null && _cp$2 !== void 0 && _cp$2.ctx)) &&
+      // Either the ctx string matches, or isNull matches blank
+      ((_cp$3 = cp[0]) === null || _cp$3 === void 0 || (_cp$3 = _cp$3.type) === null || _cp$3 === void 0 ? void 0 : _cp$3.primary) === primary // Only count non-primary set custprops
+      ;
+    })) === null || _Object$entries === void 0 ? void 0 : _Object$entries.length) !== null && _Object$entries$filte !== void 0 ? _Object$entries$filte : 0;
+  };
 
   // We need to display any set properties, along with any non-set primary properties
-  const primaryCount = custprops?.filter(cp => cp.primary === true)?.length ?? 0;
+  const primaryCount = (_custprops$filter$len = custprops === null || custprops === void 0 || (_custprops$filter = custprops.filter(cp => cp.primary === true)) === null || _custprops$filter === void 0 ? void 0 : _custprops$filter.length) !== null && _custprops$filter$len !== void 0 ? _custprops$filter$len : 0;
   const optionalCount = countSetProperties(false);
   const setPrimaryCount = countSetProperties(true);
   return primaryCount + optionalCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Accordion, {
@@ -105,15 +109,18 @@ const CustomPropertiesViewCtx = _ref => {
     displayWhenOpen: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Badge, {
       children: setPrimaryCount + optionalCount
     }),
-    id: `${id}-accordion-${ctx}`,
+    id: "".concat(id, "-accordion-").concat(ctx),
     label: getAccordionLabel(),
-    children: custprops.map((cp, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyCard.default, {
-      ctx: ctx,
-      customProperty: customProperties?.[cp.name]?.[0],
-      customPropertyDefinition: cp,
-      index: index,
-      labelOverrides: labelOverrides
-    }, `custom-property-card-${ctx}[${index}]`))
+    children: custprops.map((cp, index) => {
+      var _customProperties$cp$;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertyCard.default, {
+        ctx: ctx,
+        customProperty: customProperties === null || customProperties === void 0 || (_customProperties$cp$ = customProperties[cp.name]) === null || _customProperties$cp$ === void 0 ? void 0 : _customProperties$cp$[0],
+        customPropertyDefinition: cp,
+        index: index,
+        labelOverrides: labelOverrides
+      }, "custom-property-card-".concat(ctx, "[").concat(index, "]"));
+    })
   });
 };
 CustomPropertiesViewCtx.propTypes = {

package/es/lib/CustomProperties/View/CustomPropertyCard.js

@@ -30,8 +30,9 @@ const CustomPropertyCard = _ref => {
   if (!toDisplay) {
     return null;
   }
-  const internalFalse = customProperty?.internal === false || customProperty?.internal === undefined && customPropertyDefinition.defaultInternal === false;
+  const internalFalse = (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === false || (customProperty === null || customProperty === void 0 ? void 0 : customProperty.internal) === undefined && customPropertyDefinition.defaultInternal === false;
   const renderValue = () => {
+    var _customProperty$value, _customProperty$value2, _customProperty$value3, _customProperty$value4;
     if (!customProperty) {
       return kintIntl.formatKintMessage({
         id: 'notSet',
@@ -41,11 +42,14 @@ const CustomPropertyCard = _ref => {
     switch (customPropertyDefinition.type) {
       case CUSTPROP_TYPES.MULTI_REFDATA_CLASS_NAME:
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.List, {
-          items: customProperty.value?.map(item => item?.label ?? item?.value),
+          items: (_customProperty$value = customProperty.value) === null || _customProperty$value === void 0 ? void 0 : _customProperty$value.map(item => {
+            var _item$label;
+            return (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : item === null || item === void 0 ? void 0 : item.value;
+          }),
           listStyle: "bullets"
         });
       case CUSTPROP_TYPES.REFDATA_CLASS_NAME:
-        return customProperty.value?.label ?? customProperty.value?.value;
+        return (_customProperty$value2 = (_customProperty$value3 = customProperty.value) === null || _customProperty$value3 === void 0 ? void 0 : _customProperty$value3.label) !== null && _customProperty$value2 !== void 0 ? _customProperty$value2 : (_customProperty$value4 = customProperty.value) === null || _customProperty$value4 === void 0 ? void 0 : _customProperty$value4.value;
       case CUSTPROP_TYPES.DECIMAL_CLASS_NAME:
       case CUSTPROP_TYPES.INTEGER_CLASS_NAME:
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedNumber, {
@@ -73,7 +77,7 @@ const CustomPropertyCard = _ref => {
         content: customPropertyDefinition.description
       }) : null]
     }),
-    id: `customproperty-card-${index}`,
+    id: "customproperty-card-".concat(index),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Row, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
@@ -84,7 +88,7 @@ const CustomPropertyCard = _ref => {
           }),
           children: renderValue()
         })
-      }), customProperty?.note ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
+      }), customProperty !== null && customProperty !== void 0 && customProperty.note ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: 6,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
           label: kintIntl.formatKintMessage({
@@ -119,7 +123,7 @@ const CustomPropertyCard = _ref => {
             id: 'customProperties.publicNote',
             overrideValue: labelOverrides.publicNote
           }),
-          children: customProperty?.publicNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: customProperty !== null && customProperty !== void 0 && customProperty.publicNote ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             style: {
               whiteSpace: 'pre-wrap'
             },
@@ -128,7 +132,7 @@ const CustomPropertyCard = _ref => {
         })
       })]
     })]
-  }, `customPropertyCard-${ctx}[${index}]`);
+  }, "customPropertyCard-".concat(ctx, "[").concat(index, "]"));
 };
 CustomPropertyCard.propTypes = {
   ctx: _propTypes.default.string,

package/es/lib/CycleButton/CycleButton.js

@@ -29,7 +29,7 @@ const CycleButton = _ref => {
       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);
     }
   });
 };

package/es/lib/EditableRefdataCategoryList/EditableRefdataCategoryList.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _core = require("@folio/stripes/core");
 var _hooks = require("../hooks");
+var _SearchField = _interopRequireDefault(require("../SearchField"));
 var _ActionList = _interopRequireDefault(require("../ActionList"));
 var _validators = require("../validators");
 var _utils = require("../utils");
+var _CustomProperties = _interopRequireDefault(require("../../../styles/CustomProperties.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
@@ -24,13 +24,18 @@ const propTypes = {
     delete: _propTypes.default.bool,
     view: _propTypes.default.bool
   }),
+  handleRefdataCategoryClick: _propTypes.default.func,
+  hideCreateButton: _propTypes.default.bool,
   intlKey: _propTypes.default.string,
   intlNS: _propTypes.default.string,
+  isSearchDisabled: _propTypes.default.bool,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   labelOverrides: _propTypes.default.object,
+  onConfirmDelete: _propTypes.default.func,
   refdataEndpoint: _propTypes.default.string
 };
-const EditableRefdataCategoryList = _ref => {
+const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _deleteModal$refdata2;
   let {
     afterQueryCalls,
     catchQueryCalls,
@@ -45,11 +50,17 @@ const EditableRefdataCategoryList = _ref => {
       create: true,
       delete: true
     },
+    handleRefdataCategoryClick,
+    hideCreateButton,
+    isSearchDisabled,
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
     label,
     labelOverrides = {},
     // An object containing translation alternatives
+    // A function which will fire on confirmation of delete,
+    // with id of deleted Refdata category
+    onConfirmDelete = _id => null,
     refdataEndpoint
   } = _ref;
   /* A component that allows for editing of refdata categories */
@@ -68,6 +79,7 @@ const EditableRefdataCategoryList = _ref => {
     endpoint: refdataEndpoint,
     returnQueryObject: true
   });
+  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
   const [contentData, setContentData] = (0, _react.useState)([]);
   const [deleteModal, setDeleteModal] = (0, _react.useState)({
     visible: false,
@@ -76,9 +88,16 @@ const EditableRefdataCategoryList = _ref => {
   const sortByDesc = (a, b) => a.desc.localeCompare(b.desc);
   (0, _react.useEffect)(() => {
     if (!isRefdataLoading) {
-      setContentData(refdata?.sort(sortByDesc) ?? []);
+      if (searchTerm) {
+        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 {
+        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]);
+  }, [isRefdataLoading, refdata, searchTerm]);
 
   // Edit and Create will use the same POST mutation
   const {
@@ -87,12 +106,12 @@ const EditableRefdataCategoryList = _ref => {
   } = (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);
         }
       }
@@ -101,23 +120,23 @@ const EditableRefdataCategoryList = _ref => {
       // 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
     },
-
     endpoint: refdataEndpoint,
-    id: refdata?.id,
+    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -133,13 +152,14 @@ const EditableRefdataCategoryList = _ref => {
 
   // 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({
@@ -148,25 +168,39 @@ const EditableRefdataCategoryList = _ref => {
         }),
         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
         })
       });
     }
     return actionArray;
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionList.default, {
+    children: [!isSearchDisabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _CustomProperties.default.lookupSearchContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
+        ariaLabel: kintIntl.formatKintMessage({
+          id: 'refdataCategories.config.searchAriaLabel',
+          overrideValue: labelOverrides.searchAriaLabel,
+          fallbackMessage: 'refdata-category-search-field'
+        }),
+        className: _CustomProperties.default.lookupSearch,
+        marginBottom0: true,
+        onChange: e => setSearchTerm(e.target.value),
+        value: searchTerm
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionList.default, {
+      ref: ref,
       actionAssigner: actionAssigner,
       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,
@@ -175,10 +209,27 @@ const EditableRefdataCategoryList = _ref => {
       },
       createCallback: !createCondition ? null : data => createRefdataCategory(data),
       formatter: {
-        values: rowData => rowData?.values?.length
+        desc: rowData => {
+          if (handleRefdataCategoryClick) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+              buttonStyle: "link",
+              onClick: () => handleRefdataCategoryClick(rowData),
+              children: rowData === null || rowData === void 0 ? void 0 : rowData.desc
+            });
+          }
+          return rowData === null || rowData === void 0 ? void 0 : rowData.desc;
+        },
+        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: {
         desc: () => _validators.required
@@ -187,32 +238,34 @@ const EditableRefdataCategoryList = _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: '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);
+        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
     })]
   });
-};
+});
 EditableRefdataCategoryList.propTypes = propTypes;
 var _default = exports.default = EditableRefdataCategoryList;

package/es/lib/EditableRefdataList/EditableRefdataList.js

@@ -33,6 +33,7 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataList = _ref => {
+  var _deleteModal$refdata2;
   let {
     afterQueryCalls,
     allowSpecial = false,
@@ -87,7 +88,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,14 +100,16 @@ 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);
         }
       }
@@ -114,23 +118,23 @@ const EditableRefdataList = _ref => {
       // 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: '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
     },
-
     endpoint: refdataEndpoint,
-    id: refdata?.id,
+    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -152,24 +156,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 +182,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,24 +196,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 {
+          var _selectorSafe;
           editRefdataValue({
             ...data,
-            value: (0, _utils.selectorSafe)(data?.label)?.replaceAll('%20', ' ')
+            value: (_selectorSafe = (0, _utils.selectorSafe)(data === null || data === void 0 ? void 0 : data.label)) === null || _selectorSafe === void 0 ? void 0 : _selectorSafe.replaceAll('%20', ' ')
           });
         }
       },
@@ -226,30 +231,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.js

@@ -28,7 +28,7 @@ const EditableSettingsListFieldArray = _ref => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       allowEdit: allowEdit,
       component: _SettingField.SettingField,
-      "data-testid": `editableSettingsListFieldArray[${i}]`,
+      "data-testid": "editableSettingsListFieldArray[".concat(i, "]"),
       intlKey: passedIntlKey,
       intlNS: passedIntlNS,
       labelOverrides: labelOverrides,

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

@@ -25,7 +25,7 @@ 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
   });
@@ -41,14 +41,14 @@ const EditSettingValue = props => {
         "aria-label": fieldLabel,
         component: RefdataComponent,
         dataOptions: refdata,
-        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"
@@ -68,7 +68,7 @@ const EditSettingValue = props => {
           "aria-label": fieldLabel,
           component: _components.Select,
           dataOptions: selectTemplateValues,
-          name: `${input.name}.value`,
+          name: "".concat(input.name, ".value"),
           parse: v => v
         });
       }
@@ -78,12 +78,11 @@ 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'
       });
   }
 };
-
 EditSettingValue.propTypes = {
   currentSetting: _propTypes.default.shape({
     settingType: _propTypes.default.string,