@hanzogui/tabs-headless 2.0.0

package/dist/jsx/useTabs.mjs

@@ -0,0 +1,220 @@
+import { composeEventHandlers } from "@hanzo/gui-helpers";
+import { useControllableState } from "@hanzo/gui-use-controllable-state";
+import { useDirection } from "@hanzo/gui-use-direction";
+import * as React from "react";
+import { useCallback, useId, useRef, useState } from "react";
+function useTabs(props = {}) {
+  const {
+      value: valueProp,
+      onValueChange,
+      defaultValue = "",
+      orientation = "horizontal",
+      dir,
+      activationMode = "automatic",
+      loop = !0
+    } = props,
+    direction = useDirection(dir),
+    baseId = useId(),
+    [value, setValue] = useControllableState({
+      prop: valueProp,
+      onChange: onValueChange,
+      defaultProp: defaultValue
+    }),
+    tabRefs = useRef(/* @__PURE__ */new Map()),
+    [tabValues, setTabValues] = useState([]),
+    registerTab = useCallback((tabValue, element) => {
+      element ? (tabRefs.current.set(tabValue, element), setTabValues(prev => prev.includes(tabValue) ? prev : [...prev, tabValue])) : (tabRefs.current.delete(tabValue), setTabValues(prev => prev.filter(v => v !== tabValue)));
+    }, []),
+    focusTab = useCallback(tabValue => {
+      tabRefs.current.get(tabValue)?.focus();
+    }, []),
+    getNextTab = useCallback((currentValue, direction2) => {
+      const currentIndex = tabValues.indexOf(currentValue);
+      if (currentIndex === -1) return null;
+      let nextIndex = currentIndex + direction2;
+      if (loop) nextIndex = (nextIndex + tabValues.length) % tabValues.length;else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
+      return tabValues[nextIndex] ?? null;
+    }, [tabValues, loop]),
+    handleKeyDown = useCallback(tabValue => event => {
+      const isHorizontal = orientation === "horizontal",
+        isRtl = direction === "rtl";
+      let nextTab = null;
+      switch (event.key) {
+        case "ArrowRight":
+          isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? -1 : 1));
+          break;
+        case "ArrowLeft":
+          isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? 1 : -1));
+          break;
+        case "ArrowDown":
+          isHorizontal || (nextTab = getNextTab(tabValue, 1));
+          break;
+        case "ArrowUp":
+          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":
+          activationMode === "manual" && (setValue(tabValue), event.preventDefault());
+          return;
+      }
+      nextTab && (event.preventDefault(), focusTab(nextTab), activationMode === "automatic" && setValue(nextTab));
+    }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]),
+    getTabProps = useCallback((tabValue, disabled) => {
+      const isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue),
+        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 => {
+          !disabled && !isSelected && setValue(tabValue);
+        },
+        onFocus: event => {
+          registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+        }
+      };
+    }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]),
+    getContentProps = useCallback(tabValue => {
+      const isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue);
+      return {
+        role: "tabpanel",
+        id: makeContentId(baseId, tabValue),
+        "aria-labelledby": triggerId,
+        "data-state": isSelected ? "active" : "inactive",
+        "data-orientation": orientation,
+        hidden: !isSelected,
+        tabIndex: 0
+      };
+    }, [value, baseId, orientation]);
+  return {
+    value,
+    setValue,
+    direction,
+    tabsProps: {
+      "data-orientation": orientation,
+      dir: direction
+    },
+    listProps: {
+      role: "tablist",
+      "aria-orientation": orientation
+    },
+    getTabProps,
+    getContentProps,
+    contextValue: {
+      baseId,
+      value,
+      setValue,
+      orientation,
+      direction,
+      activationMode,
+      loop
+    }
+  };
+}
+const TabsContext = React.createContext(null),
+  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,
+    context = useTabsContext(),
+    {
+      value,
+      setValue,
+      baseId,
+      activationMode,
+      orientation,
+      direction,
+      loop
+    } = context,
+    isSelected = value === tabValue,
+    triggerId = makeTriggerId(baseId, tabValue),
+    contentId = makeContentId(baseId, tabValue),
+    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 => {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: composeEventHandlers(onPress, () => {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: composeEventHandlers(onFocus, () => {
+        !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+      })
+    }
+  };
+}
+function useTabContent(props) {
+  const {
+      value: tabValue,
+      forceMount
+    } = props,
+    context = useTabsContext(),
+    {
+      value,
+      baseId,
+      orientation
+    } = context,
+    isSelected = value === tabValue,
+    triggerId = makeTriggerId(baseId, tabValue),
+    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
+    }
+  };
+}
+function makeTriggerId(baseId, value) {
+  return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+  return `${baseId}-content-${value}`;
+}
+export { TabsProvider, useTab, useTabContent, useTabs, useTabsContext };
+//# sourceMappingURL=useTabs.mjs.map

