@k-int/stripes-kint-components 5.25.2 → 5.25.3

package/es/lib/EditableSettingsList/SettingField/SettingField.test.js

@@ -62,16 +62,16 @@ describe('SettingField', () => {
         })
       }));
     });
-    it(`renders ${expectedRender}`, () => {
+    it("renders ".concat(expectedRender), () => {
       const {
         getByText
       } = renderComponent;
       expect(getByText(expectedRender)).toBeInTheDocument();
     });
-    test(`renders the ${expectedButton} button`, () => {
+    test("renders the ".concat(expectedButton, " button"), () => {
       (0, _stripesErmTesting.Button)('Edit').exists();
     });
-    describe(`clicking the ${expectedButton} button`, () => {
+    describe("clicking the ".concat(expectedButton, " button"), () => {
       beforeEach(async () => {
         await (0, _react2.waitFor)(async () => {
           await (0, _stripesErmTesting.Button)(expectedButton).click();

package/es/lib/FormModal/FormModal.js

@@ -9,29 +9,37 @@ 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,
-      ...modalProps
-    },
-    onError,
-    // Optional handler to run onSuccess for default handleSaveAndClear
-    onSubmit,
-    onSuccess,
-    // Optional handler to run onSuccess for default handleSaveAndClear
-    ...formProps
-  } = _ref;
+      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);
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
-    onSubmit: onSubmit,
-    ...formProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, _objectSpread(_objectSpread({
+    onSubmit: onSubmit
+  }, formProps), {}, {
     children: _ref2 => {
       let {
         handleSubmit,
@@ -130,15 +138,15 @@ const FormModal = _ref => {
           })]
         });
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, _objectSpread(_objectSpread({
         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,30 +8,38 @@ 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 }; }
-// This works analogously to useKintIntl's "formatKintMessage"
+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 FormattedKintMessage = _ref => {
+  var _intlObj$messages2;
   let {
-    fallbackMessage,
-    id,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    overrideValue,
-    ...formattedMessageProps
-  } = _ref;
+      fallbackMessage,
+      id,
+      intlKey: passedIntlKey,
+      intlNS: passedIntlNS,
+      overrideValue
+    } = _ref,
+    formattedMessageProps = _objectWithoutProperties(_ref, _excluded);
   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?.[overrideValue]) {
+    if ((_intlObj$messages = intlObj.messages) !== null && _intlObj$messages !== void 0 && _intlObj$messages[overrideValue]) {
       // We've been passed a key as an override, return formattedMessage with it
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: overrideValue,
-        ...formattedMessageProps
-      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+        id: overrideValue
+      }, formattedMessageProps));
     }
     // At this stage we have an overrideValue that's not a key, return it.
     return overrideValue;
@@ -40,20 +48,19 @@ 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.messages?.[`${intlKey}.${id}`] && fallbackMessage) {
+  if (!((_intlObj$messages2 = intlObj.messages) !== null && _intlObj$messages2 !== void 0 && _intlObj$messages2["".concat(intlKey, ".").concat(id)]) && fallbackMessage) {
+    var _intlObj$messages3;
     // Allow fallback message to be an intl key
-    if (intlObj.messages?.[fallbackMessage]) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-        id: fallbackMessage,
-        ...formattedMessageProps
-      });
+    if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+        id: fallbackMessage
+      }, formattedMessageProps));
     }
     return fallbackMessage;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-    id: `${intlKey}.${id}`,
-    ...formattedMessageProps
-  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _objectSpread({
+    id: "".concat(intlKey, ".").concat(id)
+  }, formattedMessageProps));
 };
 FormattedKintMessage.propTypes = {
   fallbackMessage: _propTypes.default.string,

package/es/lib/IconSelect/IconSelect.js

@@ -12,10 +12,18 @@ 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 }; }
-// A form component which acts as a "Select for states with corresponding icons"
+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 IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _selectedOption$butto;
   let {
     ariaLabel,
     disabled = false,
@@ -42,15 +50,16 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   // Options with notSet
-  const options = [notSet ?? defaultNotSet, ...userOptions];
+  const options = [notSet !== null && notSet !== void 0 ? notSet : defaultNotSet, ...userOptions];
   const [richSelectRef, selectedOption] = (0, _RichSelect.useSelectedOption)();
   (0, _react.useImperativeHandle)(ref, () => ({
     selectedOption
   }));
-  const {
-    className: iconButtonClassName,
-    ...buttonProps
-  } = selectedOption?.buttonProps ?? {};
+  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);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichSelect.default, {
     ref: richSelectRef,
     ariaLabel: ariaLabel,
@@ -62,36 +71,37 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onChange: onChange,
     options: options,
     renderOption: opt => {
+      var _opt$label2;
       if (opt.icon) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-          icon: opt.icon,
-          ...opt.iconProps,
-          children: opt.label ?? opt.value
-        });
+        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 opt.label ?? opt.value;
+      return (_opt$label2 = opt.label) !== null && _opt$label2 !== void 0 ? _opt$label2 : opt.value;
     },
