@hanzogui/tabs-headless 8.3.0 → 8.3.2

package/dist/cjs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useTabs.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/cjs/useTabs.js

@@ -0,0 +1,250 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsProvider = void 0;
+exports.useTabs = useTabs;
+exports.useTabsContext = useTabsContext;
+exports.useTab = useTab;
+exports.useTabContent = useTabContent;
+const tslib_1 = require("tslib");
+const helpers_1 = require("@hanzogui/helpers");
+const use_controllable_state_1 = require("@hanzogui/use-controllable-state");
+const use_direction_1 = require("@hanzogui/use-direction");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+function useTabs(props = {}) {
+    const { value: valueProp, onValueChange, defaultValue = '', orientation = 'horizontal', dir, activationMode = 'automatic', loop = true, } = props;
+    const direction = (0, use_direction_1.useDirection)(dir);
+    const baseId = (0, react_1.useId)();
+    const [value, setValue] = (0, use_controllable_state_1.useControllableState)({
+        prop: valueProp,
+        onChange: onValueChange,
+        defaultProp: defaultValue,
+    });
+    const tabRefs = (0, react_1.useRef)(new Map());
+    const [tabValues, setTabValues] = (0, react_1.useState)([]);
+    const registerTab = (0, react_1.useCallback)((tabValue, element) => {
+        if (element) {
+            tabRefs.current.set(tabValue, element);
+            setTabValues((prev) => (prev.includes(tabValue) ? prev : [...prev, tabValue]));
+        }
+        else {
+            tabRefs.current.delete(tabValue);
+            setTabValues((prev) => prev.filter((v) => v !== tabValue));
+        }
+    }, []);
+    const focusTab = (0, react_1.useCallback)((tabValue) => {
+        const element = tabRefs.current.get(tabValue);
+        element?.focus();
+    }, []);
+    const getNextTab = (0, react_1.useCallback)((currentValue, direction) => {
+        const currentIndex = tabValues.indexOf(currentValue);
+        if (currentIndex === -1)
+            return null;
+        let nextIndex = currentIndex + direction;
+        if (loop) {
+            nextIndex = (nextIndex + tabValues.length) % tabValues.length;
+        }
+        else {
+            if (nextIndex < 0 || nextIndex >= tabValues.length)
+                return null;
+        }
+        return tabValues[nextIndex] ?? null;
+    }, [tabValues, loop]);
+    const handleKeyDown = (0, react_1.useCallback)((tabValue) => (event) => {
+        const isHorizontal = orientation === 'horizontal';
+        const isRtl = direction === 'rtl';
+        let nextTab = null;
+        switch (event.key) {
+            case 'ArrowRight':
+                if (isHorizontal) {
+                    nextTab = getNextTab(tabValue, isRtl ? -1 : 1);
+                }
+                break;
+            case 'ArrowLeft':
+                if (isHorizontal) {
+                    nextTab = getNextTab(tabValue, isRtl ? 1 : -1);
+                }
+                break;
+            case 'ArrowDown':
+                if (!isHorizontal) {
+                    nextTab = getNextTab(tabValue, 1);
+                }
+                break;
+            case 'ArrowUp':
+                if (!isHorizontal) {
+                    nextTab = getNextTab(tabValue, -1);
+                }
+                break;
+            case 'Home':
+                nextTab = tabValues[0] ?? null;
+                break;
+            case 'End':
+                nextTab = tabValues[tabValues.length - 1] ?? null;
+                break;
+            case ' ':
+            case 'Enter':
+                if (activationMode === 'manual') {
+                    setValue(tabValue);
+                    event.preventDefault();
+                }
+                return;
+        }
+        if (nextTab) {
+            event.preventDefault();
+            focusTab(nextTab);
+            if (activationMode === 'automatic') {
+                setValue(nextTab);
+            }
+        }
+    }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]);
+    const getTabProps = (0, react_1.useCallback)((tabValue, disabled) => {
+        const isSelected = value === tabValue;
+        const triggerId = makeTriggerId(baseId, tabValue);
+        const contentId = makeContentId(baseId, tabValue);
+        return {
+            role: 'tab',
+            id: triggerId,
+            'aria-selected': isSelected,
+            'aria-controls': contentId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            ...(disabled && { 'data-disabled': '' }),
+            disabled,
+            tabIndex: isSelected ? 0 : -1,
+            onKeyDown: disabled ? () => { } : handleKeyDown(tabValue),
+            onClick: (event) => {
+                if (!disabled && !isSelected) {
+                    setValue(tabValue);
+                }
+            },
+            onFocus: (event) => {
+                registerTab(tabValue, event.currentTarget);
+                if (!disabled && !isSelected && activationMode === 'automatic') {
+                    setValue(tabValue);
+                }
+            },
+        };
+    }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]);
+    const getContentProps = (0, react_1.useCallback)((tabValue) => {
+        const isSelected = value === tabValue;
+        const triggerId = makeTriggerId(baseId, tabValue);
+        const contentId = makeContentId(baseId, tabValue);
+        return {
+            role: 'tabpanel',
+            id: contentId,
+            'aria-labelledby': triggerId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            'data-orientation': orientation,
+            hidden: !isSelected,
+            tabIndex: 0,
+        };
+    }, [value, baseId, orientation]);
+    const contextValue = {
+        baseId,
+        value,
+        setValue,
+        orientation,
+        direction,
+        activationMode,
+        loop,
+    };
+    return {
+        value,
+        setValue,
+        direction,
+        tabsProps: {
+            'data-orientation': orientation,
+            dir: direction,
+        },
+        listProps: {
+            role: 'tablist',
+            'aria-orientation': orientation,
+        },
+        getTabProps,
+        getContentProps,
+        contextValue,
+    };
+}
+// -------------------------------------------------------------------------------------------------
+// useTabsContext - for component-based APIs
+// -------------------------------------------------------------------------------------------------
+const TabsContext = React.createContext(null);
+exports.TabsProvider = TabsContext.Provider;
+function useTabsContext() {
+    const context = React.useContext(TabsContext);
+    if (!context) {
+        throw new Error('useTabsContext must be used within a TabsProvider');
+    }
+    return context;
+}
+function useTab(props) {
+    const { value: tabValue, disabled, onPress, onKeyDown, onFocus } = props;
+    const context = useTabsContext();
+    const { value, setValue, baseId, activationMode, orientation, direction, loop } = context;
+    const isSelected = value === tabValue;
+    const triggerId = makeTriggerId(baseId, tabValue);
+    const contentId = makeContentId(baseId, tabValue);
+    const ref = (0, react_1.useRef)(null);
+    return {
+        isSelected,
+        tabProps: {
+            ref,
+            role: 'tab',
+            id: triggerId,
+            'aria-selected': isSelected,
+            'aria-controls': contentId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            ...(disabled && { 'data-disabled': '' }),
+            disabled,
+            tabIndex: isSelected ? 0 : -1,
+            onKeyDown: (0, helpers_1.composeEventHandlers)(onKeyDown, (event) => {
+                if (disabled)
+                    return;
+                if ([' ', 'Enter'].includes(event.key)) {
+                    setValue(tabValue);
+                    event.preventDefault();
+                }
+            }),
+            onPress: (0, helpers_1.composeEventHandlers)(onPress, () => {
+                if (!disabled && !isSelected) {
+                    setValue(tabValue);
+                }
+            }),
+            onFocus: (0, helpers_1.composeEventHandlers)(onFocus, () => {
+                if (!disabled && !isSelected && activationMode === 'automatic') {
+                    setValue(tabValue);
+                }
+            }),
+        },
+    };
+}
+function useTabContent(props) {
+    const { value: tabValue, forceMount } = props;
+    const context = useTabsContext();
+    const { value, baseId, orientation } = context;
+    const isSelected = value === tabValue;
+    const triggerId = makeTriggerId(baseId, tabValue);
+    const contentId = makeContentId(baseId, tabValue);
+    return {
+        isSelected,
+        shouldMount: forceMount || isSelected,
+        contentProps: {
+            role: 'tabpanel',
+            id: contentId,
+            'aria-labelledby': triggerId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            'data-orientation': orientation,
+            hidden: !isSelected,
+            tabIndex: 0,
+        },
+    };
+}
+// -------------------------------------------------------------------------------------------------
+// Helpers
+// -------------------------------------------------------------------------------------------------
+function makeTriggerId(baseId, value) {
+    return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+    return `${baseId}-content-${value}`;
+}
+//# sourceMappingURL=useTabs.js.map

package/dist/cjs/useTabs.js.map

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

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./useTabs.mjs";
-//# sourceMappingURL=index.js.map
+export * from './useTabs.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAe,CAAA"}

package/dist/esm/useTabs.js

@@ -0,0 +1,242 @@
+import { composeEventHandlers } from '@hanzogui/helpers';
+import { useControllableState } from '@hanzogui/use-controllable-state';
+import { useDirection } from '@hanzogui/use-direction';
+import * as React from 'react';
+import { useCallback, useId, useRef, useState } from 'react';
+export function useTabs(props = {}) {
+    const { value: valueProp, onValueChange, defaultValue = '', orientation = 'horizontal', dir, activationMode = 'automatic', loop = true, } = props;
+    const direction = useDirection(dir);
+    const baseId = useId();
+    const [value, setValue] = useControllableState({
+        prop: valueProp,
+        onChange: onValueChange,
+        defaultProp: defaultValue,
+    });
+    const tabRefs = useRef(new Map());
+    const [tabValues, setTabValues] = useState([]);
+    const registerTab = useCallback((tabValue, element) => {
+        if (element) {
+            tabRefs.current.set(tabValue, element);
+            setTabValues((prev) => (prev.includes(tabValue) ? prev : [...prev, tabValue]));
+        }
+        else {
+            tabRefs.current.delete(tabValue);
+            setTabValues((prev) => prev.filter((v) => v !== tabValue));
+        }
+    }, []);
+    const focusTab = useCallback((tabValue) => {
+        const element = tabRefs.current.get(tabValue);
+        element?.focus();
+    }, []);
+    const getNextTab = useCallback((currentValue, direction) => {
+        const currentIndex = tabValues.indexOf(currentValue);
+        if (currentIndex === -1)
+            return null;
+        let nextIndex = currentIndex + direction;
+        if (loop) {
+            nextIndex = (nextIndex + tabValues.length) % tabValues.length;
+        }
+        else {
+            if (nextIndex < 0 || nextIndex >= tabValues.length)
+                return null;
+        }
+        return tabValues[nextIndex] ?? null;
+    }, [tabValues, loop]);
+    const handleKeyDown = useCallback((tabValue) => (event) => {
+        const isHorizontal = orientation === 'horizontal';
+        const isRtl = direction === 'rtl';
+        let nextTab = null;
+        switch (event.key) {
+            case 'ArrowRight':
+                if (isHorizontal) {
+                    nextTab = getNextTab(tabValue, isRtl ? -1 : 1);
+                }
+                break;
+            case 'ArrowLeft':
+                if (isHorizontal) {
+                    nextTab = getNextTab(tabValue, isRtl ? 1 : -1);
+                }
+                break;
+            case 'ArrowDown':
+                if (!isHorizontal) {
+                    nextTab = getNextTab(tabValue, 1);
+                }
+                break;
+            case 'ArrowUp':
+                if (!isHorizontal) {
+                    nextTab = getNextTab(tabValue, -1);
+                }
+                break;
+            case 'Home':
+                nextTab = tabValues[0] ?? null;
+                break;
+            case 'End':
+                nextTab = tabValues[tabValues.length - 1] ?? null;
+                break;
+            case ' ':
+            case 'Enter':
+                if (activationMode === 'manual') {
+                    setValue(tabValue);
+                    event.preventDefault();
+                }
+                return;
+        }
+        if (nextTab) {
+            event.preventDefault();
+            focusTab(nextTab);
+            if (activationMode === 'automatic') {
+                setValue(nextTab);
+            }
+        }
+    }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]);
+    const getTabProps = useCallback((tabValue, disabled) => {
+        const isSelected = value === tabValue;
+        const triggerId = makeTriggerId(baseId, tabValue);
+        const contentId = makeContentId(baseId, tabValue);
+        return {
+            role: 'tab',
+            id: triggerId,
+            'aria-selected': isSelected,
+            'aria-controls': contentId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            ...(disabled && { 'data-disabled': '' }),
+            disabled,
+            tabIndex: isSelected ? 0 : -1,
+            onKeyDown: disabled ? () => { } : handleKeyDown(tabValue),
+            onClick: (event) => {
+                if (!disabled && !isSelected) {
+                    setValue(tabValue);
+                }
+            },
+            onFocus: (event) => {
+                registerTab(tabValue, event.currentTarget);
+                if (!disabled && !isSelected && activationMode === 'automatic') {
+                    setValue(tabValue);
+                }
+            },
+        };
+    }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]);
+    const getContentProps = useCallback((tabValue) => {
+        const isSelected = value === tabValue;
+        const triggerId = makeTriggerId(baseId, tabValue);
+        const contentId = makeContentId(baseId, tabValue);
+        return {
+            role: 'tabpanel',
+            id: contentId,
+            'aria-labelledby': triggerId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            'data-orientation': orientation,
+            hidden: !isSelected,
+            tabIndex: 0,
+        };
+    }, [value, baseId, orientation]);
+    const contextValue = {
+        baseId,
+        value,
+        setValue,
+        orientation,
+        direction,
+        activationMode,
+        loop,
+    };
+    return {
+        value,
+        setValue,
+        direction,
+        tabsProps: {
+            'data-orientation': orientation,
+            dir: direction,
+        },
+        listProps: {
+            role: 'tablist',
+            'aria-orientation': orientation,
+        },
+        getTabProps,
+        getContentProps,
+        contextValue,
+    };
+}
+// -------------------------------------------------------------------------------------------------
+// useTabsContext - for component-based APIs
+// -------------------------------------------------------------------------------------------------
+const TabsContext = React.createContext(null);
+export const TabsProvider = TabsContext.Provider;
+export function useTabsContext() {
+    const context = React.useContext(TabsContext);
+    if (!context) {
+        throw new Error('useTabsContext must be used within a TabsProvider');
+    }
+    return context;
+}
+export function useTab(props) {
+    const { value: tabValue, disabled, onPress, onKeyDown, onFocus } = props;
+    const context = useTabsContext();
+    const { value, setValue, baseId, activationMode, orientation, direction, loop } = context;
+    const isSelected = value === tabValue;
+    const triggerId = makeTriggerId(baseId, tabValue);
+    const contentId = makeContentId(baseId, tabValue);
+    const ref = useRef(null);
+    return {
+        isSelected,
+        tabProps: {
+            ref,
+            role: 'tab',
+            id: triggerId,
+            'aria-selected': isSelected,
+            'aria-controls': contentId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            ...(disabled && { 'data-disabled': '' }),
+            disabled,
+            tabIndex: isSelected ? 0 : -1,
+            onKeyDown: composeEventHandlers(onKeyDown, (event) => {
+                if (disabled)
+                    return;
+                if ([' ', 'Enter'].includes(event.key)) {
+                    setValue(tabValue);
+                    event.preventDefault();
+                }
+            }),
+            onPress: composeEventHandlers(onPress, () => {
+                if (!disabled && !isSelected) {
+                    setValue(tabValue);
+                }
+            }),
+            onFocus: composeEventHandlers(onFocus, () => {
+                if (!disabled && !isSelected && activationMode === 'automatic') {
+                    setValue(tabValue);
+                }
+            }),
+        },
+    };
+}
+export function useTabContent(props) {
+    const { value: tabValue, forceMount } = props;
+    const context = useTabsContext();
+    const { value, baseId, orientation } = context;
+    const isSelected = value === tabValue;
+    const triggerId = makeTriggerId(baseId, tabValue);
+    const contentId = makeContentId(baseId, tabValue);
+    return {
+        isSelected,
+        shouldMount: forceMount || isSelected,
+        contentProps: {
+            role: 'tabpanel',
+            id: contentId,
+            'aria-labelledby': triggerId,
+            'data-state': isSelected ? 'active' : 'inactive',
+            'data-orientation': orientation,
+            hidden: !isSelected,
+            tabIndex: 0,
+        },
+    };
+}
+// -------------------------------------------------------------------------------------------------
+// Helpers
+// -------------------------------------------------------------------------------------------------
+function makeTriggerId(baseId, value) {
+    return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+    return `${baseId}-content-${value}`;
+}
+//# sourceMappingURL=useTabs.js.map

package/dist/esm/useTabs.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/tabs-headless",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -9,41 +9,41 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/helpers": "8.3.0",
-    "@hanzogui/use-controllable-state": "8.3.0",
-    "@hanzogui/use-direction": "8.3.0"
+    "@hanzogui/helpers": "8.3.2",
+    "@hanzogui/use-controllable-state": "8.3.2",
+    "@hanzogui/use-direction": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "react": ">=19"
+    "@hanzogui/build": "8.3.2",
+    "react": "19.2.8"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
   "module:jsx": "dist/jsx",
   "repository": {

package/src/index.ts

@@ -1 +1 @@
-export * from './useTabs'
+export * from './useTabs.tsx'

package/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './useTabs';
+export * from './useTabs.tsx';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/types/useTabs.d.ts

@@ -98,18 +98,18 @@ export interface UseTabProps {
 export declare function useTab(props: UseTabProps): {
     isSelected: boolean;
     tabProps: {
-        disabled: boolean | undefined;
-        tabIndex: number;
-        onKeyDown: import("@hanzogui/helpers").EventHandler<React.KeyboardEvent<Element>> | undefined;
-        onPress: import("@hanzogui/helpers").EventHandler<any> | undefined;
-        onFocus: import("@hanzogui/helpers").EventHandler<React.FocusEvent<Element, Element>> | undefined;
-        'data-disabled'?: "" | undefined;
         ref: React.RefObject<HTMLElement | null>;
-        role: "tab";
+        role: 'tab';
         id: string;
         'aria-selected': boolean;
         'aria-controls': string;
         'data-state': string;
+        'data-disabled'?: "" | undefined;
+        disabled: boolean | undefined;
+        tabIndex: number;
+        onKeyDown: import("@hanzogui/helpers").EventHandler<React.KeyboardEvent<Element>> | undefined;
+        onPress: import("@hanzogui/helpers").EventHandler<any> | undefined;
+        onFocus: import("@hanzogui/helpers").EventHandler<React.FocusEvent<Element, Element>> | undefined;
     };
 };
 export interface UseTabContentProps {
@@ -120,7 +120,7 @@ export declare function useTabContent(props: UseTabContentProps): {
     isSelected: boolean;
     shouldMount: boolean;
     contentProps: {
-        role: "tabpanel";
+        role: 'tabpanel';
         id: string;
         'aria-labelledby': string;
         'data-state': string;