@servicetitan/design-system 13.3.2 → 14.0.0-react18.0

package/dist/hooks/useArrowNav/utils/tabIndex.js

@@ -0,0 +1,53 @@
+import { queryOnScope, getSelector, isInsideSameKeynav, active } from './utils';
+export const initTabIndexes = (scopeElements, selectorOptions, keynavId) => {
+    const getFocusables = (scope) => {
+        var _a;
+        const selector = getSelector(selectorOptions);
+        const focusables = (_a = queryOnScope(scope, selector)) === null || _a === void 0 ? void 0 : _a.filter((el) => isInsideSameKeynav(el, keynavId));
+        if (!focusables || focusables.length < 1)
+            return null;
+        return focusables;
+    };
+    scopeElements.forEach((el) => setTabIndex(getFocusables(el)));
+    const handleFocus = () => scopeElements.forEach((el) => setTabIndex(getFocusables(el)));
+    const allFocusables = getFocusables(scopeElements);
+    allFocusables === null || allFocusables === void 0 ? void 0 : allFocusables.forEach((el) => {
+        el === null || el === void 0 ? void 0 : el.addEventListener('focusin', handleFocus);
+        el === null || el === void 0 ? void 0 : el.addEventListener('focusout', handleFocus);
+    });
+    return allFocusables === null || allFocusables === void 0 ? void 0 : allFocusables.map((el) => () => {
+        el === null || el === void 0 ? void 0 : el.removeEventListener('focusout', handleFocus);
+        el === null || el === void 0 ? void 0 : el.removeEventListener('focusin', handleFocus);
+    });
+};
+const setTabIndex = (els) => {
+    if (!els || (els === null || els === void 0 ? void 0 : els.length) < 1)
+        return;
+    // One element should always be focusable, having `tabIndex=0`
+    const keepFocusable = findActive(els) || findSelected(els) || findLastFocused(els) || els[0];
+    els.forEach((el) => (el.tabIndex = -1));
+    keepFocusable.tabIndex = 0;
+};
+const findLastFocused = (els) => {
+    const result = els === null || els === void 0 ? void 0 : els.filter((el) => (el === null || el === void 0 ? void 0 : el.hasAttribute('tabIndex')) && el.tabIndex >= 0);
+    if ((result === null || result === void 0 ? void 0 : result.length) === 1)
+        return result[0];
+    return null;
+};
+const findSelected = (els) => {
+    const result = els === null || els === void 0 ? void 0 : els.find((el) => el === null || el === void 0 ? void 0 : el.matches([
+        '[aria-current]:not([aria-current=false])',
+        '[aria-checked]:not([aria-checked=false])',
+        '[aria-selected]:not([aria-selected=false])',
+        '[aria-pressed]:not([aria-pressed=false])',
+    ].join(':not([aria-disabled=true]),')));
+    if (result)
+        return result;
+    return null;
+};
+const findActive = (els) => {
+    if (els === null || els === void 0 ? void 0 : els.includes(active()))
+        return active();
+    return null;
+};
+//# sourceMappingURL=tabIndex.js.map

package/dist/hooks/useArrowNav/utils/tabIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabIndex.js","sourceRoot":"","sources":["../../../../src/hooks/useArrowNav/utils/tabIndex.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useArrowNav/utils/utils.d.ts

@@ -0,0 +1,14 @@
+import { UseArrowNavProps, SelectorOptions } from '../useArrowNav';
+import { queryOnScope, active } from '../../useFocusTrap/internal/utils';
+export declare const focusableSelector: string;
+export { active, queryOnScope };
+export declare const getScope: (scope: UseArrowNavProps['scope']) => HTMLElement[];
+export declare const isInsideScope: (scope: HTMLElement[], el: HTMLElement | Element, keynavId: string) => boolean;
+export interface IFocusables {
+    active: HTMLElement;
+    next: HTMLElement;
+}
+export declare const getFocusables: (scope: HTMLElement[], selectorOptions: SelectorOptions, tabLoop: boolean, key: string, keynavId: string) => IFocusables;
+export declare const getSelector: (selectorOptions: any) => string;
+export declare const createId: () => string;
+export declare const isInsideSameKeynav: (el: HTMLElement, keynavId: string) => boolean;

