@hanzogui/tabs-headless 8.3.1 → 8.3.3

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