@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/hooks/useActiveDescendant.js

@@ -1,207 +0,0 @@
-import { useEffect, useState, useCallback, useRef } from 'react';
-import { createUID } from '../utils';
-const useActiveDescendant = ({ focusEl, scope, scopeSelector, selector, focusDescendantEl, clearFocusDescendant, focusReturnEl, clearFocusReturn, currentDescendantId, onClick, preventInitialScroll, pauseDescendantEvaluation = false, clearPreventScroll }, dependencyArray = []) => {
-    const [resetId, setResetId] = useState(0);
-    const previousActiveId = useRef('');
-    const [focusDescendantElIndex, setFocusDescendantElIndex] = useState(null);
-    const [currentIndex, setCurrentIndex] = useState(null);
-    const [descendants, setDescendants] = useState();
-    const clearThenSetDescendants = useCallback((setVal) => {
-        descendants?.forEach(node => {
-            node.setAttribute('data-current', 'false');
-        });
-        setDescendants(setVal
-            ? Array.from(setVal).filter((item) => item instanceof HTMLElement)
-            : null);
-    }, [descendants]);
-    // ## Toggle active scope data attr.
-    useEffect(() => {
-        if (!scope || !focusEl)
-            return;
-        scope.setAttribute('data-active-scope', document.activeElement === focusEl ? 'true' : 'false');
-        const onFocus = () => {
-            scope.setAttribute('data-active-scope', 'true');
-        };
-        const onBlur = () => {
-            scope.setAttribute('data-active-scope', 'false');
-        };
-        focusEl.addEventListener('focus', onFocus);
-        focusEl.addEventListener('blur', onBlur);
-        return () => {
-            focusEl.removeEventListener('focus', onFocus);
-            focusEl.removeEventListener('blur', onBlur);
-        };
-    }, [scope, focusEl]);
-    // ## Update descendants
-    useEffect(() => {
-        if (!pauseDescendantEvaluation) {
-            // 0 second timeout added because descendantScope needs to be up to date before running query after dependencyArray change
-            setTimeout(() => {
-                let hasScope = scope;
-                if (hasScope && hasScope instanceof HTMLElement) {
-                    if (scopeSelector) {
-                        hasScope = hasScope.querySelector(scopeSelector);
-                    }
-                    if (!hasScope) {
-                        clearThenSetDescendants(null);
-                        return;
-                    }
-                    if (selector) {
-                        clearThenSetDescendants(hasScope.querySelectorAll(selector));
-                    }
-                    else {
-                        clearThenSetDescendants(hasScope.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'));
-                    }
-                }
-                else {
-                    clearThenSetDescendants(null);
-                }
-            }, 0);
-        }
-    }, [pauseDescendantEvaluation, scope, scopeSelector, selector, focusEl, ...dependencyArray]);
-    // ## Set IDs and aria-owns
-    useEffect(() => {
-        const ownedIds = [];
-        setCurrentIndex(0);
-        if (descendants && descendants.length) {
-            descendants.forEach(node => {
-                node.id = node.id || createUID();
-                ownedIds.push(node.id);
-            });
-        }
-        focusEl?.setAttribute('aria-owns', ownedIds.join(' '));
-        return () => {
-            focusEl?.removeAttribute('aria-owns');
-        };
-    }, [focusEl, descendants]);
-    // ## Bind focus el keyDown
-    useEffect(() => {
-        const onKeyDown = (e) => {
-            if (descendants && descendants.length) {
-                switch (e.key) {
-                    case 'ArrowDown':
-                        e.preventDefault();
-                        // Focus next or first
-                        clearFocusReturn?.();
-                        clearPreventScroll?.();
-                        if (currentIndex !== null && currentIndex + 1 < descendants.length) {
-                            setCurrentIndex(currentIndex + 1);
-                        }
-                        else {
-                            setCurrentIndex(0);
-                        }
-                        break;
-                    case 'ArrowUp':
-                        e.preventDefault();
-                        // Focus previous or last
-                        clearFocusReturn?.();
-                        clearPreventScroll?.();
-                        if (currentIndex !== null && currentIndex - 1 > -1) {
-                            setCurrentIndex(currentIndex - 1);
-                        }
-                        else {
-                            setCurrentIndex(descendants.length - 1);
-                        }
-                        break;
-                    case 'Enter':
-                        e.preventDefault();
-                        // Click focused item
-                        if (descendants && descendants.length && currentIndex !== null) {
-                            if (onClick) {
-                                onClick(descendants[currentIndex]);
-                                break;
-                            }
-                            const nodeName = descendants[currentIndex].nodeName.toLowerCase();
-                            if (nodeName === 'input' || nodeName === 'button' || nodeName === 'a') {
-                                descendants[currentIndex].click();
-                            }
-                            else {
-                                descendants[currentIndex].querySelector('button, a, input')?.click();
-                            }
-                        }
-                        break;
-                    default:
-                        break;
-                }
-            }
-        };
-        // Do not rebind once / if `currentDescendantId` control is defined
-        if (focusEl && descendants?.length && !currentDescendantId) {
-            focusEl.addEventListener('keydown', onKeyDown);
-        }
-        return () => {
-            focusEl?.removeEventListener('keydown', onKeyDown);
-        };
-    }, [focusEl, currentIndex, descendants]);
-    // ## Handle independent control update
-    useEffect(() => {
-        if (descendants && currentDescendantId) {
-            descendants.forEach((node, index) => {
-                if (node.id === currentDescendantId) {
-                    setCurrentIndex(index);
-                }
-            });
-        }
-    }, [currentDescendantId, descendants]);
-    // ## Set and scroll to current descendant
-    useEffect(() => {
-        const nextIndex = focusDescendantElIndex || currentIndex;
-        const focusReturnId = focusReturnEl?.id;
-        let focusReturnIndex;
-        const focusDescendantElId = focusDescendantEl?.id;
-        let focusDescendantIndex;
-        let foundFocusDescendantEl = false;
-        if (descendants && descendants.length) {
-            // clear previous & catch focusReturn / focusDescendantEl index
-            descendants.forEach((node, index) => {
-                if (focusDescendantElIndex === null && node.id === focusDescendantElId) {
-                    focusDescendantIndex = index;
-                    foundFocusDescendantEl = true;
-                    setFocusDescendantElIndex(index);
-                }
-                if (node.id === focusReturnId) {
-                    focusReturnIndex = index;
-                }
-                node.setAttribute('data-current', 'false');
-            });
-            // early return for focusReturn / focusDescendantEl
-            if (focusReturnIndex && focusReturnIndex !== currentIndex) {
-                setCurrentIndex(focusReturnIndex);
-                clearFocusReturn?.();
-                return;
-            }
-            if (foundFocusDescendantEl && focusDescendantIndex !== undefined) {
-                // hard reset to continue focusDescendantEl process even if it is the active descendant
-                setResetId(Math.random());
-                setCurrentIndex(focusDescendantIndex);
-                return;
-            }
-            // set new
-            if (nextIndex !== null && descendants[nextIndex]) {
-                const itemEl = descendants[nextIndex];
-                itemEl.setAttribute('data-current', 'true');
-                focusEl?.setAttribute('aria-activedescendant', itemEl.id);
-                // scroll to element
-                if (itemEl.id !== previousActiveId.current && !preventInitialScroll) {
-                    const scrollTo = Element.prototype.scrollIntoViewIfNeeded ?? Element.prototype.scrollIntoView;
-                    scrollTo?.call(itemEl, false);
-                }
-                // focusDescendantEl cleanup
-                if (focusDescendantElIndex !== null) {
-                    setFocusDescendantElIndex(null);
-                    clearFocusDescendant?.();
-                }
-                previousActiveId.current = itemEl.id;
-            }
-        }
-        return () => {
-            focusEl?.removeAttribute('aria-activedescendant');
-        };
-    }, [descendants, currentIndex, focusDescendantEl, focusEl, resetId]);
-    return {
-        activeDescendant: currentIndex !== null && descendants ? descendants[currentIndex] : undefined,
-        descendants: descendants || null
-    };
-};
-export default useActiveDescendant;
-//# sourceMappingURL=useActiveDescendant.js.map

package/lib/hooks/useActiveDescendant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveDescendant.js","sourceRoot":"","sources":["../../src/hooks/useActiveDescendant.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState, DependencyList, useCallback, useRef } from 'react';\n\nimport { createUID } from '../utils';\n\nexport interface UseActiveDescendantConfig {\n  /** DOM element which controls and has active descendants */\n  focusEl: HTMLElement | null;\n  /** Root scope for descendant options */\n  scope: HTMLElement | null;\n  /** Custom selector for specific descendant scope in root descendant scope */\n  scopeSelector?: string;\n  /** Custom selector for descendant options */\n  selector?: string;\n  /** One-time override for the focused descendant, triggers re-evaluation.\n   * Include `clearFocusDescendantEl` for cleanup.\n   */\n  focusDescendantEl?: HTMLElement | null;\n  /** Callback to clear focusDescendantEl after use. */\n  clearFocusDescendant?: () => void;\n  /** One-time override for focused element on NEXT re-evaluation of active descendants.\n   * Include `clearFocusReturn` for cleanup.\n   */\n  focusReturnEl?: HTMLElement | null;\n  /** Callback to clear focusReturnEl after use. */\n  clearFocusReturn?: () => void;\n  /**\n   * Descendant ID used for continuous override of current active descendant,\n   * used for external focus control / keyDown bindings (see RTE).\n   * NOTE: setting currentDescendantId once effectively disables the keybindings of this hook.\n   * If you only need to set the current element once, use focusReturnEl & clearFocusReturn.\n   * @deprecated\n   */\n  currentDescendantId?: string;\n  /** Explicit onClick handler called on keydown 'enter' event */\n  onClick?: (currentDescendantEl: HTMLElement) => void;\n  /** Prevent scrolling to the active descendant on the initial render.\n   * Include `preventInitialScroll` for cleanup.\n   */\n  preventInitialScroll?: boolean;\n  /** Callback to clear preventInitialScroll after use. */\n  clearPreventScroll?: () => void;\n  /** Boolean to prevent descendant evaluation.\n   * @default false\n   */\n  pauseDescendantEvaluation?: boolean;\n}\n\ntype CurrentDescendant = HTMLElement | undefined;\ntype Descendants = HTMLElement[] | null;\n\nconst useActiveDescendant = (\n  {\n    focusEl,\n    scope,\n    scopeSelector,\n    selector,\n    focusDescendantEl,\n    clearFocusDescendant,\n    focusReturnEl,\n    clearFocusReturn,\n    currentDescendantId,\n    onClick,\n    preventInitialScroll,\n    pauseDescendantEvaluation = false,\n    clearPreventScroll\n  }: UseActiveDescendantConfig,\n  dependencyArray: DependencyList = []\n): {\n  activeDescendant: CurrentDescendant;\n  descendants: Descendants;\n} => {\n  const [resetId, setResetId] = useState(0);\n  const previousActiveId = useRef('');\n  const [focusDescendantElIndex, setFocusDescendantElIndex] = useState<number | null>(null);\n  const [currentIndex, setCurrentIndex] = useState<number | null>(null);\n  const [descendants, setDescendants] = useState<Descendants>();\n\n  const clearThenSetDescendants = useCallback(\n    (setVal: NodeListOf<Element> | null) => {\n      descendants?.forEach(node => {\n        node.setAttribute('data-current', 'false');\n      });\n\n      setDescendants(\n        setVal\n          ? Array.from(setVal).filter((item): item is HTMLElement => item instanceof HTMLElement)\n          : null\n      );\n    },\n    [descendants]\n  );\n\n  // ## Toggle active scope data attr.\n  useEffect(() => {\n    if (!scope || !focusEl) return;\n\n    scope.setAttribute('data-active-scope', document.activeElement === focusEl ? 'true' : 'false');\n\n    const onFocus = () => {\n      scope.setAttribute('data-active-scope', 'true');\n    };\n    const onBlur = () => {\n      scope.setAttribute('data-active-scope', 'false');\n    };\n\n    focusEl.addEventListener('focus', onFocus);\n    focusEl.addEventListener('blur', onBlur);\n\n    return () => {\n      focusEl.removeEventListener('focus', onFocus);\n      focusEl.removeEventListener('blur', onBlur);\n    };\n  }, [scope, focusEl]);\n\n  // ## Update descendants\n  useEffect(() => {\n    if (!pauseDescendantEvaluation) {\n      // 0 second timeout added because descendantScope needs to be up to date before running query after dependencyArray change\n      setTimeout(() => {\n        let hasScope = scope;\n\n        if (hasScope && hasScope instanceof HTMLElement) {\n          if (scopeSelector) {\n            hasScope = hasScope.querySelector(scopeSelector);\n          }\n\n          if (!hasScope) {\n            clearThenSetDescendants(null);\n            return;\n          }\n\n          if (selector) {\n            clearThenSetDescendants(hasScope.querySelectorAll(selector));\n          } else {\n            clearThenSetDescendants(\n              hasScope.querySelectorAll(\n                'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n              )\n            );\n          }\n        } else {\n          clearThenSetDescendants(null);\n        }\n      }, 0);\n    }\n  }, [pauseDescendantEvaluation, scope, scopeSelector, selector, focusEl, ...dependencyArray]);\n\n  // ## Set IDs and aria-owns\n  useEffect(() => {\n    const ownedIds: string[] = [];\n    setCurrentIndex(0);\n\n    if (descendants && descendants.length) {\n      descendants.forEach(node => {\n        node.id = node.id || createUID();\n        ownedIds.push(node.id);\n      });\n    }\n\n    focusEl?.setAttribute('aria-owns', ownedIds.join(' '));\n\n    return () => {\n      focusEl?.removeAttribute('aria-owns');\n    };\n  }, [focusEl, descendants]);\n\n  // ## Bind focus el keyDown\n  useEffect(() => {\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (descendants && descendants.length) {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault();\n            // Focus next or first\n            clearFocusReturn?.();\n            clearPreventScroll?.();\n            if (currentIndex !== null && currentIndex + 1 < descendants.length) {\n              setCurrentIndex(currentIndex + 1);\n            } else {\n              setCurrentIndex(0);\n            }\n            break;\n          case 'ArrowUp':\n            e.preventDefault();\n            // Focus previous or last\n            clearFocusReturn?.();\n            clearPreventScroll?.();\n            if (currentIndex !== null && currentIndex - 1 > -1) {\n              setCurrentIndex(currentIndex - 1);\n            } else {\n              setCurrentIndex(descendants.length - 1);\n            }\n            break;\n          case 'Enter':\n            e.preventDefault();\n            // Click focused item\n            if (descendants && descendants.length && currentIndex !== null) {\n              if (onClick) {\n                onClick(descendants[currentIndex]);\n                break;\n              }\n\n              const nodeName = descendants[currentIndex].nodeName.toLowerCase();\n              if (nodeName === 'input' || nodeName === 'button' || nodeName === 'a') {\n                descendants[currentIndex].click();\n              } else {\n                descendants[currentIndex].querySelector<HTMLElement>('button, a, input')?.click();\n              }\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    };\n\n    // Do not rebind once / if `currentDescendantId` control is defined\n    if (focusEl && descendants?.length && !currentDescendantId) {\n      focusEl.addEventListener('keydown', onKeyDown);\n    }\n\n    return () => {\n      focusEl?.removeEventListener('keydown', onKeyDown);\n    };\n  }, [focusEl, currentIndex, descendants]);\n\n  // ## Handle independent control update\n  useEffect(() => {\n    if (descendants && currentDescendantId) {\n      descendants.forEach((node, index) => {\n        if (node.id === currentDescendantId) {\n          setCurrentIndex(index);\n        }\n      });\n    }\n  }, [currentDescendantId, descendants]);\n\n  // ## Set and scroll to current descendant\n  useEffect(() => {\n    const nextIndex = focusDescendantElIndex || currentIndex;\n    const focusReturnId = focusReturnEl?.id;\n    let focusReturnIndex;\n    const focusDescendantElId = focusDescendantEl?.id;\n    let focusDescendantIndex;\n    let foundFocusDescendantEl = false;\n\n    if (descendants && descendants.length) {\n      // clear previous & catch focusReturn / focusDescendantEl index\n      descendants.forEach((node, index) => {\n        if (focusDescendantElIndex === null && node.id === focusDescendantElId) {\n          focusDescendantIndex = index;\n          foundFocusDescendantEl = true;\n          setFocusDescendantElIndex(index);\n        }\n        if (node.id === focusReturnId) {\n          focusReturnIndex = index;\n        }\n        node.setAttribute('data-current', 'false');\n      });\n\n      // early return for focusReturn / focusDescendantEl\n      if (focusReturnIndex && focusReturnIndex !== currentIndex) {\n        setCurrentIndex(focusReturnIndex);\n        clearFocusReturn?.();\n        return;\n      }\n      if (foundFocusDescendantEl && focusDescendantIndex !== undefined) {\n        // hard reset to continue focusDescendantEl process even if it is the active descendant\n        setResetId(Math.random());\n        setCurrentIndex(focusDescendantIndex);\n        return;\n      }\n\n      // set new\n      if (nextIndex !== null && descendants[nextIndex]) {\n        const itemEl = descendants[nextIndex!];\n        itemEl.setAttribute('data-current', 'true');\n        focusEl?.setAttribute('aria-activedescendant', itemEl.id);\n\n        // scroll to element\n        if (itemEl.id !== previousActiveId.current && !preventInitialScroll) {\n          const scrollTo: (this: Element, arg: boolean) => void =\n            Element.prototype.scrollIntoViewIfNeeded ?? Element.prototype.scrollIntoView;\n\n          scrollTo?.call(itemEl, false);\n        }\n\n        // focusDescendantEl cleanup\n        if (focusDescendantElIndex !== null) {\n          setFocusDescendantElIndex(null);\n          clearFocusDescendant?.();\n        }\n\n        previousActiveId.current = itemEl.id;\n      }\n    }\n\n    return () => {\n      focusEl?.removeAttribute('aria-activedescendant');\n    };\n  }, [descendants, currentIndex, focusDescendantEl, focusEl, resetId]);\n\n  return {\n    activeDescendant: currentIndex !== null && descendants ? descendants[currentIndex] : undefined,\n    descendants: descendants || null\n  };\n};\n\nexport default useActiveDescendant;\n"]}

package/lib/hooks/useAfterInitialEffect.d.ts

@@ -1,9 +0,0 @@
-import { EffectCallback, DependencyList } from 'react';
-/**
- * @example useAfterInitialEffect(cb, dependencies);
- * @param cb The function that should be executed whenever this hook is called. [React EffectCallback](https://reactjs.org/docs/hooks-reference.html#useeffect)
- * @param dependencies A list of variables or functions that will initiate this hook when they are updated.
- */
-declare const useAfterInitialEffect: (cb: EffectCallback, dependencies: DependencyList) => void;
-export default useAfterInitialEffect;
-//# sourceMappingURL=useAfterInitialEffect.d.ts.map

package/lib/hooks/useAfterInitialEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAfterInitialEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useAfterInitialEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1E;;;;GAIG;AACH,QAAA,MAAM,qBAAqB,OAAQ,cAAc,uCAOhD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/hooks/useAfterInitialEffect.js

@@ -1,16 +0,0 @@
-import { useEffect, useRef } from 'react';
-/**
- * @example useAfterInitialEffect(cb, dependencies);
- * @param cb The function that should be executed whenever this hook is called. [React EffectCallback](https://reactjs.org/docs/hooks-reference.html#useeffect)
- * @param dependencies A list of variables or functions that will initiate this hook when they are updated.
- */
-const useAfterInitialEffect = (cb, dependencies) => {
-    const ref = useRef(false);
-    useEffect(() => {
-        if (ref.current)
-            return cb();
-        ref.current = true;
-    }, dependencies);
-};
-export default useAfterInitialEffect;
-//# sourceMappingURL=useAfterInitialEffect.js.map

package/lib/hooks/useAfterInitialEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAfterInitialEffect.js","sourceRoot":"","sources":["../../src/hooks/useAfterInitialEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkC,MAAM,OAAO,CAAC;AAE1E;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAAkB,EAAE,YAA4B,EAAE,EAAE;IACjF,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO;YAAE,OAAO,EAAE,EAAE,CAAC;QAC7B,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useEffect, useRef, EffectCallback, DependencyList } from 'react';\n\n/**\n * @example useAfterInitialEffect(cb, dependencies);\n * @param cb The function that should be executed whenever this hook is called. [React EffectCallback](https://reactjs.org/docs/hooks-reference.html#useeffect)\n * @param dependencies A list of variables or functions that will initiate this hook when they are updated.\n */\nconst useAfterInitialEffect = (cb: EffectCallback, dependencies: DependencyList) => {\n  const ref = useRef(false);\n\n  useEffect(() => {\n    if (ref.current) return cb();\n    ref.current = true;\n  }, dependencies);\n};\n\nexport default useAfterInitialEffect;\n"]}