package/dist/hooks/useArrowNav/utils/utils.js

@@ -0,0 +1,111 @@
+import { keys } from '../../../utilities';
+import { queryOnScope, active, toArray, } from '../../useFocusTrap/internal/utils';
+// Excluded: input[type=text], select, textarea, [contenteditable]
+const focusableElements = [
+    'input[type=button]:not([disabled])',
+    'input[type=checkbox]:not([disabled])',
+    'input[type=radio]:not([disabled])',
+    'input[type=file]:not([disabled])',
+    'input[type=reset]:not([disabled])',
+    'input[type=submit]:not([disabled])',
+    'button:not([disabled])',
+    'a[href]',
+    'area[href]',
+    'summary',
+    'object',
+    'embed',
+    'audio[controls]',
+    'video[controls]',
+    '[tabindex]:not([disabled]):not([aria-disabled=true]):not(input):not(textarea):not(select)',
+];
+export const focusableSelector = focusableElements
+    .map((s) => s + ':not([hidden]):not([contenteditable])')
+    .join(',');
+export { active, queryOnScope };
+export const getScope = (scope) => {
+    if (!scope)
+        return null;
+    return toArray(scope)
+        .map((el) => { var _a; return (_a = el.current) !== null && _a !== void 0 ? _a : el; })
+        .filter((el) => el instanceof HTMLElement);
+};
+export const isInsideScope = (scope, el, keynavId) => {
+    const scopeElement = scope.find((item) => (item === null || item === void 0 ? void 0 : item.contains(el)) &&
+        isInsideSameKeynav(el, keynavId));
+    return !!scopeElement;
+};
+export const getFocusables = (scope, selectorOptions, tabLoop, key, keynavId) => {
+    const selector = getSelector(selectorOptions);
+    const focusables = queryOnScope(scope, selector).filter((el) => isInsideSameKeynav(el, keynavId));
+    const result = {
+        active: null,
+        next: null,
+    };
+    const current = focusables === null || focusables === void 0 ? void 0 : focusables.indexOf(active());
+    if (!focusables || current < 0)
+        return result;
+    result.active = focusables[current];
+    result.next = focusables[nextIdx(focusables, tabLoop, key)];
+    return result;
+};
+// Trims commas and whitespaces
+const trim = (str) => {
+    let result = str, prevResult = '';
+    do {
+        prevResult = result;
+        result = result.trim().replace(/(^,)|(,$)/, '');
+    } while (result !== prevResult);
+    return result;
+};
+const isSelectorValid = (selector) => {
+    const queryCheck = (s) => document.createDocumentFragment().querySelector(s);
+    try {
+        queryCheck(selector);
+    }
+    catch (_a) {
+        return false;
+    }
+    return true;
+};
+export const getSelector = (selectorOptions) => {
+    const { selector, extendSelector = '' } = selectorOptions;
+    let result;
+    if (selector) {
+        result = trim(selector);
+    }
+    else {
+        result = trim(focusableSelector + ',' + trim(extendSelector));
+    }
+    if (isSelectorValid(result))
+        return result;
+    console.warn('@servicetitan/design-system: useKeyNav() provided with invalid `selectorOptions`', result);
+    return focusableSelector;
+};
+const nextIdx = (focusables, loop, key) => {
+    const current = focusables === null || focusables === void 0 ? void 0 : focusables.indexOf(active());
+    const last = (focusables === null || focusables === void 0 ? void 0 : focusables.length) - 1;
+    if (key === keys.home)
+        return 0;
+    if (key === keys.end)
+        return last;
+    if ([keys.down, keys.right].includes(key)) {
+        if (current === last)
+            return loop ? 0 : last;
+        return current + 1;
+    }
+    if ([keys.up, keys.left].includes(key)) {
+        if (current === 0)
+            return loop ? last : 0;
+        return current - 1;
+    }
+};
+export const createId = () => {
+    const res = Math.round(Math.random() * 0xffffff).toString(16);
+    return res;
+};
+export const isInsideSameKeynav = (el, keynavId) => {
+    var _a;
+    const closest = el.closest('[data-keynav]');
+    return keynavId === ((_a = closest === null || closest === void 0 ? void 0 : closest.dataset) === null || _a === void 0 ? void 0 : _a.keynav);
+};
+//# sourceMappingURL=utils.js.map

