@hanzogui/tabs-headless 3.0.1 → 7.0.0

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.
@@ -1,220 +0,0 @@
1
- import { composeEventHandlers } from "@hanzogui/helpers";
2
- import { useControllableState } from "@hanzogui/use-controllable-state";
3
- import { useDirection } from "@hanzogui/use-direction";
4
- import * as React from "react";
5
- import { useCallback, useId, useRef, useState } from "react";
6
- function useTabs(props = {}) {
7
- const {
8
- value: valueProp,
9
- onValueChange,
10
- defaultValue = "",
11
- orientation = "horizontal",
12
- dir,
13
- activationMode = "automatic",
14
- loop = !0
15
- } = props,
16
- direction = useDirection(dir),
17
- baseId = useId(),
18
- [value, setValue] = useControllableState({
19
- prop: valueProp,
20
- onChange: onValueChange,
21
- defaultProp: defaultValue
22
- }),
23
- tabRefs = useRef(/* @__PURE__ */new Map()),
24
- [tabValues, setTabValues] = useState([]),
25
- registerTab = useCallback((tabValue, element) => {
26
- 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)));
27
- }, []),
28
- focusTab = useCallback(tabValue => {
29
- tabRefs.current.get(tabValue)?.focus();
30
- }, []),
31
- getNextTab = useCallback((currentValue, direction2) => {
32
- const currentIndex = tabValues.indexOf(currentValue);
33
- if (currentIndex === -1) return null;
34
- let nextIndex = currentIndex + direction2;
35
- if (loop) nextIndex = (nextIndex + tabValues.length) % tabValues.length;else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
36
- return tabValues[nextIndex] ?? null;
37
- }, [tabValues, loop]),
38
- handleKeyDown = useCallback(tabValue => event => {
39
- const isHorizontal = orientation === "horizontal",
40
- isRtl = direction === "rtl";
41
- let nextTab = null;
42
- switch (event.key) {
43
- case "ArrowRight":
44
- isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? -1 : 1));
45
- break;
46
- case "ArrowLeft":
47
- isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? 1 : -1));
48
- break;
49
- case "ArrowDown":
50
- isHorizontal || (nextTab = getNextTab(tabValue, 1));
51
- break;
52
- case "ArrowUp":
53
- isHorizontal || (nextTab = getNextTab(tabValue, -1));
54
- break;
55
- case "Home":
56
- nextTab = tabValues[0] ?? null;
57
- break;
58
- case "End":
59
- nextTab = tabValues[tabValues.length - 1] ?? null;
60
- break;
61
- case " ":
62
- case "Enter":
63
- activationMode === "manual" && (setValue(tabValue), event.preventDefault());
64
- return;
65
- }
66
- nextTab && (event.preventDefault(), focusTab(nextTab), activationMode === "automatic" && setValue(nextTab));
67
- }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]),
68
- getTabProps = useCallback((tabValue, disabled) => {
69
- const isSelected = value === tabValue,
70
- triggerId = makeTriggerId(baseId, tabValue),
71
- contentId = makeContentId(baseId, tabValue);
72
- return {
73
- role: "tab",
74
- id: triggerId,
75
- "aria-selected": isSelected,
76
- "aria-controls": contentId,
77
- "data-state": isSelected ? "active" : "inactive",
78
- ...(disabled && {
79
- "data-disabled": ""
80
- }),
81
- disabled,
82
- tabIndex: isSelected ? 0 : -1,
83
- onKeyDown: disabled ? () => {} : handleKeyDown(tabValue),
84
- onClick: event => {
85
- !disabled && !isSelected && setValue(tabValue);
86
- },
87
- onFocus: event => {
88
- registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
89
- }
90
- };
91
- }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]),
92
- getContentProps = useCallback(tabValue => {
93
- const isSelected = value === tabValue,
94
- triggerId = makeTriggerId(baseId, tabValue);
95
- return {
96
- role: "tabpanel",
97
- id: makeContentId(baseId, tabValue),
98
- "aria-labelledby": triggerId,
99
- "data-state": isSelected ? "active" : "inactive",
100
- "data-orientation": orientation,
101
- hidden: !isSelected,
102
- tabIndex: 0
103
- };
104
- }, [value, baseId, orientation]);
105
- return {
106
- value,
107
- setValue,
108
- direction,
109
- tabsProps: {
110
- "data-orientation": orientation,
111
- dir: direction
112
- },
113
- listProps: {
114
- role: "tablist",
115
- "aria-orientation": orientation
116
- },
117
- getTabProps,
118
- getContentProps,
119
- contextValue: {
120
- baseId,
121
- value,
122
- setValue,
123
- orientation,
124
- direction,
125
- activationMode,
126
- loop
127
- }
128
- };
129
- }
130
- const TabsContext = React.createContext(null),
131
- TabsProvider = TabsContext.Provider;
132
- function useTabsContext() {
133
- const context = React.useContext(TabsContext);
134
- if (!context) throw new Error("useTabsContext must be used within a TabsProvider");
135
- return context;
136
- }
137
- function useTab(props) {
138
- const {
139
- value: tabValue,
140
- disabled,
141
- onPress,
142
- onKeyDown,
143
- onFocus
144
- } = props,
145
- context = useTabsContext(),
146
- {
147
- value,
148
- setValue,
149
- baseId,
150
- activationMode,
151
- orientation,
152
- direction,
153
- loop
154
- } = context,
155
- isSelected = value === tabValue,
156
- triggerId = makeTriggerId(baseId, tabValue),
157
- contentId = makeContentId(baseId, tabValue),
158
- ref = useRef(null);
159
- return {
160
- isSelected,
161
- tabProps: {
162
- ref,
163
- role: "tab",
164
- id: triggerId,
165
- "aria-selected": isSelected,
166
- "aria-controls": contentId,
167
- "data-state": isSelected ? "active" : "inactive",
168
- ...(disabled && {
169
- "data-disabled": ""
170
- }),
171
- disabled,
172
- tabIndex: isSelected ? 0 : -1,
173
- onKeyDown: composeEventHandlers(onKeyDown, event => {
174
- disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
175
- }),
176
- onPress: composeEventHandlers(onPress, () => {
177
- !disabled && !isSelected && setValue(tabValue);
178
- }),
179
- onFocus: composeEventHandlers(onFocus, () => {
180
- !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
181
- })
182
- }
183
- };
184
- }
185
- function useTabContent(props) {
186
- const {
187
- value: tabValue,
188
- forceMount
189
- } = props,
190
- context = useTabsContext(),
191
- {
192
- value,
193
- baseId,
194
- orientation
195
- } = context,
196
- isSelected = value === tabValue,
197
- triggerId = makeTriggerId(baseId, tabValue),
198
- contentId = makeContentId(baseId, tabValue);
199
- return {
200
- isSelected,
201
- shouldMount: forceMount || isSelected,
202
- contentProps: {
203
- role: "tabpanel",
204
- id: contentId,
205
- "aria-labelledby": triggerId,
206
- "data-state": isSelected ? "active" : "inactive",
207
- "data-orientation": orientation,
208
- hidden: !isSelected,
209
- tabIndex: 0
210
- }
211
- };
212
- }
213
- function makeTriggerId(baseId, value) {
214
- return `${baseId}-trigger-${value}`;
215
- }
216
- function makeContentId(baseId, value) {
217
- return `${baseId}-content-${value}`;
218
- }
219
- export { TabsProvider, useTab, useTabContent, useTabs, useTabsContext };
220
- //# sourceMappingURL=useTabs.mjs.map
@@ -1 +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":[]}
@@ -1,235 +0,0 @@
1
- import { composeEventHandlers } from "@hanzogui/helpers";
2
- import { useControllableState } from "@hanzogui/use-controllable-state";
3
- import { useDirection } from "@hanzogui/use-direction";
4
- import * as React from "react";
5
- import { useCallback, useId, useRef, useState } from "react";
6
- function useTabs() {
7
- var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {},
8
- {
9
- value: valueProp,
10
- onValueChange,
11
- defaultValue = "",
12
- orientation = "horizontal",
13
- dir,
14
- activationMode = "automatic",
15
- loop = !0
16
- } = props,
17
- direction = useDirection(dir),
18
- baseId = useId(),
19
- [value, setValue] = useControllableState({
20
- prop: valueProp,
21
- onChange: onValueChange,
22
- defaultProp: defaultValue
23
- }),
24
- tabRefs = useRef(/* @__PURE__ */new Map()),
25
- [tabValues, setTabValues] = useState([]),
26
- registerTab = useCallback(function (tabValue, element) {
27
- element ? (tabRefs.current.set(tabValue, element), setTabValues(function (prev) {
28
- return prev.includes(tabValue) ? prev : [...prev, tabValue];
29
- })) : (tabRefs.current.delete(tabValue), setTabValues(function (prev) {
30
- return prev.filter(function (v) {
31
- return v !== tabValue;
32
- });
33
- }));
34
- }, []),
35
- focusTab = useCallback(function (tabValue) {
36
- var element = tabRefs.current.get(tabValue);
37
- element?.focus();
38
- }, []),
39
- getNextTab = useCallback(function (currentValue, direction2) {
40
- var currentIndex = tabValues.indexOf(currentValue);
41
- if (currentIndex === -1) return null;
42
- var nextIndex = currentIndex + direction2;
43
- if (loop) nextIndex = (nextIndex + tabValues.length) % tabValues.length;else if (nextIndex < 0 || nextIndex >= tabValues.length) return null;
44
- var _tabValues_nextIndex;
45
- return (_tabValues_nextIndex = tabValues[nextIndex]) !== null && _tabValues_nextIndex !== void 0 ? _tabValues_nextIndex : null;
46
- }, [tabValues, loop]),
47
- handleKeyDown = useCallback(function (tabValue) {
48
- return function (event) {
49
- var isHorizontal = orientation === "horizontal",
50
- isRtl = direction === "rtl",
51
- nextTab = null;
52
- switch (event.key) {
53
- case "ArrowRight":
54
- isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? -1 : 1));
55
- break;
56
- case "ArrowLeft":
57
- isHorizontal && (nextTab = getNextTab(tabValue, isRtl ? 1 : -1));
58
- break;
59
- case "ArrowDown":
60
- isHorizontal || (nextTab = getNextTab(tabValue, 1));
61
- break;
62
- case "ArrowUp":
63
- isHorizontal || (nextTab = getNextTab(tabValue, -1));
64
- break;
65
- case "Home":
66
- var _tabValues_;
67
- nextTab = (_tabValues_ = tabValues[0]) !== null && _tabValues_ !== void 0 ? _tabValues_ : null;
68
- break;
69
- case "End":
70
- var _tabValues_1;
71
- nextTab = (_tabValues_1 = tabValues[tabValues.length - 1]) !== null && _tabValues_1 !== void 0 ? _tabValues_1 : null;
72
- break;
73
- case " ":
74
- case "Enter":
75
- activationMode === "manual" && (setValue(tabValue), event.preventDefault());
76
- return;
77
- }
78
- nextTab && (event.preventDefault(), focusTab(nextTab), activationMode === "automatic" && setValue(nextTab));
79
- };
80
- }, [orientation, direction, getNextTab, tabValues, activationMode, setValue, focusTab]),
81
- getTabProps = useCallback(function (tabValue, disabled) {
82
- var isSelected = value === tabValue,
83
- triggerId = makeTriggerId(baseId, tabValue),
84
- contentId = makeContentId(baseId, tabValue);
85
- return {
86
- role: "tab",
87
- id: triggerId,
88
- "aria-selected": isSelected,
89
- "aria-controls": contentId,
90
- "data-state": isSelected ? "active" : "inactive",
91
- ...(disabled && {
92
- "data-disabled": ""
93
- }),
94
- disabled,
95
- tabIndex: isSelected ? 0 : -1,
96
- onKeyDown: disabled ? function () {} : handleKeyDown(tabValue),
97
- onClick: function (event) {
98
- !disabled && !isSelected && setValue(tabValue);
99
- },
100
- onFocus: function (event) {
101
- registerTab(tabValue, event.currentTarget), !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
102
- }
103
- };
104
- }, [value, baseId, handleKeyDown, setValue, activationMode, registerTab]),
105
- getContentProps = useCallback(function (tabValue) {
106
- var isSelected = value === tabValue,
107
- triggerId = makeTriggerId(baseId, tabValue),
108
- contentId = makeContentId(baseId, tabValue);
109
- return {
110
- role: "tabpanel",
111
- id: contentId,
112
- "aria-labelledby": triggerId,
113
- "data-state": isSelected ? "active" : "inactive",
114
- "data-orientation": orientation,
115
- hidden: !isSelected,
116
- tabIndex: 0
117
- };
118
- }, [value, baseId, orientation]),
119
- contextValue = {
120
- baseId,
121
- value,
122
- setValue,
123
- orientation,
124
- direction,
125
- activationMode,
126
- loop
127
- };
128
- return {
129
- value,
130
- setValue,
131
- direction,
132
- tabsProps: {
133
- "data-orientation": orientation,
134
- dir: direction
135
- },
136
- listProps: {
137
- role: "tablist",
138
- "aria-orientation": orientation
139
- },
140
- getTabProps,
141
- getContentProps,
142
- contextValue
143
- };
144
- }
145
- var TabsContext = /* @__PURE__ */React.createContext(null),
146
- TabsProvider = TabsContext.Provider;
147
- function useTabsContext() {
148
- var context = React.useContext(TabsContext);
149
- if (!context) throw new Error("useTabsContext must be used within a TabsProvider");
150
- return context;
151
- }
152
- function useTab(props) {
153
- var {
154
- value: tabValue,
155
- disabled,
156
- onPress,
157
- onKeyDown,
158
- onFocus
159
- } = props,
160
- context = useTabsContext(),
161
- {
162
- value,
163
- setValue,
164
- baseId,
165
- activationMode,
166
- orientation,
167
- direction,
168
- loop
169
- } = context,
170
- isSelected = value === tabValue,
171
- triggerId = makeTriggerId(baseId, tabValue),
172
- contentId = makeContentId(baseId, tabValue),
173
- ref = useRef(null);
174
- return {
175
- isSelected,
176
- tabProps: {
177
- ref,
178
- role: "tab",
179
- id: triggerId,
180
- "aria-selected": isSelected,
181
- "aria-controls": contentId,
182
- "data-state": isSelected ? "active" : "inactive",
183
- ...(disabled && {
184
- "data-disabled": ""
185
- }),
186
- disabled,
187
- tabIndex: isSelected ? 0 : -1,
188
- onKeyDown: composeEventHandlers(onKeyDown, function (event) {
189
- disabled || [" ", "Enter"].includes(event.key) && (setValue(tabValue), event.preventDefault());
190
- }),
191
- onPress: composeEventHandlers(onPress, function () {
192
- !disabled && !isSelected && setValue(tabValue);
193
- }),
194
- onFocus: composeEventHandlers(onFocus, function () {
195
- !disabled && !isSelected && activationMode === "automatic" && setValue(tabValue);
196
- })
197
- }
198
- };
199
- }
200
- function useTabContent(props) {
201
- var {
202
- value: tabValue,
203
- forceMount
204
- } = props,
205
- context = useTabsContext(),
206
- {
207
- value,
208
- baseId,
209
- orientation
210
- } = context,
211
- isSelected = value === tabValue,
212
- triggerId = makeTriggerId(baseId, tabValue),
213
- contentId = makeContentId(baseId, tabValue);
214
- return {
215
- isSelected,
216
- shouldMount: forceMount || isSelected,
217
- contentProps: {
218
- role: "tabpanel",
219
- id: contentId,
220
- "aria-labelledby": triggerId,
221
- "data-state": isSelected ? "active" : "inactive",
222
- "data-orientation": orientation,
223
- hidden: !isSelected,
224
- tabIndex: 0
225
- }
226
- };
227
- }
228
- function makeTriggerId(baseId, value) {
229
- return `${baseId}-trigger-${value}`;
230
- }
231
- function makeContentId(baseId, value) {
232
- return `${baseId}-content-${value}`;
233
- }
234
- export { TabsProvider, useTab, useTabContent, useTabs, useTabsContext };
235
- //# sourceMappingURL=useTabs.native.js.map
@@ -1 +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 DELETED
@@ -1,2 +0,0 @@
1
- export * from "./useTabs.mjs";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export * from "./useTabs.mjs";
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
9
- get: () => from[key],
10
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
- });
12
- return to;
13
- },
14
- __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
16
- value: !0
17
- }), mod);
18
- var index_exports = {};
19
- module.exports = __toCommonJS(index_exports);
20
- __reExport(index_exports, require("./useTabs.native.js"), module.exports);
21
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}