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

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

@@ -6,47 +6,51 @@ 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,
+      _valueToRemove = _state$intlKeys[ns],
+      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,22 @@ 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) => {
-    let {
-      id,
-      overrideValue,
-      fallbackMessage,
-      ...formatParams
-    } = _ref;
+    var _intlObj$messages2;
+    let id = _ref.id,
+      overrideValue = _ref.overrideValue,
+      fallbackMessage = _ref.fallbackMessage,
+      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 +47,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

@@ -8,18 +8,36 @@ var _react = require("react");
 var _reactResizeDetector = require("react-resize-detector");
 var _components = require("@folio/stripes/components");
 var _eventCodes = require("../../constants/eventCodes");
-var _useTypedownToggle = _interopRequireDefault(require("./useTypedownToggle"));
+var _useTypedownToggle2 = _interopRequireDefault(require("./useTypedownToggle"));
 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 useTypedown = function (name) {
-  let {
-    dataOptions,
-    timeout = 800
-  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    dataOptions = _ref.dataOptions,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 800 : _ref$timeout;
   // SET UP STATE HOLDING DOM ELEMENTS
-  const [list, setList] = (0, _react.useState)();
-  const [trigger, setTrigger] = (0, _react.useState)();
-  const [footer, setFooter] = (0, _react.useState)();
-  const [header, setHeader] = (0, _react.useState)();
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  const _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    trigger = _useState4[0],
+    setTrigger = _useState4[1];
+  const _useState5 = (0, _react.useState)(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    footer = _useState6[0],
+    setFooter = _useState6[1];
+  const _useState7 = (0, _react.useState)(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    header = _useState8[0],
+    setHeader = _useState8[1];
 
   // SET UP REFS
   const triggerRef = (0, _react.useRef)();
@@ -47,20 +65,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, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7;
       // 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: (_ref2 = footer ? (0, _components.getFirstFocusable)(footer) : null) !== null && _ref2 !== void 0 ? _ref2 : (0, _components.getNextFocusable)(trigger, false),
         downElement: firstItemInList,
         upElement: lastItemInList
       },
@@ -68,7 +87,7 @@ const useTypedown = function (name) {
       {
         element: footer,
         allowTabThroughContents: true,
-        previousElement: (header ? (0, _components.getLastFocusable)(header) : null) ?? trigger,
+        previousElement: (_ref3 = header ? (0, _components.getLastFocusable)(header) : null) !== null && _ref3 !== void 0 ? _ref3 : trigger,
         nextElement: (0, _components.getNextFocusable)(trigger, false),
         downElement: firstItemInList,
         upElement: lastItemInList
@@ -77,35 +96,33 @@ 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: (_ref4 = header ? (0, _components.getLastFocusable)(header) : null) !== null && _ref4 !== void 0 ? _ref4 : trigger,
+        nextElement: (_ref5 = footer ? (0, _components.getFirstFocusable)(footer) : null) !== null && _ref5 !== void 0 ? _ref5 : (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: (_ref6 = (_ref7 = header ? (0, _components.getFirstFocusable)(header) : null) !== null && _ref7 !== void 0 ? _ref7 : footer ? (0, _components.getFirstFocusable)(footer) : null) !== null && _ref6 !== void 0 ? _ref6 : (0, _components.getNextFocusable)(trigger, false),
         previousElement: getPreviousToTrigger(),
         downElement: firstItemInList,
         upElement: lastItemInList
       }].filter(c => c.element); // Filter out configs where the element (e.g., header) is null
 
       const setupListener = config => {
-        const {
-          element,
-          allowTabThroughContents,
-          previousElement,
-          nextElement,
-          allowUpDownThroughContents,
-          downElement,
-          upElement
-        } = config;
+        const element = config.element,
+          allowTabThroughContents = config.allowTabThroughContents,
+          previousElement = config.previousElement,
+          nextElement = config.nextElement,
+          allowUpDownThroughContents = config.allowUpDownThroughContents,
+          downElement = config.downElement,
+          upElement = config.upElement;
         const handleTab = e => {
           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 +139,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();
@@ -167,10 +184,12 @@ const useTypedown = function (name) {
   const handleNextFocus = () => (0, _components.getNextFocusable)(trigger, false).focus();
 
   // SET UP VARIABLES
-  const {
-    open
-  } = (0, _useTypedownToggle.default)(name);
-  const [useOpen, setUseOpen] = (0, _react.useState)(false);
+  const _useTypedownToggle = (0, _useTypedownToggle2.default)(name),
+    open = _useTypedownToggle.open;
+  const _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    useOpen = _useState0[0],
+    setUseOpen = _useState0[1];
   (0, _react.useEffect)(() => {
     // Use setTimeout to update the message after 2000 milliseconds (2 seconds)
     const timeoutId = setTimeout(() => {
@@ -182,10 +201,9 @@ const useTypedown = function (name) {
   }, [timeout]);
 
   // RESIZE STUFF
-  const {
-    width: searchWidth,
-    ref: resizeRef
-  } = (0, _reactResizeDetector.useResizeDetector)();
+  const _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)(),
+    searchWidth = _useResizeDetector.width,
+    resizeRef = _useResizeDetector.ref;
   return {
     refs: {
       listRef,

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

@@ -8,21 +8,29 @@ var _react = require("react");
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../../utils");
+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 useTypedownData = (path, callPath) => {
   const ky = (0, _core.useOkapiKy)();
   const queryKey = (0, _utils.typedownQueryKey)(path);
   if (callPath) {
     queryKey.push(callPath);
   }
-  const {
-    data,
-    isLoading
-  } = (0, _reactQuery.useQuery)(
-  // Ensure when multiple apps are using this function that each one gets memoized individually
-  queryKey, () => ky(callPath).json());
+  const _useQuery = (0, _reactQuery.useQuery)(
+    // Ensure when multiple apps are using this function that each one gets memoized individually
+    queryKey, () => ky(callPath).json()),
+    data = _useQuery.data,
+    isLoading = _useQuery.isLoading;
 
   // Smooth out transitions while data changes by only displaying once call has been loaded.
-  const [contentData, setContentData] = (0, _react.useState)();
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    contentData = _useState2[0],
+    setContentData = _useState2[1];
   (0, _react.useEffect)(() => {
     if (!isLoading) {
       setContentData(data);

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

@@ -5,21 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _useActiveElement = _interopRequireDefault(require("../useActiveElement"));
+var _useActiveElement2 = _interopRequireDefault(require("../useActiveElement"));
 var _selectorSafe = _interopRequireDefault(require("../../utils/selectorSafe"));
 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 useTypedownToggle = name => {
-  const [open, setOpen] = (0, _react.useState)(false);
+  const _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   const onToggle = (0, _react.useCallback)(() => {
     setOpen(!open);
   }, [open, setOpen]);
-  const {
-    hasParent
-  } = (0, _useActiveElement.default)();
+  const _useActiveElement = (0, _useActiveElement2.default)(),
+    hasParent = _useActiveElement.hasParent;
 
   // 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

@@ -5,15 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+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; }
 // Using the passed actionListRef in a stateful way
 // is somewhat complicated, so here's a hook to simplify that work
 const useActionListRef = () => {
   const actionListRef = (0, _react.useRef)();
-  const [editing, setEditing] = (0, _react.useState)();
+  const _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    editing = _useState2[0],
+    setEditing = _useState2[1];
   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

@@ -5,13 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+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 useActiveElement = () => {
-  const [active, setActive] = (0, _react.useState)(document.activeElement);
+  const _useState = (0, _react.useState)(document.activeElement),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
   const handleFocusIn = () => {
     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/useCustProps.js

@@ -7,21 +7,30 @@ exports.default = exports.CUSTPROPS_QUERY_KEY_BASE = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useParallelBatchFetch = _interopRequireDefault(require("./useParallelBatchFetch"));
 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 CUSTPROPS_QUERY_KEY_BASE = exports.CUSTPROPS_QUERY_KEY_BASE = ['stripes-kint-components', 'useCustProps', 'custprops'];
 const useCustProps = _ref => {
-  let {
-    endpoint,
-    ctx,
-    nsValues = {
+  let endpoint = _ref.endpoint,
+    ctx = _ref.ctx,
+    _ref$nsValues = _ref.nsValues,
+    nsValues = _ref$nsValues === void 0 ? {
       sort: 'id'
-    },
-    options = {},
-    queryParams = {},
-    batchLimit = Infinity,
-    batchSize = 100,
-    concurrentRequests = 5
-  } = _ref;
-  const custPropOptions = {
+    } : _ref$nsValues,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options,
+    _ref$queryParams = _ref.queryParams,
+    queryParams = _ref$queryParams === void 0 ? {} : _ref$queryParams,
+    _ref$batchLimit = _ref.batchLimit,
+    batchLimit = _ref$batchLimit === void 0 ? Infinity : _ref$batchLimit,
+    _ref$batchSize = _ref.batchSize,
+    batchSize = _ref$batchSize === void 0 ? 100 : _ref$batchSize,
+    _ref$concurrentReques = _ref.concurrentRequests,
+    concurrentRequests = _ref$concurrentReques === void 0 ? 5 : _ref$concurrentReques;
+  const custPropOptions = _objectSpread({
     searchKey: 'label,name,description',
     filterKeys: {
       ContextKey: 'ctx'
@@ -31,12 +40,11 @@ const useCustProps = _ref => {
     }, {
       path: 'label'
     }],
-    filters: [],
-    ...options
-  };
+    filters: []
+  }, options);
   if (Array.isArray(ctx)) {
     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') {
     custPropOptions.filters.push({
@@ -48,27 +56,27 @@ const useCustProps = _ref => {
       value: ctx
     });
   }
-  const {
-    items: custprops = [],
-    isLoading = true,
-    total = 0
-  } = (0, _useParallelBatchFetch.default)({
-    endpoint,
-    BATCH_LIMIT: batchLimit,
-    BATCH_SIZE: batchSize,
-    CONCURRENT_REQUESTS: concurrentRequests,
-    batchParams: custPropOptions,
-    nsValues,
-    generateQueryKey: _ref2 => {
-      let {
-        endpoint: queryEndpoint,
-        offset,
-        paramsArray
-      } = _ref2;
-      return [...CUSTPROPS_QUERY_KEY_BASE, ctx, queryEndpoint, offset, paramsArray];
-    },
-    queryOptions: queryParams
-  });
+  const _useParallelBatchFetc = (0, _useParallelBatchFetch.default)({
+      endpoint,
+      BATCH_LIMIT: batchLimit,
+      BATCH_SIZE: batchSize,
+      CONCURRENT_REQUESTS: concurrentRequests,
+      batchParams: custPropOptions,
+      nsValues,
+      generateQueryKey: _ref2 => {
+        let queryEndpoint = _ref2.endpoint,
+          offset = _ref2.offset,
+          paramsArray = _ref2.paramsArray;
+        return [...CUSTPROPS_QUERY_KEY_BASE, ctx, queryEndpoint, offset, paramsArray];
+      },
+      queryOptions: queryParams
+    }),
+    _useParallelBatchFetc2 = _useParallelBatchFetc.items,
+    custprops = _useParallelBatchFetc2 === void 0 ? [] : _useParallelBatchFetc2,
+    _useParallelBatchFetc3 = _useParallelBatchFetc.isLoading,
+    isLoading = _useParallelBatchFetc3 === void 0 ? true : _useParallelBatchFetc3,
+    _useParallelBatchFetc4 = _useParallelBatchFetc.total,
+    total = _useParallelBatchFetc4 === void 0 ? 0 : _useParallelBatchFetc4;
   return {
     custprops,
     isLoading,