@k-int/stripes-kint-components 5.6.1 → 5.7.1

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typedown = _interopRequireDefault(require("../Typedown"));
 var _typedownHooks = require("../hooks/typedownHooks");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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 QueryTypedown = _ref => {

package/es/lib/QueryTypedown/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _QueryTypedown = _interopRequireDefault(require("./QueryTypedown"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntl = require("react-intl");
 var _components = require("@folio/stripes/components");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RefdataButtons = props => {
   // Render the right number of buttons:
   const {
@@ -32,7 +32,7 @@ const RefdataButtons = props => {
         'checked': input.value === option.value,
         'fullWidth': true,
         'label': labelTranslations ? intl.formatMessage({
-          id: "".concat(labelTranslations.key, ".").concat(option.value),
+          id: `${labelTranslations.key}.${option.value}`,
           defaultMessage: option.label
         }) : option.label,
         'marginBottom0': true,
@@ -44,7 +44,7 @@ const RefdataButtons = props => {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, {
           ...buttonProps
         })
-      }, "".concat(input.name, ":").concat(option.id));
+      }, `${input.name}:${option.id}`);
     });
   };
   const returnRows = dataOptions => {
@@ -71,7 +71,7 @@ const RefdataButtons = props => {
     return chunkedDataOptions.map((cdo, index) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
         children: buttonRender(cdo, false)
-      }, "".concat(props.input.name, ":row").concat(index));
+      }, `${props.input.name}:row${index}`);
     });
   };
   return returnRows(props.dataOptions);

