@tamagui/tabs 2.7.7 → 3.0.0-beta.643.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/StyledContext.cjs +16 -20
- package/dist/cjs/StyledContext.native.cjs +31 -0
- package/dist/cjs/StyledContext.native.js +17 -20
- package/dist/cjs/StyledContext.native.js.map +1 -1
- package/dist/cjs/Tabs.cjs +227 -68
- package/dist/cjs/Tabs.native.cjs +250 -0
- package/dist/cjs/Tabs.native.js +233 -67
- package/dist/cjs/Tabs.native.js.map +1 -1
- package/dist/cjs/index.cjs +10 -27
- package/dist/cjs/index.native.cjs +22 -0
- package/dist/cjs/index.native.js +11 -27
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/StyledContext.mjs +3 -4
- package/dist/esm/StyledContext.mjs.map +1 -1
- package/dist/esm/StyledContext.native.js +3 -4
- package/dist/esm/StyledContext.native.js.map +1 -1
- package/dist/esm/Tabs.mjs +206 -55
- package/dist/esm/Tabs.mjs.map +1 -1
- package/dist/esm/Tabs.native.js +212 -55
- package/dist/esm/Tabs.native.js.map +1 -1
- package/dist/esm/index.js +3 -11
- package/dist/esm/index.mjs +3 -11
- package/dist/esm/index.native.js +3 -11
- package/dist/jsx/StyledContext.mjs +3 -4
- package/dist/jsx/StyledContext.mjs.map +1 -1
- package/dist/jsx/StyledContext.native.cjs +31 -0
- package/dist/jsx/StyledContext.native.js +17 -20
- package/dist/jsx/StyledContext.native.js.map +1 -1
- package/dist/jsx/Tabs.mjs +206 -55
- package/dist/jsx/Tabs.mjs.map +1 -1
- package/dist/jsx/Tabs.native.cjs +250 -0
- package/dist/jsx/Tabs.native.js +233 -67
- package/dist/jsx/Tabs.native.js.map +1 -1
- package/dist/jsx/index.js +3 -11
- package/dist/jsx/index.mjs +3 -11
- package/dist/jsx/index.native.cjs +22 -0
- package/dist/jsx/index.native.js +11 -27
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +11 -17
- package/src/StyledContext.tsx +3 -3
- package/src/Tabs.tsx +368 -55
- package/src/index.ts +1 -9
- package/types/StyledContext.d.ts +3 -3
- package/types/StyledContext.d.ts.map +1 -1
- package/types/Tabs.d.ts +398 -35
- package/types/Tabs.d.ts.map +1 -1
- package/types/index.d.ts +1 -537
- package/types/index.d.ts.map +1 -1
- package/dist/cjs/createTabs.cjs +0 -293
- package/dist/cjs/createTabs.native.js +0 -308
- package/dist/cjs/createTabs.native.js.map +0 -1
- package/dist/esm/createTabs.mjs +0 -257
- package/dist/esm/createTabs.mjs.map +0 -1
- package/dist/esm/createTabs.native.js +0 -269
- package/dist/esm/createTabs.native.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/jsx/createTabs.mjs +0 -257
- package/dist/jsx/createTabs.mjs.map +0 -1
- package/dist/jsx/createTabs.native.js +0 -308
- package/dist/jsx/createTabs.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/src/createTabs.tsx +0 -438
- package/types/createTabs.d.ts +0 -527
- package/types/createTabs.d.ts.map +0 -1
package/dist/esm/createTabs.mjs
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
import { composeRefs } from "@tamagui/compose-refs";
|
|
2
|
-
import { isWeb } from "@tamagui/constants";
|
|
3
|
-
import { Group, useGroupItem } from "@tamagui/group";
|
|
4
|
-
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
5
|
-
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
6
|
-
import { SizableContext } from "@tamagui/sizable-context";
|
|
7
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
8
|
-
import { useDirection } from "@tamagui/use-direction";
|
|
9
|
-
import { useEvent } from "@tamagui/web";
|
|
10
|
-
import * as React from "react";
|
|
11
|
-
import { TabsProvider, useTabsContext } from "./StyledContext.mjs";
|
|
12
|
-
import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs.mjs";
|
|
13
|
-
import { jsx } from "react/jsx-runtime";
|
|
14
|
-
function createTabs(createProps) {
|
|
15
|
-
const {
|
|
16
|
-
ContentFrame = DefaultTabsContentFrame,
|
|
17
|
-
TabFrame = DefaultTabsTabFrame,
|
|
18
|
-
TabsFrame = DefaultTabsFrame
|
|
19
|
-
} = createProps;
|
|
20
|
-
const TABS_CONTEXT = "TabsContext";
|
|
21
|
-
const TAB_LIST_NAME = "TabsList";
|
|
22
|
-
const TabsList = React.forwardRef((props, forwardedRef) => {
|
|
23
|
-
const {
|
|
24
|
-
__scopeTabs,
|
|
25
|
-
loop = true,
|
|
26
|
-
children,
|
|
27
|
-
...listProps
|
|
28
|
-
} = props;
|
|
29
|
-
const context = useTabsContext(__scopeTabs);
|
|
30
|
-
return /* @__PURE__ */jsx(RovingFocusGroup, {
|
|
31
|
-
__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
|
|
32
|
-
orientation: context.orientation,
|
|
33
|
-
dir: context.dir,
|
|
34
|
-
loop,
|
|
35
|
-
asChild: true,
|
|
36
|
-
children: /* @__PURE__ */jsx(Group, {
|
|
37
|
-
role: "tablist",
|
|
38
|
-
componentName: TAB_LIST_NAME,
|
|
39
|
-
"aria-orientation": context.orientation,
|
|
40
|
-
ref: forwardedRef,
|
|
41
|
-
orientation: context.orientation,
|
|
42
|
-
...listProps,
|
|
43
|
-
children
|
|
44
|
-
})
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
TabsList.displayName = TAB_LIST_NAME;
|
|
48
|
-
const TRIGGER_NAME = "TabsTrigger";
|
|
49
|
-
const TabsTrigger = TabFrame.styleable((props, forwardedRef) => {
|
|
50
|
-
const {
|
|
51
|
-
__scopeTabs,
|
|
52
|
-
value,
|
|
53
|
-
disabled = false,
|
|
54
|
-
onInteraction,
|
|
55
|
-
activeStyle,
|
|
56
|
-
activeTheme,
|
|
57
|
-
unstyled = false,
|
|
58
|
-
...triggerProps
|
|
59
|
-
} = props;
|
|
60
|
-
const context = useTabsContext(__scopeTabs);
|
|
61
|
-
const triggerId = makeTriggerId(context.baseId, value);
|
|
62
|
-
const contentId = makeContentId(context.baseId, value);
|
|
63
|
-
const isSelected = value === context.value;
|
|
64
|
-
const [layout, setLayout] = React.useState(null);
|
|
65
|
-
const triggerRef = React.useRef(null);
|
|
66
|
-
const groupItemProps = useGroupItem({
|
|
67
|
-
disabled: !!disabled
|
|
68
|
-
});
|
|
69
|
-
React.useEffect(() => {
|
|
70
|
-
context.registerTrigger();
|
|
71
|
-
return () => context.unregisterTrigger();
|
|
72
|
-
}, []);
|
|
73
|
-
React.useEffect(() => {
|
|
74
|
-
if (!triggerRef.current || !isWeb) return;
|
|
75
|
-
const el = triggerRef.current;
|
|
76
|
-
function getTriggerSize() {
|
|
77
|
-
if (!el) return;
|
|
78
|
-
setLayout({
|
|
79
|
-
width: el.offsetWidth,
|
|
80
|
-
height: el.offsetHeight,
|
|
81
|
-
x: el.offsetLeft,
|
|
82
|
-
y: el.offsetTop
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
getTriggerSize();
|
|
86
|
-
const observer = new ResizeObserver(getTriggerSize);
|
|
87
|
-
observer.observe(el);
|
|
88
|
-
return () => {
|
|
89
|
-
observer.disconnect();
|
|
90
|
-
};
|
|
91
|
-
}, [context.triggersCount]);
|
|
92
|
-
React.useEffect(() => {
|
|
93
|
-
if (isSelected && layout) {
|
|
94
|
-
onInteraction?.("select", layout);
|
|
95
|
-
}
|
|
96
|
-
}, [isSelected, value, layout]);
|
|
97
|
-
return /* @__PURE__ */jsx(RovingFocusGroup.Item, {
|
|
98
|
-
__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
|
|
99
|
-
asChild: true,
|
|
100
|
-
focusable: !disabled,
|
|
101
|
-
active: isSelected,
|
|
102
|
-
children: /* @__PURE__ */jsx(TabFrame, {
|
|
103
|
-
...(!isWeb && {
|
|
104
|
-
onLayout: event => {
|
|
105
|
-
setLayout(event.nativeEvent.layout);
|
|
106
|
-
}
|
|
107
|
-
}),
|
|
108
|
-
onMouseEnter: composeEventHandlers(props.onMouseEnter, () => {
|
|
109
|
-
if (layout) {
|
|
110
|
-
onInteraction?.("hover", layout);
|
|
111
|
-
}
|
|
112
|
-
}),
|
|
113
|
-
onMouseLeave: composeEventHandlers(props.onMouseLeave, () => {
|
|
114
|
-
onInteraction?.("hover", null);
|
|
115
|
-
}),
|
|
116
|
-
role: "tab",
|
|
117
|
-
"aria-selected": isSelected,
|
|
118
|
-
"aria-controls": contentId,
|
|
119
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
120
|
-
"data-disabled": disabled ? "" : void 0,
|
|
121
|
-
id: triggerId,
|
|
122
|
-
theme: activeTheme ?? null,
|
|
123
|
-
unstyled,
|
|
124
|
-
...(!unstyled && {
|
|
125
|
-
size: context.size
|
|
126
|
-
}),
|
|
127
|
-
...(isSelected && {
|
|
128
|
-
...(!unstyled && !activeStyle && {
|
|
129
|
-
backgroundColor: "$backgroundActive"
|
|
130
|
-
}),
|
|
131
|
-
...activeStyle
|
|
132
|
-
}),
|
|
133
|
-
...groupItemProps,
|
|
134
|
-
disabled: disabled ?? groupItemProps.disabled,
|
|
135
|
-
...triggerProps,
|
|
136
|
-
ref: composeRefs(forwardedRef, triggerRef),
|
|
137
|
-
onPress: composeEventHandlers(props.onPress ?? void 0, event => {
|
|
138
|
-
const webChecks = !isWeb || event.button === 0 && event.ctrlKey === false;
|
|
139
|
-
if (!disabled && !isSelected && webChecks) {
|
|
140
|
-
context.onChange(value);
|
|
141
|
-
}
|
|
142
|
-
}),
|
|
143
|
-
...(isWeb && {
|
|
144
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, event => {
|
|
145
|
-
if ([" ", "Enter"].includes(event.key)) {
|
|
146
|
-
context.onChange(value);
|
|
147
|
-
event.preventDefault();
|
|
148
|
-
}
|
|
149
|
-
}),
|
|
150
|
-
onFocus: composeEventHandlers(props.onFocus, event => {
|
|
151
|
-
if (layout) {
|
|
152
|
-
onInteraction?.("focus", layout);
|
|
153
|
-
}
|
|
154
|
-
const isAutomaticActivation = context.activationMode !== "manual";
|
|
155
|
-
if (!isSelected && !disabled && isAutomaticActivation) {
|
|
156
|
-
context.onChange(value);
|
|
157
|
-
}
|
|
158
|
-
}),
|
|
159
|
-
onBlur: composeEventHandlers(props.onBlur, () => {
|
|
160
|
-
onInteraction?.("focus", null);
|
|
161
|
-
})
|
|
162
|
-
})
|
|
163
|
-
})
|
|
164
|
-
});
|
|
165
|
-
});
|
|
166
|
-
TabsTrigger.displayName = TRIGGER_NAME;
|
|
167
|
-
const TabsContent = ContentFrame.styleable(function TabsContent2(props, forwardedRef) {
|
|
168
|
-
const {
|
|
169
|
-
__scopeTabs,
|
|
170
|
-
value,
|
|
171
|
-
forceMount,
|
|
172
|
-
children,
|
|
173
|
-
...contentProps
|
|
174
|
-
} = props;
|
|
175
|
-
const context = useTabsContext(__scopeTabs);
|
|
176
|
-
const isSelected = value === context.value;
|
|
177
|
-
const show = forceMount || isSelected;
|
|
178
|
-
const triggerId = makeTriggerId(context.baseId, value);
|
|
179
|
-
const contentId = makeContentId(context.baseId, value);
|
|
180
|
-
if (!show) {
|
|
181
|
-
return null;
|
|
182
|
-
}
|
|
183
|
-
return /* @__PURE__ */jsx(ContentFrame, {
|
|
184
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
185
|
-
"data-orientation": context.orientation,
|
|
186
|
-
role: "tabpanel",
|
|
187
|
-
"aria-labelledby": triggerId,
|
|
188
|
-
hidden: !show,
|
|
189
|
-
id: contentId,
|
|
190
|
-
tabIndex: 0,
|
|
191
|
-
...contentProps,
|
|
192
|
-
ref: forwardedRef,
|
|
193
|
-
children
|
|
194
|
-
}, value);
|
|
195
|
-
});
|
|
196
|
-
const TabsComponent = TabsFrame.styleable(function Tabs(props, forwardedRef) {
|
|
197
|
-
const {
|
|
198
|
-
__scopeTabs,
|
|
199
|
-
value: valueProp,
|
|
200
|
-
onValueChange,
|
|
201
|
-
defaultValue,
|
|
202
|
-
orientation = "horizontal",
|
|
203
|
-
dir,
|
|
204
|
-
activationMode = "manual",
|
|
205
|
-
size = "$true",
|
|
206
|
-
...tabsProps
|
|
207
|
-
} = props;
|
|
208
|
-
const direction = useDirection(dir);
|
|
209
|
-
const [value, setValue] = useControllableState({
|
|
210
|
-
prop: valueProp,
|
|
211
|
-
onChange: onValueChange,
|
|
212
|
-
defaultProp: defaultValue ?? ""
|
|
213
|
-
});
|
|
214
|
-
const [triggersCount, setTriggersCount] = React.useState(0);
|
|
215
|
-
const registerTrigger = useEvent(() => setTriggersCount(v => v + 1));
|
|
216
|
-
const unregisterTrigger = useEvent(() => setTriggersCount(v => v - 1));
|
|
217
|
-
return /* @__PURE__ */jsx(SizableContext.Provider, {
|
|
218
|
-
size,
|
|
219
|
-
children: /* @__PURE__ */jsx(TabsProvider, {
|
|
220
|
-
scope: __scopeTabs,
|
|
221
|
-
baseId: React.useId(),
|
|
222
|
-
value,
|
|
223
|
-
onChange: setValue,
|
|
224
|
-
orientation,
|
|
225
|
-
dir: direction,
|
|
226
|
-
activationMode,
|
|
227
|
-
size,
|
|
228
|
-
registerTrigger,
|
|
229
|
-
triggersCount,
|
|
230
|
-
unregisterTrigger,
|
|
231
|
-
children: /* @__PURE__ */jsx(TabsFrame, {
|
|
232
|
-
direction,
|
|
233
|
-
"data-orientation": orientation,
|
|
234
|
-
...tabsProps,
|
|
235
|
-
ref: forwardedRef
|
|
236
|
-
})
|
|
237
|
-
})
|
|
238
|
-
});
|
|
239
|
-
});
|
|
240
|
-
return withStaticProperties(TabsComponent, {
|
|
241
|
-
List: TabsList,
|
|
242
|
-
/**
|
|
243
|
-
* @deprecated Use Tabs.Tab instead
|
|
244
|
-
*/
|
|
245
|
-
Trigger: TabsTrigger,
|
|
246
|
-
Tab: TabsTrigger,
|
|
247
|
-
Content: TabsContent
|
|
248
|
-
});
|
|
249
|
-
}
|
|
250
|
-
function makeTriggerId(baseId, value) {
|
|
251
|
-
return `${baseId}-trigger-${value}`;
|
|
252
|
-
}
|
|
253
|
-
function makeContentId(baseId, value) {
|
|
254
|
-
return `${baseId}-content-${value}`;
|
|
255
|
-
}
|
|
256
|
-
export { createTabs };
|
|
257
|
-
//# sourceMappingURL=createTabs.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["composeRefs","isWeb","Group","useGroupItem","composeEventHandlers","withStaticProperties","RovingFocusGroup","SizableContext","useControllableState","useDirection","useEvent","React","TabsProvider","useTabsContext","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","jsx","createTabs","createProps","ContentFrame","TabFrame","TabsFrame","TABS_CONTEXT","TAB_LIST_NAME","TabsList","forwardRef","props","forwardedRef","__scopeTabs","loop","children","listProps","context","__scopeRovingFocusGroup","orientation","dir","asChild","role","componentName","ref","displayName","TRIGGER_NAME","TabsTrigger","styleable","value","disabled","onInteraction","activeStyle","activeTheme","unstyled","triggerProps","triggerId","makeTriggerId","baseId","contentId","makeContentId","isSelected","layout","setLayout","useState","triggerRef","useRef","groupItemProps","useEffect","registerTrigger","unregisterTrigger","current","el","getTriggerSize","width","offsetWidth","height","offsetHeight","x","offsetLeft","y","offsetTop","observer","ResizeObserver","observe","disconnect","triggersCount","Item","focusable","active","onLayout","event","nativeEvent","onMouseEnter","onMouseLeave","id","theme","size","backgroundColor","onPress","webChecks","button","ctrlKey","onChange","onKeyDown","includes","key","preventDefault","onFocus","isAutomaticActivation","activationMode","onBlur","TabsContent","TabsContent2","forceMount","contentProps","show","hidden","tabIndex","TabsComponent","Tabs","valueProp","onValueChange","defaultValue","tabsProps","direction","setValue","prop","defaultProp","setTriggersCount","v","Provider","scope","useId","List","Trigger","Tab","Content"],"sources":["../../src/createTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,269 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { composeRefs } from "@tamagui/compose-refs";
|
|
3
|
-
import { isWeb } from "@tamagui/constants";
|
|
4
|
-
import { Group, useGroupItem } from "@tamagui/group";
|
|
5
|
-
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
6
|
-
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
7
|
-
import { SizableContext } from "@tamagui/sizable-context";
|
|
8
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
9
|
-
import { useDirection } from "@tamagui/use-direction";
|
|
10
|
-
import { useEvent } from "@tamagui/web";
|
|
11
|
-
import * as React from "react";
|
|
12
|
-
import { TabsProvider, useTabsContext } from "./StyledContext.native.js";
|
|
13
|
-
import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs.native.js";
|
|
14
|
-
function createTabs(createProps) {
|
|
15
|
-
var {
|
|
16
|
-
ContentFrame = DefaultTabsContentFrame,
|
|
17
|
-
TabFrame = DefaultTabsTabFrame,
|
|
18
|
-
TabsFrame = DefaultTabsFrame
|
|
19
|
-
} = createProps;
|
|
20
|
-
var TABS_CONTEXT = "TabsContext";
|
|
21
|
-
var TAB_LIST_NAME = "TabsList";
|
|
22
|
-
var TabsList = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
23
|
-
var {
|
|
24
|
-
__scopeTabs,
|
|
25
|
-
loop = true,
|
|
26
|
-
children,
|
|
27
|
-
...listProps
|
|
28
|
-
} = props;
|
|
29
|
-
var context = useTabsContext(__scopeTabs);
|
|
30
|
-
return /* @__PURE__ */_jsx(RovingFocusGroup, {
|
|
31
|
-
__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
|
|
32
|
-
orientation: context.orientation,
|
|
33
|
-
dir: context.dir,
|
|
34
|
-
loop,
|
|
35
|
-
asChild: true,
|
|
36
|
-
children: /* @__PURE__ */_jsx(Group, {
|
|
37
|
-
role: "tablist",
|
|
38
|
-
componentName: TAB_LIST_NAME,
|
|
39
|
-
"aria-orientation": context.orientation,
|
|
40
|
-
ref: forwardedRef,
|
|
41
|
-
orientation: context.orientation,
|
|
42
|
-
...listProps,
|
|
43
|
-
children
|
|
44
|
-
})
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
TabsList.displayName = TAB_LIST_NAME;
|
|
48
|
-
var TRIGGER_NAME = "TabsTrigger";
|
|
49
|
-
var TabsTrigger = TabFrame.styleable(function (props, forwardedRef) {
|
|
50
|
-
var {
|
|
51
|
-
__scopeTabs,
|
|
52
|
-
value,
|
|
53
|
-
disabled = false,
|
|
54
|
-
onInteraction,
|
|
55
|
-
activeStyle,
|
|
56
|
-
activeTheme,
|
|
57
|
-
unstyled = false,
|
|
58
|
-
...triggerProps
|
|
59
|
-
} = props;
|
|
60
|
-
var context = useTabsContext(__scopeTabs);
|
|
61
|
-
var triggerId = makeTriggerId(context.baseId, value);
|
|
62
|
-
var contentId = makeContentId(context.baseId, value);
|
|
63
|
-
var isSelected = value === context.value;
|
|
64
|
-
var [layout, setLayout] = React.useState(null);
|
|
65
|
-
var triggerRef = React.useRef(null);
|
|
66
|
-
var groupItemProps = useGroupItem({
|
|
67
|
-
disabled: !!disabled
|
|
68
|
-
});
|
|
69
|
-
React.useEffect(function () {
|
|
70
|
-
context.registerTrigger();
|
|
71
|
-
return function () {
|
|
72
|
-
return context.unregisterTrigger();
|
|
73
|
-
};
|
|
74
|
-
}, []);
|
|
75
|
-
React.useEffect(function () {
|
|
76
|
-
if (!triggerRef.current || !isWeb) return;
|
|
77
|
-
var el = triggerRef.current;
|
|
78
|
-
function getTriggerSize() {
|
|
79
|
-
if (!el) return;
|
|
80
|
-
setLayout({
|
|
81
|
-
width: el.offsetWidth,
|
|
82
|
-
height: el.offsetHeight,
|
|
83
|
-
x: el.offsetLeft,
|
|
84
|
-
y: el.offsetTop
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
getTriggerSize();
|
|
88
|
-
var observer = new ResizeObserver(getTriggerSize);
|
|
89
|
-
observer.observe(el);
|
|
90
|
-
return function () {
|
|
91
|
-
observer.disconnect();
|
|
92
|
-
};
|
|
93
|
-
}, [context.triggersCount]);
|
|
94
|
-
React.useEffect(function () {
|
|
95
|
-
if (isSelected && layout) {
|
|
96
|
-
onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction("select", layout);
|
|
97
|
-
}
|
|
98
|
-
}, [isSelected, value, layout]);
|
|
99
|
-
var _props_onPress;
|
|
100
|
-
return /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
|
|
101
|
-
__scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
|
|
102
|
-
asChild: true,
|
|
103
|
-
focusable: !disabled,
|
|
104
|
-
active: isSelected,
|
|
105
|
-
children: /* @__PURE__ */_jsx(TabFrame, {
|
|
106
|
-
...(!isWeb && {
|
|
107
|
-
onLayout: function (event) {
|
|
108
|
-
setLayout(event.nativeEvent.layout);
|
|
109
|
-
}
|
|
110
|
-
}),
|
|
111
|
-
onMouseEnter: composeEventHandlers(props.onMouseEnter, function () {
|
|
112
|
-
if (layout) {
|
|
113
|
-
onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction("hover", layout);
|
|
114
|
-
}
|
|
115
|
-
}),
|
|
116
|
-
onMouseLeave: composeEventHandlers(props.onMouseLeave, function () {
|
|
117
|
-
onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction("hover", null);
|
|
118
|
-
}),
|
|
119
|
-
role: "tab",
|
|
120
|
-
"aria-selected": isSelected,
|
|
121
|
-
"aria-controls": contentId,
|
|
122
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
123
|
-
"data-disabled": disabled ? "" : void 0,
|
|
124
|
-
id: triggerId,
|
|
125
|
-
theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
|
|
126
|
-
unstyled,
|
|
127
|
-
...(!unstyled && {
|
|
128
|
-
size: context.size
|
|
129
|
-
}),
|
|
130
|
-
...(isSelected && {
|
|
131
|
-
...(!unstyled && !activeStyle && {
|
|
132
|
-
backgroundColor: "$backgroundActive"
|
|
133
|
-
}),
|
|
134
|
-
...activeStyle
|
|
135
|
-
}),
|
|
136
|
-
...groupItemProps,
|
|
137
|
-
disabled: disabled !== null && disabled !== void 0 ? disabled : groupItemProps.disabled,
|
|
138
|
-
...triggerProps,
|
|
139
|
-
ref: composeRefs(forwardedRef, triggerRef),
|
|
140
|
-
onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function (event) {
|
|
141
|
-
var webChecks = !isWeb || event.button === 0 && event.ctrlKey === false;
|
|
142
|
-
if (!disabled && !isSelected && webChecks) {
|
|
143
|
-
context.onChange(value);
|
|
144
|
-
}
|
|
145
|
-
}),
|
|
146
|
-
...(isWeb && {
|
|
147
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, function (event) {
|
|
148
|
-
if ([" ", "Enter"].includes(event.key)) {
|
|
149
|
-
context.onChange(value);
|
|
150
|
-
event.preventDefault();
|
|
151
|
-
}
|
|
152
|
-
}),
|
|
153
|
-
onFocus: composeEventHandlers(props.onFocus, function (event) {
|
|
154
|
-
if (layout) {
|
|
155
|
-
onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction("focus", layout);
|
|
156
|
-
}
|
|
157
|
-
var isAutomaticActivation = context.activationMode !== "manual";
|
|
158
|
-
if (!isSelected && !disabled && isAutomaticActivation) {
|
|
159
|
-
context.onChange(value);
|
|
160
|
-
}
|
|
161
|
-
}),
|
|
162
|
-
onBlur: composeEventHandlers(props.onBlur, function () {
|
|
163
|
-
onInteraction === null || onInteraction === void 0 ? void 0 : onInteraction("focus", null);
|
|
164
|
-
})
|
|
165
|
-
})
|
|
166
|
-
})
|
|
167
|
-
});
|
|
168
|
-
});
|
|
169
|
-
TabsTrigger.displayName = TRIGGER_NAME;
|
|
170
|
-
var TabsContent = ContentFrame.styleable(function TabsContent2(props, forwardedRef) {
|
|
171
|
-
var {
|
|
172
|
-
__scopeTabs,
|
|
173
|
-
value,
|
|
174
|
-
forceMount,
|
|
175
|
-
children,
|
|
176
|
-
...contentProps
|
|
177
|
-
} = props;
|
|
178
|
-
var context = useTabsContext(__scopeTabs);
|
|
179
|
-
var isSelected = value === context.value;
|
|
180
|
-
var show = forceMount || isSelected;
|
|
181
|
-
var triggerId = makeTriggerId(context.baseId, value);
|
|
182
|
-
var contentId = makeContentId(context.baseId, value);
|
|
183
|
-
if (!show) {
|
|
184
|
-
return null;
|
|
185
|
-
}
|
|
186
|
-
return /* @__PURE__ */_jsx(ContentFrame, {
|
|
187
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
188
|
-
"data-orientation": context.orientation,
|
|
189
|
-
role: "tabpanel",
|
|
190
|
-
"aria-labelledby": triggerId,
|
|
191
|
-
// @ts-ignore
|
|
192
|
-
hidden: !show,
|
|
193
|
-
id: contentId,
|
|
194
|
-
tabIndex: 0,
|
|
195
|
-
...contentProps,
|
|
196
|
-
ref: forwardedRef,
|
|
197
|
-
children
|
|
198
|
-
}, value);
|
|
199
|
-
});
|
|
200
|
-
var TabsComponent = TabsFrame.styleable(function Tabs(props, forwardedRef) {
|
|
201
|
-
var {
|
|
202
|
-
__scopeTabs,
|
|
203
|
-
value: valueProp,
|
|
204
|
-
onValueChange,
|
|
205
|
-
defaultValue,
|
|
206
|
-
orientation = "horizontal",
|
|
207
|
-
dir,
|
|
208
|
-
activationMode = "manual",
|
|
209
|
-
size = "$true",
|
|
210
|
-
...tabsProps
|
|
211
|
-
} = props;
|
|
212
|
-
var direction = useDirection(dir);
|
|
213
|
-
var [value, setValue] = useControllableState({
|
|
214
|
-
prop: valueProp,
|
|
215
|
-
onChange: onValueChange,
|
|
216
|
-
defaultProp: defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""
|
|
217
|
-
});
|
|
218
|
-
var [triggersCount, setTriggersCount] = React.useState(0);
|
|
219
|
-
var registerTrigger = useEvent(function () {
|
|
220
|
-
return setTriggersCount(function (v) {
|
|
221
|
-
return v + 1;
|
|
222
|
-
});
|
|
223
|
-
});
|
|
224
|
-
var unregisterTrigger = useEvent(function () {
|
|
225
|
-
return setTriggersCount(function (v) {
|
|
226
|
-
return v - 1;
|
|
227
|
-
});
|
|
228
|
-
});
|
|
229
|
-
return /* @__PURE__ */_jsx(SizableContext.Provider, {
|
|
230
|
-
size,
|
|
231
|
-
children: /* @__PURE__ */_jsx(TabsProvider, {
|
|
232
|
-
scope: __scopeTabs,
|
|
233
|
-
baseId: React.useId(),
|
|
234
|
-
value,
|
|
235
|
-
onChange: setValue,
|
|
236
|
-
orientation,
|
|
237
|
-
dir: direction,
|
|
238
|
-
activationMode,
|
|
239
|
-
size,
|
|
240
|
-
registerTrigger,
|
|
241
|
-
triggersCount,
|
|
242
|
-
unregisterTrigger,
|
|
243
|
-
children: /* @__PURE__ */_jsx(TabsFrame, {
|
|
244
|
-
direction,
|
|
245
|
-
"data-orientation": orientation,
|
|
246
|
-
...tabsProps,
|
|
247
|
-
ref: forwardedRef
|
|
248
|
-
})
|
|
249
|
-
})
|
|
250
|
-
});
|
|
251
|
-
});
|
|
252
|
-
return withStaticProperties(TabsComponent, {
|
|
253
|
-
List: TabsList,
|
|
254
|
-
/**
|
|
255
|
-
* @deprecated Use Tabs.Tab instead
|
|
256
|
-
*/
|
|
257
|
-
Trigger: TabsTrigger,
|
|
258
|
-
Tab: TabsTrigger,
|
|
259
|
-
Content: TabsContent
|
|
260
|
-
});
|
|
261
|
-
}
|
|
262
|
-
function makeTriggerId(baseId, value) {
|
|
263
|
-
return `${baseId}-trigger-${value}`;
|
|
264
|
-
}
|
|
265
|
-
function makeContentId(baseId, value) {
|
|
266
|
-
return `${baseId}-content-${value}`;
|
|
267
|
-
}
|
|
268
|
-
export { createTabs };
|
|
269
|
-
//# sourceMappingURL=createTabs.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","composeRefs","isWeb","Group","useGroupItem","composeEventHandlers","withStaticProperties","RovingFocusGroup","SizableContext","useControllableState","useDirection","useEvent","React","TabsProvider","useTabsContext","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","createTabs","createProps","ContentFrame","TabFrame","TabsFrame","TABS_CONTEXT","TAB_LIST_NAME","TabsList","forwardRef","props","forwardedRef","__scopeTabs","loop","children","listProps","context","__scopeRovingFocusGroup","orientation","dir","asChild","role","componentName","ref","displayName","TRIGGER_NAME","TabsTrigger","styleable","value","disabled","onInteraction","activeStyle","activeTheme","unstyled","triggerProps","triggerId","makeTriggerId","baseId","contentId","makeContentId","isSelected","layout","setLayout","useState","triggerRef","useRef","groupItemProps","useEffect","registerTrigger","unregisterTrigger","current","el","getTriggerSize","width","offsetWidth","height","offsetHeight","x","offsetLeft","y","offsetTop","observer","ResizeObserver","observe","disconnect","triggersCount","_props_onPress","Item","focusable","active","onLayout","event","nativeEvent","onMouseEnter","onMouseLeave","id","theme","size","backgroundColor","onPress","webChecks","button","ctrlKey","onChange","onKeyDown","includes","key","preventDefault","onFocus","isAutomaticActivation","activationMode","onBlur","TabsContent","TabsContent2","forceMount","contentProps","show","hidden","tabIndex","TabsComponent","Tabs","valueProp","onValueChange","defaultValue","tabsProps","direction","setValue","prop","defaultProp","setTriggersCount","v","Provider","scope","useId","List","Trigger","Tab","Content"],"sources":["../../src/createTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createTabs","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","Tabs","ContentFrame","TabFrame","TabsFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,uBAAA,EAAyBC,gBAAA,EAAkBC,mBAAA,QAA2B;AAC/E,cAAc;AACd,cAAc;AAEP,MAAMC,IAAA,GAAOJ,UAAA,CAAW;EAC7BK,YAAA,EAAcJ,uBAAA;EACdK,QAAA,EAAUH,mBAAA;EACVI,SAAA,EAAWL;AACb,CAAC","ignoreList":[]}
|
package/dist/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createTabs","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","Tabs","ContentFrame","TabFrame","TabsFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,uBAAA,EAAyBC,gBAAA,EAAkBC,mBAAA,QAA2B;AAC/E,cAAc;AACd,cAAc;AAEP,MAAMC,IAAA,GAAOJ,UAAA,CAAW;EAC7BK,YAAA,EAAcJ,uBAAA;EACdK,QAAA,EAAUH,mBAAA;EACVI,SAAA,EAAWL;AACb,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createTabs","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","Tabs","ContentFrame","TabFrame","TabsFrame"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,uBAAA,EAAyBC,gBAAA,EAAkBC,mBAAA,QAA2B;AAC/E,cAAc;AACd,cAAc;AAEP,IAAAC,IAAM,GAAAJ,UAAO;EAClBK,YAAA,EAAcJ,uBAAA;EACdK,QAAA,EAAUH,mBAAA;EACVI,SAAA,EAAWL;AACb,CAAC","ignoreList":[]}
|