@gluestack-ui/core 5.0.7-alpha.0 → 5.0.8-alpha.0

package/lib/esm/accordion/creator/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/accordion/creator/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,gBAAgB,GAAI,wBAAwB,GAAG,qFAWxD,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/accordion/creator/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,gBAAgB,GAAI,wBAAwB,GAAG,qFAkCxD,CAAC"}

package/lib/esm/accordion/creator/AccordionContent.jsx

@@ -9,14 +9,34 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef, useContext } from 'react';
+import { mergeRefs } from '@gluestack-ui/utils/common';
+import React, { forwardRef, useContext, useLayoutEffect, useRef, } from 'react';
+import { Platform } from 'react-native';
 import { AccordionItemContext } from './Context';
 export const AccordionContent = (StyledAccordionContent) => forwardRef((_a, ref) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     const { regionProps, isExpanded } = useContext(AccordionItemContext);
+    const contentRef = useRef(null);
+    const mergedRef = mergeRefs([ref, contentRef]);
+    // On web, collapsed panel content stays mounted (e.g. for height animation) but must
+    // not be tab-focusable. RN Web's View does not forward `inert`, so set it on the host.
+    useLayoutEffect(() => {
+        if (Platform.OS !== 'web')
+            return;
+        const node = contentRef.current;
+        if (!node || typeof node.setAttribute !== 'function')
+            return;
+        if (!isExpanded) {
+            node.setAttribute('inert', '');
+        }
+        else {
+            node.removeAttribute('inert');
+        }
+    }, [isExpanded]);
+    const webCollapsedA11y = Platform.OS === 'web' && !isExpanded ? { 'aria-hidden': true } : {};
     // Animation is now handled in the style file layer, not in core
     // This allows users to customize animations by modifying the style file
-    return (<StyledAccordionContent ref={ref} {...props} {...regionProps}>
+    return (<StyledAccordionContent ref={mergedRef} {...props} {...regionProps} {...webCollapsedA11y}>
         {children}
       </StyledAccordionContent>);
 });

package/lib/esm/accordion/creator/AccordionContent.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.jsx","sourceRoot":"","sources":["../../../../src/accordion/creator/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,sBAA2B,EAAE,EAAE,CAC9D,UAAU,CAAC,CAAC,EAA2B,EAAE,GAAS,EAAE,EAAE;QAA1C,EAAE,QAAQ,OAAiB,EAAZ,KAAK,cAApB,YAAsB,CAAF;IAC9B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAErE,gEAAgE;IAChE,wEAAwE;IACxE,OAAO,CACL,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,CAC3D;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"AccordionContent.jsx","sourceRoot":"","sources":["../../../../src/accordion/creator/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,UAAU,EACV,eAAe,EACf,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,sBAA2B,EAAE,EAAE,CAC9D,UAAU,CAAC,CAAC,EAA2B,EAAE,GAAS,EAAE,EAAE;QAA1C,EAAE,QAAQ,OAAiB,EAAZ,KAAK,cAApB,YAAsB,CAAF;IAC9B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrE,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/C,qFAAqF;IACrF,uFAAuF;IACvF,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK;YAAE,OAAO;QAClC,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO,CAAC;QAChC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,UAAU;YAAE,OAAO;QAC7D,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,gBAAgB,GACpB,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,gEAAgE;IAChE,wEAAwE;IACxE,OAAO,CACL,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,IAAI,KAAK,CAAC,CACV,IAAI,WAAW,CAAC,CAChB,IAAI,gBAAgB,CAAC,CAErB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gluestack-ui/core",
   "description": "Universal UI components for React Native, Expo, and Next.js",
-  "version": "5.0.7-alpha.0",
+  "version": "5.0.8-alpha.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gluestack/gluestack-ui.git"