@hanzogui/tabs-headless 2.0.0

package/dist/esm/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/esm/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/esm/useTabs.native.js

@@ -0,0 +1,235 @@
+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() {
+  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
+    {
+      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(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 = useCallback(function (tabValue) {
+      var element = tabRefs.current.get(tabValue);
+      element?.focus();
+    }, []),
+    getNextTab = 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 = 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 = 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 = 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 = 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, function (event) {
+        disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
+      }),
+      onPress: composeEventHandlers(onPress, function () {
+        !disabled && !isSelected && setValue(tabValue);
+      }),
+      onFocus: 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}`;
+}
+export { TabsProvider, useTab, useTabContent, useTabs, useTabsContext };
+//# sourceMappingURL=useTabs.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["composeEventHandlers","useControllableState","useDirection","React","useCallback","useId","useRef","useState","useTabs","props","arguments","length","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","_tabValues_nextIndex","handleKeyDown","event","isHorizontal","isRtl","nextTab","key","_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","TabsProvider","Provider","useTabsContext","context","useContext","Error","useTab","onPress","ref","tabProps"],"sources":["../../src/useTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

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

package/dist/jsx/index.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useTabs.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}