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

package/es/lib/SearchField/SearchField.js

@@ -9,8 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../../../styles/SearchField.css"));
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ariaLabel"]; // Accepts the same props as TextField
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Accepts the same props as TextField
+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 propTypes = {
   ariaLabel: _propTypes.default.string,
   clearSearchId: _propTypes.default.string,
@@ -18,24 +25,21 @@ const propTypes = {
   onClear: _propTypes.default.func
 };
 const SearchField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  const {
-    ariaLabel,
-    ...rest
-  } = props;
+  const ariaLabel = props.ariaLabel,
+    rest = _objectWithoutProperties(props, _excluded);
   const searchIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: "search",
     iconClassName: _SearchField.default.searchIcon,
     size: "small"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({}, rest), {}, {
     "aria-label": rest['aria-label'] || ariaLabel,
     focussedclass: _SearchField.default.isFocused,
     hasClearIcon: true,
     inputRef: ref,
     startControl: searchIcon,
     type: "search"
-  });
+  }));
 });
 SearchField.propTypes = propTypes;
 var _default = exports.default = SearchField;

package/es/lib/SearchKeyControl/SearchKeyControl.js

@@ -12,29 +12,44 @@ var _hooks = require("../hooks");
 var _SearchKeyControl = _interopRequireDefault(require("../../../styles/SearchKeyControl.css"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
+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; } /*
   IMPORTANT -- This component is controlled by the qIndex, rather than the other way around.
   It should inject values in/remove values from the qIndex, but not replace the entire thing.
-*/const SearchKeyControl = _ref => {
-  let {
-    options = []
-  } = _ref;
+*/
+const SearchKeyControl = _ref => {
+  let _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options;
   // This component expects a qIndex comprising of a comma separated list
-  const [qIndex, setQIndex] = (0, _hooks.useQIndex)();
-  const qIndexArray = (0, _react.useMemo)(() => qIndex?.split(',')?.map(index => index.trim()) ?? [], [qIndex]);
+  const _useQIndex = (0, _hooks.useQIndex)(),
+    _useQIndex2 = _slicedToArray(_useQIndex, 2),
+    qIndex = _useQIndex2[0],
+    setQIndex = _useQIndex2[1];
+  const qIndexArray = (0, _react.useMemo)(() => {
+    var _qIndex$split$map, _qIndex$split;
+    return (_qIndex$split$map = qIndex === null || qIndex === void 0 || (_qIndex$split = qIndex.split(',')) === null || _qIndex$split === void 0 ? void 0 : _qIndex$split.map(index => index.trim())) !== null && _qIndex$split$map !== void 0 ? _qIndex$split$map : [];
+  }, [qIndex]);
 
   // Memoise this process so keyState changes if and only if options/qIndex change
   const createKeyState = (0, _react.useCallback)(() => options.reduce((acc, curr) => {
+    var _curr$indexes$length, _curr$indexes, _curr$label;
     // Is in use if URL contains ALL of the indexes
-    const subindexes = (curr?.indexes?.length ?? 0) > 0 ? curr.indexes : [curr.key];
+    const subindexes = ((_curr$indexes$length = curr === null || curr === void 0 || (_curr$indexes = curr.indexes) === null || _curr$indexes === void 0 ? void 0 : _curr$indexes.length) !== null && _curr$indexes$length !== void 0 ? _curr$indexes$length : 0) > 0 ? curr.indexes : [curr.key];
     acc[curr.key] = {
       inUse: subindexes.every(si => qIndexArray.includes(si)),
-      label: curr.label ?? curr.key,
+      label: (_curr$label = curr.label) !== null && _curr$label !== void 0 ? _curr$label : curr.key,
       subIndexes: curr.indexes
     };
     return acc;
   }, {}), [options, qIndexArray]);
-  const [keyState, setKeyState] = (0, _react.useState)(createKeyState());
+  const _useState = (0, _react.useState)(createKeyState()),
+    _useState2 = _slicedToArray(_useState, 2),
+    keyState = _useState2[0],
+    setKeyState = _useState2[1];
 
   // Keep keyState up to date as options/qIndex change
   (0, _react.useEffect)(() => {
@@ -45,24 +60,22 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   }, [createKeyState, keyState]);
 
   // Check to see if page param exists, and if it does then changing qIndex should reset it
-  const {
-    currentPage,
-    resetPage
-  } = (0, _hooks.usePrevNextPagination)({
-    defaultToPageOne: false
-  });
+  const _usePrevNextPaginatio = (0, _hooks.usePrevNextPagination)({
+      defaultToPageOne: false
+    }),
+    currentPage = _usePrevNextPaginatio.currentPage,
+    resetPage = _usePrevNextPaginatio.resetPage;
   const handleSearchKeyChange = (0, _react.useCallback)(_ref2 => {
-    let {
-      e: {
-        target: {
-          checked: targetIsChecked
-        } = {}
-      } = {},
-      key,
-      value
-    } = _ref2;
+    var _value$subIndexes$len, _value$subIndexes;
+    let _ref2$e = _ref2.e,
+      _ref2$e2 = _ref2$e === void 0 ? {} : _ref2$e,
+      _ref2$e2$target = _ref2$e2.target,
+      _ref2$e2$target2 = _ref2$e2$target === void 0 ? {} : _ref2$e2$target,
+      targetIsChecked = _ref2$e2$target2.checked,
+      key = _ref2.key,
+      value = _ref2.value;
     // Set up which indexes need to change
-    const indicesToChange = (value?.subIndexes?.length ?? 0) > 0 ? value.subIndexes : [key];
+    const indicesToChange = ((_value$subIndexes$len = value === null || value === void 0 || (_value$subIndexes = value.subIndexes) === null || _value$subIndexes === void 0 ? void 0 : _value$subIndexes.length) !== null && _value$subIndexes$len !== void 0 ? _value$subIndexes$len : 0) > 0 ? value.subIndexes : [key];
 
     // If false, we must remove from the qIndex
     if (!targetIsChecked) {
@@ -79,7 +92,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
         qIndexArray.push(ind);
       });
     }
-    setQIndex(qIndexArray?.join(','));
+    setQIndex(qIndexArray === null || qIndexArray === void 0 ? void 0 : qIndexArray.join(','));
     if (currentPage) {
       resetPage();
     }
@@ -88,7 +101,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _SearchKeyControl.default.searchKeyControlContainer,
       children: Object.entries(keyState).map(_ref3 => {
-        let [key, value] = _ref3;
+        let _ref4 = _slicedToArray(_ref3, 2),
+          key = _ref4[0],
+          value = _ref4[1];
         /* At this point we have "key" corresponding to a searchKey option,
         * and "value" an object of the shape
           {
@@ -97,15 +112,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
           }
         */
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Checkbox, {
-          checked: value?.inUse,
+          checked: value === null || value === void 0 ? void 0 : value.inUse,
           className: _SearchKeyControl.default.searchKeyControlElement,
-          label: value?.label,
+          label: value === null || value === void 0 ? void 0 : value.label,
           onChange: e => handleSearchKeyChange({
             e,
             key,
             value
           })
-        }, `search-key-control-${key}`);
+        }, "search-key-control-".concat(key));
       })
     })
   });

package/es/lib/SearchKeyControl/SearchKeyControl.test.js

@@ -7,9 +7,13 @@ var _SearchKeyControl = _interopRequireDefault(require("./SearchKeyControl"));
 var _jest = require("../../../test/jest");
 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 mockUseQIndex = jest.fn();
-jest.mock('../hooks', () => ({
-  ...jest.requireActual('../hooks'),
+jest.mock('../hooks', () => _objectSpread(_objectSpread({}, jest.requireActual('../hooks')), {}, {
   useQIndex: () => mockUseQIndex()
 }));
 describe('SearchKeyControl', () => {

package/es/lib/Settings/EditableRefdataCategoryList/EditableRefdataCategoryList.js

@@ -16,6 +16,17 @@ 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); }
+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,
   catchQueryCalls: _propTypes.default.object,
@@ -35,126 +46,129 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    afterQueryCalls,
-    catchQueryCalls,
-    /*
-     * Set of extra booleans for controlling access to actions
-     * 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 a refdata category that has refdata values.
-     */
-    displayConditions = {
+  var _deleteModal$refdata2;
+  let afterQueryCalls = _ref.afterQueryCalls,
+    catchQueryCalls = _ref.catchQueryCalls,
+    _ref$displayCondition = _ref.displayConditions,
+    displayConditions = _ref$displayCondition === void 0 ? {
       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;
+    } : _ref$displayCondition,
+    handleRefdataCategoryClick = _ref.handleRefdataCategoryClick,
+    hideCreateButton = _ref.hideCreateButton,
+    isSearchDisabled = _ref.isSearchDisabled,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    label = _ref.label,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    _ref$onConfirmDelete = _ref.onConfirmDelete,
+    onConfirmDelete = _ref$onConfirmDelete === void 0 ? _id => null : _ref$onConfirmDelete,
+    refdataEndpoint = _ref.refdataEndpoint;
   /* A component that allows for editing of refdata categories */
   const callout = (0, _react.useContext)(_core.CalloutContext);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  const {
-    create: createCondition = true,
-    delete: deleteCondition = true
-  } = displayConditions;
+  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;
 
   // fetch refdata values
-  const {
-    data: refdata = [],
-    isLoading: isRefdataLoading
-  } = (0, _hooks.useRefdata)({
-    endpoint: refdataEndpoint,
-    returnQueryObject: true
-  });
-  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
-  const [contentData, setContentData] = (0, _react.useState)([]);
-  const [deleteModal, setDeleteModal] = (0, _react.useState)({
-    visible: false,
-    refdata: null
-  });
+  const _useRefdata = (0, _hooks.useRefdata)({
+      endpoint: refdataEndpoint,
+      returnQueryObject: true
+    }),
+    _useRefdata$data = _useRefdata.data,
+    refdata = _useRefdata$data === void 0 ? [] : _useRefdata$data,
+    isRefdataLoading = _useRefdata.isLoading;
+  const _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  const _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    contentData = _useState4[0],
+    setContentData = _useState4[1];
+  const _useState5 = (0, _react.useState)({
+      visible: false,
+      refdata: null
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    deleteModal = _useState6[0],
+    setDeleteModal = _useState6[1];
   const sortByDesc = (a, b) => a.desc.localeCompare(b.desc);
   (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]);
 
   // Edit and Create will use the same POST mutation
-  const {
-    delete: deleteRefdataCategory,
-    post: createRefdataCategory
-  } = (0, _hooks.useMutateRefdataCategory)({
-    afterQueryCalls: {
-      delete: json => {
-        if (afterQueryCalls?.delete) {
-          afterQueryCalls.delete(json);
+  const _useMutateRefdataCate = (0, _hooks.useMutateRefdataCategory)({
+      afterQueryCalls: {
+        delete: json => {
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.delete) {
+            afterQueryCalls.delete(json);
+          }
+        },
+        post: json => {
+          if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.post) {
+            afterQueryCalls.post(json);
+          }
         }
       },
-      post: json => {
-        if (afterQueryCalls?.post) {
-          afterQueryCalls.post(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);
+          callout.sendCallout({
+            message: kintIntl.formatKintMessage({
+              id: 'refdataCategory.deleteRefdataCategory.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
+        },
+        post: {
+          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);
-        callout.sendCallout({
-          message: kintIntl.formatKintMessage({
-            id: 'refdataCategory.deleteRefdataCategory.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
-      },
-      post: {
-        enabled: !!refdata
-      }
-    }
-  });
+    }),
+    deleteRefdataCategory = _useMutateRefdataCate.delete,
+    createRefdataCategory = _useMutateRefdataCate.post;
   if (isRefdataLoading) {
     return 'loading';
   }
 
   // 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 +177,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 +205,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 +223,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 +247,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
     })]
   });
 });