package/lib/hooks/useArrows.d.ts

@@ -1,12 +0,0 @@
-import { RefObject } from 'react';
-/**
- * @example useArrows(ref, { cycle, selector });
- * @param ref - A reference to the element that will be navigated through. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)
- */
-declare const useArrows: (ref: RefObject<HTMLElement>, { cycle, selector, dir }?: {
-    cycle?: boolean | undefined;
-    selector?: string | undefined;
-    dir?: "up-down" | "left-right" | undefined;
-}) => void;
-export default useArrows;
-//# sourceMappingURL=useArrows.d.ts.map

package/lib/hooks/useArrows.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useArrows.d.ts","sourceRoot":"","sources":["../../src/hooks/useArrows.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,SAAS,EAAE,MAAM,OAAO,CAAC;AAW1D;;;GAGG;AACH,QAAA,MAAM,SAAS,QACR,UAAU,WAAW,CAAC;;;;UA4F5B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/hooks/useArrows.js

@@ -1,97 +0,0 @@
-import { useEffect, useCallback } from 'react';
-import { documentIsAvailable } from '../utils';
-const focusable = `
-  a[href],
-  button:enabled,
-  input[type='checkbox']:enabled,
-  input[type='radio']:enabled
-`;
-/**
- * @example useArrows(ref, { cycle, selector });
- * @param ref - A reference to the element that will be navigated through. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)
- */
-const useArrows = (ref, { 
-/** If true, the down or up arrow key will navigate to the first or last element if the element currently focused is the last or first index of the selected elements. */
-cycle = true, 
-/** A query selector that will determine which elements to cycle through with the arrow keys. The selector will be used in conjunction with [querySelectorAll](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll#selectors). */
-selector = focusable, 
-/** Which keys are used to navigate through the list */
-dir = 'up-down' } = {}) => {
-    const [NextKey, PrevKey] = dir === 'up-down' ? ['ArrowDown', 'ArrowUp'] : ['ArrowRight', 'ArrowLeft'];
-    const setTabIndexes = useCallback((el) => {
-        // don't set tabindex -1 for first element, or an element with a checked input inside of it to be able to focus it
-        Array.from(el.querySelectorAll(selector))
-            .slice(1)
-            .forEach(item => {
-            if (item instanceof HTMLElement) {
-                const checked = item.checked;
-                if (!checked)
-                    item.tabIndex = -1;
-            }
-        });
-    }, [selector]);
-    const listener = useCallback((e) => {
-        if (['Home', 'End', NextKey, PrevKey].includes(e.key))
-            e.preventDefault();
-        if (!documentIsAvailable)
-            return;
-        const el = ref.current;
-        if (!el)
-            return;
-        const items = Array.from(el.querySelectorAll(selector)).filter((item) => item instanceof HTMLElement);
-        if (!items.length)
-            return;
-        const rootNode = el.getRootNode();
-        if (!(rootNode instanceof Document) && !(rootNode instanceof ShadowRoot))
-            return;
-        const focusIdx = items.indexOf(rootNode.activeElement);
-        const lastIdx = items.length - 1;
-        let newFocusIdx;
-        if (e.key === 'Home' || (e.key === NextKey && focusIdx === -1)) {
-            newFocusIdx = 0;
-        }
-        else if (e.key === 'End' || (e.key === PrevKey && focusIdx === -1)) {
-            newFocusIdx = lastIdx;
-        }
-        else if (e.key === 'Enter') {
-            setTabIndexes(el);
-            return;
-        }
-        else if (e.key === NextKey) {
-            if (focusIdx === lastIdx) {
-                if (!cycle)
-                    return;
-                newFocusIdx = 0;
-            }
-            else {
-                newFocusIdx = focusIdx + 1;
-            }
-        }
-        else if (e.key === PrevKey) {
-            if (focusIdx === 0) {
-                if (!cycle)
-                    return;
-                newFocusIdx = lastIdx;
-            }
-            else {
-                newFocusIdx = focusIdx - 1;
-            }
-        }
-        else {
-            return;
-        }
-        items[newFocusIdx].focus();
-    }, [ref.current, cycle, selector]);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        setTabIndexes(el);
-        el.addEventListener('keydown', listener);
-        return () => {
-            el.removeEventListener('keydown', listener);
-        };
-    }, [ref.current, selector, listener]);
-};
-export default useArrows;
-//# sourceMappingURL=useArrows.js.map