package/dist/hooks/useArrowNav/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/hooks/useArrowNav/utils/utils.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useFocusTrap/internal/useAutoFocus.js

@@ -1,23 +1,22 @@
 import { useEffect, useCallback } from 'react';
-import { getScope, getFocusables, priorityFocusableSelector } from './utils';
+import { getScopeElements, getFocusables, priorityFocusableSelector, } from './utils';
 export const useAutoFocus = (props) => {
-    const { scope: initialScope, enabled = true } = props;
+    const { scope, enabled = true } = props;
     const autoFocus = useCallback(() => {
-        var _a, _b, _c;
+        var _a, _b;
         if (!enabled)
             return;
-        const scope = getScope(initialScope);
-        if (scope.length === 0)
+        const elements = getScopeElements(scope);
+        if (elements.length === 0)
             return;
         // Do not auto focus on wrappers, buttons and so on, if input exist
-        const priorityFocusable = (_a = getFocusables(scope, priorityFocusableSelector)) === null || _a === void 0 ? void 0 : _a.first;
-        priorityFocusable
-            ? priorityFocusable.focus(preventScroll)
-            : (_c = (_b = getFocusables(scope)) === null || _b === void 0 ? void 0 : _b.first) === null || _c === void 0 ? void 0 : _c.focus(preventScroll);
-    }, [enabled, initialScope]);
-    useEffect(() => {
-        autoFocus();
-    }, [enabled, initialScope]); // eslint-disable-line
+        const priorityFocusable = (_a = getFocusables(elements, priorityFocusableSelector)) === null || _a === void 0 ? void 0 : _a.first;
+        const focusElement = priorityFocusable
+            ? priorityFocusable
+            : (_b = getFocusables(elements)) === null || _b === void 0 ? void 0 : _b.first;
+        focusElement === null || focusElement === void 0 ? void 0 : focusElement.focus(preventScroll);
+    }, [enabled, scope]);
+    useEffect(autoFocus, [enabled, scope]); // eslint-disable-line
 };
 const preventScroll = { preventScroll: true };
 //# sourceMappingURL=useAutoFocus.js.map

package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAQ7E,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;;QAClC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;QACrC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/B,mEAAmE;QACnE,MAAM,iBAAiB,GAAG,MAAA,aAAa,CACtC,KAAK,EACL,yBAAyB,CACzB,0CAAE,KAAK,CAAC;QAET,iBAAiB;YAChB,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,aAAa,CAAC;YACxC,CAAC,CAAC,MAAA,MAAA,aAAa,CAAC,KAAK,CAAC,0CAAE,KAAK,0CAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,sBAAsB;AACpD,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"useAutoFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACN,gBAAgB,EAChB,aAAa,EACb,yBAAyB,GACzB,MAAM,SAAS,CAAC;AAQjB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;;QAClC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAElC,mEAAmE;QACnE,MAAM,iBAAiB,GAAG,MAAA,aAAa,CACtC,QAAQ,EACR,yBAAyB,CACzB,0CAAE,KAAK,CAAC;QAET,MAAM,YAAY,GAAG,iBAAiB;YACrC,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,MAAA,aAAa,CAAC,QAAQ,CAAC,0CAAE,KAAK,CAAC;QAElC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;AAC/D,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC"}

package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js

@@ -1,16 +1,16 @@
 import { useEffect } from 'react';
-import { getScope, isInside } from './utils';
+import { getScopeElements, isInside } from './utils';
 export const useDisableClickOutside = (props) => {
-    const { scope: initialScope, enabled = true, onClickOutside } = props;
+    const { scope, enabled = true, onClickOutside } = props;
     useEffect(() => {
         function handleClick(event) {
             var _a, _b;
             if (!enabled)
                 return;
             const target = (_b = (_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) !== null && _b !== void 0 ? _b : event.target;
-            const scope = getScope(initialScope);
+            const elements = getScopeElements(scope);
             // Suppress if inside current scope
-            if (isInside(scope, target))
+            if (isInside(elements, target))
                 return; // How to prevent disabling on popovers?
             event.stopPropagation();
             event.preventDefault();
@@ -23,6 +23,6 @@ export const useDisableClickOutside = (props) => {
             document === null || document === void 0 ? void 0 : document.removeEventListener('mousedown', handleClick);
             document === null || document === void 0 ? void 0 : document.removeEventListener('touchstart', handleClick);
         };
-    }, [initialScope, enabled, onClickOutside]);
+    }, [enabled, scope, onClickOutside]);
 };
 //# sourceMappingURL=useDisableClickOutside.js.map

package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDisableClickOutside.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useDisableClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAS7C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,WAAW,CAAC,KAAU;;YAC9B,IAAI,CAAC,OAAO;gBAAE,OAAO;YAErB,MAAM,MAAM,GAAG,MAAA,MAAA,KAAK,CAAC,YAAY,+CAAlB,KAAK,EAAkB,CAAC,CAAC,mCAAI,KAAK,CAAC,MAAM,CAAC;YACzD,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;YAErC,mCAAmC;YACnC,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;gBAAE,OAAO,CAAC,wCAAwC;YAE7E,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,cAAc;gBAAE,cAAc,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACrD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE;YACX,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACxD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC1D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;AAC7C,CAAC,CAAC"}
+{"version":3,"file":"useDisableClickOutside.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useDisableClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AASrD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAkC,EAAE,EAAE;IAC5E,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,WAAW,CAAC,KAAU;;YAC9B,IAAI,CAAC,OAAO;gBAAE,OAAO;YAErB,MAAM,MAAM,GAAG,MAAA,MAAA,KAAK,CAAC,YAAY,+CAAlB,KAAK,EAAkB,CAAC,CAAC,mCAAI,KAAK,CAAC,MAAM,CAAC;YACzD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAEzC,mCAAmC;YACnC,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;gBAAE,OAAO,CAAC,wCAAwC;YAEhF,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,cAAc;gBAAE,cAAc,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACrD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE;YACX,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACxD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAC1D,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;AACtC,CAAC,CAAC"}

package/dist/hooks/useFocusTrap/internal/useFocusLock.js

@@ -1,14 +1,13 @@
 import { useEffect } from 'react';
