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

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

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

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

@@ -8,11 +8,6 @@ var _CustomPropertiesViewCtx = _interopRequireDefault(require("./CustomPropertie
 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); }
 jest.mock('../../hooks');
 jest.mock('./CustomPropertyCard', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   children: "CustomPropertyCard"
@@ -21,7 +16,9 @@ describe('CustomPropertiesViewCtx', () => {
   let renderComponent;
   beforeEach(() => {
     renderComponent = (0, _jest.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.MemoryRouter, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, _objectSpread({}, _testResources.data))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomPropertiesViewCtx.default, {
+        ..._testResources.data
+      })
     }));
   });
   it('renders CustomPropertyCard component ', () => {

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

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

package/es/lib/CycleButton/CycleButton.js

@@ -10,36 +10,28 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@folio/stripes/components");
 var _CycleButton = _interopRequireDefault(require("../../../styles/CycleButton.css"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "onClick"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 const CycleButton = _ref => {
   let {
     buttons,
     startIndex = 0
   } = _ref;
   const [index, setIndex] = (0, _react.useState)(startIndex);
-  const _buttons$index = buttons[index],
-    {
-      className,
-      onClick
-    } = _buttons$index,
-    buttonProps = _objectWithoutProperties(_buttons$index, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, _objectSpread(_objectSpread({}, buttonProps), {}, {
+  const {
+    className,
+    onClick,
+    ...buttonProps
+  } = buttons[index];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+    ...buttonProps,
     className: (0, _classnames.default)(className, _CycleButton.default.buttonStyle),
     onClick: e => {
       if (onClick) {
         onClick(e);
       }
-      setIndex(index !== (buttons === null || buttons === void 0 ? void 0 : buttons.length) - 1 ? index + 1 : 0);
+      setIndex(index !== buttons?.length - 1 ? index + 1 : 0);
     }
-  }));
+  });
 };
 CycleButton.propTypes = {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape({

package/es/lib/FormModal/FormModal.js

@@ -9,37 +9,29 @@ var _reactFinalForm = require("react-final-form");
 var _components = require("@folio/stripes/components");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["footer", "onClose"],
-  _excluded2 = ["children", "intlKey", "intlNS", "labelOverrides", "modalProps", "onError", "onSubmit", "onSuccess"];
 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 FormModal = _ref => {
   let {
-      children,
-      intlKey: passedIntlKey,
-      intlNS: passedIntlNS,
-      labelOverrides = {},
-      modalProps: {
-        footer,
-        onClose
-      },
-      onError,
-      // Optional handler to run onSuccess for default handleSaveAndClear
-      onSubmit,
-      onSuccess // Optional handler to run onSuccess for default handleSaveAndClear
-    } = _ref,
-    modalProps = _objectWithoutProperties(_ref.modalProps, _excluded),
-    formProps = _objectWithoutProperties(_ref, _excluded2);
+    children,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    labelOverrides = {},
+    modalProps: {
+      footer,
+      onClose,
+      ...modalProps
+    },
+    onError,
+    // Optional handler to run onSuccess for default handleSaveAndClear
+    onSubmit,
+    onSuccess,
+    // Optional handler to run onSuccess for default handleSaveAndClear
+    ...formProps
+  } = _ref;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, _objectSpread(_objectSpread({
-    onSubmit: onSubmit
-  }, formProps), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
+    onSubmit: onSubmit,
+    ...formProps,
     children: _ref2 => {
       let {
         handleSubmit,
@@ -138,15 +130,15 @@ const FormModal = _ref => {
           })]
         });
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
         enforceFocus: false,
         footer: renderFooter(),
-        onClose: handleClose
-      }, modalProps), {}, {
+        onClose: handleClose,
+        ...modalProps,
         children: children
-      }));
+      });
     }
-  }));
+  });
 };
 FormModal.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node, _propTypes.default.func]),

package/es/lib/FormattedKintMessage/FormattedKintMessage.js

@@ -8,38 +8,30 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactIntl = require("react-intl");
 var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["fallbackMessage", "id", "intlKey", "intlNS", "overrideValue"]; // This works analogously to useKintIntl's "formatKintMessage"
 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; }