package/es/lib/RefdataButtons/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _RefdataButtons = _interopRequireDefault(require("./RefdataButtons"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/RefdataCategoriesSettings/RefdataCategoriesSettings.js

@@ -12,7 +12,7 @@ var _EditableRefdataCategoryList = _interopRequireDefault(require("../EditableRe
 var _EditableRefdataList = _interopRequireDefault(require("../EditableRefdataList"));
 var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propTypes = {
   afterQueryCalls: _propTypes.default.object,
   catchQueryCalls: _propTypes.default.object,
@@ -29,7 +29,6 @@ const propTypes = {
   refdataEndpoint: _propTypes.default.string
 };
 const RefdataCategoriesSettings = _ref => {
-  var _refdataCategory$valu;
   let {
     /*
      * Set of extra booleans for controlling access to actions
@@ -59,7 +58,7 @@ const RefdataCategoriesSettings = _ref => {
   };
   const pickListValuesLabel = kintIntl.formatKintMessage({
     id: 'settings.pickListValues',
-    overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.pickListValues
+    overrideValue: labelOverrides?.pickListValues
   });
   const renderViewPaneHeader = renderProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneHeader, {
     ...renderProps,
@@ -67,10 +66,10 @@ const RefdataCategoriesSettings = _ref => {
     onClose: () => setRefdataCategory(),
     paneTitle: kintIntl.formatKintMessage({
       id: 'refdataCategories.config.viewPaneTitle',
-      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.viewPaneTitle,
-      fallbackMessage: refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc
+      overrideValue: labelOverrides?.viewPaneTitle,
+      fallbackMessage: refdataCategory?.desc
     }, {
-      name: refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc
+      name: refdataCategory?.desc
     })
   });
   const renderLookupPaneHeader = renderProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneHeader, {
@@ -78,12 +77,9 @@ const RefdataCategoriesSettings = _ref => {
     dismissible: true,
     lastMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        disabled: !!(refState !== null && refState !== void 0 && refState.editing),
+        disabled: !!refState?.editing,
         marginBottom0: true,
-        onClick: () => {
-          var _rdclRef$current;
-          return rdclRef === null || rdclRef === void 0 || (_rdclRef$current = rdclRef.current) === null || _rdclRef$current === void 0 ? void 0 : _rdclRef$current.create();
-        },
+        onClick: () => rdclRef?.current?.create(),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormattedKintMessage.default, {
           id: "new"
         })
@@ -92,7 +88,7 @@ const RefdataCategoriesSettings = _ref => {
     onClose: onClose,
     paneTitle: kintIntl.formatKintMessage({
       id: 'settings.pickLists',
-      overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.pickLists
+      overrideValue: labelOverrides?.pickLists
     })
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -111,13 +107,13 @@ const RefdataCategoriesSettings = _ref => {
         handleRefdataCategoryClick: handleRefdataCategoryClick,
         hideCreateButton: true,
         onConfirmDelete: id => {
-          if ((refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.id) === id) {
+          if (refdataCategory?.id === id) {
             setRefdataCategory();
           }
         },
         refdataEndpoint: refdataEndpoint
       })
-    }), (refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Pane, {
+    }), refdataCategory?.desc && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Pane, {
       defaultWidth: "fill",
       id: "settings-refdataCategories-viewPane",
       renderHeader: renderViewPaneHeader,
@@ -127,7 +123,7 @@ const RefdataCategoriesSettings = _ref => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
             label: kintIntl.formatKintMessage({
               id: 'refdataCategory.refdataCategory',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.refdataCategory
+              overrideValue: labelOverrides?.refdataCategory
             }),
             value: refdataCategory.desc
           })
@@ -136,9 +132,9 @@ const RefdataCategoriesSettings = _ref => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.KeyValue, {
             label: kintIntl.formatKintMessage({
               id: 'refdataCategory.noOfValues',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.noOfValues
+              overrideValue: labelOverrides?.noOfValues
             }),
-            value: refdataCategory === null || refdataCategory === void 0 || (_refdataCategory$valu = refdataCategory.values) === null || _refdataCategory$valu === void 0 ? void 0 : _refdataCategory$valu.length
+            value: refdataCategory?.values?.length
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditableRefdataList.default, {
@@ -146,7 +142,7 @@ const RefdataCategoriesSettings = _ref => {
           put: json => setRefdataCategory(json),
           delete: json => setRefdataCategory(json)
         },
-        desc: refdataCategory === null || refdataCategory === void 0 ? void 0 : refdataCategory.desc,
+        desc: refdataCategory?.desc,
         displayConditions: displayConditions,
         label: pickListValuesLabel,
         refdataEndpoint: refdataEndpoint

package/es/lib/RefdataCategoriesSettings/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _RefdataCategoriesSettings = _interopRequireDefault(require("./RefdataCategoriesSettings"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/ResponsiveButtonGroup/ResponsiveButtonGroup.js

@@ -11,7 +11,7 @@ var _components = require("@folio/stripes/components");
 var _ResponsiveButtonGroup = _interopRequireDefault(require("../../../styles/ResponsiveButtonGroup.css"));
 var _useResponsiveButtonGroupSizing = _interopRequireDefault(require("./useResponsiveButtonGroupSizing"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
@@ -28,12 +28,12 @@ const calculateCumulativeThreshold = function (arrayOfNumbers, maximum) {
   let value = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   // If all the numbers fit, return the last index
   if (arrayOfNumbers.reduce((partialSum, a) => partialSum + a, 0) <= maximum) {
-    return (arrayOfNumbers === null || arrayOfNumbers === void 0 ? void 0 : arrayOfNumbers.length) - 1;
+    return arrayOfNumbers?.length - 1;
   }
 
   // Else we'll need a down arrow button, so include that in calculations
   const nextValue = value + arrayOfNumbers[index];
-  if (nextValue + SIZE_OF_DOWN_ARROW_BUTTON <= maximum && index + 1 < (arrayOfNumbers === null || arrayOfNumbers === void 0 ? void 0 : arrayOfNumbers.length)) {
+  if (nextValue + SIZE_OF_DOWN_ARROW_BUTTON <= maximum && index + 1 < arrayOfNumbers?.length) {
     return calculateCumulativeThreshold(arrayOfNumbers, maximum, index + 1, nextValue);
   }
   return index - 1;
@@ -65,7 +65,6 @@ const ResponsiveButtonGroup = props => {
   });
   const buttonThreshold = calculateCumulativeThreshold(cachedSizeArray, containerWidth);
   const renderActionMenuToggle = (0, _react.useCallback)(_ref => {
-    var _displayButtons$lengt;
     let {
       displayButtons,
       onToggle,
@@ -79,11 +78,11 @@ const ResponsiveButtonGroup = props => {
       ref: triggerRef,
       "aria-label": "menu",
       buttonClass: (0, _classnames.default)(_ResponsiveButtonGroup.default.width100, {
-        ["".concat(_ResponsiveButtonGroup.default.dropdownButtonClass)]: ((_displayButtons$lengt = displayButtons === null || displayButtons === void 0 ? void 0 : displayButtons.length) !== null && _displayButtons$lengt !== void 0 ? _displayButtons$lengt : 0) > 0
+        [`${_ResponsiveButtonGroup.default.dropdownButtonClass}`]: (displayButtons?.length ?? 0) > 0
       }, {
-        ["".concat(_ResponsiveButtonGroup.default.marginBottom)]: !marginBottom0
+        [`${_ResponsiveButtonGroup.default.marginBottom}`]: !marginBottom0
       }, {
-        ["".concat(_ResponsiveButtonGroup.default.marginBottom0)]: marginBottom0
+        [`${_ResponsiveButtonGroup.default.marginBottom0}`]: marginBottom0
       }),
       buttonStyle: selectedIndex > buttonThreshold ? 'primary' : 'default',
       onClick: onToggle,
@@ -98,25 +97,19 @@ const ResponsiveButtonGroup = props => {
       })
     });
   }, [buttonThreshold, dropdownTriggerProps, marginBottom0, selectedIndex]);
-  const displayButtons = (0, _react.useMemo)(() => {
-    var _buttons$slice;
-    return buttons === null || buttons === void 0 || (_buttons$slice = buttons.slice(0, buttonThreshold + 1)) === null || _buttons$slice === void 0 ? void 0 : _buttons$slice.map((button, index) => {
-      if (index === selectedIndex && !(button !== null && button !== void 0 && button.buttonStyle)) {
-        return /*#__PURE__*/(0, _react.cloneElement)(button, {
-          buttonStyle: 'primary'
-        });
-      }
-      return button;
-    });
-  }, [buttonThreshold, buttons, selectedIndex]);
-  const dropdownButtons = (0, _react.useMemo)(() => {
-    var _buttons$slice2;
-    return [...((_buttons$slice2 = buttons.slice(buttonThreshold + 1, buttons === null || buttons === void 0 ? void 0 : buttons.length)) === null || _buttons$slice2 === void 0 ? void 0 : _buttons$slice2.map(button => {
+  const displayButtons = (0, _react.useMemo)(() => buttons?.slice(0, buttonThreshold + 1)?.map((button, index) => {
+    if (index === selectedIndex && !button?.buttonStyle) {
       return /*#__PURE__*/(0, _react.cloneElement)(button, {
-        buttonStyle: 'dropdownItem'
+        buttonStyle: 'primary'
       });
-    }))];
-  }, [buttonThreshold, buttons]);
+    }
+    return button;
+  }), [buttonThreshold, buttons, selectedIndex]);
+  const dropdownButtons = (0, _react.useMemo)(() => [...buttons.slice(buttonThreshold + 1, buttons?.length)?.map(button => {
+    return /*#__PURE__*/(0, _react.cloneElement)(button, {
+      buttonStyle: 'dropdownItem'
+    });
+  })], [buttonThreshold, buttons]);
 
   // eslint-disable-next-line react/prop-types
   const renderActionMenuContent = (0, _react.useCallback)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
@@ -136,16 +129,16 @@ const ResponsiveButtonGroup = props => {
       className: "width: 100%;"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
       className: (0, _classnames.default)({
-        ["".concat(_ResponsiveButtonGroup.default.hidden)]: !ready
+        [`${_ResponsiveButtonGroup.default.hidden}`]: !ready
       }, _ResponsiveButtonGroup.default.buttonGroup, {
-        ["".concat(_ResponsiveButtonGroup.default.fullWidth)]: ready && fullWidth
+        [`${_ResponsiveButtonGroup.default.fullWidth}`]: ready && fullWidth
       }, className),
       style: fullWidth ? {
-        width: "".concat(containerWidth, "px")
+        width: `${containerWidth}px`
       } : {},
       ...rest,
-      children: !ready || buttonThreshold === (cachedSizeArray === null || cachedSizeArray === void 0 ? void 0 : cachedSizeArray.length) - 1 ? buttons === null || buttons === void 0 ? void 0 : buttons.map((button, index) => {
-        if (index === selectedIndex && !(button !== null && button !== void 0 && button.buttonStyle)) {
+      children: !ready || buttonThreshold === cachedSizeArray?.length - 1 ? buttons?.map((button, index) => {
+        if (index === selectedIndex && !button?.buttonStyle) {
           return /*#__PURE__*/(0, _react.cloneElement)(button, {
             buttonStyle: 'primary'
           });

package/es/lib/ResponsiveButtonGroup/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _ResponsiveButtonGroup = _interopRequireDefault(require("./ResponsiveButtonGroup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/ResponsiveButtonGroup/useResponsiveButtonGroupSizing.js

@@ -8,13 +8,13 @@ var _react = require("react");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _reactResizeDetector = require("react-resize-detector");
 var _lodash = require("lodash");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useResponsiveButtonGroupSizing = _ref => {
   let {
     id,
     buttons = []
   } = _ref;
-  const eventString = 'responsive-button-group-loaded' + (id ? "-".concat(id) : '');
+  const eventString = 'responsive-button-group-loaded' + (id ? `-${id}` : '');
   const loadedEvent = new Event(eventString);
   const isMounted = (0, _react.useRef)(false);
   (0, _react.useEffect)(() => {
@@ -37,8 +37,7 @@ const useResponsiveButtonGroupSizing = _ref => {
   const refArray = buttons.map((_button, index) => {
     return node => {
       if (node !== null) {
-        var _node$clientWidth;
-        const newSizeArray = sizeArray.slice(0, index).concat([(_node$clientWidth = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _node$clientWidth !== void 0 ? _node$clientWidth : 0]).concat(sizeArray.slice(index + 1));
+        const newSizeArray = sizeArray.slice(0, index).concat([node?.clientWidth ?? 0]).concat(sizeArray.slice(index + 1));
         if (!(0, _isEqual.default)(sizeArray, newSizeArray)) {
           setSizeArray(newSizeArray);
         }
@@ -50,16 +49,16 @@ const useResponsiveButtonGroupSizing = _ref => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   (0, _react.useEffect)((0, _lodash.debounce)(() => {
     if (isMounted.current) {
-      if (!(cachedSizeArray !== null && cachedSizeArray !== void 0 && cachedSizeArray.length) && sizeArray !== null && sizeArray !== void 0 && sizeArray.length) {
+      if (!cachedSizeArray?.length && sizeArray?.length) {
         setCachedSizeArray(sizeArray);
         setReady(true);
         document.dispatchEvent(loadedEvent);
       }
     }
   }, 150), [cachedSizeArray, sizeArray]);
-  const returnButtons = buttons === null || buttons === void 0 ? void 0 : buttons.map((button, index) => {
+  const returnButtons = buttons?.map((button, index) => {
     return /*#__PURE__*/(0, _react.cloneElement)(button, {
-      ref: refArray === null || refArray === void 0 ? void 0 : refArray[index]
+      ref: refArray?.[index]
     });
   });
   return {

package/es/lib/RichSelect/RichSelect.js

@@ -10,9 +10,8 @@ var _components = require("@folio/stripes/components");
 var _RichSelect = _interopRequireDefault(require("../../../styles/RichSelect.css"));
 var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _ref2, _meta$initial, _findSelectedOptionBy, _meta$initial2;
   let {
     ariaLabel,
     disabled = false,
@@ -33,17 +32,17 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     value
   } = _ref;
   const hiddenInput = (0, _react.useRef)(null);
-  const [internalValue, setInternalValue] = (0, _react.useState)((_ref2 = (_meta$initial = meta === null || meta === void 0 ? void 0 : meta.initial) !== null && _meta$initial !== void 0 ? _meta$initial : value) !== null && _ref2 !== void 0 ? _ref2 : '');
+  const [internalValue, setInternalValue] = (0, _react.useState)(meta?.initial ?? value ?? '');
   const findSelectedOptionByValue = (0, _react.useCallback)(val => {
     return userOptions.find(opt => opt.value === val);
   }, [userOptions]);
-  const [selectedOption, setSelectedOption] = (0, _react.useState)((_findSelectedOptionBy = findSelectedOptionByValue((_meta$initial2 = meta === null || meta === void 0 ? void 0 : meta.initial) !== null && _meta$initial2 !== void 0 ? _meta$initial2 : '')) !== null && _findSelectedOptionBy !== void 0 ? _findSelectedOptionBy : {});
+  const [selectedOption, setSelectedOption] = (0, _react.useState)(findSelectedOptionByValue(meta?.initial ?? '') ?? {});
   (0, _react.useEffect)(() => {
     // We treat non-undefined value/formInput values as valid values, whereas undefined is only relevant when prop has not been provided
-    if (value !== undefined && !(value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && value === internalValue)) {
+    if (value !== undefined && !(value === selectedOption?.value && value === internalValue)) {
       setSelectedOption(findSelectedOptionByValue(value));
       setInternalValue(value);
-    } else if ((formInput === null || formInput === void 0 ? void 0 : formInput.value) !== undefined && !(value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && value === internalValue)) {
+    } else if (formInput?.value !== undefined && !(value === selectedOption?.value && value === internalValue)) {
       setSelectedOption(findSelectedOptionByValue(formInput.value));
       setInternalValue(formInput.value);
     }
@@ -53,15 +52,14 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   (0, _react.useImperativeHandle)(ref, () => ({
     selectedOption
   }));
-  const defaultRenderTrigger = _ref3 => {
-    var _ref4, _ref5, _ref6, _selectedOption$label;
+  const defaultRenderTrigger = _ref2 => {
     let {
       onToggle,
       triggerRef,
       keyHandler,
       ariaProps,
       getTriggerProps
-    } = _ref3;
+    } = _ref2;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownButton, {
       ref: triggerRef,
       buttonClass: _RichSelect.default.triggerButton,
@@ -74,7 +72,7 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       type: "button",
       ...getTriggerProps(),
       ...ariaProps,
-      children: (_ref4 = (_ref5 = (_ref6 = (_selectedOption$label = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _selectedOption$label !== void 0 ? _selectedOption$label : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _ref6 !== void 0 ? _ref6 : internalValue || null) !== null && _ref5 !== void 0 ? _ref5 : placeholder) !== null && _ref4 !== void 0 ? _ref4 : /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormattedKintMessage.default, {
+      children: selectedOption?.label ?? selectedOption?.value ?? (internalValue || null) ?? placeholder ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormattedKintMessage.default, {
         id: "pleaseSelectOption",
         intlKey: passedIntlKey,
         intlNS: passedIntlNS
@@ -83,7 +81,7 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
   const handleChange = e => {
     // Actually set the value in the form (If formInput exists)
-    if (formInput !== null && formInput !== void 0 && formInput.onChange) {
+    if (formInput?.onChange) {
       formInput.onChange(e);
     }
 
@@ -95,20 +93,17 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const changeField = val => {
     (0, _components.nativeChangeFieldValue)(hiddenInput, false, val);
   };
-  const defaultRenderOption = opt => {
-    var _opt$label;
-    return (_opt$label = opt.label) !== null && _opt$label !== void 0 ? _opt$label : opt.value;
-  };
-  const defaultRenderMenu = _ref7 => {
+  const defaultRenderOption = opt => opt.label ?? opt.value;
+  const defaultRenderMenu = _ref3 => {
     let {
       onToggle
-    } = _ref7;
+    } = _ref3;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DropdownMenu, {
       children: userOptions.map(opt => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          autoFocus: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === opt.value,
+          autoFocus: selectedOption?.value === opt.value,
           buttonStyle: "dropdownItem",
-          id: "".concat(id, "-").concat(formInput.name, "-option-").concat(opt.value),
+          id: `${id}-${formInput.name}-option-${opt.value}`,
           marginBottom0: true,
           onClick: () => {
             // Trigger change event
@@ -126,7 +121,7 @@ const RichSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children: [label || ariaLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Label, {
       className: ariaLabel && 'sr-only',
       htmlFor: id,
-      id: "".concat(id, "-label"),
+      id: `${id}-label`,
       required: required,
       children: ariaLabel || label
     }) : '', /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {

package/es/lib/RichSelect/index.js

@@ -17,4 +17,4 @@ Object.defineProperty(exports, "useSelectedOption", {
 });
 var _RichSelect = _interopRequireDefault(require("./RichSelect"));
 var _useSelectedOption = _interopRequireDefault(require("./useSelectedOption"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/RichSelect/useSelectedOption.js

@@ -8,8 +8,7 @@ var _react = require("react");
 const useSelectedOption = () => {
   const [selectedOption, setSelectedOption] = (0, _react.useState)();
   const ref = (0, _react.useCallback)(node => {
-    var _node$selectedOption;
-    if (node !== null && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== ((_node$selectedOption = node.selectedOption) === null || _node$selectedOption === void 0 ? void 0 : _node$selectedOption.value)) {
+    if (node !== null && selectedOption?.value !== node.selectedOption?.value) {
       setSelectedOption(node.selectedOption);
     }
   }, [selectedOption]);

package/es/lib/SASQLookupComponent/SASQLookupComponent.js

@@ -15,9 +15,8 @@ var _utils = require("../utils");
 var _hooks = require("../hooks");
 var _TableBody = _interopRequireDefault(require("./TableBody"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  var _totalData$pages$redu, _totalData$pages;
   const {
     children,
     fetchParameters = {},
@@ -48,14 +47,14 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
     0: namespace
   } = (0, _core.useNamespace)();
   const ky = (0, _core.useOkapiKy)();
-  const filterPaneVisibileKey = "".concat(namespace, "-").concat(id, "-filterPaneVisibility");
+  const filterPaneVisibileKey = `${namespace}-${id}-filterPaneVisibility`;
   const fetchPageData = _ref => {
     let {
       pageParam = 0
     } = _ref;
     const queryMap = fetchParameters.SASQ_MAP;
     queryMap.offset = pageParam;
-    return ky("".concat(fetchParameters.endpoint).concat((0, _utils.generateKiwtQuery)(queryMap, query))).json();
+    return ky(`${fetchParameters.endpoint}${(0, _utils.generateKiwtQuery)(queryMap, query)}`).json();
   };
   const [filterPaneVisible, setFilterPaneVisible] = (0, _hooks.useLocalStorageState)(filterPaneVisibileKey, true);
   const toggleFilterPane = () => setFilterPaneVisible(!filterPaneVisible);
@@ -75,8 +74,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       ...restOfInfiniteQueryProps
     }
   }));
-  const data = (_totalData$pages$redu = (_totalData$pages = totalData.pages) === null || _totalData$pages === void 0 ? void 0 : _totalData$pages.reduce((acc, curr) => {
-    var _acc$results, _curr$results;
+  const data = totalData.pages?.reduce((acc, curr) => {
     const newAcc = {
       ...acc
     };
@@ -85,11 +83,11 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
         newAcc[key] = value;
       }
     }
-    const newResults = [...((_acc$results = acc.results) !== null && _acc$results !== void 0 ? _acc$results : [])];
-    newResults.push(...((_curr$results = curr.results) !== null && _curr$results !== void 0 ? _curr$results : []));
+    const newResults = [...(acc.results ?? [])];
+    newResults.push(...(curr.results ?? []));
     newAcc.results = newResults;
     return newAcc;
-  }, {})) !== null && _totalData$pages$redu !== void 0 ? _totalData$pages$redu : {};
+  }, {}) ?? {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.SearchAndSortQuery, {
     initialSearchState: {
       query: ''
@@ -111,7 +109,7 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       const searchHandlers = getSearchHandlers();
       const disableReset = !filterChanged && !searchChanged;
       const filterCount = activeFilters.string ? activeFilters.string.split(',').length : 0;
-      const Body = RenderBody !== null && RenderBody !== void 0 ? RenderBody : _TableBody.default;
+      const Body = RenderBody ?? _TableBody.default;
       const {
         filterPaneFirstMenu,
         filterPaneLastMenu,
@@ -133,12 +131,12 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_smartComponents.PersistedPaneset, {
         appId: namespace,
-        id: "".concat(id, "-paneset"),
+        id: `${id}-paneset`,
         ...persistedPanesetProps,
         children: [filterPaneVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
           defaultWidth: "20%",
           firstMenu: filterPaneFirstMenu ? filterPaneFirstMenu(internalStateProps) : null,
-          id: "".concat(id, "-filter-pane"),
+          id: `${id}-filter-pane`,
           lastMenu: filterPaneLastMenu ? filterPaneLastMenu(internalStateProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PaneMenu, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_smartComponents.CollapseFilterPaneButton, {
               onClick: toggleFilterPane
@@ -154,11 +152,10 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchField, {
                 ariaLabel: searchFieldAriaLabel,
                 autoFocus: true,
-                id: "sasq-search-field-".concat(id),
+                id: `sasq-search-field-${id}`,
                 name: "query",
                 onChange: e => {
-                  var _e$target;
-                  if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
+                  if (e.target?.value) {
                     searchHandlers.query(e); // SASQ needs the whole event here
                   } else {
                     searchHandlers.reset();
@@ -205,15 +202,15 @@ const SASQLookupComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) =>
               onClick: toggleFilterPane
             })
           }) : null,
-          id: "".concat(id, "-main-pane"),
+          id: `${id}-main-pane`,
           lastMenu: mainPaneLastMenu ? mainPaneLastMenu(internalStateProps) : null,
           noOverflow: true,
           padContent: false,
           paneSub: kintIntl.formatKintMessage({
             id: 'found#Values',
-            overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.foundValues
+            overrideValue: labelOverrides?.foundValues
           }, {
-            total: data === null || data === void 0 ? void 0 : data.total
+            total: data?.total
           }),
           ...restOfMainPaneProps,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {

package/es/lib/SASQLookupComponent/TableBody/TableBody.js

@@ -10,9 +10,8 @@ var _reactRouterDom = require("react-router-dom");
 var _components = require("@folio/stripes/components");
 var _NoResultsMessage = _interopRequireDefault(require("../../NoResultsMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TableBody = _ref => {
-  var _query$sort, _match$params2;
   let {
     data,
     error,
@@ -27,7 +26,7 @@ const TableBody = _ref => {
     mclProps: {
       formatter = {},
       ...mclProps
-    },
+    } = {},
     onSort,
     path,
     resultColumns,
@@ -36,7 +35,7 @@ const TableBody = _ref => {
     toggleFilterPane,
     query
   } = _ref;
-  const sortOrder = (_query$sort = query.sort) !== null && _query$sort !== void 0 ? _query$sort : '';
+  const sortOrder = query.sort ?? '';
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   const onNeedMoreData = (_askAmount, index) => {
@@ -51,9 +50,9 @@ const TableBody = _ref => {
   // Build the list of visible columns
   const visibleColumns = resultColumns.map(e => e.propertyPath);
   const getRowUrl = (0, _react.useCallback)(rowData => {
-    const baseUrl = "".concat(path, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+    const baseUrl = `${path}/${rowData?.id}`;
     return {
-      url: "".concat(baseUrl).concat(location === null || location === void 0 ? void 0 : location.search),
+      url: `${baseUrl}${location?.search}`,
       path,
       baseUrl,
       location
@@ -78,16 +77,15 @@ const TableBody = _ref => {
     return null;
   }, [getRowUrl, history, rowNavigation]);
   const isSelected = (0, _react.useCallback)(_ref2 => {
-    var _match$params;
     let {
       item
     } = _ref2;
-    return item.id === (match === null || match === void 0 || (_match$params = match.params) === null || _match$params === void 0 ? void 0 : _match$params.id);
-  }, [match === null || match === void 0 || (_match$params2 = match.params) === null || _match$params2 === void 0 ? void 0 : _match$params2.id]);
+    return item.id === match?.params?.id;
+  }, [match?.params?.id]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MultiColumnList, {
     autosize: true,
     columnMapping: columnMapping,
-    contentData: data === null || data === void 0 ? void 0 : data.results,
+    contentData: data?.results,
     formatter: getEnhancedFormatter() // Pass enhanced formatter
     ,
     hasMargin: true,

package/es/lib/SASQLookupComponent/TableBody/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _TableBody = _interopRequireDefault(require("./TableBody"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }