@tamagui/tabs-headless 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/useTabs.mjs

@@ -1,265 +1,106 @@
-import { composeEventHandlers } from "@tamagui/helpers";
+import { isWeb } from "@tamagui/constants";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
 import * as React from "react";
-import { useCallback, useId, useRef, useState } from "react";
+
+function makeTriggerId(baseId, value) {
+	return `${baseId}-trigger-${value}`;
+}
+function makeContentId(baseId, value) {
+	return `${baseId}-content-${value}`;
+}
 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(/* @__PURE__ */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, 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]);
-  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
-  };
+	const { value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic" } = props;
+	const direction = useDirection(dir);
+	const baseId = React.useId();
+	const [value, setValue] = useControllableState({
+		prop: valueProp,
+		onChange: onValueChange,
+		defaultProp: defaultValue ?? ""
+	});
+	const [triggersCount, setTriggersCount] = React.useState(0);
+	const registerTrigger = React.useCallback(() => setTriggersCount((count) => count + 1), []);
+	const unregisterTrigger = React.useCallback(() => setTriggersCount((count) => count - 1), []);
+	return {
+		value,
+		setValue,
+		baseId,
+		direction,
+		orientation,
+		activationMode,
+		triggersCount,
+		registerTrigger,
+		unregisterTrigger,
+		tabsProps: { "data-orientation": orientation }
+	};
 }
-const TabsContext = React.createContext(null);
-const 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 useTabsList(props) {
+	const { orientation = "horizontal", disabled = false } = props;
+	return { listProps: {
+		role: "tablist",
+		"aria-orientation": orientation,
+		"aria-disabled": disabled || void 0,
+		"data-orientation": orientation,
+		"data-disabled": disabled ? "" : void 0
+	} };
 }
 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);
-        }
-      })
-    }
-  };
+	const { baseId, value, selectedValue, disabled = false, activationMode = "automatic", onChange } = props;
+	const isSelected = value === selectedValue;
+	const triggerId = makeTriggerId(baseId, value);
+	const contentId = makeContentId(baseId, value);
+	return {
+		isSelected,
+		triggerId,
+		contentId,
+		tabProps: {
+			role: "tab",
+			id: triggerId,
+			"aria-selected": isSelected,
+			"aria-controls": contentId,
+			"data-state": isSelected ? "active" : "inactive",
+			"data-disabled": disabled ? "" : void 0,
+			disabled,
+			onPress: (event) => {
+				const isPrimaryPointer = !isWeb || event?.button === 0 && event?.ctrlKey === false;
+				if (!disabled && !isSelected && isPrimaryPointer) {
+					onChange(value);
+				}
+			},
+			...isWeb && {
+				onKeyDown: (event) => {
+					if (!disabled && [" ", "Enter"].includes(event.key)) {
+						onChange(value);
+						event.preventDefault();
+					}
+				},
+				onFocus: () => {
+					if (!isSelected && !disabled && activationMode !== "manual") {
+						onChange(value);
+					}
+				}
+			}
+		}
+	};
 }
 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
-    }
-  };
-}
-function makeTriggerId(baseId, value) {
-  return `${baseId}-trigger-${value}`;
-}
-function makeContentId(baseId, value) {
-  return `${baseId}-content-${value}`;
+	const { baseId, value, selectedValue, orientation = "horizontal", forceMount } = props;
+	const isSelected = value === selectedValue;
+	const shouldMount = Boolean(forceMount) || isSelected;
+	return {
+		isSelected,
+		shouldMount,
+		contentProps: {
+			role: "tabpanel",
+			id: makeContentId(baseId, value),
+			"aria-labelledby": makeTriggerId(baseId, value),
+			"data-state": isSelected ? "active" : "inactive",
+			"data-orientation": orientation,
+			hidden: !shouldMount,
+			tabIndex: 0
+		}
+	};
 }
-export { TabsProvider, useTab, useTabContent, useTabs, useTabsContext };
+
+export { makeContentId, makeTriggerId, useTab, useTabContent, useTabs, useTabsList };
 //# sourceMappingURL=useTabs.mjs.map