package/lib/hooks/useArrows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useArrows.js","sourceRoot":"","sources":["../../src/hooks/useArrows.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, RefObject } from 'react';\n\nimport { documentIsAvailable } from '../utils';\n\nconst focusable = `\n  a[href],\n  button:enabled,\n  input[type='checkbox']:enabled,\n  input[type='radio']:enabled\n`;\n\n/**\n * @example useArrows(ref, { cycle, selector });\n * @param ref - A reference to the element that will be navigated through. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)\n */\nconst useArrows = (\n  ref: RefObject<HTMLElement>,\n  {\n    /** If true, the down or up arrow key will navigate to the first or last element if the element currently focused is the last or first index of the selected elements. */\n    cycle = true,\n    /** A query selector that will determine which elements to cycle through with the arrow keys. The selector will be used in conjunction with [querySelectorAll](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll#selectors). */\n    selector = focusable,\n    /** Which keys are used to navigate through the list */\n    dir = 'up-down'\n  }: { cycle?: boolean; selector?: string; dir?: 'up-down' | 'left-right' } = {}\n) => {\n  const [NextKey, PrevKey] =\n    dir === 'up-down' ? ['ArrowDown', 'ArrowUp'] : ['ArrowRight', 'ArrowLeft'];\n\n  const setTabIndexes = useCallback(\n    (el: HTMLElement) => {\n      // don't set tabindex -1 for first element, or an element with a checked input inside of it to be able to focus it\n      Array.from(el.querySelectorAll(selector))\n        .slice(1)\n        .forEach(item => {\n          if (item instanceof HTMLElement) {\n            const checked = (item as HTMLInputElement).checked;\n            if (!checked) item.tabIndex = -1;\n          }\n        });\n    },\n    [selector]\n  );\n\n  const listener = useCallback(\n    (e: KeyboardEvent) => {\n      if (['Home', 'End', NextKey, PrevKey].includes(e.key)) e.preventDefault();\n\n      if (!documentIsAvailable) return;\n\n      const el = ref.current;\n      if (!el) return;\n\n      const items = Array.from(el.querySelectorAll(selector)).filter(\n        (item): item is HTMLElement => item instanceof HTMLElement\n      );\n\n      if (!items.length) return;\n\n      const rootNode = el.getRootNode();\n\n      if (!(rootNode instanceof Document) && !(rootNode instanceof ShadowRoot)) return;\n\n      const focusIdx = items.indexOf(rootNode.activeElement as HTMLElement);\n      const lastIdx = items.length - 1;\n      let newFocusIdx;\n\n      if (e.key === 'Home' || (e.key === NextKey && focusIdx === -1)) {\n        newFocusIdx = 0;\n      } else if (e.key === 'End' || (e.key === PrevKey && focusIdx === -1)) {\n        newFocusIdx = lastIdx;\n      } else if (e.key === 'Enter') {\n        setTabIndexes(el);\n        return;\n      } else if (e.key === NextKey) {\n        if (focusIdx === lastIdx) {\n          if (!cycle) return;\n          newFocusIdx = 0;\n        } else {\n          newFocusIdx = focusIdx + 1;\n        }\n      } else if (e.key === PrevKey) {\n        if (focusIdx === 0) {\n          if (!cycle) return;\n          newFocusIdx = lastIdx;\n        } else {\n          newFocusIdx = focusIdx - 1;\n        }\n      } else {\n        return;\n      }\n\n      items[newFocusIdx].focus();\n    },\n    [ref.current, cycle, selector]\n  );\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    setTabIndexes(el);\n    el.addEventListener('keydown', listener);\n\n    return () => {\n      el.removeEventListener('keydown', listener);\n    };\n  }, [ref.current, selector, listener]);\n};\n\nexport default useArrows;\n"]}

package/lib/hooks/useAutoResize.d.ts

@@ -1,12 +0,0 @@
-import { MutableRefObject } from 'react';
-/**
- * @example const [ref, resizeFunction] = useAutoResize();
- * maxHeight should be provided in pixels without units
- * minHeight should be provided in pixels without units
- * @returns * ref:: A reference for the element that the resize functionality should be applied to. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)
- *          * resizeFunction:: The function to call to automatically resize the element.
- * element refers to auto resizable element
- */
-declare const useAutoResize: <T extends HTMLElement = HTMLElement>(maxHeight?: number | undefined, minHeightProp?: number | undefined) => [MutableRefObject<T | null>, () => void];
-export default useAutoResize;
-//# sourceMappingURL=useAutoResize.d.ts.map

package/lib/hooks/useAutoResize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoResize.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAI3D;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,kJAGmB,IAAI,CAqCzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/hooks/useAutoResize.js

@@ -1,49 +0,0 @@
-import { useRef, useState } from 'react';
-import { debounce } from '../utils';
-/**
- * @example const [ref, resizeFunction] = useAutoResize();
- * maxHeight should be provided in pixels without units
- * minHeight should be provided in pixels without units
- * @returns * ref:: A reference for the element that the resize functionality should be applied to. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)
- *          * resizeFunction:: The function to call to automatically resize the element.
- * element refers to auto resizable element
- */
-const useAutoResize = (maxHeight, minHeightProp) => {
-    const element = useRef(null);
-    const [minHeight, setMinHeight] = useState(minHeightProp || 0);
-    const autoResize = () => {
-        let scrollHeightElement = element.current;
-        let iframe;
-        if (element.current && element.current instanceof HTMLIFrameElement) {
-            iframe = element.current;
-            scrollHeightElement =
-                element.current.contentDocument?.querySelector('body') ?? element.current;
-        }
-        if (element.current) {
-            let newMinHeight = minHeight;
-            if (!minHeight) {
-                newMinHeight = scrollHeightElement.scrollHeight;
-                setMinHeight(newMinHeight);
-            }
-            // Reset the heights to the base height so there is an overflow / or none to calculate the new height
-            scrollHeightElement.style.height = `${newMinHeight}px`;
-            if (maxHeight) {
-                scrollHeightElement.style.overflowY =
-                    scrollHeightElement.scrollHeight > maxHeight ? 'auto' : 'hidden';
-                const height = `${Math.min(scrollHeightElement.scrollHeight, maxHeight)}px`;
-                scrollHeightElement.style.height = height;
-                if (iframe)
-                    iframe.style.height = height;
-            }
-            else {
-                scrollHeightElement.style.height = `${scrollHeightElement.scrollHeight}px`;
-                if (iframe)
-                    iframe.style.height = `${scrollHeightElement.scrollHeight}px`;
-            }
-        }
-    };
-    const debouncedAutoResize = debounce(autoResize, 100);
-    return [element, debouncedAutoResize];
-};
-export default useAutoResize;
-//# sourceMappingURL=useAutoResize.js.map

package/lib/hooks/useAutoResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoResize.js","sourceRoot":"","sources":["../../src/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAoB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,CACpB,SAAkB,EAClB,aAAsB,EACoB,EAAE;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,mBAAmB,GAAgB,OAAO,CAAC,OAAsB,CAAC;QACtE,IAAI,MAAqC,CAAC;QAC1C,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,YAAY,iBAAiB,EAAE;YACnE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;YACzB,mBAAmB;gBACjB,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;SAC7E;QACD,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,YAAY,GAAG,SAAS,CAAC;YAC7B,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC;gBAChD,YAAY,CAAC,YAAY,CAAC,CAAC;aAC5B;YACD,qGAAqG;YACrG,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,YAAY,IAAI,CAAC;YAEvD,IAAI,SAAS,EAAE;gBACb,mBAAmB,CAAC,KAAK,CAAC,SAAS;oBACjC,mBAAmB,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACnE,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC;gBAC5E,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC1C,IAAI,MAAM;oBAAE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;aAC1C;iBAAM;gBACL,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAC,YAAY,IAAI,CAAC;gBAC3E,IAAI,MAAM;oBAAE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAC,YAAY,IAAI,CAAC;aAC3E;SACF;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useRef, useState, MutableRefObject } from 'react';\n\nimport { debounce } from '../utils';\n\n/**\n * @example const [ref, resizeFunction] = useAutoResize();\n * maxHeight should be provided in pixels without units\n * minHeight should be provided in pixels without units\n * @returns * ref:: A reference for the element that the resize functionality should be applied to. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)\n *          * resizeFunction:: The function to call to automatically resize the element.\n * element refers to auto resizable element\n */\nconst useAutoResize = <T extends HTMLElement = HTMLElement>(\n  maxHeight?: number,\n  minHeightProp?: number\n): [MutableRefObject<T | null>, () => void] => {\n  const element = useRef<T | null>(null);\n  const [minHeight, setMinHeight] = useState(minHeightProp || 0);\n\n  const autoResize = () => {\n    let scrollHeightElement: HTMLElement = element.current as HTMLElement;\n    let iframe: HTMLIFrameElement | undefined;\n    if (element.current && element.current instanceof HTMLIFrameElement) {\n      iframe = element.current;\n      scrollHeightElement =\n        element.current.contentDocument?.querySelector('body') ?? element.current;\n    }\n    if (element.current) {\n      let newMinHeight = minHeight;\n      if (!minHeight) {\n        newMinHeight = scrollHeightElement.scrollHeight;\n        setMinHeight(newMinHeight);\n      }\n      // Reset the heights to the base height so there is an overflow / or none to calculate the new height\n      scrollHeightElement.style.height = `${newMinHeight}px`;\n\n      if (maxHeight) {\n        scrollHeightElement.style.overflowY =\n          scrollHeightElement.scrollHeight > maxHeight ? 'auto' : 'hidden';\n        const height = `${Math.min(scrollHeightElement.scrollHeight, maxHeight)}px`;\n        scrollHeightElement.style.height = height;\n        if (iframe) iframe.style.height = height;\n      } else {\n        scrollHeightElement.style.height = `${scrollHeightElement.scrollHeight}px`;\n        if (iframe) iframe.style.height = `${scrollHeightElement.scrollHeight}px`;\n      }\n    }\n  };\n\n  const debouncedAutoResize = debounce(autoResize, 100);\n\n  return [element, debouncedAutoResize];\n};\n\nexport default useAutoResize;\n"]}

package/lib/hooks/useBreakpoint.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from 'react';
-/**
- * @example const breakpointActive = useBreakpoint(breakpoint);
- * @param breakpoint The string indicator for the breakpoint that should be checked for validity.
- * @param options
- * @returns breakpointActive:: A boolean indicating if the given breakpoint is active or not. If false, the breakpoint is too big for the screen size.
- */
-declare const useBreakpoint: (breakpoint: 'xs' | 'sm' | 'md' | 'lg' | 'xl', options?: {
-    defaultValue?: boolean;
-    breakpointRef?: RefObject<Element> | undefined;
-}) => boolean;
-export default useBreakpoint;
-//# sourceMappingURL=useBreakpoint.d.ts.map

package/lib/hooks/useBreakpoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1E;;;;;GAKG;AACH,QAAA,MAAM,aAAa,eACL,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,YACnC;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,UAAU,OAAO,CAAC,GAAG,SAAS,CAAA;CAAE,YAiEpF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/hooks/useBreakpoint.js

@@ -1,66 +0,0 @@
-import { useState, useLayoutEffect, useCallback } from 'react';
-import { windowIsAvailable, debounce } from '../utils';
-import useTheme from './useTheme';
-/**
- * @example const breakpointActive = useBreakpoint(breakpoint);
- * @param breakpoint The string indicator for the breakpoint that should be checked for validity.
- * @param options
- * @returns breakpointActive:: A boolean indicating if the given breakpoint is active or not. If false, the breakpoint is too big for the screen size.
- */
-const useBreakpoint = (breakpoint, options = {
-    defaultValue: false
-}) => {
-    const { base: { breakpoints } } = useTheme();
-    const breakpointVal = breakpoints[breakpoint];
-    const [matches, setMatches] = useState(windowIsAvailable
-        ? window.matchMedia(`(min-width: ${breakpointVal})`).matches
-        : !!options.defaultValue);
-    const onResize = useCallback((e) => {
-        setMatches(e.matches);
-    }, []);
-    useLayoutEffect(() => {
-        // Breakpoint handling for contained elements
-        if (options.breakpointRef && options.breakpointRef.current) {
-            const observer = new ResizeObserver(entries => {
-                const matchesBreakpoint = entries.some(({ target, contentRect }) => {
-                    if (target !== options.breakpointRef?.current)
-                        return;
-                    return contentRect.width >= parseFloat(breakpointVal) * 16;
-                });
-                setMatches(matchesBreakpoint);
-            });
-            observer.observe(options.breakpointRef.current);
-            return () => {
-                observer.disconnect();
-            };
-        }
-        // Breakpoint handling for viewport
-        if (windowIsAvailable) {
-            const mediaMatch = window.matchMedia(`(min-width: ${breakpointVal})`);
-            const mediaMatchAvailable = 'addEventListener' in mediaMatch;
-            const resizeHandler = debounce(() => {
-                setMatches(window.innerWidth >= parseInt(breakpointVal, 10));
-            }, 100);
-            // Need to check useMatchMedia in order to support Enzyme testing
-            if (mediaMatchAvailable) {
-                mediaMatch.addEventListener('change', onResize);
-                setMatches(mediaMatch.matches);
-            }
-            else {
-                window.addEventListener('resize', resizeHandler);
-                setMatches(window.innerWidth >= parseInt(breakpointVal, 10));
-            }
-            return () => {
-                // Need to check useMatchMedia in order to support Enzyme testing
-                if (mediaMatchAvailable)
-                    mediaMatch.removeEventListener('change', onResize);
-                else {
-                    window.removeEventListener('resize', resizeHandler);
-                }
-            };
-        }
-    }, [options.breakpointRef?.current]);
-    return matches;
-};
-export default useBreakpoint;
-//# sourceMappingURL=useBreakpoint.js.map

package/lib/hooks/useBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;;;GAKG;AACH,MAAM,aAAa,GAAG,CACpB,UAA4C,EAC5C,UAAsF;IACpF,YAAY,EAAE,KAAK;CACpB,EACD,EAAE;IACF,MAAM,EACJ,IAAI,EAAE,EAAE,WAAW,EAAE,EACtB,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,iBAAiB;QACf,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,eAAe,aAAa,GAAG,CAAC,CAAC,OAAO;QAC5D,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAC3B,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAsB,EAAE,EAAE;QACtD,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,GAAG,EAAE;QACnB,6CAA6C;QAC7C,IAAI,OAAO,CAAC,aAAa,IAAI,OAAO,CAAC,aAAa,CAAC,OAAO,EAAE;YAC1D,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;gBAC5C,MAAM,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;oBACjE,IAAI,MAAM,KAAK,OAAO,CAAC,aAAa,EAAE,OAAO;wBAAE,OAAO;oBAEtD,OAAO,WAAW,CAAC,KAAK,IAAI,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBAEH,UAAU,CAAC,iBAAiB,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAEhD,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,CAAC,CAAC;SACH;QACD,mCAAmC;QACnC,IAAI,iBAAiB,EAAE;YACrB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,aAAa,GAAG,CAAC,CAAC;YACtE,MAAM,mBAAmB,GAAG,kBAAkB,IAAI,UAAU,CAAC;YAC7D,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;gBAClC,UAAU,CAAC,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC;YAC/D,CAAC,EAAE,GAAG,CAAC,CAAC;YAER,iEAAiE;YACjE,IAAI,mBAAmB,EAAE;gBACvB,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAChD,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;aAChC;iBAAM;gBACL,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;gBACjD,UAAU,CAAC,MAAM,CAAC,UAAU,IAAI,QAAQ,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC,CAAC;aAC9D;YAED,OAAO,GAAG,EAAE;gBACV,iEAAiE;gBACjE,IAAI,mBAAmB;oBAAE,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;qBACvE;oBACH,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;iBACrD;YACH,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAErC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useState, useLayoutEffect, useCallback, RefObject } from 'react';\n\nimport { windowIsAvailable, debounce } from '../utils';\n\nimport useTheme from './useTheme';\n\n/**\n * @example const breakpointActive = useBreakpoint(breakpoint);\n * @param breakpoint The string indicator for the breakpoint that should be checked for validity.\n * @param options\n * @returns breakpointActive:: A boolean indicating if the given breakpoint is active or not. If false, the breakpoint is too big for the screen size.\n */\nconst useBreakpoint = (\n  breakpoint: 'xs' | 'sm' | 'md' | 'lg' | 'xl',\n  options: { defaultValue?: boolean; breakpointRef?: RefObject<Element> | undefined } = {\n    defaultValue: false\n  }\n) => {\n  const {\n    base: { breakpoints }\n  } = useTheme();\n  const breakpointVal = breakpoints[breakpoint];\n  const [matches, setMatches] = useState(\n    windowIsAvailable\n      ? window.matchMedia(`(min-width: ${breakpointVal})`).matches\n      : !!options.defaultValue\n  );\n\n  const onResize = useCallback((e: MediaQueryListEvent) => {\n    setMatches(e.matches);\n  }, []);\n\n  useLayoutEffect(() => {\n    // Breakpoint handling for contained elements\n    if (options.breakpointRef && options.breakpointRef.current) {\n      const observer = new ResizeObserver(entries => {\n        const matchesBreakpoint = entries.some(({ target, contentRect }) => {\n          if (target !== options.breakpointRef?.current) return;\n\n          return contentRect.width >= parseFloat(breakpointVal) * 16;\n        });\n\n        setMatches(matchesBreakpoint);\n      });\n\n      observer.observe(options.breakpointRef.current);\n\n      return () => {\n        observer.disconnect();\n      };\n    }\n    // Breakpoint handling for viewport\n    if (windowIsAvailable) {\n      const mediaMatch = window.matchMedia(`(min-width: ${breakpointVal})`);\n      const mediaMatchAvailable = 'addEventListener' in mediaMatch;\n      const resizeHandler = debounce(() => {\n        setMatches(window.innerWidth >= parseInt(breakpointVal, 10));\n      }, 100);\n\n      // Need to check useMatchMedia in order to support Enzyme testing\n      if (mediaMatchAvailable) {\n        mediaMatch.addEventListener('change', onResize);\n        setMatches(mediaMatch.matches);\n      } else {\n        window.addEventListener('resize', resizeHandler);\n        setMatches(window.innerWidth >= parseInt(breakpointVal, 10));\n      }\n\n      return () => {\n        // Need to check useMatchMedia in order to support Enzyme testing\n        if (mediaMatchAvailable) mediaMatch.removeEventListener('change', onResize);\n        else {\n          window.removeEventListener('resize', resizeHandler);\n        }\n      };\n    }\n  }, [options.breakpointRef?.current]);\n\n  return matches;\n};\n\nexport default useBreakpoint;\n"]}

package/lib/hooks/useConfiguration.d.ts

@@ -1,7 +0,0 @@
-/**
- * @example const configuration = useConfiguration();
- * @returns configuration:: The configuration context object including all of the properties that can be set on the Configuration component.
- */
-declare const useConfiguration: () => import("../components/Configuration/Configuration").ConfigurationContextValue;
-export default useConfiguration;
-//# sourceMappingURL=useConfiguration.d.ts.map

package/lib/hooks/useConfiguration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConfiguration.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfiguration.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,QAAA,MAAM,gBAAgB,qFAAyC,CAAC;AAEhE,eAAe,gBAAgB,CAAC"}

package/lib/hooks/useConfiguration.js

@@ -1,9 +0,0 @@
-import { useContext } from 'react';
-import { ConfigurationContext } from '../components/Configuration';
-/**
- * @example const configuration = useConfiguration();
- * @returns configuration:: The configuration context object including all of the properties that can be set on the Configuration component.
- */
-const useConfiguration = () => useContext(ConfigurationContext);
-export default useConfiguration;
-//# sourceMappingURL=useConfiguration.js.map

package/lib/hooks/useConfiguration.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConfiguration.js","sourceRoot":"","sources":["../../src/hooks/useConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;;GAGG;AACH,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAEhE,eAAe,gBAAgB,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport { ConfigurationContext } from '../components/Configuration';\n\n/**\n * @example const configuration = useConfiguration();\n * @returns configuration:: The configuration context object including all of the properties that can be set on the Configuration component.\n */\nconst useConfiguration = () => useContext(ConfigurationContext);\n\nexport default useConfiguration;\n"]}

package/lib/hooks/useConsolidatedRef.d.ts

@@ -1,9 +0,0 @@
-import { Ref, RefObject } from 'react';
-/**
- * @example const ref = useConsolidatedRefs(refs);
- * @param refs The ref or refs to consolidate.
- * @returns ref:: The consolidated ref.
- */
-declare const useConsolidatedRef: <T>(...refs: (Ref<T> | undefined)[]) => RefObject<T>;
-export default useConsolidatedRef;
-//# sourceMappingURL=useConsolidatedRef.d.ts.map

package/lib/hooks/useConsolidatedRef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConsolidatedRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useConsolidatedRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,GAAG,EAAoB,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,sDAwBvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}