package/dist/jsx/useTabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["composeEventHandlers","useControllableState","useDirection","React","useCallback","useId","useRef","useState","useTabs","props","value","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","loop","direction","baseId","setValue","prop","onChange","defaultProp","tabRefs","Map","tabValues","setTabValues","registerTab","tabValue","element","current","set","prev","includes","delete","filter","v","focusTab","get","focus","getNextTab","currentValue","direction2","currentIndex","indexOf","nextIndex","length","handleKeyDown","event","isHorizontal","isRtl","nextTab","key","preventDefault","getTabProps","disabled","isSelected","triggerId","makeTriggerId","contentId","makeContentId","role","id","tabIndex","onKeyDown","onClick","onFocus","currentTarget","getContentProps","hidden","tabsProps","listProps","contextValue","TabsContext","createContext","TabsProvider","Provider","useTabsContext","context","useContext","Error","useTab","onPress","ref","tabProps","useTabContent","forceMount","shouldMount","contentProps"],"sources":["../../src/useTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/useTabs.native.js

@@ -0,0 +1,276 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var useTabs_exports = {};
+__export(useTabs_exports, {
+  TabsProvider: () => TabsProvider,
+  useTab: () => useTab,
+  useTabContent: () => useTabContent,
+  useTabs: () => useTabs,
+  useTabsContext: () => useTabsContext
+});
+module.exports = __toCommonJS(useTabs_exports);
+var import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_use_controllable_state = require("@hanzo/gui-use-controllable-state"),
+  import_gui_use_direction = require("@hanzo/gui-use-direction"),
+  React = __toESM(require("react"), 1),
+  import_react = require("react");
+function useTabs() {
+  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+    {
+      value: valueProp,
+      onValueChange,
+      defaultValue = "",
+      orientation = "horizontal",
+      dir,
+      activationMode = "automatic",
+      loop = !0
+    } = props,
+    direction = (0, import_gui_use_direction.useDirection)(dir),
+    baseId = (0, import_react.useId)(),
+    [value, setValue] = (0, import_gui_use_controllable_state.useControllableState)({
+      prop: valueProp,
+      onChange: onValueChange,
+      defaultProp: defaultValue
+    }),
+    tabRefs = (0, import_react.useRef)(/* @__PURE__ */new Map()),
+    [tabValues, setTabValues] = (0, import_react.useState)([]),
+    registerTab = (0, import_react.useCallback)(function (tabValue, element) {
+      element ? (tabRefs.current.set(tabValue, element), setTabValues(function (prev) {
+        return prev.includes(tabValue) ? prev : [...prev, tabValue];
+      })) : (tabRefs.current.delete(tabValue), setTabValues(function (prev) {
+        return prev.filter(function (v) {
+          return v !== tabValue;
+        });
+      }));
+    }, []),
+    focusTab = (0, import_react.useCallback)(function (tabValue) {
+      var element = tabRefs.current.get(tabValue);
+      element?.focus();
+    }, []),
+    getNextTab = (0, import_react.useCallback)(function (currentValue, direction2) {
+      var currentIndex = tabValues.indexOf(currentValue);
+      if (currentIndex === -1) return null;
+      var nextIndex = currentIndex + direction2;
+      if (loop) nextIndex = (nextIndex + tabValues.length) % tabValues.length;else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
+      var _tabValues_nextIndex;
+      return (_tabValues_nextIndex = tabValues[nextIndex]) !== null && _tabValues_nextIndex !== void 0 ? _tabValues_nextIndex : null;
+    }, [tabValues, loop]),
+    handleKeyDown = (0, import_react.useCallback)(function (tabValue) {
+      return function (event) {
+        var isHorizontal = orientation === "horizontal",
+          isRtl = direction === "rtl",
+          nextTab = null;
+        switch (event.key) {
+          case "ArrowRight":
+            isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? -1 : 1));
+            break;
+          case "ArrowLeft":
+            isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? 1 : -1));
+            break;
+          case "ArrowDown":
+            isHorizontal || (nextTab = getNextTab(tabValue, 1));
+            break;
+          case "ArrowUp":
+            isHorizontal || (nextTab = getNextTab(tabValue, -1));
+            break;
+          case "Home":
+            var _tabValues_;
+            nextTab = (_tabValues_ = tabValues[0]) !== null && _tabValues_ !== void 0 ? _tabValues_ : null;
+            break;
+          case "End":
+            var _tabValues_1;
+            nextTab = (_tabValues_1 = tabValues[tabValues.length - 1]) !== null && _tabValues_1 !== void 0 ? _tabValues_1 : null;
+            break;
+          case " ":
+          case "Enter":
+            activationMode === "manual" && (setValue(tabValue), event.preventDefault());
+            return;
+        }
+        nextTab && (event.preventDefault(), focusTab(nextTab), activationMode === "automatic" && setValue(nextTab));
+      };
+    }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]),
+    getTabProps = (0, import_react.useCallback)(function (tabValue, disabled) {
+      var isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue),
+        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 ? function () {} : handleKeyDown(tabValue),
+        onClick: function (event) {
+          !disabled && !isSelected && setValue(tabValue);
+        },
+        onFocus: function (event) {
+          registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+        }
+      };
+    }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]),
+    getContentProps = (0, import_react.useCallback)(function (tabValue) {
+      var isSelected = value === tabValue,
+        triggerId = makeTriggerId(baseId, tabValue),
+        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]),
+    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
+  };
+}
+var TabsContext = /* @__PURE__ */React.createContext(null),
+  TabsProvider = TabsContext.Provider;
+function useTabsContext() {
+  var context = React.useContext(TabsContext);
+  if (!context) throw new Error("useTabsContext must be used within a TabsProvider");
+  return context;
+}
+function useTab(props) {
+  var {
+      value: tabValue,
+      disabled,
+      onPress,
+      onKeyDown,
+      onFocus
+    } = props,
+    context = useTabsContext(),
+    {
+      value,
+      setValue,
+      baseId,
+      activationMode,
+      orientation,
+      direction,
+      loop
+    } = context,
+    isSelected = value === tabValue,
+    triggerId = makeTriggerId(baseId, tabValue),
+    contentId = makeContentId(baseId, tabValue),
+    ref = (0, import_react.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, import_gui_helpers.composeEventHandlers)(onKeyDown, function (event) {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: (0, import_gui_helpers.composeEventHandlers)(onPress, function () {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: (0, import_gui_helpers.composeEventHandlers)(onFocus, function () {
+        !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
+      })
+    }
+  };
+}
+function useTabContent(props) {
+  var {
+      value: tabValue,
+      forceMount
+    } = props,
+    context = useTabsContext(),
+    {
+      value,
+      baseId,
+      orientation
+    } = context,
+    isSelected = value === tabValue,
+    triggerId = makeTriggerId(baseId, tabValue),
+    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
+    }
+  };
+}
+function makeTriggerId(baseId, value) {
+  return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+  return `${baseId}-content-${value}`;
+}
+//# sourceMappingURL=useTabs.native.js.map

package/dist/jsx/useTabs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","useTabs_exports","TabsProvider","useTab","useTabContent","useTabs","useTabsContext","module","exports","import_gui_helpers","require","import_gui_use_controllable_state","import_gui_use_direction","React","import_react","props","arguments","length","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","loop","direction","useDirection","baseId","useId","setValue","useControllableState","prop","onChange","defaultProp","tabRefs","useRef","Map","tabValues","setTabValues","useState","registerTab","useCallback","tabValue","element","current","set","prev","includes","delete","filter","v","focusTab","focus","getNextTab","currentValue","direction2","currentIndex","indexOf","nextIndex","_tabValues_nextIndex","handleKeyDown","event","isHorizontal","isRtl","nextTab","_tabValues_","_tabValues_1","preventDefault","getTabProps","disabled","isSelected","triggerId","makeTriggerId","contentId","makeContentId","role","id","tabIndex","onKeyDown","onClick","onFocus","currentTarget","getContentProps","hidden","contextValue","tabsProps","listProps","TabsContext","createContext","Provider","context","useContext","Error","onPress","ref"],"sources":["../../src/useTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@hanzogui/tabs-headless",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "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"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/helpers": "2.0.0-rc.29",
+    "@hanzogui/use-controllable-state": "2.0.0-rc.29",
+    "@hanzogui/use-direction": "2.0.0"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.29",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "module:jsx": "dist/jsx"
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './useTabs'