@kubit-ui-web/react-components 1.13.2 → 1.15.0

package/dist/esm/hooks/useScrollDetectionWithAutoFocus/index.js

@@ -0,0 +1,2 @@
+export * from './useScrollDetectionWithAutoFocus';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useScrollDetectionWithAutoFocus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useScrollDetectionWithAutoFocus/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/dist/esm/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type UseScrollDetectionWithAutoFocusParamsType = {
+    parentElementRef?: React.RefObject<HTMLElement>;
+};
+type UseScrollDetectionWithAutoFocusReturnType = {
+    handleScrollDetection: (element: HTMLElement | null | undefined) => void;
+    hasScroll: boolean;
+};
+/**
+ * Custom hook that determines if an element has scroll. Besides it will focus on the element if it has scroll and the active element is not inside the parent element.
+ *
+ * @returns An object containing the `hasScroll` boolean and the `handleScrollDetection` callback function to initialize the hook.
+ */
+export declare const useScrollDetectionWithAutoFocus: ({ parentElementRef, }: UseScrollDetectionWithAutoFocusParamsType) => UseScrollDetectionWithAutoFocusReturnType;
+export {};

package/dist/esm/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { hasScroll as checkHasScroll } from '../../utils';
+import { ResizeObserver } from '../../utils/resizeObserver';
+/**
+ * Custom hook that determines if an element has scroll. Besides it will focus on the element if it has scroll and the active element is not inside the parent element.
+ *
+ * @returns An object containing the `hasScroll` boolean and the `handleScrollDetection` callback function to initialize the hook.
+ */
+export const useScrollDetectionWithAutoFocus = ({ parentElementRef, }) => {
+    const [hasScroll, setHasScroll] = React.useState(false);
+    const resizeObserverRef = React.useRef();
+    const handleScrollDetection = React.useCallback((element) => {
+        if (element) {
+            const handleInnerContentResize = (element) => {
+                const _hasScroll = checkHasScroll(element);
+                setHasScroll(_hasScroll);
+            };
+            const handleAutoFocus = element => {
+                const _hasScroll = checkHasScroll(element);
+                if (!_hasScroll) {
+                    return;
+                }
+                const autoFocus = () => {
+                    element.setAttribute('tabindex', '0');
+                    element.focus();
+                };
+                if (!document.activeElement) {
+                    autoFocus();
+                    return;
+                }
+                if (!parentElementRef?.current?.contains(document.activeElement)) {
+                    autoFocus();
+                    return;
+                }
+                if (element.compareDocumentPosition(document.activeElement) & Node.DOCUMENT_POSITION_FOLLOWING) {
+                    autoFocus();
+                }
+            };
+            handleInnerContentResize(element);
+            // Autofocus is only executed on mount
+            handleAutoFocus(element);
+            resizeObserverRef.current = new ResizeObserver(() => {
+                handleInnerContentResize(element);
+            });
+            resizeObserverRef.current.observe(element);
+        }
+        else {
+            resizeObserverRef.current?.disconnect();
+        }
+    }, []);
+    return { hasScroll, handleScrollDetection };
+};
+//# sourceMappingURL=useScrollDetectionWithAutoFocus.js.map

package/dist/esm/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDetectionWithAutoFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxD;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,gBAAgB,GAC0B,EAA6C,EAAE;IACzF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEzD,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAuC,EAAE,EAAE;QAC1F,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,wBAAwB,GAAG,CAAC,OAAoB,EAAE,EAAE;gBACxD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC3C,YAAY,CAAC,UAAU,CAAC,CAAC;YAC3B,CAAC,CAAC;YACF,MAAM,eAAe,GAAG,OAAO,CAAC,EAAE;gBAChC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC3C,IAAI,CAAC,UAAU,EAAE,CAAC;oBAChB,OAAO;gBACT,CAAC;gBACD,MAAM,SAAS,GAAG,GAAG,EAAE;oBACrB,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;oBACtC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAClB,CAAC,CAAC;gBAEF,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;oBAC5B,SAAS,EAAE,CAAC;oBACZ,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,gBAAgB,EAAE,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;oBACjE,SAAS,EAAE,CAAC;oBACZ,OAAO;gBACT,CAAC;gBAED,IACE,OAAO,CAAC,uBAAuB,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,2BAA2B,EAC1F,CAAC;oBACD,SAAS,EAAE,CAAC;gBACd,CAAC;YACH,CAAC,CAAC;YACF,wBAAwB,CAAC,OAAO,CAAC,CAAC;YAClC,sCAAsC;YACtC,eAAe,CAAC,OAAO,CAAC,CAAC;YACzB,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAClD,wBAAwB,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;YACH,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AAC9C,CAAC,CAAC"}

package/dist/esm/hooks/useScrollEffect/useScrollEffect.js

@@ -73,12 +73,18 @@ export const useScrollEffect = ({ conditional = true, shadowStyles = defaultShad
         }
     }, [applyEffect, scrollCallback]);
     const resizeRef = useCallback(node => {
+        const handleLoad = () => {
+            if (innerResizeRef.current) {
+                resizeHeight.current = innerResizeRef.current.clientHeight;
+                resizeWidth.current = innerResizeRef.current.clientWidth;
+            }
+        };
         if (node) {
             innerResizeRef.current = node;
-            resizeHeight.current = node.clientHeight;
-            resizeWidth.current = node.clientWidth;
+            innerResizeRef.current?.addEventListener('load', handleLoad);
         }
         else {
+            innerResizeRef.current?.removeEventListener('load', handleLoad);
             innerResizeRef.current = null;
         }
     }, []);

package/dist/esm/hooks/useScrollEffect/useScrollEffect.js.map

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

package/dist/esm/hooks/useSwipeDown/useSwipeDown.d.ts

@@ -1,7 +1,7 @@
 import { ICssAnimationOptions } from '../../components/cssAnimation';
 type ReturnType = {
-    setPopoverRef?: (node: HTMLElement) => void;
-    setDragIconRef?: (node: HTMLElement) => void;
+    setPopoverRef: (node: HTMLElement) => void;
+    setDragIconRef: (node: HTMLElement | null | undefined) => void;
 };
 export declare const useSwipeDown: (animationOptions?: ICssAnimationOptions, handleClose?: () => void) => ReturnType;
 export {};

package/dist/esm/hooks/useSwipeDown/useSwipeDown.js

@@ -74,7 +74,8 @@ export const useSwipeDown = (animationOptions, handleClose) => {
         }
         swiperContent.style.bottom = `${currentBottom.current + currentMove}px`;
     };
