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

package/es/lib/Typedown/Typedown.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _get = _interopRequireDefault(require("lodash/get"));
+var _get3 = _interopRequireDefault(require("lodash/get"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../SearchField"));
 var _TypeDown = _interopRequireDefault(require("../../../styles/TypeDown.css"));
@@ -21,6 +21,7 @@ const Typedown = _ref => {
     dataOptions,
     displayClearItem = true,
     displayValueWhileOpen = true,
+    dropdownPlacement = 'bottom-start',
     endOfList,
     getDisplayValue,
     // Can overrule displayValue entirely
@@ -43,7 +44,7 @@ const Typedown = _ref => {
     // A way to pass any styles that need to be applied globally on selection
     uniqueIdentificationPath = 'id'
   } = _ref;
-  const selectedUniqueId = (0, _get.default)(input.value, uniqueIdentificationPath);
+  const selectedUniqueId = (0, _get3.default)(input.value, uniqueIdentificationPath);
   const [selectedValue, setSelectedValue] = (0, _react.useState)(input.value); // Track what's been selected in state as well
 
   // Display data needs to be in line with data options but also able to react to default handleType
@@ -58,18 +59,25 @@ const Typedown = _ref => {
 
   // Setup default handleType
   const handleType = (0, _react.useCallback)(e => {
-    const regex = new RegExp(`${e.target.value.toLowerCase()}`);
+    var _e$target, _e$target2;
+    const regex = new RegExp("".concat(e.target.value.toLowerCase()));
     if (onType) {
       onType(e);
-    } else if (filterPath && e?.target?.value) {
-      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, filterPath)?.toLowerCase()?.match(regex)));
-    } else if (e?.target?.value) {
-      setDisplayData(dataOptions.filter(item => (0, _get.default)(item, uniqueIdentificationPath)?.toLowerCase()?.match(regex)));
+    } else if (filterPath && e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value) {
+      setDisplayData(dataOptions.filter(item => {
+        var _get;
+        return (_get = (0, _get3.default)(item, filterPath)) === null || _get === void 0 || (_get = _get.toLowerCase()) === null || _get === void 0 ? void 0 : _get.match(regex);
+      }));
+    } else if (e !== null && e !== void 0 && (_e$target2 = e.target) !== null && _e$target2 !== void 0 && _e$target2.value) {
+      setDisplayData(dataOptions.filter(item => {
+        var _get2;
+        return (_get2 = (0, _get3.default)(item, uniqueIdentificationPath)) === null || _get2 === void 0 || (_get2 = _get2.toLowerCase()) === null || _get2 === void 0 ? void 0 : _get2.match(regex);
+      }));
     } else {
       setDisplayData(dataOptions);
     }
     setCurrentlyTyped(e.target.value);
-    if (displayData.length === 1 && (0, _get.default)(displayData[0], filterPath) === e.target.value) {
+    if (displayData.length === 1 && (0, _get3.default)(displayData[0], filterPath) === e.target.value) {
       setExactMatch(true);
     } else {
       setExactMatch(false);
@@ -103,7 +111,7 @@ const Typedown = _ref => {
     let optionIsSelected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _TypeDown.default.listItem,
-      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch, optionIsSelected, selectedValue) : (0, _get.default)(option, uniqueIdentificationPath)
+      children: renderListItem ? renderListItem(option, currentlyTyped, exactMatch, optionIsSelected, selectedValue) : (0, _get3.default)(option, uniqueIdentificationPath)
     });
   }, [currentlyTyped, exactMatch, renderListItem, selectedValue, uniqueIdentificationPath]);
   const handleChange = (0, _react.useCallback)(value => {
@@ -114,16 +122,17 @@ const Typedown = _ref => {
     }
   }, [input, onChange]);
   const renderTypedownTrigger = () => {
-    const triggerComponentId = `typedown-trigger-${(0, _selectorSafe.default)(input.name)}`;
+    const triggerComponentId = "typedown-trigger-".concat((0, _selectorSafe.default)(input.name));
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: triggerRef,
-      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-trigger`,
+      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-trigger"),
       children: renderTrigger ? renderTrigger({
         // Pass all props in that searchfield uses.
         handleType,
         input,
         // Pass input? Useful when not controlled I guess
         meta,
+        open,
         selectedValue,
         triggerComponentId,
         triggerComponentRef
@@ -143,14 +152,14 @@ const Typedown = _ref => {
   const dropDown = (0, _react.useCallback)(() => {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: _TypeDown.default.dropdownMenu,
-      id: `typedown-parent-${(0, _selectorSafe.default)(input.name)}-menu`,
+      id: "typedown-parent-".concat((0, _selectorSafe.default)(input.name), "-menu"),
       style: {
-        '--searchWidth': `${searchWidth}px`
+        '--searchWidth': "".concat(searchWidth, "px")
       },
       children: [renderHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: headerRef,
         className: _TypeDown.default.header,
-        id: `typedown-header-${(0, _selectorSafe.default)(input.name)}`,
+        id: "typedown-header-".concat((0, _selectorSafe.default)(input.name)),
         children: renderHeader({
           currentlyTyped,
           displayData,
@@ -167,13 +176,13 @@ const Typedown = _ref => {
          * This does NOT prevent item click, as e.propagation is not prevented.
          */,
         onMouseDown: e => e.preventDefault(),
-        children: displayData?.length ? displayData?.map((d, index) => {
-          const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get.default)(input.value, uniqueIdentificationPath) === (0, _get.default)(d, uniqueIdentificationPath);
-          const selectedCSS = selectedStyles ?? _TypeDown.default.selectedMenuButton;
-          const uniqueButtonKey = `typedown-button-[${(0, _get.default)(d, uniqueIdentificationPath)}]`;
+        children: displayData !== null && displayData !== void 0 && displayData.length ? displayData === null || displayData === void 0 ? void 0 : displayData.map((d, _index) => {
+          const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get3.default)(input.value, uniqueIdentificationPath) === (0, _get3.default)(d, uniqueIdentificationPath);
+          const selectedCSS = selectedStyles !== null && selectedStyles !== void 0 ? selectedStyles : _TypeDown.default.selectedMenuButton;
+          const uniqueButtonKey = "typedown-button-[".concat((0, _get3.default)(d, uniqueIdentificationPath), "]");
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton, {
-              [`${selectedCSS}`]: isSelectedEval
+              ["".concat(selectedCSS)]: isSelectedEval
             }),
             "data-selected": isSelectedEval,
             id: uniqueButtonKey,
@@ -188,7 +197,7 @@ const Typedown = _ref => {
       }), renderFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: footerRef,
         className: _TypeDown.default.footer,
-        id: `typedown-footer-${(0, _selectorSafe.default)(input.name)}`,
+        id: "typedown-footer-".concat((0, _selectorSafe.default)(input.name)),
         children: renderFooter(displayData, currentlyTyped, exactMatch)
       })]
     });
@@ -217,7 +226,7 @@ const Typedown = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: resizeRef,
     className: (0, _classnames.default)(_TypeDown.default.typedown, className),
-    id: `typedown-id-${id}`,
+    id: "typedown-id-".concat(id),
     children: [renderTypedownTrigger(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popper, {
       anchorRef: triggerRef,
       className: (0, _classnames.default)(_TypeDown.default.dropdown, _TypeDown.default.fullWidth),
@@ -240,6 +249,7 @@ const Typedown = _ref => {
         } // prevent propagation of click events
       },
       overlayRef: overlayRef,
+      placement: dropdownPlacement,
       portal: portal,
       children: dropDown()
     }, "typedown-menu-toggle"), displayValue && renderSelectedItem()]

package/es/lib/hooks/__mocks__/index.js

@@ -4,14 +4,18 @@ var _refdata = _interopRequireDefault(require("../../../../test/jest/refdata"));
 var _customProperties = _interopRequireDefault(require("../../../../test/jest/customProperties"));
 var _useKintIntl = _interopRequireDefault(require("../intlHooks/useKintIntl"));
 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); }
 /* EXAMPLE Grab actual hooks for anything not mocked here */
 const hooks = jest.requireActual('../index');
 
 // We have to do this up here too so that our passed useKintIntl
 // ALSO has a mocked useIntlKeyStore... I think anyway
 jest.mock('../intlHooks/useIntlKeyStore', () => () => () => 'ui-test-implementor');
-module.exports = {
-  ...hooks,
+module.exports = _objectSpread(_objectSpread({}, hooks), {}, {
   useRefdata: () => _refdata.default,
   useTemplates: () => [],
   // We should set up some templates to test this properly
@@ -22,4 +26,4 @@ module.exports = {
   useMutateCustomProperties: () => [],
   useIntlKeyStore: () => () => () => 'ui-test-implementor',
   useKintIntl: _useKintIntl.default // Use the "proper" useKintIntl but with a mocked intlKeyStore which returns the ui-test-implementor
-};
+});

package/es/lib/hooks/intlHooks/useIntlKeyStore/useIntlKeyStore.js

@@ -6,47 +6,53 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _core = require("@folio/stripes/core");
 var _zustand = require("zustand");
-// We can use hooks within zustand store functions without violating the laws of hooks
+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 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); } // We can use hooks within zustand store functions without violating the laws of hooks
 /* eslint-disable react-hooks/rules-of-hooks */
-
 const useIntlKeyStore = (0, _zustand.create)((set, get) => ({
   intlKeys: {},
   addKey: (key, namespace) => set(state => {
+    var _useNamespace;
     let ns = namespace;
-    const folioNS = (0, _core.useNamespace)()?.[0];
+    const folioNS = (_useNamespace = (0, _core.useNamespace)()) === null || _useNamespace === void 0 ? void 0 : _useNamespace[0];
     if (!ns) {
       ns = folioNS;
     }
-    return {
-      ...state,
-      intlKeys: {
-        [ns]: key,
-        ...state.intlKeys
-      }
-    };
+    return _objectSpread(_objectSpread({}, state), {}, {
+      intlKeys: _objectSpread({
+        [ns]: key
+      }, state.intlKeys)
+    });
   }),
   removeKey: namespace => set(state => {
+    var _useNamespace2;
     let ns = namespace;
-    const folioNS = (0, _core.useNamespace)()?.[0];
+    const folioNS = (_useNamespace2 = (0, _core.useNamespace)()) === null || _useNamespace2 === void 0 ? void 0 : _useNamespace2[0];
     if (!ns) {
       ns = folioNS;
     }
-    const {
-      [ns]: _valueToRemove,
-      ...newKeys
-    } = state.intlKeys;
-    return {
-      ...state,
+    const _state$intlKeys = state.intlKeys,
+      {
+        [ns]: _valueToRemove
+      } = _state$intlKeys,
+      newKeys = _objectWithoutProperties(_state$intlKeys, [ns].map(_toPropertyKey));
+    return _objectSpread(_objectSpread({}, state), {}, {
       intlKeys: newKeys
-    };
+    });
   }),
   getKey: namespace => {
+    var _useNamespace3, _get$intlKeys;
     let ns = namespace;
-    const folioNS = (0, _core.useNamespace)()?.[0];
+    const folioNS = (_useNamespace3 = (0, _core.useNamespace)()) === null || _useNamespace3 === void 0 ? void 0 : _useNamespace3[0];
     if (!ns) {
       ns = folioNS;
     }
-    return get().intlKeys?.[ns];
+    return (_get$intlKeys = get().intlKeys) === null || _get$intlKeys === void 0 ? void 0 : _get$intlKeys[ns];
   }
 }));
 var _default = exports.default = useIntlKeyStore;

package/es/lib/hooks/intlHooks/useKintIntl/useKintIntl.js

@@ -6,7 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _reactIntl = require("react-intl");
 var _useIntlKey = _interopRequireDefault(require("../useIntlKey"));
+const _excluded = ["id", "overrideValue", "fallbackMessage"];
 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 hook to enrich the intl object we get from useIntl */
 const useKintIntl = (passedIntlKey, passedIntlNS) => {
   const intlObj = (0, _reactIntl.useIntl)();
@@ -15,23 +23,24 @@ const useKintIntl = (passedIntlKey, passedIntlNS) => {
   // FormatKintMessage id misses out the top level key part of the path.
   // This works analogously to FormattedKintMessage component
   const formatKintMessage = (_ref, formatValues) => {
+    var _intlObj$messages2;
     let {
-      id,
-      overrideValue,
-      fallbackMessage,
-      ...formatParams
-    } = _ref;
+        id,
+        overrideValue,
+        fallbackMessage
+      } = _ref,
+      formatParams = _objectWithoutProperties(_ref, _excluded);
     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, use it
-        return intlObj.formatMessage({
-          id: overrideValue,
-          ...formatParams
-        }, formatValues);
+        return intlObj.formatMessage(_objectSpread({
+          id: overrideValue
+        }, formatParams), formatValues);
       }
       // At this stage we have an overrideValue that's not a key, return it.
       return overrideValue;
@@ -40,28 +49,29 @@ const useKintIntl = (passedIntlKey, passedIntlNS) => {
     // 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 intlObj.formatMessage({
-          id: fallbackMessage,
-          ...formatParams
-        }, formatValues);
+      if ((_intlObj$messages3 = intlObj.messages) !== null && _intlObj$messages3 !== void 0 && _intlObj$messages3[fallbackMessage]) {
+        return intlObj.formatMessage(_objectSpread({
+          id: fallbackMessage
+        }, formatParams), formatValues);
       }
       return fallbackMessage;
     }
 
     // After all that, render the message from key
-    return intlObj.formatMessage({
-      id: `${intlKey}.${id}`,
-      ...formatParams
-    }, formatValues);
+    return intlObj.formatMessage(_objectSpread({
+      id: "".concat(intlKey, ".").concat(id)
+    }, formatParams), formatValues);
   };
-  const messageExists = key => !!intlObj.messages?.[`${intlKey}.${key}`];
-  return {
-    ...intlObj,
+  const messageExists = key => {
+    var _intlObj$messages4;
+    return !!((_intlObj$messages4 = intlObj.messages) !== null && _intlObj$messages4 !== void 0 && _intlObj$messages4["".concat(intlKey, ".").concat(key)]);
+  };
+  return _objectSpread(_objectSpread({}, intlObj), {}, {
     formatKintMessage,
     messageExists
-  };
+  });
 };
 var _default = exports.default = useKintIntl;

package/es/lib/hooks/typedownHooks/useTypedown.js

@@ -47,20 +47,21 @@ const useTypedown = function (name) {
     // There appears to be some BIZARRE off-by-one issue with selectors here, that can be fixed by introducing a 1ms delay...
     // I hate it but it is effective
     setTimeout(() => {
+      var _dataOptions$length, _dataOptions$length2, _ref, _ref2, _ref3, _ref4, _ref5, _ref6;
       // Split these out to shut up the linter
       const rawFirstItemInList = list ? (0, _components.getFirstFocusable)(list) : null;
       const rawLastItemInList = list ? (0, _components.getLastFocusable)(list) : null;
 
       // If there are no dataOptions, this can get a bit stuck, so deliberately set to null when no dataOptions are present
-      const firstItemInList = (dataOptions?.length ?? 0) > 0 ? rawFirstItemInList : null;
-      const lastItemInList = (dataOptions?.length ?? 0) > 0 ? rawLastItemInList : null;
+      const firstItemInList = ((_dataOptions$length = dataOptions === null || dataOptions === void 0 ? void 0 : dataOptions.length) !== null && _dataOptions$length !== void 0 ? _dataOptions$length : 0) > 0 ? rawFirstItemInList : null;
+      const lastItemInList = ((_dataOptions$length2 = dataOptions === null || dataOptions === void 0 ? void 0 : dataOptions.length) !== null && _dataOptions$length2 !== void 0 ? _dataOptions$length2 : 0) > 0 ? rawLastItemInList : null;
       const configs = [
       // --- HEADER CONFIG ---
       {
         element: header,
         allowTabThroughContents: true,
         previousElement: trigger,
-        nextElement: (footer ? (0, _components.getFirstFocusable)(footer) : null) ?? (0, _components.getNextFocusable)(trigger, false),
+        nextElement: (_ref = footer ? (0, _components.getFirstFocusable)(footer) : null) !== null && _ref !== void 0 ? _ref : (0, _components.getNextFocusable)(trigger, false),
         downElement: firstItemInList,
         upElement: lastItemInList
       },
@@ -68,7 +69,7 @@ const useTypedown = function (name) {
       {
         element: footer,
         allowTabThroughContents: true,
-        previousElement: (header ? (0, _components.getLastFocusable)(header) : null) ?? trigger,
+        previousElement: (_ref2 = header ? (0, _components.getLastFocusable)(header) : null) !== null && _ref2 !== void 0 ? _ref2 : trigger,
         nextElement: (0, _components.getNextFocusable)(trigger, false),
         downElement: firstItemInList,
         upElement: lastItemInList
@@ -77,13 +78,13 @@ const useTypedown = function (name) {
       {
         element: list,
         allowUpDownThroughContents: true,
-        previousElement: (header ? (0, _components.getLastFocusable)(header) : null) ?? trigger,
-        nextElement: (footer ? (0, _components.getFirstFocusable)(footer) : null) ?? (0, _components.getNextFocusable)(trigger, false)
+        previousElement: (_ref3 = header ? (0, _components.getLastFocusable)(header) : null) !== null && _ref3 !== void 0 ? _ref3 : trigger,
+        nextElement: (_ref4 = footer ? (0, _components.getFirstFocusable)(footer) : null) !== null && _ref4 !== void 0 ? _ref4 : (0, _components.getNextFocusable)(trigger, false)
       },
       // --- TRIGGER CONFIG ---
       {
         element: trigger,
-        nextElement: (header ? (0, _components.getFirstFocusable)(header) : null) ?? (footer ? (0, _components.getFirstFocusable)(footer) : null) ?? (0, _components.getNextFocusable)(trigger, false),
+        nextElement: (_ref5 = (_ref6 = header ? (0, _components.getFirstFocusable)(header) : null) !== null && _ref6 !== void 0 ? _ref6 : footer ? (0, _components.getFirstFocusable)(footer) : null) !== null && _ref5 !== void 0 ? _ref5 : (0, _components.getNextFocusable)(trigger, false),
         previousElement: getPreviousToTrigger(),
         downElement: firstItemInList,
         upElement: lastItemInList
@@ -103,9 +104,9 @@ const useTypedown = function (name) {
           const IS_SHIFT = e.shiftKey;
           const tabIgnoreContents = () => {
             if (IS_SHIFT) {
-              return previousElement?.focus();
+              return previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
             }
-            return nextElement?.focus();
+            return nextElement === null || nextElement === void 0 ? void 0 : nextElement.focus();
           };
           if (!allowTabThroughContents) {
             return tabIgnoreContents();
@@ -122,9 +123,9 @@ const useTypedown = function (name) {
           const IS_UP = e.code === _eventCodes.UP_ARROW;
           const upDownIgnoreContents = () => {
             if (IS_UP) {
-              return upElement?.focus();
+              return upElement === null || upElement === void 0 ? void 0 : upElement.focus();
             }
-            return downElement?.focus();
+            return downElement === null || downElement === void 0 ? void 0 : downElement.focus();
           };
           if (!allowUpDownThroughContents) {
             return upDownIgnoreContents();

package/es/lib/hooks/typedownHooks/useTypedownToggle.js

@@ -18,8 +18,8 @@ const useTypedownToggle = name => {
   } = (0, _useActiveElement.default)();
 
   // Trawl up element stack and check if a typedown-parent exists, use that to toggle
-  const openBool = !open && hasParent(`typedown-parent-${(0, _selectorSafe.default)(name)}`);
-  const closeBool = open && !hasParent(`typedown-parent-${(0, _selectorSafe.default)(name)}`);
+  const openBool = !open && hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
+  const closeBool = open && !hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
   (0, _react.useEffect)(() => {
     if (openBool || closeBool) {
       onToggle();

package/es/lib/hooks/useActionListRef.js

@@ -13,7 +13,7 @@ const useActionListRef = () => {
   const passedRef = (0, _react.useCallback)(node => {
     // All functions must be present on here
     actionListRef.current = node;
-    if (node?.editing) {
+    if (node !== null && node !== void 0 && node.editing) {
       setEditing(node.editing);
     } else {
       setEditing();

package/es/lib/hooks/useActiveElement.js

@@ -11,7 +11,7 @@ const useActiveElement = () => {
     setActive(document.activeElement);
   };
   const hasParent = id => {
-    return active.closest(`[id^=${id}]`) !== null;
+    return active.closest("[id^=".concat(id, "]")) !== null;
   };
   (0, _react.useEffect)(() => {
     document.addEventListener('focusin', handleFocusIn);

package/es/lib/hooks/useCustomProperties.js

@@ -9,6 +9,11 @@ var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
 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 useCustomProperties = _ref => {
   let {
     endpoint,
@@ -21,7 +26,7 @@ const useCustomProperties = _ref => {
     returnQueryObject = false
   } = _ref;
   const ky = (0, _core.useOkapiKy)();
-  const custPropOptions = {
+  const custPropOptions = _objectSpread({
     searchKey: 'label,name,description',
     filterKeys: {
       ContextKey: 'ctx'
@@ -33,15 +38,14 @@ const useCustomProperties = _ref => {
     }],
     filters: [],
     stats: false,
-    max: 100,
-    ...options
-  };
+    max: 100
+  }, options);
   if (Array.isArray(ctx)) {
     // If we have an array, append a context filter for each ctx given
 
     // Special case if one is isNull
     custPropOptions.filters.push({
-      values: ctx.map(c => c === 'isNull' ? 'ctx isNull' : `ctx==${c}`)
+      values: ctx.map(c => c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c))
     });
   } else if (ctx === 'isNull') {
     // isNull is a special case
@@ -55,7 +59,7 @@ const useCustomProperties = _ref => {
     });
   }
   const query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
-  const path = `${endpoint}${query}`;
+  const path = "".concat(endpoint).concat(query);
   const queryObject = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useCustomProperties', 'custprops', ctx, path], () => ky(path).json(), queryParams);
   if (returnQueryObject) {
     return queryObject || {};

package/es/lib/hooks/useHelperApp.js

@@ -10,13 +10,18 @@ var _queryString = _interopRequireDefault(require("query-string"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 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 useHelperApp = helpers => {
   const history = (0, _reactRouterDom.useHistory)();
   const location = (0, _reactRouterDom.useLocation)();
   const [helperObject, setHelperObject] = (0, _react.useState)({});
   const [helperToggleFunctions, setHelperToggleFunctions] = (0, _react.useState)({});
   const query = _queryString.default.parse(location.search);
-  const [currentHelper, setCurrentHelper] = (0, _react.useState)(query?.helper);
+  const [currentHelper, setCurrentHelper] = (0, _react.useState)(query === null || query === void 0 ? void 0 : query.helper);
   const handleToggleHelper = (0, _react.useCallback)(helper => {
     setCurrentHelper(helper !== currentHelper ? helper : undefined);
   }, [currentHelper]);
@@ -35,14 +40,13 @@ const useHelperApp = helpers => {
       // This makes sure adding/removing helpers changes the functions
       setHelperToggleFunctions(newHelperToggleFunctions);
     }
-    if (currentHelper !== query?.helper) {
-      const newQuery = {
-        ...query,
+    if (currentHelper !== (query === null || query === void 0 ? void 0 : query.helper)) {
+      const newQuery = _objectSpread(_objectSpread({}, query), {}, {
         helper: currentHelper
-      };
+      });
       history.push({
         pathname: location.pathname,
-        search: `?${_queryString.default.stringify(newQuery)}`
+        search: "?".concat(_queryString.default.stringify(newQuery))
       });
 
       // When helper changes, reset helperToggleFunctions
@@ -52,15 +56,14 @@ const useHelperApp = helpers => {
 
   // Set the HelperComponent
   const HelperComponent = (0, _react.useCallback)(props => {
-    if (!query?.helper) return null;
+    if (!(query !== null && query !== void 0 && query.helper)) return null;
     let Component = null;
-    Component = helperObject[query?.helper];
+    Component = helperObject[query === null || query === void 0 ? void 0 : query.helper];
     if (!Component) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-      onToggle: () => handleToggleHelper(query?.helper),
-      ...props
-    });
-  }, [handleToggleHelper, helperObject, query?.helper]);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({
+      onToggle: () => handleToggleHelper(query === null || query === void 0 ? void 0 : query.helper)
+    }, props));
+  }, [handleToggleHelper, helperObject, query === null || query === void 0 ? void 0 : query.helper]);
   return {
     currentHelper,
     HelperComponent,

package/es/lib/hooks/useKiwtFieldArray.js

@@ -6,6 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactFinalFormArrays = require("react-final-form-arrays");
+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 useKiwtFieldArray = function (name) {
   let submitWholeDeletedObject = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   const {
@@ -28,10 +33,9 @@ const useKiwtFieldArray = function (name) {
   const onMarkForDeletion = field => {
     if (field && field.id) {
       if (submitWholeDeletedObject) {
-        fields.push({
-          ...field,
+        fields.push(_objectSpread(_objectSpread({}, field), {}, {
           _delete: true
-        });
+        }));
       } else {
         fields.push({
           id: field.id,
@@ -57,10 +61,7 @@ const useKiwtFieldArray = function (name) {
     }
   };
   const onUpdateField = (index, field) => {
-    fields.update(index, {
-      ...fields.value[index],
-      ...field
-    });
+    fields.update(index, _objectSpread(_objectSpread({}, fields.value[index]), field));
   };
   const items = values.slice(0, endOfList);
   return {