@k-int/stripes-kint-components 4.5.1 → 4.6.0

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

@@ -9,28 +9,28 @@ var _reactResizeDetector = require("react-resize-detector");
 var _components = require("@folio/stripes/components");
 var _eventCodes = require("../../constants/eventCodes");
 var _selectorSafe = _interopRequireDefault(require("../../utils/selectorSafe"));
-var _useTypedownToggle2 = _interopRequireDefault(require("./useTypedownToggle"));
+var _useTypedownToggle = _interopRequireDefault(require("./useTypedownToggle"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var useTypedown = function useTypedown(name) {
+const useTypedown = name => {
   // SEARCHFIELD COMPONENT
-  var searchFieldComponent = document.getElementById("typedown-searchField-".concat((0, _selectorSafe.default)(name)));
+  const searchFieldComponent = document.getElementById("typedown-searchField-".concat((0, _selectorSafe.default)(name)));
 
   // SET UP REFS
-  var listRef = (0, _react.useRef)();
-  var triggerRef = (0, _react.useRef)();
-  var overlayRef = (0, _react.useRef)();
-  var footerRef = (0, _react.useRef)();
-  var footer = document.getElementById("typedown-footer-".concat((0, _selectorSafe.default)(name)));
+  const listRef = (0, _react.useRef)();
+  const triggerRef = (0, _react.useRef)();
+  const overlayRef = (0, _react.useRef)();
+  const footerRef = (0, _react.useRef)();
+  const footer = document.getElementById("typedown-footer-".concat((0, _selectorSafe.default)(name)));
   // Add an event listener to the footer, so that we can control tab behaviour between footer elements
 
   if (footer && footer.getAttribute('hasListener') !== 'true') {
-    footer.addEventListener('keydown', function (e) {
+    footer.addEventListener('keydown', e => {
       // We want special behaviour on tab
       if (e.code === _eventCodes.TAB) {
         // Prevent the default behaviour
         e.preventDefault();
-        var focusFunc = e.shiftKey ? _components.getPreviousFocusable : _components.getNextFocusable;
-        var elem = focusFunc(footerRef.current, true, true, false, true);
+        const focusFunc = e.shiftKey ? _components.getPreviousFocusable : _components.getNextFocusable;
+        const elem = focusFunc(footerRef.current, true, true, false, true);
         if (elem) {
           // Focus on next focusable element
           elem.focus();
@@ -47,17 +47,17 @@ var useTypedown = function useTypedown(name) {
   }
 
   // SET UP HANDLERS
-  var searchFieldKeyDownHandler = function searchFieldKeyDownHandler(e) {
+  const searchFieldKeyDownHandler = e => {
     if (e.code === _eventCodes.UP_ARROW) {
-      var elem = (0, _components.getLastFocusable)(listRef.current, true, true);
+      const elem = (0, _components.getLastFocusable)(listRef.current, true, true);
       if (elem) {
         elem.focus();
       }
     }
     if (e.code === _eventCodes.DOWN_ARROW) {
-      var _elem = (0, _components.getFirstFocusable)(listRef.current, true, true);
-      if (_elem) {
-        _elem.focus();
+      const elem = (0, _components.getFirstFocusable)(listRef.current, true, true);
+      if (elem) {
+        elem.focus();
       }
     }
 
@@ -65,68 +65,68 @@ var useTypedown = function useTypedown(name) {
     if (e.code === _eventCodes.TAB && !e.shiftKey) {
       e.preventDefault();
       // If we have focusable elements in the footer, then focus on them, else unfocus searchbar
-      var _elem2 = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
-      if (_elem2) {
-        _elem2.focus();
+      const elem = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
+      if (elem) {
+        elem.focus();
       } else {
         (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
       }
     }
   };
-  var listKeyDownHandler = function listKeyDownHandler(e) {
+  const listKeyDownHandler = e => {
     if (e.code === _eventCodes.DOWN_ARROW) {
-      var elem = (0, _components.getNextFocusable)(listRef.current, true, true);
+      const elem = (0, _components.getNextFocusable)(listRef.current, true, true);
       elem.focus();
     }
     if (e.code === _eventCodes.UP_ARROW) {
-      var _elem3 = (0, _components.getPreviousFocusable)(listRef.current, true, true);
-      _elem3.focus();
+      const elem = (0, _components.getPreviousFocusable)(listRef.current, true, true);
+      elem.focus();
     }
     if (e.code === _eventCodes.TAB) {
       e.preventDefault();
-      var _elem4;
+      let elem;
       if (!e.shiftKey && !footerRef.current) {
-        _elem4 = (0, _components.getNextFocusable)(searchFieldComponent, false);
+        elem = (0, _components.getNextFocusable)(searchFieldComponent, false);
       } else if (!e.shiftKey) {
-        _elem4 = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
+        elem = (0, _components.getNextFocusable)(footerRef.current, true, true, true, true);
       } else {
-        _elem4 = searchFieldComponent;
+        elem = searchFieldComponent;
       }
-      _elem4.focus();
+      elem.focus();
     }
   };
-  var handleNextFocus = function handleNextFocus() {
-    return (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
-  };
+  const handleNextFocus = () => (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
 
   // SET UP VARIABLES
-  var _useTypedownToggle = (0, _useTypedownToggle2.default)(name),
-    open = _useTypedownToggle.open;
+  const {
+    open
+  } = (0, _useTypedownToggle.default)(name);
 
   // RESIZE STUFF
-  var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)(),
-    searchWidth = _useResizeDetector.width,
-    resizeRef = _useResizeDetector.ref;
+  const {
+    width: searchWidth,
+    ref: resizeRef
+  } = (0, _reactResizeDetector.useResizeDetector)();
 
   // OVERLAY PORTAL
-  var portal = document.getElementById('OverlayContainer');
+  const portal = document.getElementById('OverlayContainer');
   return {
     refs: {
-      listRef: listRef,
-      triggerRef: triggerRef,
-      overlayRef: overlayRef,
-      footerRef: footerRef
+      listRef,
+      triggerRef,
+      overlayRef,
+      footerRef
     },
     handlers: {
-      handleNextFocus: handleNextFocus,
-      listKeyDownHandler: listKeyDownHandler,
-      searchFieldKeyDownHandler: searchFieldKeyDownHandler
+      handleNextFocus,
+      listKeyDownHandler,
+      searchFieldKeyDownHandler
     },
     variables: {
-      open: open,
-      portal: portal,
-      resizeRef: resizeRef,
-      searchWidth: searchWidth
+      open,
+      portal,
+      resizeRef,
+      searchWidth
     }
   };
 };

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

@@ -8,32 +8,22 @@ var _react = require("react");
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../../utils");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var useTypedownData = function useTypedownData(path, callPath) {
-  var ky = (0, _core.useOkapiKy)();
-  var queryKey = (0, _utils.typedownQueryKey)(path);
+const useTypedownData = (path, callPath) => {
+  const ky = (0, _core.useOkapiKy)();
+  const queryKey = (0, _utils.typedownQueryKey)(path);
   if (callPath) {
     queryKey.push(callPath);
   }
-  var _useQuery = (0, _reactQuery.useQuery)(
-    // Ensure when multiple apps are using this function that each one gets memoized individually
-    queryKey, function () {
-      return ky(callPath).json();
-    }),
-    data = _useQuery.data,
-    isLoading = _useQuery.isLoading;
+  const {
+    data,
+    isLoading
+  } = (0, _reactQuery.useQuery)(
+  // Ensure when multiple apps are using this function that each one gets memoized individually
+  queryKey, () => ky(callPath).json());
 
   // Smooth out transitions while data changes by only displaying once call has been loaded.
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentData = _useState2[0],
-    setContentData = _useState2[1];
-  (0, _react.useEffect)(function () {
+  const [contentData, setContentData] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
     if (!isLoading) {
       setContentData(data);
     }

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

@@ -5,37 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _useActiveElement2 = _interopRequireDefault(require("../useActiveElement"));
+var _useActiveElement = _interopRequireDefault(require("../useActiveElement"));
 var _selectorSafe = _interopRequireDefault(require("../../utils/selectorSafe"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var useTypedownToggle = function useTypedownToggle(name) {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var onToggle = (0, _react.useCallback)(function () {
+const useTypedownToggle = name => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  const onToggle = (0, _react.useCallback)(() => {
     setOpen(!open);
   }, [open, setOpen]);
-  var _useActiveElement = (0, _useActiveElement2.default)(),
-    hasParent = _useActiveElement.hasParent;
+  const {
+    hasParent
+  } = (0, _useActiveElement.default)();
 
   // Trawl up element stack and check if a typedown-parent exists, use that to toggle
-  var openBool = !open && hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
-  var closeBool = open && !hasParent("typedown-parent-".concat((0, _selectorSafe.default)(name)));
-  (0, _react.useEffect)(function () {
+  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();
     }
   }, [closeBool, onToggle, openBool]);
   return {
-    open: open,
-    onToggle: onToggle
+    open,
+    onToggle
   };
 };
 var _default = useTypedownToggle;

package/es/lib/hooks/useActiveElement.js

@@ -5,32 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var useActiveElement = function useActiveElement() {
-  var _useState = (0, _react.useState)(document.activeElement),
-    _useState2 = _slicedToArray(_useState, 2),
-    active = _useState2[0],
-    setActive = _useState2[1];
-  var handleFocusIn = function handleFocusIn() {
+const useActiveElement = () => {
+  const [active, setActive] = (0, _react.useState)(document.activeElement);
+  const handleFocusIn = () => {
     setActive(document.activeElement);
   };
-  var hasParent = function hasParent(id) {
+  const hasParent = id => {
     return active.closest("[id^=".concat(id, "]")) !== null;
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     document.addEventListener('focusin', handleFocusIn);
-    return function () {
+    return () => {
       document.removeEventListener('focusin', handleFocusIn);
     };
   }, []);
   return {
-    active: active,
-    hasParent: hasParent
+    active,
+    hasParent
   };
 };
 var _default = useActiveElement;

package/es/lib/hooks/useCustomProperties.js

@@ -9,26 +9,19 @@ var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
 var _utils = require("../utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var useCustomProperties = function useCustomProperties(_ref) {
-  var endpoint = _ref.endpoint,
-    ctx = _ref.ctx,
-    _ref$nsValues = _ref.nsValues,
-    nsValues = _ref$nsValues === void 0 ? {
+const useCustomProperties = _ref => {
+  let {
+    endpoint,
+    ctx,
+    nsValues = {
       sort: 'id'
-    } : _ref$nsValues,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? {} : _ref$options,
-    queryParams = _ref.queryParams,
-    _ref$returnQueryObjec = _ref.returnQueryObject,
-    returnQueryObject = _ref$returnQueryObjec === void 0 ? false : _ref$returnQueryObjec;
-  var ky = (0, _core.useOkapiKy)();
-  var custPropOptions = _objectSpread({
+    },
+    options = {},
+    queryParams,
+    returnQueryObject = false
+  } = _ref;
+  const ky = (0, _core.useOkapiKy)();
+  const custPropOptions = {
     searchKey: 'label,name,description',
     filterKeys: {
       ContextKey: 'ctx'
@@ -40,16 +33,15 @@ var useCustomProperties = function 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(function (c) {
-        return c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c);
-      })
+      values: ctx.map(c => c === 'isNull' ? 'ctx isNull' : "ctx==".concat(c))
     });
   } else if (ctx === 'isNull') {
     // isNull is a special case
@@ -62,15 +54,15 @@ var useCustomProperties = function useCustomProperties(_ref) {
       value: ctx
     });
   }
-  var query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
-  var path = "".concat(endpoint).concat(query);
-  var queryObject = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useCustomProperties', 'custprops', ctx, path], function () {
-    return ky(path).json();
-  }, queryParams);
+  const query = (0, _utils.generateKiwtQuery)(custPropOptions, nsValues);
+  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 || {};
   }
-  var custprops = queryObject.data;
+  const {
+    data: custprops
+  } = queryObject;
   return custprops || [];
 };
 useCustomProperties.propTypes = {

package/es/lib/hooks/useHelperApp.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,43 +10,30 @@ var _queryString = _interopRequireDefault(require("query-string"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var helperObject = {};
-var useHelperApp = function useHelperApp(helpers) {
-  var history = (0, _reactRouterDom.useHistory)();
-  var location = (0, _reactRouterDom.useLocation)();
-  var query = _queryString.default.parse(location.search);
-  var _useState = (0, _react.useState)(query === null || query === void 0 ? void 0 : query.helper),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentHelper = _useState2[0],
-    setCurrentHelper = _useState2[1];
-  var handleToggleHelper = (0, _react.useCallback)(function (helper) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+let helperObject = {};
+const useHelperApp = helpers => {
+  const history = (0, _reactRouterDom.useHistory)();
+  const location = (0, _reactRouterDom.useLocation)();
+  const query = _queryString.default.parse(location.search);
+  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]);
-  var isOpen = function isOpen(hlp) {
+  const isOpen = hlp => {
     return currentHelper === hlp;
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // Keep object outside of hook to avoid redraw, oncly change when keys change
     if (!(0, _isEqual.default)(Object.keys(helperObject), Object.keys(helpers))) {
       helperObject = helpers;
     }
     if (currentHelper !== (query === null || query === void 0 ? void 0 : query.helper)) {
-      var newQuery = _objectSpread(_objectSpread({}, query), {}, {
+      const newQuery = {
+        ...query,
         helper: currentHelper
-      });
+      };
       history.push({
         pathname: location.pathname,
         search: "?".concat(_queryString.default.stringify(newQuery))
@@ -56,32 +42,27 @@ var useHelperApp = function useHelperApp(helpers) {
   }, [currentHelper, helpers, history, location, query]);
 
   // Set the HelperComponent
-  var HelperComponent = (0, _react.useMemo)(function () {
-    return function (props) {
-      if (!(query !== null && query !== void 0 && query.helper)) return null;
-      var Component = null;
-      Component = helperObject[query === null || query === void 0 ? void 0 : query.helper];
-      if (!Component) return null;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({
-        onToggle: function onToggle() {
-          return handleToggleHelper(query === null || query === void 0 ? void 0 : query.helper);
-        }
-      }, props));
-    };
+  const HelperComponent = (0, _react.useMemo)(() => props => {
+    if (!(query !== null && query !== void 0 && query.helper)) return null;
+    let Component = null;
+    Component = helperObject[query === null || query === void 0 ? void 0 : query.helper];
+    if (!Component) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      onToggle: () => handleToggleHelper(query === null || query === void 0 ? void 0 : query.helper),
+      ...props
+    });
   }, [handleToggleHelper, query.helper]);
 
   // Set up the helperToggleFunctions
-  var helperToggleFunctions = {};
-  Object.keys(helperObject).forEach(function (h) {
-    helperToggleFunctions[h] = function () {
-      return handleToggleHelper(h);
-    };
+  const helperToggleFunctions = {};
+  Object.keys(helperObject).forEach(h => {
+    helperToggleFunctions[h] = () => handleToggleHelper(h);
   });
   return {
-    currentHelper: currentHelper,
-    HelperComponent: HelperComponent,
-    helperToggleFunctions: helperToggleFunctions,
-    isOpen: isOpen
+    currentHelper,
+    HelperComponent,
+    helperToggleFunctions,
+    isOpen
   };
 };
 var _default = useHelperApp;

package/es/lib/hooks/useIntlKey.js

@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _useIntlKeyStore = _interopRequireDefault(require("./useIntlKeyStore"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var useIntlKey = function useIntlKey(passedIntlKey, passedIntlNS) {
-  var getKey = (0, _useIntlKeyStore.default)(function (state) {
-    return state.getKey;
-  });
-  var intlKey;
+const useIntlKey = (passedIntlKey, passedIntlNS) => {
+  const getKey = (0, _useIntlKeyStore.default)(state => state.getKey);
+  let intlKey;
   if (passedIntlKey) {
     intlKey = passedIntlKey;
   } else if (passedIntlNS) {

package/es/lib/hooks/useIntlKeyStore.js

@@ -6,56 +6,51 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _core = require("@folio/stripes/core");
 var _zustand = require("zustand");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var useIntlKeyStore = (0, _zustand.create)(function (set, get) {
-  return {
-    intlKeys: {},
-    addKey: function addKey(key, namespace) {
-      return set(function (state) {
-        var _useNamespace;
-        var ns = namespace;
-        var folioNS = (_useNamespace = (0, _core.useNamespace)()) === null || _useNamespace === void 0 ? void 0 : _useNamespace[0];
-        if (!ns) {
-          ns = folioNS;
-        }
-        return _objectSpread(_objectSpread({}, state), {}, {
-          intlKeys: _objectSpread(_defineProperty({}, ns, key), state.intlKeys)
-        });
-      });
-    },
-    removeKey: function removeKey(namespace) {
-      return set(function (state) {
-        var _useNamespace2;
-        var ns = namespace;
-        var folioNS = (_useNamespace2 = (0, _core.useNamespace)()) === null || _useNamespace2 === void 0 ? void 0 : _useNamespace2[0];
-        if (!ns) {
-          ns = folioNS;
-        }
-        var _state$intlKeys = state.intlKeys,
-          _valueToRemove = _state$intlKeys[ns],
-          newKeys = _objectWithoutProperties(_state$intlKeys, [ns].map(_toPropertyKey));
-        return _objectSpread(_objectSpread({}, state), {}, {
-          intlKeys: newKeys
-        });
-      });
-    },
-    getKey: function getKey(namespace) {
-      var _useNamespace3, _get$intlKeys;
-      var ns = namespace;
-      var folioNS = (_useNamespace3 = (0, _core.useNamespace)()) === null || _useNamespace3 === void 0 ? void 0 : _useNamespace3[0];
-      if (!ns) {
-        ns = folioNS;
+// 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 = (_useNamespace = (0, _core.useNamespace)()) === null || _useNamespace === void 0 ? void 0 : _useNamespace[0];
+    if (!ns) {
+      ns = folioNS;
+    }
+    return {
+      ...state,
+      intlKeys: {
+        [ns]: key,
+        ...state.intlKeys
       }
-      return (_get$intlKeys = get().intlKeys) === null || _get$intlKeys === void 0 ? void 0 : _get$intlKeys[ns];
+    };
+  }),
+  removeKey: namespace => set(state => {
+    var _useNamespace2;
+    let ns = namespace;
+    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,
+      intlKeys: newKeys
+    };
+  }),
+  getKey: namespace => {
+    var _useNamespace3, _get$intlKeys;
+    let ns = namespace;
+    const folioNS = (_useNamespace3 = (0, _core.useNamespace)()) === null || _useNamespace3 === void 0 ? void 0 : _useNamespace3[0];
+    if (!ns) {
+      ns = folioNS;
+    }
+    return (_get$intlKeys = get().intlKeys) === null || _get$intlKeys === void 0 ? void 0 : _get$intlKeys[ns];
+  }
+}));
 var _default = useIntlKeyStore;
 exports.default = _default;