+// This works analogously to useKintIntl's "formatKintMessage"
 const FormattedKintMessage = _ref => {
-  var _intlObj$messages2;
   let {
-      fallbackMessage,
-      id,
-      intlKey: passedIntlKey,
-      intlNS: passedIntlNS,
-      overrideValue
-    } = _ref,
-    formattedMessageProps = _objectWithoutProperties(_ref, _excluded);
+    fallbackMessage,
+    id,
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    overrideValue,
+    ...formattedMessageProps
+  } = _ref;
   const intlKey = (0, _hooks.useIntlKey)(passedIntlKey, passedIntlNS);
   const intlObj = (0, _reactIntl.useIntl)();
   if (overrideValue) {
-    var _intlObj$messages;
     // Version 3 is a breaking change, where labelOverrides must be strings.
     if (typeof overrideValue !== 'string') {
       throw new Error('Override values must be strings as of stripes-kint-components ^3.0.0');
     }
-    if ((_intlObj$messages = intlObj.messages) !== null && _intlObj$messages !== void 0 && _intlObj$messages[overrideValue]) {
+    if (intlObj.messages?.[overrideValue]) {
       // We've been passed a key as an override, return formattedMessage with it
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
-        id: overrideValue
-      }, formattedMessageProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: overrideValue,
+        ...formattedMessageProps
+      });
     }
     // At this stage we have an overrideValue that's not a key, return it.
     return overrideValue;
@@ -48,19 +40,20 @@ const FormattedKintMessage = _ref => {
   // If key does not exist in intl, and we have a specified "fallbackMessage", use that
 
   // (FallbackMessage works like defaultMessage but with no warning)
-  if (!((_intlObj$messages2 = intlObj.messages) !== null && _intlObj$messages2 !== void 0 && _intlObj$messages2["".concat(intlKey, ".").concat(id)]) && fallbackMessage) {
-    var _intlObj$messages3;
+  if (!intlObj.messages?.[`${intlKey}.${id}`] && fallbackMessage) {
     // Allow fallback message to be an intl key
-    if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
-        id: fallbackMessage
-      }, formattedMessageProps));
+    if (intlObj.messages?.[fallbackMessage]) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+        id: fallbackMessage,
+        ...formattedMessageProps
+      });
     }
     return fallbackMessage;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
-    id: "".concat(intlKey, ".").concat(id)
-  }, formattedMessageProps));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    id: `${intlKey}.${id}`,
+    ...formattedMessageProps
+  });
 };
 FormattedKintMessage.propTypes = {
   fallbackMessage: _propTypes.default.string,

package/es/lib/IconSelect/IconSelect.js

@@ -12,18 +12,10 @@ var _IconSelect = _interopRequireDefault(require("../../../styles/IconSelect.css
 var _RichSelect = _interopRequireWildcard(require("../RichSelect"));
 var _FormattedKintMessage = _interopRequireDefault(require("../FormattedKintMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className"]; // A form component which acts as a "Select for states with corresponding icons"
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _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; }
+// A form component which acts as a "Select for states with corresponding icons"
 const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _selectedOption$butto;
   let {
     ariaLabel,
     disabled = false,
@@ -50,16 +42,15 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   // Options with notSet
-  const options = [notSet !== null && notSet !== void 0 ? notSet : defaultNotSet, ...userOptions];
+  const options = [notSet ?? defaultNotSet, ...userOptions];
   const [richSelectRef, selectedOption] = (0, _RichSelect.useSelectedOption)();
   (0, _react.useImperativeHandle)(ref, () => ({
     selectedOption
   }));
-  const _ref2 = (_selectedOption$butto = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.buttonProps) !== null && _selectedOption$butto !== void 0 ? _selectedOption$butto : {},
-    {
-      className: iconButtonClassName
-    } = _ref2,
-    buttonProps = _objectWithoutProperties(_ref2, _excluded);
+  const {
+    className: iconButtonClassName,
+    ...buttonProps
+  } = selectedOption?.buttonProps ?? {};
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichSelect.default, {
     ref: richSelectRef,
     ariaLabel: ariaLabel,
@@ -71,37 +62,36 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onChange: onChange,
     options: options,
     renderOption: opt => {
-      var _opt$label2;
       if (opt.icon) {
-        var _opt$label;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, _objectSpread(_objectSpread({
-          icon: opt.icon
-        }, opt.iconProps), {}, {
-          children: (_opt$label = opt.label) !== null && _opt$label !== void 0 ? _opt$label : opt.value
-        }));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+          icon: opt.icon,
+          ...opt.iconProps,
+          children: opt.label ?? opt.value
+        });
       }
-      return (_opt$label2 = opt.label) !== null && _opt$label2 !== void 0 ? _opt$label2 : opt.value;
+      return opt.label ?? opt.value;
     },
-    renderTrigger: _ref3 => {
-      var _selectedOption$icon;
+    renderTrigger: _ref2 => {
       let {
         onToggle,
         triggerRef,
         keyHandler,
         ariaProps,
         getTriggerProps
-      } = _ref3;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, _objectSpread(_objectSpread(_objectSpread({
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
         ref: triggerRef,
         disabled: disabled,
-        icon: (_selectedOption$icon = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) !== null && _selectedOption$icon !== void 0 ? _selectedOption$icon : 'ellipsis',
+        icon: selectedOption?.icon ?? 'ellipsis',
         marginBottom0: true,
         onClick: onToggle,
         onKeyDown: keyHandler,
-        type: "button"
-      }, _objectSpread({
-        className: (0, _classnames.default)(_IconSelect.default.buttonStyle, iconButtonClassName)
-      }, buttonProps)), getTriggerProps()), ariaProps));
+        type: "button",
+        className: (0, _classnames.default)(_IconSelect.default.buttonStyle, iconButtonClassName),
+        ...buttonProps,
+        ...getTriggerProps(),
+        ...ariaProps
+      });
     },
     required: required,
     value: value

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -13,7 +13,6 @@ var _hooks = require("../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const NoResultsMessage = _ref => {
-  var _ref2;
   let {
     icon: userIcon,
     intlKey: passedIntlKey,
@@ -56,18 +55,18 @@ const NoResultsMessage = _ref => {
   } else if (isError) {
     // Request failure
     icon = 'exclamation-circle';
-    label = error === null || error === void 0 ? void 0 : error.message;
+    label = error?.message;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: _NoResultsMessage.default.noResultsMessage,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _NoResultsMessage.default.noResultsMessageLabelWrap,
       children: [(icon || userIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-        icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
+        icon: userIcon ?? icon,
         iconRootClass: _NoResultsMessage.default.noResultsMessageIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: _NoResultsMessage.default.noResultsMessageLabel,
-        children: (_ref2 = userLabel !== null && userLabel !== void 0 ? userLabel : labelOverrides.noResultsLabel) !== null && _ref2 !== void 0 ? _ref2 : label
+        children: userLabel ?? labelOverrides.noResultsLabel ?? label
       })]
     }), !filterPaneIsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       buttonClass: _NoResultsMessage.default.noResultsMessageButton,
