@k-int/stripes-kint-components 5.32.0 → 5.33.1

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 = {

package/es/lib/NumberField/NumberField.test.js

@@ -33,8 +33,7 @@ const testSubmitValues = expectedValues => {
     });
     it('submits with expected values', async () => {
       await (0, _react2.waitFor)(() => {
-        var _onSubmit$mock$calls;
-        expect((_onSubmit$mock$calls = onSubmit.mock.calls) === null || _onSubmit$mock$calls === void 0 || (_onSubmit$mock$calls = _onSubmit$mock$calls[0]) === null || _onSubmit$mock$calls === void 0 ? void 0 : _onSubmit$mock$calls[0]).toEqual(expectedValues);
+        expect(onSubmit.mock.calls?.[0]?.[0]).toEqual(expectedValues);
       });
     });
   });
@@ -76,7 +75,7 @@ const ControlledComponent = () => {
 describe.each([['Non-Controlled', /*#__PURE__*/(0, _jsxRuntime.jsx)(NonControlledComponent, {})], ['Controlled', /*#__PURE__*/(0, _jsxRuntime.jsx)(ControlledComponent, {})]])('NumberField', (controlType, component) => {
   let _renderComponent;
   let textField;
-  describe("Regular usage (".concat(controlType, ")"), () => {
+  describe(`Regular usage (${controlType})`, () => {
     beforeEach(async () => {
       onSubmit.mockClear();
       _renderComponent = (0, _helpers.renderWithKintHarness)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_stripesErmTesting.TestForm, {
@@ -96,7 +95,7 @@ describe.each([['Non-Controlled', /*#__PURE__*/(0, _jsxRuntime.jsx)(NonControlle
     }], ['negative numbers', '-100', '-100', {
       [NUMBER_FIELD_INPUT_ID]: '-100'
     }]])('Typing', (characterType, typedChars, expectedDisplay, expectedSubmit) => {
-      describe("typing ".concat(characterType), () => {
+      describe(`typing ${characterType}`, () => {
         beforeEach(async () => {
           await (0, _react2.waitFor)(async () => {
             await _userEvent.default.type(textField, typedChars);
@@ -121,7 +120,7 @@ describe.each([['Non-Controlled', /*#__PURE__*/(0, _jsxRuntime.jsx)(NonControlle
     [NUMBER_FIELD_INPUT_ID]: '-100'
   }, '-100', {
     [NUMBER_FIELD_INPUT_ID]: '-100'
-  }]])("Initial values (".concat(controlType, ")"), (describeTitle, initialValues, displayValue, expectedSubmit) => {
+  }]])(`Initial values (${controlType})`, (describeTitle, initialValues, displayValue, expectedSubmit) => {
     describe(describeTitle, () => {
       beforeEach(async () => {
         onSubmit.mockClear();
@@ -159,7 +158,7 @@ describe.each([['Non-Controlled', /*#__PURE__*/(0, _jsxRuntime.jsx)(NonControlle
       children: component
     }));
     textField = getTextField();
-  }]])("ERM-3391: state change underneath component (".concat(controlType, ")"), (clearType, beforeEachFunc) => {
+  }]])(`ERM-3391: state change underneath component (${controlType})`, (clearType, beforeEachFunc) => {
     describe(clearType, () => {
       beforeEach(beforeEachFunc);
       it('renders text field', () => {
@@ -180,7 +179,7 @@ describe.each([['Non-Controlled', /*#__PURE__*/(0, _jsxRuntime.jsx)(NonControlle
               });
             }
           });
-          it("renders text field with display value: ".concat(expectedValue), async () => {
+          it(`renders text field with display value: ${expectedValue}`, async () => {
             await (0, _react2.waitFor)(() => {
               expect(textField).toHaveDisplayValue(expectedValue);
             });

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -9,23 +9,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Typedown = _interopRequireDefault(require("../Typedown"));
 var _typedownHooks = require("../hooks/typedownHooks");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["dataFormatter", "path", "pathMutator"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 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 QueryTypedown = _ref => {
   let {
-      dataFormatter = d => d,
-      path,
-      pathMutator
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    dataFormatter = d => d,
+    path,
+    pathMutator,
+    ...rest
+  } = _ref;
   const [callPath, setCallPath] = (0, _react.useState)(pathMutator(null, path));
   const data = dataFormatter((0, _typedownHooks.useTypedownData)(path, callPath));
   const [userQuery, setUserQuery] = (0, _react.useState)('');
@@ -35,10 +27,11 @@ const QueryTypedown = _ref => {
   (0, _react.useEffect)(() => {
     setCallPath(pathMutator(userQuery, path));
   }, [path, pathMutator, userQuery]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, {
+    ...rest,
     dataOptions: data,
     onType: onType
-  }));
+  });
 };
 QueryTypedown.propTypes = {
   dataFormatter: _propTypes.default.func,

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -10,11 +10,6 @@ var _reactIntl = require("react-intl");
 var _components = require("@folio/stripes/components");
 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 RefdataButtons = props => {
   // Render the right number of buttons:
   const {
@@ -37,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,
@@ -46,8 +41,10 @@ const RefdataButtons = props => {
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: dynamicColumnWidth ? 12 / numberOfButtons : 12 / maximumColumns,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, _objectSpread({}, buttonProps))
-      }, "".concat(input.name, ":").concat(option.id));
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, {
+          ...buttonProps
+        })
+      }, `${input.name}:${option.id}`);
     });
   };
   const returnRows = dataOptions => {
@@ -74,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 /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {