@lumx/react 4.9.0-next.7 → 4.9.0-next.8

package/index.d.ts

@@ -3858,6 +3858,10 @@ interface TabProps$1 extends HasClassName {
     changeToTab?: () => void;
     /** Tab index for roving tabindex management. */
     tabIndex?: number;
+    /** Name of the prop used to set tab index (framework-dependent). */
+    tabIndexProp?: string;
+    /** Name of the prop used to attach the keypress event (framework-dependent). */
+    keyPressProp?: string;
     /** ID applied to the tab button element (for aria-labelledby on the panel). */
     tabId?: string;
     /** ID of the associated tab panel (for aria-controls). */
@@ -3869,7 +3873,7 @@ interface TabProps$1 extends HasClassName {
     /** Forward ref to the underlying button element. */
     ref?: CommonRef;
 }
-type TabPropsToOverride = 'isAnyDisabled' | 'shouldActivateOnFocus' | 'changeToTab' | 'tabIndex' | 'tabId' | 'tabPanelId' | 'Icon' | 'Text';
+type TabPropsToOverride = 'isAnyDisabled' | 'shouldActivateOnFocus' | 'changeToTab' | 'tabIndex' | 'tabIndexProp' | 'keyPressProp' | 'tabId' | 'tabPanelId' | 'Icon' | 'Text';
 
 /**
  * Defines the props of the component.
@@ -3915,10 +3919,12 @@ interface TabPanelProps$1 extends HasClassName {
     tabId?: string;
     /** ID of the associated tab panel (for aria-controls). */
     id?: string;
+    /** Name of the prop used to set tab index (framework-dependent). */
+    tabIndexProp?: string;
     /** Forward ref to the underlying button element. */
     ref?: CommonRef;
 }
-type TabPanelPropsToOverride = 'tabId';
+type TabPanelPropsToOverride = 'tabId' | 'isLazy' | 'tabIndexProp';
 
 /**
  * Defines the props of the component.

package/index.js

@@ -14587,12 +14587,15 @@ const Tab$1 = props => {
     icon,
     iconProps = {},
     isAnyDisabled,
+    isDisabled,
     id,
     isActive,
     label,
     handleFocus,
     handleKeyPress,
     tabIndex = -1,
+    tabIndexProp = 'tabIndex',
+    keyPressProp = 'onKeyPress',
     changeToTab,
     tabPanelId,
     shouldActivateOnFocus,
@@ -14631,10 +14634,10 @@ const Tab$1 = props => {
       'is-disabled': isAnyDisabled
     })),
     onClick: changeToCurrentTab,
-    onKeyPress: onKeyPress,
+    [keyPressProp]: onKeyPress,
     onFocus: onFocus,
     role: "tab",
-    tabIndex: isActive ? 0 : tabIndex,
+    [tabIndexProp]: isActive ? 0 : tabIndex,
     "aria-disabled": isAnyDisabled,
     "aria-selected": isActive,
     "aria-controls": tabPanelId,
@@ -14729,6 +14732,7 @@ const TabPanel$1 = props => {
     id,
     tabId,
     isLazy,
+    tabIndexProp = 'tabIndex',
     ref,
     ...forwardedProps
   } = props;
@@ -14740,7 +14744,7 @@ const TabPanel$1 = props => {
       'is-active': isActive
     })),
     role: "tabpanel",
-    tabIndex: isActive ? 0 : -1,
+    [tabIndexProp]: isActive ? 0 : -1,
     "aria-labelledby": tabId,
     children: (!isLazy || isActive) && children
   });