@apia/components 4.0.29 → 4.0.30

package/dist/index.d.ts

@@ -423,6 +423,12 @@ type TTabLabelRenderer = (props: {
 }) => React__default.ReactElement;
 type TTabsListState<TabType extends TTab> = {
     isMultiple: boolean;
+    /**
+     * By default, any customEvents.focus occurred inside the tab render will cause the tab to be opened.
+     *
+     * If listenFocusEvents=false, the customEvents.focus events will be ignored.
+     */
+    listenFocusEvents?: boolean;
     openTabsHistory: Set<Tab<TabType>>;
     /**
      * If this property is true, then it could never happen that all tabs are closed.

package/dist/index.js

@@ -2022,7 +2022,8 @@ class TabsController {
       openTabsHistory: /* @__PURE__ */ new Set(),
       tabs: /* @__PURE__ */ new Map(),
       timestamp: 0,
-      showAtLeastOneTab: false
+      showAtLeastOneTab: false,
+      listenFocusEvents: true
     });
     Object.assign(this.state, props.initialState ?? {});
     props.initialTabs?.forEach((tab) => this.append(tab));
@@ -2338,7 +2339,9 @@ const InnerRenderer = observer(({ tab }) => {
         uns.current();
         if (el instanceof HTMLElement) {
           const handleFocus = () => {
-            tab.open();
+            if (tab.controller.state.listenFocusEvents !== false) {
+              tab.open();
+            }
           };
           el.addEventListener(customEvents.focus, handleFocus);
           uns.current = () => {