@@ -75,7 +74,7 @@ const NoResultsMessage = _ref => {
       onClick: toggleFilterPane,
       children: kintIntl.formatKintMessage({
         id: 'showFilters',
-        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.showFilters
+        overrideValue: labelOverrides?.showFilters
       })
     })]
   });

package/es/lib/NumberField/NumberField.js

@@ -9,27 +9,19 @@ var _react = require("react");
 var _noop = _interopRequireDefault(require("lodash/noop"));
 var _components = require("@folio/stripes/components");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["onBlur", "onChange", "input", "value"];
 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 NumberField = props => {
   const {
-      onBlur: passedOnBlur = _noop.default,
-      onChange: passedOnChange = _noop.default,
-      input,
-      value
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    onBlur: passedOnBlur = _noop.default,
+    onChange: passedOnChange = _noop.default,
+    input,
+    value,
+    ...rest
+  } = props;
 
   // Treat TextField ALWAYS as a controlled component, whether or not NumberField itself is controlled
   // This enforces the behaviour whereby 1e2 -> 100 in the typed field automatically
-  const [forceControl, setForceControl] = (0, _react.useState)(value !== null && value !== void 0 ? value : input === null || input === void 0 ? void 0 : input.value);
+  const [forceControl, setForceControl] = (0, _react.useState)(value ?? input?.value);
   const inputRef = (0, _react.useRef)();
   const userInputRef = (0, _react.useRef)();
   const [numValue, setNumValue] = (0, _react.useState)('');
@@ -39,7 +31,7 @@ const NumberField = props => {
 
   // Allow direct control of field
   (0, _react.useEffect)(() => {
-    const valueToUse = value !== null && value !== void 0 ? value : input.value;
+    const valueToUse = value ?? input.value;
     if (!valueToUse && numValue) {
       // Make sure to empty out if it's cleared. Treating '' as empty instead of undefined
       setNumValue('');
@@ -53,7 +45,7 @@ const NumberField = props => {
   }, [forceControl, numValue, value, input]);
   const handleChange = e => {
     // Actually set the value in the form
-    if (input !== null && input !== void 0 && input.onChange) {
+    if (input?.onChange) {
       input.onChange(e);
     }
 
@@ -78,9 +70,9 @@ const NumberField = props => {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, _objectSpread(_objectSpread({
-      ref: userInputRef
-    }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextField, {
+      ref: userInputRef,
+      ...rest,
       // Keep an eye on this
       onBlur: event => {
         // Make sure blur propogates to input
@@ -92,15 +84,15 @@ const NumberField = props => {
       onChange: handleUserChange,
       type: "number",
       value: forceControl
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
-      ref: inputRef
-    }, input), {}, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      ref: inputRef,
+      ...input,
       hidden: true,
-      id: input === null || input === void 0 ? void 0 : input.name,
+      id: input?.name,
       onChange: handleChange,
       type: "number",
       value: numValue
-    }))]
+    })]
   });
 };
 NumberField.propTypes = {