@k-int/stripes-kint-components 1.6.0 → 1.7.1

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

@@ -4,49 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 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 }; }
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var useTypedown = function useTypedown(name) {
+const useTypedown = name => {
   // SEARCHFIELD COMPONENT
-  var searchFieldComponent = document.getElementById("typedown-searchField-".concat((0, _selectorSafe.default)(name))); // SET UP REFS
+  const searchFieldComponent = document.getElementById(`typedown-searchField-${(0, _selectorSafe.default)(name)}`);
 
-  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))); // Add an event listener to the footer, so that we can control tab behaviour between footer elements
+  // SET UP REFS
+  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-${(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();
@@ -60,128 +44,90 @@ var useTypedown = function useTypedown(name) {
       }
     });
     footer.setAttribute('hasListener', 'true');
-  } // SET UP HANDLERS
-
+  }
 
-  var searchFieldKeyDownHandler = function searchFieldKeyDownHandler(e) {
+  // SET UP HANDLERS
+  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();
       }
-    } // Tab key (But not while shifting)
-
+    }
 
+    // Tab key (But not while shifting)
     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();
+      e.preventDefault();
+      // If we have focusable elements in the footer, then focus on them, else unfocus searchbar
+      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();
     }
   };
+  const handleNextFocus = () => (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
 
-  var handleNextFocus = function handleNextFocus() {
-    return (0, _components.getNextFocusable)(searchFieldComponent, false).focus();
-  }; // SET UP VARIABLES
-
+  // SET UP VARIABLES
+  const {
+    open
+  } = (0, _useTypedownToggle.default)(name);
 
-  var _useTypedownToggle = (0, _useTypedownToggle2.default)(name),
-      open = _useTypedownToggle.open; // RESIZE STUFF
+  // RESIZE STUFF
+  const {
+    width: searchWidth,
+    ref: resizeRef
+  } = (0, _reactResizeDetector.useResizeDetector)();
 
-
-  var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)(),
-      searchWidth = _useResizeDetector.width,
-      resizeRef = _useResizeDetector.ref; // OVERLAY PORTAL
-
-
-  var portal = document.getElementById('OverlayContainer');
+  // OVERLAY PORTAL
+  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
     }
   };
 };
-
-__signature__(useTypedown, "useRef{listRef}\nuseRef{triggerRef}\nuseRef{overlayRef}\nuseRef{footerRef}\nuseTypedownToggle{{ open }}\nuseResizeDetector{{ width: searchWidth, ref: resizeRef }}", function () {
-  return [_useTypedownToggle2.default, _reactResizeDetector.useResizeDetector];
-});
-
-var _default = useTypedown;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(useTypedown, "useTypedown", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/typedownHooks/useTypedown.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/typedownHooks/useTypedown.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = useTypedown;

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

@@ -4,81 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _reactQuery = require("react-query");
-
 var _core = require("@folio/stripes/core");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var useTypedownData = function useTypedownData(callPath) {
-  var ky = (0, _core.useOkapiKy)();
-
-  var _useQuery = (0, _reactQuery.useQuery)( // Ensure when multiple apps are using this function that each one gets memoized individually
-  ['stripes-kint-components', 'typedown', callPath], function () {
-    return ky(callPath).json();
-  }),
-      data = _useQuery.data,
-      isLoading = _useQuery.isLoading; // 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 useTypedownData = callPath => {
+  const ky = (0, _core.useOkapiKy)();
+  const {
+    data,
+    isLoading
+  } = (0, _reactQuery.useQuery)(
+  // Ensure when multiple apps are using this function that each one gets memoized individually
+  ['stripes-kint-components', 'typedown', callPath], () => ky(callPath).json());
+
+  // Smooth out transitions while data changes by only displaying once call has been loaded.
+  const [contentData, setContentData] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
     if (!isLoading) {
       setContentData(data);
     }
   }, [data, isLoading]);
   return contentData;
 };
-
-__signature__(useTypedownData, "useOkapiKy{ky}\nuseQuery{{ data, isLoading }}\nuseState{[contentData, setContentData]}\nuseEffect{}", function () {
-  return [_core.useOkapiKy, _reactQuery.useQuery];
-});
-
-var _default = useTypedownData;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(useTypedownData, "useTypedownData", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/typedownHooks/useTypedownData.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/typedownHooks/useTypedownData.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = useTypedownData;

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

@@ -4,86 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-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; // 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 {
+    hasParent
+  } = (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)}`);
+  (0, _react.useEffect)(() => {
     if (openBool || closeBool) {
       onToggle();
     }
   }, [closeBool, onToggle, openBool]);
   return {
-    open: open,
-    onToggle: onToggle
+    open,
+    onToggle
   };
 };
-
-__signature__(useTypedownToggle, "useState{[open, setOpen](false)}\nuseCallback{onToggle}\nuseActiveElement{{ hasParent }}\nuseEffect{}", function () {
-  return [_useActiveElement2.default];
-});
-
-var _default = useTypedownToggle;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(useTypedownToggle, "useTypedownToggle", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/typedownHooks/useTypedownToggle.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/typedownHooks/useTypedownToggle.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = useTypedownToggle;

package/es/lib/hooks/useActiveElement.js

@@ -4,77 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-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) {
-    return active.closest("[id^=".concat(id, "]")) !== null;
+  const hasParent = id => {
+    return active.closest(`[id^=${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
   };
 };
-
-__signature__(useActiveElement, "useState{[active, setActive](document.activeElement)}\nuseEffect{}");
-
-var _default = useActiveElement;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(useActiveElement, "useActiveElement", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/useActiveElement.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/hooks/useActiveElement.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = useActiveElement;