@k-int/stripes-kint-components 5.29.1 → 5.31.0

package/es/lib/SASQViewComponent/SASQViewComponent.js

@@ -9,94 +9,86 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["fetchParameters", "history", "id", "location", "match", "path", "viewQueryPromise", "viewResponseTransform", "ViewComponent", "viewQueryNamespaceGenerator"],
-  _excluded2 = ["data"];
 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 SASQViewComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _fetchParameters$item, _match$params, _match$params3;
   let {
-      fetchParameters,
-      history,
-      id,
-      location,
-      match,
-      path,
-      viewQueryPromise = _ref2 => {
-        let {
-          endpoint,
-          ky,
-          resourceId
-        } = _ref2;
-        return ky.get("".concat(endpoint, "/").concat(resourceId)).json();
-      },
-      viewResponseTransform = response => response,
-      ViewComponent,
-      viewQueryNamespaceGenerator = _ref3 => {
-        let {
-          namespace,
-          componentId,
-          id: passedId
-        } = _ref3;
-        const queryNamespace = [namespace, 'SASQ'];
-        if (componentId) {
-          queryNamespace.push(componentId);
-        }
-        queryNamespace.push('view');
-        queryNamespace.push(passedId);
-        return queryNamespace;
+    fetchParameters,
+    history,
+    id,
+    location,
+    match,
+    path,
+    viewQueryPromise = _ref2 => {
+      let {
+        endpoint,
+        ky,
+        resourceId
+      } = _ref2;
+      return ky.get(`${endpoint}/${resourceId}`).json();
+    },
+    viewResponseTransform = response => response,
+    ViewComponent,
+    viewQueryNamespaceGenerator = _ref3 => {
+      let {
+        namespace,
+        componentId,
+        id: passedId
+      } = _ref3;
+      const queryNamespace = [namespace, 'SASQ'];
+      if (componentId) {
+        queryNamespace.push(componentId);
       }
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+      queryNamespace.push('view');
+      queryNamespace.push(passedId);
+      return queryNamespace;
+    },
+    ...props
+  } = _ref;
   const {
     0: namespace
   } = (0, _core.useNamespace)();
 
   // If itemEndpoint is available, use that, otherwise use standard endpoint
-  const endpoint = (_fetchParameters$item = fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.itemEndpoint) !== null && _fetchParameters$item !== void 0 ? _fetchParameters$item : fetchParameters === null || fetchParameters === void 0 ? void 0 : fetchParameters.endpoint;
+  const endpoint = fetchParameters?.itemEndpoint ?? fetchParameters?.endpoint;
   const ky = (0, _core.useOkapiKy)();
-  const _useQuery = (0, _reactQuery.useQuery)(viewQueryNamespaceGenerator({
-      componentId: id,
-      namespace,
-      endpoint,
-      id: match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id,
-      match
-    }), () => {
-      var _match$params2;
-      return viewQueryPromise({
-        ky,
-        resourceId: match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id,
-        endpoint
-      });
-    }, {
-      enabled: !!(match !== null && match !== void 0 && (_match$params3 = match.params) !== null && _match$params3 !== void 0 && _match$params3.id),
-      // select is a parameter supported by useQuery to transform the response
-      // Could be possible to instead pass this down along with the queryOptions
-      // Additionally this is assuming the viewResponseTransform is a func as opposed to an object
-      select: selectData => {
-        return viewResponseTransform(selectData);
-      }
-    }),
-    {
-      data = {}
-    } = _useQuery,
-    rest = _objectWithoutProperties(_useQuery, _excluded2);
+  const {
+    data = {},
+    ...rest
+  } = (0, _reactQuery.useQuery)(viewQueryNamespaceGenerator({
+    componentId: id,
+    namespace,
+    endpoint,
+    id: match?.params?.id,
+    match
+  }), () => {
+    return viewQueryPromise({
+      ky,
+      resourceId: match?.params?.id,
+      endpoint
+    });
+  }, {
+    enabled: !!match?.params?.id,
+    // select is a parameter supported by useQuery to transform the response
+    // Could be possible to instead pass this down along with the queryOptions
+    // Additionally this is assuming the viewResponseTransform is a func as opposed to an object
+    select: selectData => {
+      return viewResponseTransform(selectData);
+    }
+  });
   (0, _react.useImperativeHandle)(ref, () => ({
-    queryProps: _objectSpread({
-      data
-    }, rest)
+    queryProps: {
+      data,
+      ...rest
+    }
   }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, _objectSpread({
-    onClose: () => history.push("".concat(path).concat(location.search)),
-    queryProps: _objectSpread({}, rest),
-    resource: data
-  }, props));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewComponent, {
+    onClose: () => history.push(`${path}${location.search}`),
+    queryProps: {
+      ...rest
+    },
+    resource: data,
+    ...props
+  });
 });
 SASQViewComponent.propTypes = {
   fetchParameters: _propTypes.default.object,

package/es/lib/SearchField/SearchField.js

@@ -9,15 +9,8 @@ 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 }; }
-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; }
+// Accepts the same props as TextField
 const propTypes = {
   ariaLabel: _propTypes.default.string,
   clearSearchId: _propTypes.default.string,
@@ -26,21 +19,22 @@ const propTypes = {
 };
 const SearchField = props => {
   const {
-      ariaLabel
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    ariaLabel,
+    ...rest
+  } = props;
   const searchIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: "search",
     iconClassName: _SearchField.default.searchIcon,
     size: "small"
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
+    ...rest,
     "aria-label": rest['aria-label'] || ariaLabel,
     focussedclass: _SearchField.default.isFocused,
     hasClearIcon: true,
     startControl: searchIcon,
     type: "search"
-  }));
+  });
 };
 SearchField.propTypes = propTypes;
 var _default = exports.default = SearchField;

