@tamagui/tabs-headless 3.0.0-beta.1356.1 → 3.0.0-beta.1359.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/useTabs.cjs +1 -1
- package/dist/cjs/useTabs.native.cjs +2 -1
- package/dist/cjs/useTabs.native.js +2 -1
- package/dist/cjs/useTabs.native.js.map +1 -1
- package/dist/esm/useTabs.mjs +1 -1
- package/dist/esm/useTabs.mjs.map +1 -1
- package/dist/esm/useTabs.native.js +2 -1
- package/dist/esm/useTabs.native.js.map +1 -1
- package/dist/jsx/useTabs.mjs +1 -1
- package/dist/jsx/useTabs.mjs.map +1 -1
- package/dist/jsx/useTabs.native.cjs +2 -1
- package/dist/jsx/useTabs.native.js +2 -1
- package/dist/jsx/useTabs.native.js.map +1 -1
- package/package.json +5 -5
- package/src/useTabs.tsx +1 -1
package/dist/cjs/useTabs.cjs
CHANGED
|
@@ -97,7 +97,7 @@ function useTab(props) {
|
|
|
97
97
|
"data-disabled": disabled ? "" : void 0,
|
|
98
98
|
disabled,
|
|
99
99
|
onPress: (event) => {
|
|
100
|
-
const isPrimaryPointer = !import_constants.isWeb || event?.button === 0 && event?.ctrlKey
|
|
100
|
+
const isPrimaryPointer = !import_constants.isWeb || (event?.button ?? 0) === 0 && event?.ctrlKey !== true;
|
|
101
101
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
102
102
|
onChange(value);
|
|
103
103
|
}
|
|
@@ -108,7 +108,8 @@ function useTab(props) {
|
|
|
108
108
|
"data-disabled": disabled ? "" : void 0,
|
|
109
109
|
disabled,
|
|
110
110
|
onPress: function(event) {
|
|
111
|
-
var
|
|
111
|
+
var _event_button;
|
|
112
|
+
var isPrimaryPointer = !import_constants.isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;
|
|
112
113
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
113
114
|
onChange(value);
|
|
114
115
|
}
|
|
@@ -108,7 +108,8 @@ function useTab(props) {
|
|
|
108
108
|
"data-disabled": disabled ? "" : void 0,
|
|
109
109
|
disabled,
|
|
110
110
|
onPress: function(event) {
|
|
111
|
-
var
|
|
111
|
+
var _event_button;
|
|
112
|
+
var isPrimaryPointer = !import_constants.isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;
|
|
112
113
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
113
114
|
onChange(value);
|
|
114
115
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTabs.native.js","names":[],"sources":["cjs/useTabs.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTabs_exports = {};\n__export(useTabs_exports, {\n makeContentId: () => makeContentId,\n makeTriggerId: () => makeTriggerId,\n useTab: () => useTab,\n useTabContent: () => useTabContent,\n useTabs: () => useTabs,\n useTabsList: () => useTabsList\n});\nmodule.exports = __toCommonJS(useTabs_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar React = __toESM(require(\"react\"), 1);\nfunction makeTriggerId(baseId, value) {\n return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n return `${baseId}-content-${value}`;\n}\nfunction useTabs() {\n var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n var { value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\" } = props;\n var direction = (0, import_use_direction.useDirection)(dir);\n var baseId = React.useId();\n var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\"\n });\n var [triggersCount, setTriggersCount] = React.useState(0);\n var registerTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return count + 1;\n });\n }, []);\n var unregisterTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return 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 var { 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 var { baseId, value, selectedValue, disabled = false, activationMode = \"automatic\", onChange } = props;\n var isSelected = value === selectedValue;\n var triggerId = makeTriggerId(baseId, value);\n var 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: function(event) {\n var isPrimaryPointer = !import_constants.isWeb || (event === null || event === void 0 ? void 0 : event.button) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey)
|
|
1
|
+
{"version":3,"file":"useTabs.native.js","names":[],"sources":["cjs/useTabs.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTabs_exports = {};\n__export(useTabs_exports, {\n makeContentId: () => makeContentId,\n makeTriggerId: () => makeTriggerId,\n useTab: () => useTab,\n useTabContent: () => useTabContent,\n useTabs: () => useTabs,\n useTabsList: () => useTabsList\n});\nmodule.exports = __toCommonJS(useTabs_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar React = __toESM(require(\"react\"), 1);\nfunction makeTriggerId(baseId, value) {\n return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n return `${baseId}-content-${value}`;\n}\nfunction useTabs() {\n var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n var { value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\" } = props;\n var direction = (0, import_use_direction.useDirection)(dir);\n var baseId = React.useId();\n var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\"\n });\n var [triggersCount, setTriggersCount] = React.useState(0);\n var registerTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return count + 1;\n });\n }, []);\n var unregisterTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return 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 var { 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 var { baseId, value, selectedValue, disabled = false, activationMode = \"automatic\", onChange } = props;\n var isSelected = value === selectedValue;\n var triggerId = makeTriggerId(baseId, value);\n var 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: function(event) {\n var _event_button;\n var isPrimaryPointer = !import_constants.isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;\n if (!disabled && !isSelected && isPrimaryPointer) {\n onChange(value);\n }\n },\n ...import_constants.isWeb && {\n onKeyDown: function(event) {\n if (!disabled && [\n \" \",\n \"Enter\"\n ].includes(event.key)) {\n onChange(value);\n event.preventDefault();\n }\n },\n onFocus: function() {\n if (!isSelected && !disabled && activationMode !== \"manual\") {\n onChange(value);\n }\n }\n }\n }\n };\n}\nfunction useTabContent(props) {\n var { baseId, value, selectedValue, orientation = \"horizontal\", forceMount } = props;\n var isSelected = value === selectedValue;\n var 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}\n//# sourceMappingURL=useTabs.js.map\n"],"mappings":"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"}
|
package/dist/esm/useTabs.mjs
CHANGED
|
@@ -62,7 +62,7 @@ function useTab(props) {
|
|
|
62
62
|
"data-disabled": disabled ? "" : void 0,
|
|
63
63
|
disabled,
|
|
64
64
|
onPress: (event) => {
|
|
65
|
-
const isPrimaryPointer = !isWeb || event?.button === 0 && event?.ctrlKey
|
|
65
|
+
const isPrimaryPointer = !isWeb || (event?.button ?? 0) === 0 && event?.ctrlKey !== true;
|
|
66
66
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
67
67
|
onChange(value);
|
|
68
68
|
}
|
package/dist/esm/useTabs.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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
|
|
1
|
+
{"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) === 0 && event?.ctrlKey !== true;\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,UAAU,OAAO,UAAU,OAAO,KAAK,OAAO,YAAY;IACpF,IAAI,CAAC,YAAY,CAAC,cAAc,kBAAkB;KAChD,SAAS,KAAK;IAChB;GACF;GACA,GAAG,SAAS;IACV,YAAY,UAAU;KACpB,IAAI,CAAC,YAAY,CAAC,KAAK,OAAO,CAAC,CAAC,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"}
|
|
@@ -71,7 +71,8 @@ function useTab(props) {
|
|
|
71
71
|
"data-disabled": disabled ? "" : void 0,
|
|
72
72
|
disabled,
|
|
73
73
|
onPress: function(event) {
|
|
74
|
-
var
|
|
74
|
+
var _event_button;
|
|
75
|
+
var isPrimaryPointer = !isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;
|
|
75
76
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
76
77
|
onChange(value);
|
|
77
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTabs.native.js","names":[],"sources":["esm/useTabs.native.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() {\n var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n var { value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\" } = props;\n var direction = useDirection(dir);\n var baseId = React.useId();\n var [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\"\n });\n var [triggersCount, setTriggersCount] = React.useState(0);\n var registerTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return count + 1;\n });\n }, []);\n var unregisterTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return 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 var { 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 var { baseId, value, selectedValue, disabled = false, activationMode = \"automatic\", onChange } = props;\n var isSelected = value === selectedValue;\n var triggerId = makeTriggerId(baseId, value);\n var 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: function(event) {\n var isPrimaryPointer = !isWeb || (event === null || event === void 0 ? void 0 : event.button) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey)
|
|
1
|
+
{"version":3,"file":"useTabs.native.js","names":[],"sources":["esm/useTabs.native.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() {\n var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n var { value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\" } = props;\n var direction = useDirection(dir);\n var baseId = React.useId();\n var [value, setValue] = useControllableState({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\"\n });\n var [triggersCount, setTriggersCount] = React.useState(0);\n var registerTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return count + 1;\n });\n }, []);\n var unregisterTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return 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 var { 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 var { baseId, value, selectedValue, disabled = false, activationMode = \"automatic\", onChange } = props;\n var isSelected = value === selectedValue;\n var triggerId = makeTriggerId(baseId, value);\n var 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: function(event) {\n var _event_button;\n var isPrimaryPointer = !isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;\n if (!disabled && !isSelected && isPrimaryPointer) {\n onChange(value);\n }\n },\n ...isWeb && {\n onKeyDown: function(event) {\n if (!disabled && [\n \" \",\n \"Enter\"\n ].includes(event.key)) {\n onChange(value);\n event.preventDefault();\n }\n },\n onFocus: function() {\n if (!isSelected && !disabled && activationMode !== \"manual\") {\n onChange(value);\n }\n }\n }\n }\n };\n}\nfunction useTabContent(props) {\n var { baseId, value, selectedValue, orientation = \"horizontal\", forceMount } = props;\n var isSelected = value === selectedValue;\n var 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":"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"}
|
package/dist/jsx/useTabs.mjs
CHANGED
|
@@ -62,7 +62,7 @@ function useTab(props) {
|
|
|
62
62
|
"data-disabled": disabled ? "" : void 0,
|
|
63
63
|
disabled,
|
|
64
64
|
onPress: (event) => {
|
|
65
|
-
const isPrimaryPointer = !isWeb || event?.button === 0 && event?.ctrlKey
|
|
65
|
+
const isPrimaryPointer = !isWeb || (event?.button ?? 0) === 0 && event?.ctrlKey !== true;
|
|
66
66
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
67
67
|
onChange(value);
|
|
68
68
|
}
|
package/dist/jsx/useTabs.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTabs.js","names":[],"sources":["jsx/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
|
|
1
|
+
{"version":3,"file":"useTabs.js","names":[],"sources":["jsx/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) === 0 && event?.ctrlKey !== true;\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,UAAU,OAAO,UAAU,OAAO,KAAK,OAAO,YAAY;IACpF,IAAI,CAAC,YAAY,CAAC,cAAc,kBAAkB;KAChD,SAAS,KAAK;IAChB;GACF;GACA,GAAG,SAAS;IACV,YAAY,UAAU;KACpB,IAAI,CAAC,YAAY,CAAC,KAAK,OAAO,CAAC,CAAC,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"}
|
|
@@ -108,7 +108,8 @@ function useTab(props) {
|
|
|
108
108
|
"data-disabled": disabled ? "" : void 0,
|
|
109
109
|
disabled,
|
|
110
110
|
onPress: function(event) {
|
|
111
|
-
var
|
|
111
|
+
var _event_button;
|
|
112
|
+
var isPrimaryPointer = !import_constants.isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;
|
|
112
113
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
113
114
|
onChange(value);
|
|
114
115
|
}
|
|
@@ -108,7 +108,8 @@ function useTab(props) {
|
|
|
108
108
|
"data-disabled": disabled ? "" : void 0,
|
|
109
109
|
disabled,
|
|
110
110
|
onPress: function(event) {
|
|
111
|
-
var
|
|
111
|
+
var _event_button;
|
|
112
|
+
var isPrimaryPointer = !import_constants.isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;
|
|
112
113
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
113
114
|
onChange(value);
|
|
114
115
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTabs.native.js","names":[],"sources":["jsx/useTabs.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTabs_exports = {};\n__export(useTabs_exports, {\n makeContentId: () => makeContentId,\n makeTriggerId: () => makeTriggerId,\n useTab: () => useTab,\n useTabContent: () => useTabContent,\n useTabs: () => useTabs,\n useTabsList: () => useTabsList\n});\nmodule.exports = __toCommonJS(useTabs_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar React = __toESM(require(\"react\"), 1);\nfunction makeTriggerId(baseId, value) {\n return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n return `${baseId}-content-${value}`;\n}\nfunction useTabs() {\n var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n var { value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\" } = props;\n var direction = (0, import_use_direction.useDirection)(dir);\n var baseId = React.useId();\n var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\"\n });\n var [triggersCount, setTriggersCount] = React.useState(0);\n var registerTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return count + 1;\n });\n }, []);\n var unregisterTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return 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 var { 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 var { baseId, value, selectedValue, disabled = false, activationMode = \"automatic\", onChange } = props;\n var isSelected = value === selectedValue;\n var triggerId = makeTriggerId(baseId, value);\n var 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: function(event) {\n var isPrimaryPointer = !import_constants.isWeb || (event === null || event === void 0 ? void 0 : event.button) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey)
|
|
1
|
+
{"version":3,"file":"useTabs.native.js","names":[],"sources":["jsx/useTabs.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useTabs_exports = {};\n__export(useTabs_exports, {\n makeContentId: () => makeContentId,\n makeTriggerId: () => makeTriggerId,\n useTab: () => useTab,\n useTabContent: () => useTabContent,\n useTabs: () => useTabs,\n useTabsList: () => useTabsList\n});\nmodule.exports = __toCommonJS(useTabs_exports);\nvar import_constants = require(\"@tamagui/constants\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_use_direction = require(\"@tamagui/use-direction\");\nvar React = __toESM(require(\"react\"), 1);\nfunction makeTriggerId(baseId, value) {\n return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n return `${baseId}-content-${value}`;\n}\nfunction useTabs() {\n var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n var { value: valueProp, onValueChange, defaultValue, orientation = \"horizontal\", dir, activationMode = \"automatic\" } = props;\n var direction = (0, import_use_direction.useDirection)(dir);\n var baseId = React.useId();\n var [value, setValue] = (0, import_use_controllable_state.useControllableState)({\n prop: valueProp,\n onChange: onValueChange,\n defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : \"\"\n });\n var [triggersCount, setTriggersCount] = React.useState(0);\n var registerTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return count + 1;\n });\n }, []);\n var unregisterTrigger = React.useCallback(function() {\n return setTriggersCount(function(count) {\n return 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 var { 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 var { baseId, value, selectedValue, disabled = false, activationMode = \"automatic\", onChange } = props;\n var isSelected = value === selectedValue;\n var triggerId = makeTriggerId(baseId, value);\n var 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: function(event) {\n var _event_button;\n var isPrimaryPointer = !import_constants.isWeb || ((_event_button = event === null || event === void 0 ? void 0 : event.button) !== null && _event_button !== void 0 ? _event_button : 0) === 0 && (event === null || event === void 0 ? void 0 : event.ctrlKey) !== true;\n if (!disabled && !isSelected && isPrimaryPointer) {\n onChange(value);\n }\n },\n ...import_constants.isWeb && {\n onKeyDown: function(event) {\n if (!disabled && [\n \" \",\n \"Enter\"\n ].includes(event.key)) {\n onChange(value);\n event.preventDefault();\n }\n },\n onFocus: function() {\n if (!isSelected && !disabled && activationMode !== \"manual\") {\n onChange(value);\n }\n }\n }\n }\n };\n}\nfunction useTabContent(props) {\n var { baseId, value, selectedValue, orientation = \"horizontal\", forceMount } = props;\n var isSelected = value === selectedValue;\n var 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}\n//# sourceMappingURL=useTabs.js.map\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/tabs-headless",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.1359.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
"clean:build": "tamagui-build clean:build"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@tamagui/constants": "3.0.0-beta.
|
|
39
|
-
"@tamagui/use-controllable-state": "3.0.0-beta.
|
|
40
|
-
"@tamagui/use-direction": "3.0.0-beta.
|
|
38
|
+
"@tamagui/constants": "3.0.0-beta.1359.1",
|
|
39
|
+
"@tamagui/use-controllable-state": "3.0.0-beta.1359.1",
|
|
40
|
+
"@tamagui/use-direction": "3.0.0-beta.1359.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@tamagui/build": "3.0.0-beta.
|
|
43
|
+
"@tamagui/build": "3.0.0-beta.1359.1",
|
|
44
44
|
"react": "19.2.3"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
package/src/useTabs.tsx
CHANGED
|
@@ -163,7 +163,7 @@ export function useTab(props: UseTabProps) {
|
|
|
163
163
|
onPress: (event?: TabPressEvent) => {
|
|
164
164
|
// ignore secondary and ctrl-clicks on web; native has no such notion
|
|
165
165
|
const isPrimaryPointer =
|
|
166
|
-
!isWeb || (event?.button === 0 && event?.ctrlKey
|
|
166
|
+
!isWeb || ((event?.button ?? 0) === 0 && event?.ctrlKey !== true)
|
|
167
167
|
if (!disabled && !isSelected && isPrimaryPointer) {
|
|
168
168
|
onChange(value)
|
|
169
169
|
}
|