package/dist/esm/useTabs.mjs.map

@@ -1 +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","contextValue","tabsProps","listProps","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":[]}
+{"version":3,"file":"useTabs.js","names":[],"sources":["esm/useTabs.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport { useDirection } from \"@tamagui/use-direction\";\nimport * as React from \"react\";\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nfunction useTabs(props = {}) {\n  const {\n    value: valueProp,\n    onValueChange,\n    defaultValue,\n    orientation = \"horizontal\",\n    dir,\n    activationMode = \"automatic\"\n  } = props;\n  const direction = useDirection(dir);\n  const baseId = React.useId();\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange: onValueChange,\n    defaultProp: defaultValue ?? \"\"\n  });\n  const [triggersCount, setTriggersCount] = React.useState(0);\n  const registerTrigger = React.useCallback(\n    () => setTriggersCount((count) => count + 1),\n    []\n  );\n  const unregisterTrigger = React.useCallback(\n    () => setTriggersCount((count) => count - 1),\n    []\n  );\n  return {\n    value,\n    setValue,\n    baseId,\n    direction,\n    orientation,\n    activationMode,\n    triggersCount,\n    registerTrigger,\n    unregisterTrigger,\n    tabsProps: {\n      \"data-orientation\": orientation\n    }\n  };\n}\nfunction useTabsList(props) {\n  const { orientation = \"horizontal\", disabled = false } = props;\n  return {\n    listProps: {\n      role: \"tablist\",\n      \"aria-orientation\": orientation,\n      \"aria-disabled\": disabled || void 0,\n      \"data-orientation\": orientation,\n      \"data-disabled\": disabled ? \"\" : void 0\n    }\n  };\n}\nfunction useTab(props) {\n  const {\n    baseId,\n    value,\n    selectedValue,\n    disabled = false,\n    activationMode = \"automatic\",\n    onChange\n  } = props;\n  const isSelected = value === selectedValue;\n  const triggerId = makeTriggerId(baseId, value);\n  const contentId = makeContentId(baseId, value);\n  return {\n    isSelected,\n    triggerId,\n    contentId,\n    tabProps: {\n      role: \"tab\",\n      id: triggerId,\n      \"aria-selected\": isSelected,\n      \"aria-controls\": contentId,\n      \"data-state\": isSelected ? \"active\" : \"inactive\",\n      \"data-disabled\": disabled ? \"\" : void 0,\n      disabled,\n      onPress: (event) => {\n        const isPrimaryPointer = !isWeb || event?.button === 0 && event?.ctrlKey === false;\n        if (!disabled && !isSelected && isPrimaryPointer) {\n          onChange(value);\n        }\n      },\n      ...isWeb && {\n        onKeyDown: (event) => {\n          if (!disabled && [\" \", \"Enter\"].includes(event.key)) {\n            onChange(value);\n            event.preventDefault();\n          }\n        },\n        onFocus: () => {\n          if (!isSelected && !disabled && activationMode !== \"manual\") {\n            onChange(value);\n          }\n        }\n      }\n    }\n  };\n}\nfunction useTabContent(props) {\n  const { baseId, value, selectedValue, orientation = \"horizontal\", forceMount } = props;\n  const isSelected = value === selectedValue;\n  const shouldMount = Boolean(forceMount) || isSelected;\n  return {\n    isSelected,\n    shouldMount,\n    contentProps: {\n      role: \"tabpanel\",\n      id: makeContentId(baseId, value),\n      \"aria-labelledby\": makeTriggerId(baseId, value),\n      \"data-state\": isSelected ? \"active\" : \"inactive\",\n      \"data-orientation\": orientation,\n      hidden: !shouldMount,\n      tabIndex: 0\n    }\n  };\n}\nexport {\n  makeContentId,\n  makeTriggerId,\n  useTab,\n  useTabContent,\n  useTabs,\n  useTabsList\n};\n//# sourceMappingURL=useTabs.js.map\n"],"mappings":";;;;;;AAIA,SAAS,cAAc,QAAQ,OAAO;CACpC,OAAO,GAAG,OAAO,WAAW;AAC9B;AACA,SAAS,cAAc,QAAQ,OAAO;CACpC,OAAO,GAAG,OAAO,WAAW;AAC9B;AACA,SAAS,QAAQ,QAAQ,CAAC,GAAG;CAC3B,MAAM,EACJ,OAAO,WACP,eACA,cACA,cAAc,cACd,KACA,iBAAiB,gBACf;CACJ,MAAM,YAAY,aAAa,GAAG;CAClC,MAAM,SAAS,MAAM,MAAM;CAC3B,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C,MAAM;EACN,UAAU;EACV,aAAa,gBAAgB;CAC/B,CAAC;CACD,MAAM,CAAC,eAAe,oBAAoB,MAAM,SAAS,CAAC;CAC1D,MAAM,kBAAkB,MAAM,kBACtB,kBAAkB,UAAU,QAAQ,CAAC,GAC3C,CAAC,CACH;CACA,MAAM,oBAAoB,MAAM,kBACxB,kBAAkB,UAAU,QAAQ,CAAC,GAC3C,CAAC,CACH;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW,EACT,oBAAoB,YACtB;CACF;AACF;AACA,SAAS,YAAY,OAAO;CAC1B,MAAM,EAAE,cAAc,cAAc,WAAW,UAAU;CACzD,OAAO,EACL,WAAW;EACT,MAAM;EACN,oBAAoB;EACpB,iBAAiB,YAAY,KAAK;EAClC,oBAAoB;EACpB,iBAAiB,WAAW,KAAK,KAAK;CACxC,EACF;AACF;AACA,SAAS,OAAO,OAAO;CACrB,MAAM,EACJ,QACA,OACA,eACA,WAAW,OACX,iBAAiB,aACjB,aACE;CACJ,MAAM,aAAa,UAAU;CAC7B,MAAM,YAAY,cAAc,QAAQ,KAAK;CAC7C,MAAM,YAAY,cAAc,QAAQ,KAAK;CAC7C,OAAO;EACL;EACA;EACA;EACA,UAAU;GACR,MAAM;GACN,IAAI;GACJ,iBAAiB;GACjB,iBAAiB;GACjB,cAAc,aAAa,WAAW;GACtC,iBAAiB,WAAW,KAAK,KAAK;GACtC;GACA,UAAU,UAAU;IAClB,MAAM,mBAAmB,CAAC,SAAS,OAAO,WAAW,KAAK,OAAO,YAAY;IAC7E,IAAI,CAAC,YAAY,CAAC,cAAc,kBAAkB;KAChD,SAAS,KAAK;IAChB;GACF;GACA,GAAG,SAAS;IACV,YAAY,UAAU;KACpB,IAAI,CAAC,YAAY,CAAC,KAAK,OAAO,EAAE,SAAS,MAAM,GAAG,GAAG;MACnD,SAAS,KAAK;MACd,MAAM,eAAe;KACvB;IACF;IACA,eAAe;KACb,IAAI,CAAC,cAAc,CAAC,YAAY,mBAAmB,UAAU;MAC3D,SAAS,KAAK;KAChB;IACF;GACF;EACF;CACF;AACF;AACA,SAAS,cAAc,OAAO;CAC5B,MAAM,EAAE,QAAQ,OAAO,eAAe,cAAc,cAAc,eAAe;CACjF,MAAM,aAAa,UAAU;CAC7B,MAAM,cAAc,QAAQ,UAAU,KAAK;CAC3C,OAAO;EACL;EACA;EACA,cAAc;GACZ,MAAM;GACN,IAAI,cAAc,QAAQ,KAAK;GAC/B,mBAAmB,cAAc,QAAQ,KAAK;GAC9C,cAAc,aAAa,WAAW;GACtC,oBAAoB;GACpB,QAAQ,CAAC;GACT,UAAU;EACZ;CACF;AACF"}