package/es/lib/SearchKeyControl/SearchKeyControl.js

@@ -21,19 +21,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   } = _ref;
   // This component expects a qIndex comprising of a comma separated list
   const [qIndex, setQIndex] = (0, _hooks.useQIndex)();
-  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]);
+  const qIndexArray = (0, _react.useMemo)(() => qIndex?.split(',')?.map(index => index.trim()) ?? [], [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 = 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];
+    const subindexes = (curr?.indexes?.length ?? 0) > 0 ? curr.indexes : [curr.key];
     acc[curr.key] = {
       inUse: subindexes.every(si => qIndexArray.includes(si)),
-      label: (_curr$label = curr.label) !== null && _curr$label !== void 0 ? _curr$label : curr.key,
+      label: curr.label ?? curr.key,
       subIndexes: curr.indexes
     };
     return acc;
@@ -56,7 +52,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     defaultToPageOne: false
   });
   const handleSearchKeyChange = (0, _react.useCallback)(_ref2 => {
-    var _value$subIndexes$len, _value$subIndexes;
     let {
       e: {
         target: {
@@ -67,7 +62,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
       value
     } = _ref2;
     // Set up which indexes need to change
-    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];
+    const indicesToChange = (value?.subIndexes?.length ?? 0) > 0 ? value.subIndexes : [key];
 
     // If false, we must remove from the qIndex
     if (!targetIsChecked) {
@@ -84,7 +79,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
         qIndexArray.push(ind);
       });
     }
-    setQIndex(qIndexArray === null || qIndexArray === void 0 ? void 0 : qIndexArray.join(','));
+    setQIndex(qIndexArray?.join(','));
     if (currentPage) {
       resetPage();
     }
@@ -102,15 +97,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
           }
         */
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Checkbox, {
-          checked: value === null || value === void 0 ? void 0 : value.inUse,
+          checked: value?.inUse,
           className: _SearchKeyControl.default.searchKeyControlElement,
-          label: value === null || value === void 0 ? void 0 : value.label,
+          label: value?.label,
           onChange: e => handleSearchKeyChange({
             e,
             key,
             value
           })
-        }, "search-key-control-".concat(key));
+        }, `search-key-control-${key}`);
       })
     })
   });

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

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

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

@@ -16,11 +16,6 @@ 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,
@@ -40,7 +35,6 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _deleteModal$refdata2;
   let {
     afterQueryCalls,
     catchQueryCalls,
@@ -94,12 +88,10 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   (0, _react.useEffect)(() => {
     if (!isRefdataLoading) {
       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 : []);
+        const filteredRefdata = refdata?.filter(rd => rd.desc.toLowerCase().includes(searchTerm.toLowerCase()));
+        setContentData(filteredRefdata?.sort(sortByDesc) ?? []);
       } else {
-        var _refdata$sort;
-        setContentData((_refdata$sort = refdata === null || refdata === void 0 ? void 0 : refdata.sort(sortByDesc)) !== null && _refdata$sort !== void 0 ? _refdata$sort : []);
+        setContentData(refdata?.sort(sortByDesc) ?? []);
       }
     }
   }, [isRefdataLoading, refdata, searchTerm]);