-import { getScope, isInside, tabIndexInside, focusNext, focusPrev, handleFocusablesUnmount, cleanFocusLockMarkers, setFocusLockMarkers, } from './utils';
-// More proper name to be useTabLoop
+import { getScopeElements, isInside, tabIndexInside, focusNext, focusPrev, handleFocusablesUnmount, cleanFocusLockMarkers, setFocusLockMarkers, } from './utils';
 export const useFocusLock = (props) => {
     const { scope: initialScope, enabled = true } = props;
     useEffect(() => {
         if (!enabled) {
-            cleanFocusLockMarkers(getScope(initialScope));
+            cleanFocusLockMarkers(getScopeElements(initialScope));
             return;
         }
-        setFocusLockMarkers(getScope(initialScope));
+        setFocusLockMarkers(getScopeElements(initialScope));
         // Warning in case tabIndex was set inside FocusLock
         if (tabIndexInside(initialScope))
             console.warn('@servicetitan/design-system: (FocusTrap) Avoid using tabIndex values greater than 0. Instead put elements in a logical sequence.');
@@ -17,7 +16,7 @@ export const useFocusLock = (props) => {
             const shift = event.shiftKey;
             if (!tab)
                 return; // Exit fast if no Tab key was pressed
-            const scope = getScope(initialScope);
+            const scope = getScopeElements(initialScope);
             if (scope.length === 0)
                 return;
             // Prevent focus management if Tab happens outside or over nested useFocusLock

package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusLock.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useFocusLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACnB,MAAM,SAAS,CAAC;AAOjB,oCAAoC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;YACb,qBAAqB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;YAC9C,OAAO;SACP;QAED,mBAAmB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;QAE5C,oDAAoD;QACpD,IAAI,cAAc,CAAC,YAAY,CAAC;YAC/B,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEH,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;YAChC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;YACjC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;YAE7B,IAAI,CAAC,GAAG;gBAAE,OAAO,CAAC,sCAAsC;YAExD,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;YAErC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAE/B,8EAA8E;YAC9E,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;gBAAE,OAAO;YAE3C,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,6FAA6F;YAE7H,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;gBAClB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACxB,OAAO;aACP;YACD,IAAI,GAAG,IAAI,KAAK,EAAE;gBACjB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aACxB;QACF,CAAC,CAAC;QAEF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC"}
+{"version":3,"file":"useFocusLock.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useFocusLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EACN,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,SAAS,EACT,SAAS,EACT,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,GACnB,MAAM,SAAS,CAAC;AAOjB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAqB,EAAE,EAAE;IACrD,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,EAAE;YACb,qBAAqB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;YACtD,OAAO;SACP;QAED,mBAAmB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;QAEpD,oDAAoD;QACpD,IAAI,cAAc,CAAC,YAAY,CAAC;YAC/B,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEH,MAAM,SAAS,GAAG,CAAC,KAAU,EAAE,EAAE;YAChC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC;YACjC,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;YAE7B,IAAI,CAAC,GAAG;gBAAE,OAAO,CAAC,sCAAsC;YAExD,MAAM,KAAK,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;YAE7C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAE/B,8EAA8E;YAC9E,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC;gBAAE,OAAO;YAE3C,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,6FAA6F;YAE7H,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;gBAClB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACxB,OAAO;aACP;YACD,IAAI,GAAG,IAAI,KAAK,EAAE;gBACjB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;aACxB;QACF,CAAC,CAAC;QAEF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC"}

package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js

@@ -1,10 +1,13 @@
 import { useEffect, useRef } from 'react';
+import { active } from './utils';
 export const useRestoreFocus = ({ enabled = true }) => {
     const prevActiveRef = useRef(null);
     useEffect(() => {
         if (!enabled)
             return;
-        prevActiveRef.current = document === null || document === void 0 ? void 0 : document.activeElement;
+        if (active() !== (document === null || document === void 0 ? void 0 : document.body))
+            prevActiveRef.current = active();
+        // Focus previously active element on unmount
         return () => { var _a; return (_a = prevActiveRef.current) === null || _a === void 0 ? void 0 : _a.focus(preventScroll); };
     }, [enabled]);
 };

package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRestoreFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useRestoreFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,EAAE;IACrD,MAAM,aAAa,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,aAAa,CAAC,OAAO,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAA4B,CAAC;QAE/D,OAAO,GAAG,EAAE,WAAC,OAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,CAAC,aAAa,CAAC,CAAA,EAAA,CAAC;IAC1D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"useRestoreFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/useRestoreFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,EAAE,EAAE;IACrD,MAAM,aAAa,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,MAAM,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAA;YAAE,aAAa,CAAC,OAAO,GAAG,MAAM,EAAE,CAAC;QAElE,6CAA6C;QAC7C,OAAO,GAAG,EAAE,WAAC,OAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,KAAK,CAAC,aAAa,CAAC,CAAA,EAAA,CAAC;IAC1D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC"}

package/dist/hooks/useFocusTrap/internal/utils.d.ts

@@ -1,7 +1,8 @@
 import { FocusTrapShards } from '../';
-export declare const focusableSelector = "button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])";
+export declare const focusableSelector: string;
 export declare const priorityFocusableSelector = "input, textarea";
-export declare const getScope: (shards: FocusTrapShards) => any[];
+export declare const active: () => HTMLElement;
+export declare const getScopeElements: (shards: FocusTrapShards) => HTMLElement[];
 export declare const queryOnScope: (scope: HTMLElement | HTMLElement[], selector: string) => HTMLElement[];
 export declare const getFocusables: (scope: HTMLElement | HTMLElement[], selector?: string) => {
     focusables: HTMLElement[];
@@ -18,6 +19,9 @@ export declare const shardsUtils: (initialScope: HTMLElement | HTMLElement[]) =>
 };
 export declare const focusNext: (scope: HTMLElement | HTMLElement[], event?: React.KeyboardEvent<HTMLElement>) => void;
 export declare const focusPrev: (scope: HTMLElement | HTMLElement[], event?: React.KeyboardEvent<HTMLElement>) => void;
+export declare const toArray: (obj: any) => any[];
+export declare const prevIdx: (array: any[], current: number) => number;
+export declare const nextIdx: (array: any[], current: number) => number;
 export declare const handleFocusablesUnmount: (scope: HTMLElement[]) => void;
 export declare const setFocusLockMarkers: (scope: HTMLElement[]) => void;
 export declare const cleanFocusLockMarkers: (scope: HTMLElement[]) => void;

package/dist/hooks/useFocusTrap/internal/utils.js

@@ -1,7 +1,23 @@
-export const focusableSelector = `button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`;
+const focusableElements = [
+    'input:not([disabled]):not([type=hidden])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    'button:not([disabled])',
+    'a[href]',
+    'area[href]',
+    'summary',
+    'iframe',
+    'object',
+    'embed',
+    'audio[controls]',
+    'video[controls]',
+    '[contenteditable]',
+    '[tabindex]:not([disabled]):not([tabindex="-1"])',
+];
+export const focusableSelector = focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
 export const priorityFocusableSelector = 'input, textarea';
-const active = () => document === null || document === void 0 ? void 0 : document.activeElement;
-export const getScope = (shards) => {
+export const active = () => document === null || document === void 0 ? void 0 : document.activeElement;
+export const getScopeElements = (shards) => {
     if (!shards)
         return [];
     return toArray(shards)
@@ -17,17 +33,16 @@ const queryOnElement = (el, selector) => {
         result = result.concat(Array.from(nodeList));
     return result.length > 0 ? result : null;
 };
+// True if `display: none`, etc.
+const isHidden = (el) => !(el === null || el === void 0 ? void 0 : el.offsetWidth) || !(el === null || el === void 0 ? void 0 : el.offsetHeight);
 export const queryOnScope = (scope, selector) => {
-    let targetElements = [];
-    scope instanceof Array
-        ? (targetElements = scope)
-        : (targetElements = [scope]);
+    let targetElements = toArray(scope);
     if (targetElements.length === 0)
         return null;
     targetElements = targetElements
         .map((el) => queryOnElement(el, selector))
         .flat()
-        .filter((el) => el);
+        .filter((el) => !isHidden(el));
     if (targetElements.length === 0)
         return null;
     return targetElements;
@@ -64,7 +79,7 @@ const isInsideNestedTrap = (scopeElement, target) => {
     return found;
 };
 export const tabIndexInside = (scope) => {
-    return getScope(scope).some((el) => getFocusables(el).focusables.some((e) => getTabIndex(e) > 0));
+    return getScopeElements(scope).some((el) => getFocusables(el).focusables.some((e) => getTabIndex(e) > 0));
 };
 export const shardsUtils = (initialScope) => {
     let currentShardIdx = 0;
@@ -111,13 +126,13 @@ export const focusPrev = (scope, event) => {
         shards.lastPrevShard.focus();
     }
 };
-const toArray = (obj) => (obj instanceof Array ? obj : [obj]);
-const prevIdx = (array, current) => {
+export const toArray = (obj) => (obj instanceof Array ? obj : [obj]);
+export const prevIdx = (array, current) => {
     if (current < 0)
         return current;
     return current === 0 ? array.length - 1 : current - 1;
 };
-const nextIdx = (array, current) => {
+export const nextIdx = (array, current) => {
     if (current < 0)
         return current;
     return current === array.length - 1 ? 0 : current + 1;

package/dist/hooks/useFocusTrap/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/hooks/useFocusTrap/internal/utils.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useFocusVisible.js

@@ -1,36 +1,34 @@
 import { useEffect, useState, useCallback } from 'react';
 export const useFocusVisible = (target, onBlur, onFocus) => {
     const [isFocusVisible, setIsFocusVisible] = useState(true);
-    const [focusVisible, setFocusVisible] = useState(true);
+    const [keyboardUser, setKeyboardUser] = useState(true);
     const [focused, setFocused] = useState(false);
     const focusFunction = (event) => {
-        if (onFocus)
-            onFocus(event);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
         setIsFocusVisible(true);
         setFocused(true);
     };
     const blurFunction = (event) => {
-        if (onBlur)
-            onBlur(event);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         setIsFocusVisible(false);
         setFocused(false);
     };
     useEffect(() => {
-        setIsFocusVisible(focusVisible);
-    }, [focused, focusVisible]);
+        setIsFocusVisible(keyboardUser);
+    }, [focused, keyboardUser]);
     // KeyboardEvent
     const keyboardEventHandler = useCallback(() => {
-        setFocusVisible(true);
+        setKeyboardUser(true);
     }, []);
     // MouseEvent
     const mouseEventHandler = useCallback(() => {
-        setFocusVisible(false);
+        setKeyboardUser(false);
     }, []);
     const useEvent = (event, callback) => {
         useEffect(() => {
             const { current } = target;
-            current.addEventListener(event, callback);
-            return () => current.removeEventListener(event, callback);
+            current === null || current === void 0 ? void 0 : current.addEventListener(event, callback);
+            return () => current === null || current === void 0 ? void 0 : current.removeEventListener(event, callback);
         }, [event, callback]);
     };
     useEvent('mousedown', mouseEventHandler);

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,MAA4B,EAC5B,MAAuD,EACvD,OAAwD,EACvD,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC7D,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,gBAAgB;IAChB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAoB,EAAE,EAAE;QACxD,SAAS,CAAC,GAAG,EAAE;YACd,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;YAC3B,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1C,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAExC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACxD,CAAC,CAAC"}
+{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,MAA4B,EAC5B,MAAuD,EACvD,OAAwD,EACvD,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACjB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC7D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,CAAC,CAAC;QAChB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,gBAAgB;IAChB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAoB,EAAE,EAAE;QACxD,SAAS,CAAC,GAAG,EAAE;YACd,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;YAC3B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC3C,OAAO,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAExC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACxD,CAAC,CAAC"}

package/dist/internal/CollapsibleList/CollapsibleList.d.ts

@@ -1,7 +1,8 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { CollapsibleListItem } from './CollapsibleListItem';
 export interface CollapsibleListProps {
     className?: string;
+    children?: React.ReactNode;
     el?: any;
 }
 export interface CollapsibleList extends FC<CollapsibleListProps> {

package/dist/internal/CollapsibleList/CollapsibleList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleList.js","sourceRoot":"","sources":["../../../src/internal/CollapsibleList/CollapsibleList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAYvE,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAKhD,EAAE,EAAE;QAL4C,EAChD,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,OAElB,EADG,IAAI,cAJyC,+BAKhD,CADO;IAEP,MAAM,WAAW,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,CAAC,CAAC;IAC5E,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,CACnB,oBAAC,OAAO,kBACP,SAAS,EAAE,WAAW,0BACD,iBAAiB,IAClC,IAAI,GAEP,QAAQ,CACA,CACV,CAAC;IAEF,IAAI,OAAO;QACV,OAAO,CACN,oBAAC,WAAW,IACX,IAAI,EAAE,OAAO,CAAC,QAAQ,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,GAAG,EAAE,OAAO,CAAC,cAAc,IAE1B,WAAW,CACC,CACd,CAAC;IAEH,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"CollapsibleList.js","sourceRoot":"","sources":["../../../src/internal/CollapsibleList/CollapsibleList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAavE,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAKhD,EAAE,EAAE;QAL4C,EAChD,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,IAAI,OAElB,EADG,IAAI,cAJyC,+BAKhD,CADO;IAEP,MAAM,WAAW,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,CAAC,CAAC;IAC5E,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAErD,MAAM,WAAW,GAAG,CACnB,oBAAC,OAAO,kBACP,SAAS,EAAE,WAAW,0BACD,iBAAiB,IAClC,IAAI,GAEP,QAAQ,CACA,CACV,CAAC;IAEF,IAAI,OAAO;QACV,OAAO,CACN,oBAAC,WAAW,IACX,IAAI,EAAE,OAAO,CAAC,QAAQ,EACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,GAAG,EAAE,OAAO,CAAC,cAAc,IAE1B,WAAW,CACC,CACd,CAAC;IAEH,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG,mBAAmB,CAAC"}

package/dist/internal/CollapsibleList/CollapsibleListItem.d.ts

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 export interface CollapsibleListItemProps {
     className?: string;
+    children?: React.ReactNode;
     el?: any;
     collapsible?: {
         expanded: boolean;

package/dist/internal/CollapsibleList/CollapsibleListItem.js

@@ -19,25 +19,43 @@ export const CollapsibleListItem = (_a) => {
     const collapsibleListRef = React.useRef(null);
     const [expanded, setExpanded] = React.useState((collapsible === null || collapsible === void 0 ? void 0 : collapsible.expanded) || false);
     const ListItemClasses = classnames('CollapsibleListItem', className, {
+        'CollapsibleListItem--expanded': collapsible && expanded,
+        'CollapsibleListItem--collapsed': collapsible && !expanded,
         'cursor-pointer': collapsible,
     });
     const handleClick = (e) => {
         var _a;
         if ((_a = collapsibleListRef === null || collapsibleListRef === void 0 ? void 0 : collapsibleListRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))
-            return; // Prevent exapand/collapse on internal list items
+            return; // Prevent exapand/collapse on nested list items
+        e.preventDefault();
         const { onClick } = rest;
         if (collapsible)
             setExpanded(!expanded);
         if (onClick)
             onClick(e);
     };
+    const handleArrowKeypress = (e) => {
+        var _a;
+        if ((_a = collapsibleListRef === null || collapsibleListRef === void 0 ? void 0 : collapsibleListRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))
+            return;
+        if (collapsible) {
+            e.preventDefault();
+            if (e.key === keys.left && expanded)
+                setExpanded(false);
+            if (e.key === keys.right && !expanded)
+                setExpanded(true);
+        }
+    };
     const handleKeyDown = (e) => {
         switch (e.key) {
             case keys.space:
             case keys.enter:
-                e.preventDefault();
                 handleClick(e);
                 break;
+            case keys.left: // Collapse
+            case keys.right: // Expand
+                handleArrowKeypress(e);
+                break;
         }
     };
     // Appends CollapsibleList as a last element if CollapsibleItem