-    renderTrigger: _ref2 => {
+    renderTrigger: _ref3 => {
+      var _selectedOption$icon;
       let {
         onToggle,
         triggerRef,
         keyHandler,
         ariaProps,
         getTriggerProps
-      } = _ref2;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+      } = _ref3;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, _objectSpread(_objectSpread(_objectSpread({
         ref: triggerRef,
         disabled: disabled,
-        icon: selectedOption?.icon ?? 'ellipsis',
+        icon: (_selectedOption$icon = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) !== null && _selectedOption$icon !== void 0 ? _selectedOption$icon : 'ellipsis',
         marginBottom0: true,
         onClick: onToggle,
         onKeyDown: keyHandler,
-        type: "button",
-        className: (0, _classnames.default)(_IconSelect.default.buttonStyle, iconButtonClassName),
-        ...buttonProps,
-        ...getTriggerProps(),
-        ...ariaProps
-      });
+        type: "button"
+      }, _objectSpread({
+        className: (0, _classnames.default)(_IconSelect.default.buttonStyle, iconButtonClassName)
+      }, buttonProps)), getTriggerProps()), ariaProps));
     },
     required: required,
     value: value

package/es/lib/NoResultsMessage/NoResultsMessage.js

@@ -13,6 +13,7 @@ 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,
@@ -55,18 +56,18 @@ const NoResultsMessage = _ref => {
   } else if (isError) {
     // Request failure
     icon = 'exclamation-circle';
-    label = error?.message;
+    label = error === null || error === void 0 ? void 0 : 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 ?? icon,
+        icon: userIcon !== null && userIcon !== void 0 ? userIcon : icon,
         iconRootClass: _NoResultsMessage.default.noResultsMessageIcon
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: _NoResultsMessage.default.noResultsMessageLabel,
-        children: userLabel ?? labelOverrides.noResultsLabel ?? label
+        children: (_ref2 = userLabel !== null && userLabel !== void 0 ? userLabel : labelOverrides.noResultsLabel) !== null && _ref2 !== void 0 ? _ref2 : label
       })]
     }), !filterPaneIsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       buttonClass: _NoResultsMessage.default.noResultsMessageButton,
@@ -74,7 +75,7 @@ const NoResultsMessage = _ref => {
       onClick: toggleFilterPane,
       children: kintIntl.formatKintMessage({
         id: 'showFilters',
-        overrideValue: labelOverrides?.showFilters
+        overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.showFilters
       })
     })]
   });

package/es/lib/NumberField/NumberField.js

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

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

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

package/es/lib/QueryTypedown/QueryTypedown.js

@@ -9,15 +9,23 @@ 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,
-    ...rest
-  } = _ref;
+      dataFormatter = d => d,
+      path,
+      pathMutator
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [callPath, setCallPath] = (0, _react.useState)(pathMutator(null, path));
   const data = dataFormatter((0, _typedownHooks.useTypedownData)(path, callPath));
   const [userQuery, setUserQuery] = (0, _react.useState)('');
@@ -27,11 +35,10 @@ const QueryTypedown = _ref => {
   (0, _react.useEffect)(() => {
     setCallPath(pathMutator(userQuery, path));
   }, [path, pathMutator, userQuery]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, {
-    ...rest,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typedown.default, _objectSpread(_objectSpread({}, rest), {}, {
     dataOptions: data,
     onType: onType
-  });
+  }));
 };
 QueryTypedown.propTypes = {
   dataFormatter: _propTypes.default.func,

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -10,6 +10,11 @@ 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 {
@@ -32,7 +37,7 @@ const RefdataButtons = props => {
         'checked': input.value === option.value,
         'fullWidth': true,
         'label': labelTranslations ? intl.formatMessage({
-          id: `${labelTranslations.key}.${option.value}`,
+          id: "".concat(labelTranslations.key, ".").concat(option.value),
           defaultMessage: option.label
         }) : option.label,
         'marginBottom0': true,
@@ -41,10 +46,8 @@ const RefdataButtons = props => {
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Col, {
         xs: dynamicColumnWidth ? 12 / numberOfButtons : 12 / maximumColumns,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, {
-          ...buttonProps
-        })
-      }, `${input.name}:${option.id}`);
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RadioButton, _objectSpread({}, buttonProps))
+      }, "".concat(input.name, ":").concat(option.id));
     });
   };
   const returnRows = dataOptions => {
@@ -71,7 +74,7 @@ const RefdataButtons = props => {
     return chunkedDataOptions.map((cdo, index) => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Row, {
         children: buttonRender(cdo, false)
-      }, `${props.input.name}:row${index}`);
+      }, "".concat(props.input.name, ":row").concat(index));
     });
   };
   return returnRows(props.dataOptions);