-    const endMove = () => {
+    const waitForAnimation = ms => new Promise(resolve => setTimeout(resolve, ms));
+    const endMove = async () => {
         const swiperContent = containerRef?.current;
         if (!swiperContent || !yEnd.current) {
             return;
@@ -88,9 +89,8 @@ export const useSwipeDown = (animationOptions, handleClose) => {
         // Move modal
         const distance = currentBottom.current + swiperContent.scrollHeight;
         swiperContent.style.bottom = `-${distance}px`;
-        setTimeout(() => {
-            handleClose?.();
-        }, animationExitDuration);
+        await waitForAnimation(animationExitDuration);
+        handleClose?.();
     };
     return { setPopoverRef, setDragIconRef };
 };

package/dist/esm/hooks/useSwipeDown/useSwipeDown.js.map

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

package/dist/esm/hooks/useTrapFocus/useTrapFocus.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const useTrapFocus: ({ ref, trapFocus, }: {
+    ref: React.MutableRefObject<HTMLElement | null>;
+    trapFocus?: boolean;
+}) => void | null;

package/dist/esm/hooks/useTrapFocus/useTrapFocus.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { getFocusableDescendantsV2 } from '../../utils/focusHandlers/focusHandlers';
+export const useTrapFocus = ({ ref, 
+// Default false in order to only active the window listener when needed
+trapFocus = false, }) => {
+    React.useEffect(() => {
+        const handleKeyDown = (e) => {
+            // Do nothing is ref is not defined
+            // Do nothing if tab is not pressed
+            if (!ref.current || e.key !== 'Tab') {
+                return;
+            }
+            const focusableElements = getFocusableDescendantsV2({ element: ref.current });
+            // Do nothing if the ref does not contain focusable elements
+            if (!focusableElements.length) {
+                return;
+            }
+            const firstFocusableElement = focusableElements[0];
+            const lastFocusableElement = focusableElements[focusableElements.length - 1];
+            // If we are at the last focusable element and we press tab (without shift), change the focus to the first focusable element
+            if (!e.shiftKey && document.activeElement === lastFocusableElement) {
+                firstFocusableElement?.focus();
+                e.preventDefault();
+                return;
+            }
+            // If we are at the first focusable element and we press shift + tab, change the focus to the last focusable element
+            if (e.shiftKey && document.activeElement === firstFocusableElement) {
+                lastFocusableElement?.focus();
+                e.preventDefault();
+                return;
+            }
+            // If we have preceded or passed the focusable elements, then:
+            // When tab -> focus first element
+            // When shift + tab -> focus last element
+            // preceded or passed how ? -> Imagine no focusable elements inside the element container with tabIndex="-1", but they are focused manually with focus()
+            if (firstFocusableElement?.compareDocumentPosition(e.target) &
+                Node.DOCUMENT_POSITION_PRECEDING ||
+                lastFocusableElement?.compareDocumentPosition(e.target) &
+                    Node.DOCUMENT_POSITION_FOLLOWING) {
+                if (e.shiftKey) {
+                    lastFocusableElement?.focus();
+                    e.preventDefault();
+                    return;
+                }
+                firstFocusableElement?.focus();
+                e.preventDefault();
+            }
+        };
+        // It is being used window event listener instead of ref.eventListener because the focus is redirected to the body when a focused element disappears or is marked as disabled
+        // In these cases, the handleKeyDown would not be triggered if the event listener is attached to the ref
+        if (trapFocus) {
+            window.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [trapFocus]);
+};
+//# sourceMappingURL=useTrapFocus.js.map

package/dist/esm/hooks/useTrapFocus/useTrapFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrapFocus.js","sourceRoot":"","sources":["../../../../src/hooks/useTrapFocus/useTrapFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG;AACH,wEAAwE;AACxE,SAAS,GAAG,KAAK,GAIlB,EAAe,EAAE;IAChB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAQ,EAAE;YAC/C,mCAAmC;YACnC,mCAAmC;YACnC,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBACpC,OAAO;YACT,CAAC;YACD,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;YAC9E,4DAA4D;YAC5D,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;gBAC9B,OAAO;YACT,CAAC;YACD,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAE7E,4HAA4H;YAC5H,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,oBAAoB,EAAE,CAAC;gBACnE,qBAAqB,EAAE,KAAK,EAAE,CAAC;gBAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YAED,oHAAoH;YACpH,IAAI,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,KAAK,qBAAqB,EAAE,CAAC;gBACnE,oBAAoB,EAAE,KAAK,EAAE,CAAC;gBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YAED,8DAA8D;YAC9D,kCAAkC;YAClC,yCAAyC;YACzC,wJAAwJ;YACxJ,IACE,qBAAqB,EAAE,uBAAuB,CAAC,CAAC,CAAC,MAAc,CAAC;gBAC9D,IAAI,CAAC,2BAA2B;gBAClC,oBAAoB,EAAE,uBAAuB,CAAC,CAAC,CAAC,MAAc,CAAC;oBAC7D,IAAI,CAAC,2BAA2B,EAClC,CAAC;gBACD,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;oBACf,oBAAoB,EAAE,KAAK,EAAE,CAAC;oBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO;gBACT,CAAC;gBACD,qBAAqB,EAAE,KAAK,EAAE,CAAC;gBAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF,6KAA6K;QAC7K,wGAAwG;QACxG,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACpD,CAAC;QACD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC"}

package/dist/esm/provider/genericComponents/defaultGenericComponents.d.ts

@@ -1,6 +1,23 @@
 import React from 'react';
-import { IGenericImage, IGenericLink } from './genericComponents.type';
+import { IGenericImage } from './genericComponents.type';
 export declare const defaultGenericComponents: {
-    LINK: React.ForwardRefExoticComponent<IGenericLink & React.RefAttributes<unknown>>;
+    LINK: React.ForwardRefExoticComponent<{
+        url: string;
+        children: string | JSX.Element;
+        className?: string;
+        target?: string;
+        onClick?: () => void;
+        onFocus?: () => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
+        role?: import("../..").ROLES;
+        dataTestId?: string;
+        draggable?: boolean;
+    } & {
+        "aria-label"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    } & React.RefAttributes<unknown>>;
     IMAGE: React.ForwardRefExoticComponent<IGenericImage & React.RefAttributes<unknown>>;
 };

package/dist/esm/provider/genericComponents/defaultGenericComponents.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const Link = React.forwardRef(function Link(props, ref) {
-    return (_jsx("a", { ref: ref, "aria-describedby": props['aria-describedby'], "aria-disabled": props['aria-disabled'], "aria-label": props['aria-label'], className: props.className, "data-testid": props.dataTestId, draggable: props.draggable, href: props.url, role: props.role, target: props.target, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: props.children }));
+    return (_jsx("a", { ref: ref, "aria-current": props['aria-current'], "aria-describedby": props['aria-describedby'], "aria-disabled": props['aria-disabled'], "aria-label": props['aria-label'], className: props.className, "data-testid": props.dataTestId, draggable: props.draggable, href: props.url, role: props.role, target: props.target, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: props.children }));
 });
 const Image = React.forwardRef(function Image(props, ref) {
     return (_jsx("img", { ref: ref, ...props, alt: props.alt || '' }));

package/dist/esm/provider/genericComponents/defaultGenericComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultGenericComponents.js","sourceRoot":"","sources":["../../../../src/provider/genericComponents/defaultGenericComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CAAC,KAAmB,EAAE,GAAY;IAC3E,OAAO,CACL,YACE,GAAG,EAAE,GAAqD,sBACxC,KAAK,CAAC,kBAAkB,CAAC,mBAC5B,KAAK,CAAC,eAAe,CAAC,gBACzB,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,iBACb,KAAK,CAAC,UAAU,EAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,YAE/B,KAAK,CAAC,QAAQ,GACb,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAAC,KAAoB,EAAE,GAAY;IAC9E,OAAO,CACL,cACE,GAAG,EAAE,GAAoD,KACrD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,GACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;CACb,CAAC"}
+{"version":3,"file":"defaultGenericComponents.js","sourceRoot":"","sources":["../../../../src/provider/genericComponents/defaultGenericComponents.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,IAAI,CAAC,KAAmB,EAAE,GAAY;IAC3E,OAAO,CACL,YACE,GAAG,EAAE,GAAqD,kBAC5C,KAAK,CAAC,cAAc,CAAC,sBACjB,KAAK,CAAC,kBAAkB,CAAC,mBAC5B,KAAK,CAAC,eAAe,CAAC,gBACzB,KAAK,CAAC,YAAY,CAAC,EAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,iBACb,KAAK,CAAC,UAAU,EAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,YAE/B,KAAK,CAAC,QAAQ,GACb,CACL,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAAC,KAAoB,EAAE,GAAY;IAC9E,OAAO,CACL,cACE,GAAG,EAAE,GAAoD,KACrD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,EAAE,GACpB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;CACb,CAAC"}

package/dist/esm/provider/genericComponents/genericComponents.type.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ROLES } from '../../types/role';
+type GenericLinkAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-describedby' | 'aria-disabled' | 'aria-current'>;
 /**
  * Defines the properties for a generic link component.
  * @property {string} url - The URL the link points to.
@@ -8,6 +9,8 @@ import { ROLES } from '../../types/role';
  * @property {string} [target] - Specifies where to open the linked document.
  * @property {boolean} [aria-disabled] - Indicates that the element is perceivable but disabled.
  * @property {string} [aria-label] - Defines a string value that labels the current element.
+ * @property {string} [aria-describedby] - Defines a string value that labels the current element.
+ * @property {string} [aria-current] - Defines value for the current element.
  * @property {() => void} [onClick] - Function to call when the link is clicked.
  * @property {() => void} [onFocus] - Function to call when the link is focused.
  * @property {() => void} [onMouseEnter] - Function to call when the mouse enters the link area.
@@ -21,8 +24,6 @@ export type IGenericLink = {
     children: string | JSX.Element;
     className?: string;
     target?: string;
-    ['aria-disabled']?: boolean;
-    ['aria-label']?: string;
     onClick?: () => void;
     onFocus?: () => void;
     onMouseEnter?: () => void;
@@ -30,7 +31,7 @@ export type IGenericLink = {
     role?: ROLES;
     dataTestId?: string;
     draggable?: boolean;
-};
+} & GenericLinkAriaAttributes;
 /**
  * Defines the type for a generic link component, which can be either a functional component or a forward ref component.
  */
@@ -58,3 +59,4 @@ export type GenericComponentsType = {
 export interface IGenericComponentsProvider {
     value: GenericComponentsType;
 }
+export {};

package/dist/esm/types/styles/commonStyle.d.ts

@@ -9,6 +9,7 @@ import { PaddingTypes } from './padding';
 import { PointerTypes } from './pointer';
 import { PositionTypes } from './position';
 import { BoxShadowTypes } from './shadow';
+import { TypographyTypes } from './typography';
 import { WordWrapTypes } from './wordWrap';
 type BreakPointsStyleType = {
     [key in DeviceBreakpointsType]?: GenericStyleType & PseudoElementsType;
@@ -21,6 +22,19 @@ type PseudoElementsType = {
     after?: AfterOrBeforeType;
     before?: AfterOrBeforeType;
     backdrop?: GenericStyleType;
+    placeholder?: TypographyTypes;
+    placeholderShown?: TypographyTypes;
+    notPlaceholderShown?: TypographyTypes;
+    disabled?: CommonStyleType;
+    filled?: CommonStyleType;
+    focus?: CommonStyleType;
+    focusVisible?: CommonStyleType;
+    ariaInvalid?: CommonStyleType;
+    dataTruncate?: CommonStyleType;
+    dataFilled?: CommonStyleType;
+    passwordRevealButton?: CommonStyleType;
+    webkitInnerSpinButton?: CommonStyleType;
+    webkitOuterSpinButton?: CommonStyleType;
 };
 export type CommonStyleType = GenericStyleType & BreakPointsStyleType & PseudoElementsType;
 export {};

package/dist/esm/types/styles/typography.d.ts

@@ -21,6 +21,7 @@ type GenericDeviceTypographyType = {
     text_justify?: string;
     color?: string;
     overflow?: string;
+    filter?: string;
 } & TypographyCustomType & WordWrapTypes;
 export type TypographyTypes = GenericDeviceTypographyType & {
     [key in DeviceBreakpointsType]?: GenericDeviceTypographyType;

package/dist/esm/utils/focusHandlers/focusHandlers.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export declare const getFocusableDescendants: (element: HTMLElement) => HTMLElement[] | boolean;
 /**
  * Retrieves an array of focusable descendants within a given element.
@@ -41,4 +40,3 @@ export declare const focusFirstDescendantV2: ({ element, elementsToOmit, }: {
     element: HTMLElement;
     elementsToOmit?: HTMLElement[];
 }) => void;
-export declare const trapFocus: (element: HTMLElement, e: React.KeyboardEvent<HTMLElement>) => void;

package/dist/esm/utils/focusHandlers/focusHandlers.js

@@ -13,10 +13,25 @@ export const getFocusableDescendants = (element) => {
  * @returns An array of HTMLElements representing the focusable descendants.
  */
 export const getFocusableDescendantsV2 = ({ element, elementsToOmit, }) => {
-    const focusableNodes = Array.from(element.querySelectorAll(FOCUSABLE_QUERY_SELECTOR)).filter(node => !node.hasAttribute('aria-disabled:true') &&
-        !node.getAttribute('aria-hidden:true') &&
-        !node.hasAttribute('disabled') &&
-        !elementsToOmit?.some(elementToOmit => elementToOmit.contains(node)));
+    const focusableNodes = Array.from(element.querySelectorAll(FOCUSABLE_QUERY_SELECTOR)).filter(node => {
+        // It is not focusable if it is disabled
+        if (node.getAttribute('aria-disabled') === 'true' || node.hasAttribute('disabled')) {
+            return false;
+        }
+        // It is not focusable if it is aria-hidden
+        if (node.getAttribute('aria-hidden') === 'true') {
+            return false;
+        }
+        // It is not focusable if it is inside elements to omit
+        if (elementsToOmit?.some(elementToOmit => elementToOmit.contains(node))) {
+            return false;
+        }
+        // It is not focusable if it is not a summary element and it is inside details closed element
+        if (node.tagName !== 'SUMMARY' && node.closest('details:not([open])')) {
+            return false;
+        }
+        return true;
+    });
     return focusableNodes;
 };
 /**
@@ -145,26 +160,4 @@ export const focusFirstDescendantV2 = ({ element, elementsToOmit, }) => {
         }
     }
 };
-export const trapFocus = (element, e) => {
-    const focusableElements = getFocusableDescendants(element);
-    if (typeof focusableElements !== 'boolean' && focusableElements.length) {
-        const firstFocusableElement = focusableElements[0];
-        const lastFocusableElement = focusableElements[focusableElements.length - 1];
-        if (e.shiftKey) {
-            if (document.activeElement === firstFocusableElement) {
-                lastFocusableElement?.focus();
-                e.preventDefault();
-            }
-        }
-        else {
-            if (document.activeElement === lastFocusableElement) {
-                firstFocusableElement?.focus();
-                e.preventDefault();
-            }
-        }
-    }
-    else {
-        e.preventDefault();
-    }
-};
 //# sourceMappingURL=focusHandlers.js.map

package/dist/esm/utils/focusHandlers/focusHandlers.js.map

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

package/dist/esm/utils/getStyles/getStyles.d.ts

@@ -123,7 +123,7 @@ export declare const getTypographyStyles: (prop?: TypographyTypes) => CSSProp;
  */
 export declare const getPointerStyles: (prop?: PointerTypes) => CSSProp;
 export declare const getWordWrapStyles: (prop?: WordWrapTypes) => CSSProp;
-export declare const getPseudoElementStyles: (pseudoElement: string, { content, ...styles }: AfterOrBeforeType) => CSSProp;
+export declare const getPseudoStyles: (pseudoKey: string, { content, ...styles }: AfterOrBeforeType) => CSSProp;
 export declare const getStyles: (styles?: CommonStyleType) => CSSProp;
 /**
  * Get animation styles.

package/dist/esm/utils/getStyles/getStyles.js

@@ -290,7 +290,7 @@ export const getGenericTypographyStyles = (prop) => {
     if (!prop) {
         return css ``;
     }
-    const { font_family, font_size, font_weight, font_style, line_height, letter_spacing, text_align, text_decoration, text_transform, white_space, word_break, word_wrap, text_overflow, text_shadow, text_indent, text_justify, color, overflow, } = prop;
+    const { font_family, font_size, font_weight, font_style, line_height, letter_spacing, text_align, text_decoration, text_transform, white_space, word_break, word_wrap, text_overflow, text_shadow, text_indent, text_justify, color, overflow, filter, } = prop;
     return css `
     ${font_family && `font-family: ${font_family};`}
     ${font_size && `font-size: ${font_size};`}
@@ -310,6 +310,7 @@ export const getGenericTypographyStyles = (prop) => {
     ${text_justify && `text-justify: ${text_justify};`}
     ${color && `color: ${color};`}
     ${overflow && `overflow: ${overflow};`}
+    ${filter && `filter: ${filter};`}
   `;
 };
 /**
@@ -391,45 +392,70 @@ const getGenericStyles = (styles) => {
     ${getScrollStyles(styles)}
   `;
 };
-export const getPseudoElementStyles = (pseudoElement, { content, ...styles }) => {
-    const isAfterOrBefore = pseudoElement.includes('after') || pseudoElement.includes('before');
+export const getPseudoStyles = (pseudoKey, { content, ...styles }) => {
+    const isAfterOrBefore = pseudoKey.includes('after') || pseudoKey.includes('before');
     return css `
-    ${pseudoElement} {
+    ${pseudoKey} {
       ${isAfterOrBefore && `content: '${content}'`};
-      ${getGenericStyles(styles)}
+      ${getGenericStyles(styles)};
+      ${getTypographyStyles(styles)};
     }
   `;
 };
-const getAfterBeforeKeys = (styles) => {
+const getPseudoElementOrClassKeys = (styles) => {
     if (!styles) {
         return css ``;
     }
+    // pseudo elements
     const afterKey = '&::after';
     const beforeKey = '&::before';
     const backdropKey = '&::backdrop';
+    const placeholderKey = '&::placeholder';
+    const passwordRevealButtonKey = '&::-ms-reveal';
+    const webkitInnerSpinButtonKey = '&::-webkit-inner-spin-button';
+    const webkitOuterSpinButtonKey = '&::-webkit-outer-spin-button';
+    const ariaInvalidKey = '&:is([aria-invalid="true"])';
+    const focusVisibleKey = '&:focus-visible';
+    // pseudo classes
+    const disabledKey = '&:disabled';
+    const focusKey = '&:focus';
+    // others
+    const dataTruncateKey = '&[data-truncate="true"]';
+    const dataFilledKey = '&[data-filled="true"]';
     return css `
-    ${styles.after && getPseudoElementStyles(afterKey, styles.after)}
-    ${styles.before && getPseudoElementStyles(beforeKey, styles.before)}
-    ${styles.backdrop && getPseudoElementStyles(backdropKey, styles.backdrop)}
+    ${styles.after && getPseudoStyles(afterKey, styles.after)}
+    ${styles.before && getPseudoStyles(beforeKey, styles.before)}
+    ${styles.backdrop && getPseudoStyles(backdropKey, styles.backdrop)}
+    ${styles.focusVisible && getPseudoStyles(focusVisibleKey, styles.focusVisible)}
+    ${styles.ariaInvalid && getPseudoStyles(ariaInvalidKey, styles.ariaInvalid)}
+    ${styles.passwordRevealButton &&
+        getPseudoStyles(passwordRevealButtonKey, styles.passwordRevealButton)}
+    ${styles.webkitInnerSpinButton &&
+        getPseudoStyles(webkitInnerSpinButtonKey, styles.webkitInnerSpinButton)}
+    ${styles.webkitOuterSpinButton &&
+        getPseudoStyles(webkitOuterSpinButtonKey, styles.webkitOuterSpinButton)}
+    ${styles.disabled && getPseudoStyles(disabledKey, styles.disabled)} 
+    ${styles.focus && getPseudoStyles(focusKey, styles.focus)}
+    ${styles.dataTruncate && getPseudoStyles(dataTruncateKey, styles.dataTruncate)}
+    ${styles.dataFilled && getPseudoStyles(dataFilledKey, styles.dataFilled)}
   `;
 };
 export const getStyles = (styles) => {
-    //all styles except TypographyTypes and IconTypes
     return css `
     ${getGenericStyles(styles)}
-    ${getAfterBeforeKeys(styles)}
+    ${getPseudoElementOrClassKeys(styles)}
     ${({ theme: { MEDIA_QUERIES: { onlyDesktop, onlyTablet, onlyMobile }, }, }) => css `
       ${onlyDesktop} {
         ${getGenericStyles(styles?.DESKTOP)}
-        ${getAfterBeforeKeys(styles?.DESKTOP)}
+        ${getPseudoElementOrClassKeys(styles?.DESKTOP)}
       }
       ${onlyTablet} {
         ${getGenericStyles(styles?.TABLET)}
-        ${getAfterBeforeKeys(styles?.TABLET)}
+        ${getPseudoElementOrClassKeys(styles?.TABLET)}
       }
       ${onlyMobile} {
         ${getGenericStyles(styles?.MOBILE)}
-        ${getAfterBeforeKeys(styles?.MOBILE)}
+        ${getPseudoElementOrClassKeys(styles?.MOBILE)}
       }
     `}
   `;