@@ -111,36 +103,36 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
   } = (0, _hooks.useMutateRefdataCategory)({
     afterQueryCalls: {
       delete: json => {
-        if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.delete) {
+        if (afterQueryCalls?.delete) {
           afterQueryCalls.delete(json);
         }
       },
       post: json => {
-        if (afterQueryCalls !== null && afterQueryCalls !== void 0 && afterQueryCalls.post) {
+        if (afterQueryCalls?.post) {
           afterQueryCalls.post(json);
         }
       }
     },
-    catchQueryCalls: _objectSpread({
+    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 => {
-        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
+            overrideValue: 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
+            label: deleteModal?.refdata?.label,
+            error: errorResp?.message
           }),
           type: 'error'
         });
-      }
-    }, catchQueryCalls),
+      },
+      ...catchQueryCalls // override defaults here
+    },
     endpoint: refdataEndpoint,
-    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
+    id: refdata?.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -156,14 +148,13 @@ 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 !== null && rowData !== void 0 && (_rowData$values = rowData.values) !== null && _rowData$values !== void 0 && _rowData$values.length) && deleteCondition) {
+    if (!rowData?.values?.length && deleteCondition) {
       actionArray.push({
         name: 'delete',
         label: kintIntl.formatKintMessage({
           id: 'delete',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
+          overrideValue: labelOverrides?.delete
         }),
         icon: 'trash',
         callback: data => setDeleteModal({
@@ -172,9 +163,9 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
         }),
         ariaLabel: data => kintIntl.formatKintMessage({
           id: 'refdataCategory.deleteAriaLabel',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteAriaLabel
+          overrideValue: labelOverrides?.deleteAriaLabel
         }, {
-          label: data === null || data === void 0 ? void 0 : data.label
+          label: data?.label
         })
       });
     }
@@ -200,11 +191,11 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
       columnMapping: {
         desc: kintIntl.formatKintMessage({
           id: 'refdataCategory.refdataCategory',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.refdataCategory
+          overrideValue: labelOverrides?.refdataCategory
         }),
         values: kintIntl.formatKintMessage({
           id: 'refdataCategory.noOfValues',
-          overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noOfValues
+          overrideValue: labelOverrides?.noOfValues
         })
       },
       contentData: contentData,
@@ -218,21 +209,15 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
               buttonStyle: "link",
               onClick: () => handleRefdataCategoryClick(rowData),
-              children: rowData === null || rowData === void 0 ? void 0 : rowData.desc
+              children: rowData?.desc
             });
           }
-          return rowData === null || rowData === void 0 ? void 0 : rowData.desc;
+          return 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;
-        }
+        values: rowData => rowData?.values?.length
       }
       /* Hide actions column when no permissions, or no deletable refdata categories */,
-      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;
-      })),
+      hideActionsColumn: !createCondition && !deleteCondition || !contentData?.find(cd => cd?.values?.length === 0),
       hideCreateButton: hideCreateButton,
       label: label,
       validateFields: {
@@ -242,32 +227,31 @@ const EditableRefdataCategoryList = /*#__PURE__*/(0, _react.forwardRef)((_ref, r
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ConfirmationModal, {
       confirmLabel: kintIntl.formatKintMessage({
         id: 'delete',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
+        overrideValue: labelOverrides?.delete
       }),
       heading: kintIntl.formatKintMessage({
         id: 'refdataCategory.deleteRefdataCategory',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategory
+        overrideValue: labelOverrides?.deleteRefdataCategory
       }),
       message: kintIntl.formatKintMessage({
         id: 'refdataCategory.deleteRefdataCategory.confirmMessage',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.deleteRefdataCategoryMessage
+        overrideValue: labelOverrides?.deleteRefdataCategoryMessage
       }, {
-        name: deleteModal === null || deleteModal === void 0 || (_deleteModal$refdata2 = deleteModal.refdata) === null || _deleteModal$refdata2 === void 0 ? void 0 : _deleteModal$refdata2.desc
+        name: deleteModal?.refdata?.desc
       }),
       onCancel: () => setDeleteModal({
         visible: false,
         refdata: null
       }),
       onConfirm: () => {
-        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);
+        deleteRefdataCategory(deleteModal?.refdata?.id);
+        onConfirmDelete(deleteModal?.refdata?.id);
         setDeleteModal({
           visible: false,
           refdata: null
         });
       },
-      open: deleteModal === null || deleteModal === void 0 ? void 0 : deleteModal.visible
+      open: deleteModal?.visible
     })]
   });
 });