@k-int/stripes-kint-components 5.36.1 → 5.37.0

package/es/lib/IconSelect/IconSelect.js

@@ -12,25 +12,40 @@ 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"];
 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; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // A form component which acts as a "Select for states with corresponding icons"
 const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    ariaLabel,
-    disabled = false,
-    id,
-    input,
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    label,
-    meta,
-    notSet,
-    onChange,
-    options: userOptions = [],
-    required = false,
-    value
-  } = _ref;
+  var _selectedOption$butto;
+  let ariaLabel = _ref.ariaLabel,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    id = _ref.id,
+    input = _ref.input,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    label = _ref.label,
+    meta = _ref.meta,
+    notSet = _ref.notSet,
+    onChange = _ref.onChange,
+    _ref$options = _ref.options,
+    userOptions = _ref$options === void 0 ? [] : _ref$options,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    value = _ref.value;
   const defaultNotSet = {
     icon: 'ellipsis',
     value: '',
@@ -42,15 +57,17 @@ const IconSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
 
   // Options with notSet
-  const options = [notSet ?? defaultNotSet, ...userOptions];
-  const [richSelectRef, selectedOption] = (0, _RichSelect.useSelectedOption)();
+  const options = [notSet !== null && notSet !== void 0 ? notSet : defaultNotSet, ...userOptions];
+  const _useSelectedOption = (0, _RichSelect.useSelectedOption)(),
+    _useSelectedOption2 = _slicedToArray(_useSelectedOption, 2),
+    richSelectRef = _useSelectedOption2[0],
+    selectedOption = _useSelectedOption2[1];
   (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 : {},
+    iconButtonClassName = _ref2.className,
+    buttonProps = _objectWithoutProperties(_ref2, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RichSelect.default, {
     ref: richSelectRef,
     ariaLabel: ariaLabel,
@@ -62,36 +79,35 @@ 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 => {
-      let {
-        onToggle,
-        triggerRef,
-        keyHandler,
-        ariaProps,
-        getTriggerProps
-      } = _ref2;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
+    renderTrigger: _ref3 => {
+      var _selectedOption$icon;
+      let onToggle = _ref3.onToggle,
+        triggerRef = _ref3.triggerRef,
+        keyHandler = _ref3.keyHandler,
+        ariaProps = _ref3.ariaProps,
+        getTriggerProps = _ref3.getTriggerProps;
+      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,28 +13,28 @@ var _NoResultsMessage = _interopRequireDefault(require("../../../styles/NoResult
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const NoResultsMessage = _ref => {
-  let {
-    className,
-    error,
-    filters,
-    filterPaneIsVisible,
-    icon: userIcon,
-    iconPresets: {
-      noTerms: noTermsIcon,
-      noTermsWhenFilterPane: noTermsWhenFilterPaneIcon,
-      noResults: noResultsIcon,
-      isLoading: isLoadingIcon,
-      error: errorIcon
-    } = {},
-    intlKey: passedIntlKey,
-    intlNS: passedIntlNS,
-    isLoading,
-    isError,
-    label: userLabel,
-    labelOverrides = {},
-    searchTerm,
-    toggleFilterPane
-  } = _ref;
+  var _ref2;
+  let className = _ref.className,
+    error = _ref.error,
+    filters = _ref.filters,
+    filterPaneIsVisible = _ref.filterPaneIsVisible,
+    userIcon = _ref.icon,
+    _ref$iconPresets = _ref.iconPresets,
+    _ref$iconPresets2 = _ref$iconPresets === void 0 ? {} : _ref$iconPresets,
+    noTermsIcon = _ref$iconPresets2.noTerms,
+    noTermsWhenFilterPaneIcon = _ref$iconPresets2.noTermsWhenFilterPane,
+    noResultsIcon = _ref$iconPresets2.noResults,
+    isLoadingIcon = _ref$iconPresets2.isLoading,
+    errorIcon = _ref$iconPresets2.error,
+    passedIntlKey = _ref.intlKey,
+    passedIntlNS = _ref.intlNS,
+    isLoading = _ref.isLoading,
+    isError = _ref.isError,
+    userLabel = _ref.label,
+    _ref$labelOverrides = _ref.labelOverrides,
+    labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
+    searchTerm = _ref.searchTerm,
+    toggleFilterPane = _ref.toggleFilterPane;
   const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
   let icon = 'search';
   let label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
@@ -45,37 +45,37 @@ const NoResultsMessage = _ref => {
   });
   if (!isLoading && !searchTerm && !filters) {
     // No search term and not loading
-    icon = noTermsIcon ?? (filterPaneIsVisible ? noTermsWhenFilterPaneIcon ?? 'arrow-left' : null);
+    icon = noTermsIcon !== null && noTermsIcon !== void 0 ? noTermsIcon : filterPaneIsVisible ? noTermsWhenFilterPaneIcon !== null && noTermsWhenFilterPaneIcon !== void 0 ? noTermsWhenFilterPaneIcon : 'arrow-left' : null;
     label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.noTerms"
     });
   } else if (!isLoading) {
     // Search term but not loading
-    icon = noResultsIcon ?? 'search';
+    icon = noResultsIcon !== null && noResultsIcon !== void 0 ? noResultsIcon : 'search';
     label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.noResults"
     });
   } else if (isLoading) {
     // Loading
-    icon = isLoadingIcon ?? 'spinner-ellipsis';
+    icon = isLoadingIcon !== null && isLoadingIcon !== void 0 ? isLoadingIcon : 'spinner-ellipsis';
     label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
       id: "stripes-smart-components.sas.noResults.loading"
     });
   } else if (isError) {
     // Request failure
-    icon = errorIcon ?? 'exclamation-circle';
-    label = error?.message;
+    icon = errorIcon !== null && errorIcon !== void 0 ? errorIcon : 'exclamation-circle';
+    label = error === null || error === void 0 ? void 0 : error.message;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: `${className} ${_NoResultsMessage.default.noResultsMessage}`,
+    className: "".concat(className, " ").concat(_NoResultsMessage.default.noResultsMessage),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _NoResultsMessage.default.noResultsMessageLabelWrap,
       children: [(userIcon || icon) && /*#__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,
@@ -83,7 +83,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,29 +9,49 @@ 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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;
+  const _props$onBlur = props.onBlur,
+    passedOnBlur = _props$onBlur === void 0 ? _noop.default : _props$onBlur,
+    _props$onChange = props.onChange,
+    passedOnChange = _props$onChange === void 0 ? _noop.default : _props$onChange,
+    input = props.input,
+    value = props.value,
+    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 _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : input === null || input === void 0 ? void 0 : input.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceControl = _useState2[0],
+    setForceControl = _useState2[1];
   const inputRef = (0, _react.useRef)();
   const userInputRef = (0, _react.useRef)();
-  const [numValue, setNumValue] = (0, _react.useState)('');
+  const _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    numValue = _useState4[0],
+    setNumValue = _useState4[1];
   const changeField = val => {
     (0, _components.nativeChangeFieldValue)(inputRef, false, val);
   };
 
   // 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 +65,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 +90,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 +104,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

@@ -10,6 +10,12 @@ var _NumberField = _interopRequireDefault(require("./NumberField"));
 var _helpers = require("../../../test/jest/helpers");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 const onSubmit = jest.fn();
 const NUMBER_FIELD_LABEL = 'TEST NUMBER FIELD';
 const NUMBER_FIELD_ID = 'number-field-test';
@@ -33,15 +39,15 @@ 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);
       });
     });
   });
 };
 const SpecialResetButton = () => {
-  const {
-    change
-  } = (0, _reactFinalForm.useForm)();
+  const _useForm = (0, _reactFinalForm.useForm)(),
+    change = _useForm.change;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     onClick: () => change(NUMBER_FIELD_INPUT_ID, undefined),
     children: RESET_BUTTON_LABEL
@@ -58,7 +64,10 @@ const NonControlledComponent = () => {
   });
 };
 const ControlledComponent = () => {
-  const [value, setValue] = (0, _react.useState)();
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SpecialResetButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       component: _NumberField.default,
@@ -75,7 +84,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 +104,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 +129,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 +167,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 +188,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,29 +9,51 @@ 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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;
-  const [callPath, setCallPath] = (0, _react.useState)(pathMutator(null, path));
-  const data = dataFormatter((0, _typedownHooks.useTypedownData)(path, callPath));
-  const [userQuery, setUserQuery] = (0, _react.useState)('');
+  let _ref$dataFormatter = _ref.dataFormatter,
+    dataFormatter = _ref$dataFormatter === void 0 ? d => d : _ref$dataFormatter,
+    path = _ref.path,
+    pathMutator = _ref.pathMutator,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const _useState = (0, _react.useState)(pathMutator(null, path)),
+    _useState2 = _slicedToArray(_useState, 2),
+    callPath = _useState2[0],
+    setCallPath = _useState2[1];
+  const rawData = (0, _typedownHooks.useTypedownData)(path, callPath);
+  const data = (0, _react.useMemo)(() => dataFormatter(rawData), [dataFormatter, rawData]);
+  const _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    userQuery = _useState4[0],
+    setUserQuery = _useState4[1];
   const onType = e => {
     setUserQuery(e.target.value);
   };
   (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), {}, {
+    additionalInfo: {
+      rawData // Pass raw query response into additionalInfo
+    },
     dataOptions: data,
     onType: onType
-  });
+  }));
 };
 QueryTypedown.propTypes = {
   dataFormatter: _propTypes.default.func,

package/es/lib/RefdataButtons/RefdataButtons.js

@@ -10,29 +10,31 @@ 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 {
-    labelTranslations,
-    lockColumns,
-    maxCols = 4
-  } = props;
+  const labelTranslations = props.labelTranslations,
+    lockColumns = props.lockColumns,
+    _props$maxCols = props.maxCols,
+    maxCols = _props$maxCols === void 0 ? 4 : _props$maxCols;
   const intl = (0, _reactIntl.useIntl)();
 
   // maxCols can be any of 1,2,3 or 4. Anything outside of this should be disregarded and default to 4.
   const maximumColumns = [1, 2, 3, 4].includes(maxCols) ? maxCols : 4;
   const buttonRender = (dataOptions, dynamicColumnWidth) => {
     // This accepts a SORTED list of dataoptions.
-    const {
-      input
-    } = props;
+    const input = props.input;
     const numberOfButtons = dataOptions.length;
     return dataOptions.map(option => {
       const buttonProps = {
         '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 +43,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 +71,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 /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {