@tamagui/tabs 2.0.0-rc.8 → 2.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.
Files changed (60) hide show
  1. package/dist/cjs/StyledContext.cjs +12 -10
  2. package/dist/cjs/StyledContext.native.js +17 -15
  3. package/dist/cjs/StyledContext.native.js.map +1 -1
  4. package/dist/cjs/Tabs.cjs +63 -61
  5. package/dist/cjs/Tabs.native.js +63 -61
  6. package/dist/cjs/Tabs.native.js.map +1 -1
  7. package/dist/cjs/createTabs.cjs +247 -216
  8. package/dist/cjs/createTabs.native.js +259 -231
  9. package/dist/cjs/createTabs.native.js.map +1 -1
  10. package/dist/cjs/index.cjs +15 -13
  11. package/dist/cjs/index.native.js +15 -13
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/esm/Tabs.mjs +48 -48
  14. package/dist/esm/Tabs.mjs.map +1 -1
  15. package/dist/esm/Tabs.native.js +48 -48
  16. package/dist/esm/Tabs.native.js.map +1 -1
  17. package/dist/esm/createTabs.mjs +210 -181
  18. package/dist/esm/createTabs.mjs.map +1 -1
  19. package/dist/esm/createTabs.native.js +222 -196
  20. package/dist/esm/createTabs.native.js.map +1 -1
  21. package/dist/esm/index.js +5 -7
  22. package/dist/esm/index.js.map +1 -6
  23. package/dist/jsx/StyledContext.native.js +17 -15
  24. package/dist/jsx/Tabs.mjs +48 -48
  25. package/dist/jsx/Tabs.mjs.map +1 -1
  26. package/dist/jsx/Tabs.native.js +63 -61
  27. package/dist/jsx/Tabs.native.js.map +1 -1
  28. package/dist/jsx/createTabs.mjs +210 -181
  29. package/dist/jsx/createTabs.mjs.map +1 -1
  30. package/dist/jsx/createTabs.native.js +259 -231
  31. package/dist/jsx/createTabs.native.js.map +1 -1
  32. package/dist/jsx/index.js +5 -7
  33. package/dist/jsx/index.js.map +1 -6
  34. package/dist/jsx/index.native.js +15 -13
  35. package/dist/jsx/index.native.js.map +1 -1
  36. package/package.json +21 -25
  37. package/src/createTabs.tsx +6 -1
  38. package/types/createTabs.d.ts +4 -4
  39. package/types/createTabs.d.ts.map +1 -1
  40. package/types/index.d.ts +4 -4
  41. package/dist/cjs/StyledContext.js +0 -23
  42. package/dist/cjs/StyledContext.js.map +0 -6
  43. package/dist/cjs/Tabs.js +0 -73
  44. package/dist/cjs/Tabs.js.map +0 -6
  45. package/dist/cjs/createTabs.js +0 -229
  46. package/dist/cjs/createTabs.js.map +0 -6
  47. package/dist/cjs/index.js +0 -28
  48. package/dist/cjs/index.js.map +0 -6
  49. package/dist/esm/StyledContext.js +0 -7
  50. package/dist/esm/StyledContext.js.map +0 -6
  51. package/dist/esm/Tabs.js +0 -59
  52. package/dist/esm/Tabs.js.map +0 -6
  53. package/dist/esm/createTabs.js +0 -217
  54. package/dist/esm/createTabs.js.map +0 -6
  55. package/dist/jsx/StyledContext.js +0 -7
  56. package/dist/jsx/StyledContext.js.map +0 -6
  57. package/dist/jsx/Tabs.js +0 -59
  58. package/dist/jsx/Tabs.js.map +0 -6
  59. package/dist/jsx/createTabs.js +0 -217
  60. package/dist/jsx/createTabs.js.map +0 -6
@@ -1,229 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: !0 });
9
- }, __copyProps = (to, from, except, desc) => {
10
- if (from && typeof from == "object" || typeof from == "function")
11
- for (let key of __getOwnPropNames(from))
12
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
- return to;
14
- };
15
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
16
- // If the importer is in node compatibility mode or this is not an ESM
17
- // file that has been converted to a CommonJS file using a Babel-
18
- // compatible transform (i.e. "__esModule" has not been set), then set
19
- // "default" to the CommonJS "module.exports" for node compatibility.
20
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
21
- mod
22
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
23
- var createTabs_exports = {};
24
- __export(createTabs_exports, {
25
- createTabs: () => createTabs
26
- });
27
- module.exports = __toCommonJS(createTabs_exports);
28
- var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_group = require("@tamagui/group"), import_helpers = require("@tamagui/helpers"), import_roving_focus = require("@tamagui/roving-focus"), import_sizable_context = require("@tamagui/sizable-context"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_direction = require("@tamagui/use-direction"), import_web = require("@tamagui/web"), React = __toESM(require("react"), 1), import_StyledContext = require("./StyledContext"), import_Tabs = require("./Tabs"), import_jsx_runtime = require("react/jsx-runtime");
29
- function createTabs(createProps) {
30
- const {
31
- ContentFrame = import_Tabs.DefaultTabsContentFrame,
32
- TabFrame = import_Tabs.DefaultTabsTabFrame,
33
- TabsFrame = import_Tabs.DefaultTabsFrame
34
- } = createProps, TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = React.forwardRef(
35
- (props, forwardedRef) => {
36
- const { __scopeTabs, loop = !0, children, ...listProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
37
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
38
- import_roving_focus.RovingFocusGroup,
39
- {
40
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
41
- orientation: context.orientation,
42
- dir: context.dir,
43
- loop,
44
- asChild: !0,
45
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
46
- import_group.Group,
47
- {
48
- role: "tablist",
49
- componentName: TAB_LIST_NAME,
50
- "aria-orientation": context.orientation,
51
- ref: forwardedRef,
52
- orientation: context.orientation,
53
- ...listProps,
54
- children
55
- }
56
- )
57
- }
58
- );
59
- }
60
- );
61
- TabsList.displayName = TAB_LIST_NAME;
62
- const TRIGGER_NAME = "TabsTrigger", TabsTrigger = TabFrame.styleable(
63
- (props, forwardedRef) => {
64
- const {
65
- __scopeTabs,
66
- value,
67
- disabled = !1,
68
- onInteraction,
69
- activeStyle,
70
- activeTheme,
71
- unstyled = !1,
72
- ...triggerProps
73
- } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled: !!disabled });
74
- return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
75
- if (!triggerRef.current || !import_constants.isWeb) return;
76
- const el = triggerRef.current;
77
- function getTriggerSize() {
78
- el && 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
- return observer.observe(el), () => {
88
- observer.unobserve(el);
89
- };
90
- }, [context.triggersCount]), React.useEffect(() => {
91
- isSelected && layout && onInteraction?.("select", layout);
92
- }, [isSelected, value, layout]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
93
- import_roving_focus.RovingFocusGroup.Item,
94
- {
95
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
96
- asChild: !0,
97
- focusable: !disabled,
98
- active: isSelected,
99
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
100
- TabFrame,
101
- {
102
- onMouseEnter: (0, import_helpers.composeEventHandlers)(props.onMouseEnter, () => {
103
- layout && onInteraction?.("hover", layout);
104
- }),
105
- onMouseLeave: (0, import_helpers.composeEventHandlers)(props.onMouseLeave, () => {
106
- onInteraction?.("hover", null);
107
- }),
108
- role: "tab",
109
- "aria-selected": isSelected,
110
- "aria-controls": contentId,
111
- "data-state": isSelected ? "active" : "inactive",
112
- "data-disabled": disabled ? "" : void 0,
113
- id: triggerId,
114
- theme: activeTheme ?? null,
115
- unstyled,
116
- ...!unstyled && {
117
- size: context.size
118
- },
119
- ...isSelected && {
120
- ...!unstyled && !activeStyle && {
121
- backgroundColor: "$backgroundActive"
122
- },
123
- ...activeStyle
124
- },
125
- ...groupItemProps,
126
- disabled: disabled ?? groupItemProps.disabled,
127
- ...triggerProps,
128
- ref: (0, import_compose_refs.composeRefs)(forwardedRef, triggerRef),
129
- onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, (event) => {
130
- const webChecks = !import_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
131
- !disabled && !isSelected && webChecks && context.onChange(value);
132
- }),
133
- ...import_constants.isWeb && {
134
- onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, (event) => {
135
- [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
136
- }),
137
- onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, (event) => {
138
- layout && onInteraction?.("focus", layout);
139
- const isAutomaticActivation = context.activationMode !== "manual";
140
- !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
141
- }),
142
- onBlur: (0, import_helpers.composeEventHandlers)(props.onBlur, () => {
143
- onInteraction?.("focus", null);
144
- })
145
- }
146
- }
147
- )
148
- }
149
- );
150
- }
151
- );
152
- TabsTrigger.displayName = TRIGGER_NAME;
153
- const TabsContent = ContentFrame.styleable(function(props, forwardedRef) {
154
- const { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = (0, import_StyledContext.useTabsContext)(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
155
- return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
156
- ContentFrame,
157
- {
158
- "data-state": isSelected ? "active" : "inactive",
159
- "data-orientation": context.orientation,
160
- role: "tabpanel",
161
- "aria-labelledby": triggerId,
162
- hidden: !show,
163
- id: contentId,
164
- tabIndex: 0,
165
- ...contentProps,
166
- ref: forwardedRef,
167
- children
168
- },
169
- value
170
- ) : null;
171
- }), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
172
- const {
173
- __scopeTabs,
174
- value: valueProp,
175
- onValueChange,
176
- defaultValue,
177
- orientation = "horizontal",
178
- dir,
179
- activationMode = "manual",
180
- size = "$true",
181
- ...tabsProps
182
- } = props, direction = (0, import_use_direction.useDirection)(dir), [value, setValue] = (0, import_use_controllable_state.useControllableState)({
183
- prop: valueProp,
184
- onChange: onValueChange,
185
- defaultProp: defaultValue ?? ""
186
- }), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v + 1)), unregisterTrigger = (0, import_web.useEvent)(() => setTriggersCount((v) => v - 1));
187
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sizable_context.SizableContext.Provider, { size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
188
- import_StyledContext.TabsProvider,
189
- {
190
- scope: __scopeTabs,
191
- baseId: React.useId(),
192
- value,
193
- onChange: setValue,
194
- orientation,
195
- dir: direction,
196
- activationMode,
197
- size,
198
- registerTrigger,
199
- triggersCount,
200
- unregisterTrigger,
201
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
202
- TabsFrame,
203
- {
204
- direction,
205
- "data-orientation": orientation,
206
- ...tabsProps,
207
- ref: forwardedRef
208
- }
209
- )
210
- }
211
- ) });
212
- });
213
- return (0, import_helpers.withStaticProperties)(TabsComponent, {
214
- List: TabsList,
215
- /**
216
- * @deprecated Use Tabs.Tab instead
217
- */
218
- Trigger: TabsTrigger,
219
- Tab: TabsTrigger,
220
- Content: TabsContent
221
- });
222
- }
223
- function makeTriggerId(baseId, value) {
224
- return `${baseId}-trigger-${value}`;
225
- }
226
- function makeContentId(baseId, value) {
227
- return `${baseId}-content-${value}`;
228
- }
229
- //# sourceMappingURL=createTabs.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createTabs.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
package/dist/cjs/index.js DELETED
@@ -1,28 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all)
7
- __defProp(target, name, { get: all[name], enumerable: !0 });
8
- }, __copyProps = (to, from, except, desc) => {
9
- if (from && typeof from == "object" || typeof from == "function")
10
- for (let key of __getOwnPropNames(from))
11
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
- return to;
13
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
14
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
15
- var index_exports = {};
16
- __export(index_exports, {
17
- Tabs: () => Tabs
18
- });
19
- module.exports = __toCommonJS(index_exports);
20
- var import_createTabs = require("./createTabs"), import_Tabs = require("./Tabs");
21
- __reExport(index_exports, require("./createTabs"), module.exports);
22
- __reExport(index_exports, require("./StyledContext"), module.exports);
23
- const Tabs = (0, import_createTabs.createTabs)({
24
- ContentFrame: import_Tabs.DefaultTabsContentFrame,
25
- TabFrame: import_Tabs.DefaultTabsTabFrame,
26
- TabsFrame: import_Tabs.DefaultTabsFrame
27
- });
28
- //# sourceMappingURL=index.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B,yBAC3B,cAA+E;AAC/E,0BAAc,yBAFd;AAGA,0BAAc,4BAHd;AAKO,MAAM,WAAO,8BAAW;AAAA,EAC7B,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AACb,CAAC;",
5
- "names": []
6
- }
@@ -1,7 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const { Provider: TabsProvider, useStyledContext: useTabsContext } = createStyledContext();
3
- export {
4
- TabsProvider,
5
- useTabsContext
6
- };
7
- //# sourceMappingURL=StyledContext.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/StyledContext.tsx"],
4
- "mappings": "AACA,SAAS,2BAA2B;AAgB7B,MAAM,EAAE,UAAU,cAAc,kBAAkB,eAAe,IACtE,oBAAsC;",
5
- "names": []
6
- }
package/dist/esm/Tabs.js DELETED
@@ -1,59 +0,0 @@
1
- import { styled, View } from "@tamagui/core";
2
- import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { SizableStack, ThemeableStack } from "@tamagui/stacks";
4
- const TABS_NAME = "Tabs", DefaultTabsFrame = styled(SizableStack, {
5
- name: TABS_NAME
6
- }), TRIGGER_NAME = "TabsTrigger", DefaultTabsTabFrame = styled(
7
- View,
8
- {
9
- name: TRIGGER_NAME,
10
- role: "tab",
11
- variants: {
12
- size: {
13
- "...size": getButtonSized
14
- },
15
- disabled: {
16
- true: {
17
- pointerEvents: "none"
18
- }
19
- },
20
- unstyled: {
21
- false: {
22
- borderWidth: 0,
23
- backgroundColor: "$background",
24
- userSelect: "none",
25
- justifyContent: "center",
26
- alignItems: "center",
27
- flexWrap: "nowrap",
28
- flexDirection: "row",
29
- cursor: "pointer",
30
- pressStyle: {
31
- backgroundColor: "$backgroundPress"
32
- },
33
- focusVisibleStyle: {
34
- outlineColor: "$outlineColor",
35
- outlineWidth: 2,
36
- outlineStyle: "solid",
37
- zIndex: 10
38
- }
39
- }
40
- }
41
- },
42
- defaultVariants: {
43
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
44
- }
45
- },
46
- {
47
- accept: {
48
- activeStyle: "style"
49
- }
50
- }
51
- ), CONTENT_NAME = "TabsContent", DefaultTabsContentFrame = styled(ThemeableStack, {
52
- name: CONTENT_NAME
53
- });
54
- export {
55
- DefaultTabsContentFrame,
56
- DefaultTabsFrame,
57
- DefaultTabsTabFrame
58
- };
59
- //# sourceMappingURL=Tabs.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Tabs.tsx"],
4
- "mappings": "AAAA,SAAS,QAAQ,YAAY;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,cAAc,sBAAsB;AAE7C,MAAM,YAAY,QACL,mBAAmB,OAAO,cAAc;AAAA,EACnD,MAAM;AACR,CAAC,GAEK,eAAe,eAER,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,OAAO;AAAA,UACL,aAAa;AAAA,UACb,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,eAAe;AAAA,UACf,QAAQ;AAAA,UAER,YAAY;AAAA,YACV,iBAAiB;AAAA,UACnB;AAAA,UAEA,mBAAmB;AAAA,YACjB,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,YACd,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACF;AACF,GAEM,eAAe,eAER,0BAA0B,OAAO,gBAAgB;AAAA,EAC5D,MAAM;AACR,CAAC;",
5
- "names": []
6
- }
@@ -1,217 +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";
12
- import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs";
13
- import { jsx } from "react/jsx-runtime";
14
- function createTabs(createProps) {
15
- const {
16
- ContentFrame = DefaultTabsContentFrame,
17
- TabFrame = DefaultTabsTabFrame,
18
- TabsFrame = DefaultTabsFrame
19
- } = createProps, TABS_CONTEXT = "TabsContext", TAB_LIST_NAME = "TabsList", TabsList = React.forwardRef(
20
- (props, forwardedRef) => {
21
- const { __scopeTabs, loop = !0, children, ...listProps } = props, context = useTabsContext(__scopeTabs);
22
- return /* @__PURE__ */ jsx(
23
- RovingFocusGroup,
24
- {
25
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
26
- orientation: context.orientation,
27
- dir: context.dir,
28
- loop,
29
- asChild: !0,
30
- children: /* @__PURE__ */ jsx(
31
- Group,
32
- {
33
- role: "tablist",
34
- componentName: TAB_LIST_NAME,
35
- "aria-orientation": context.orientation,
36
- ref: forwardedRef,
37
- orientation: context.orientation,
38
- ...listProps,
39
- children
40
- }
41
- )
42
- }
43
- );
44
- }
45
- );
46
- TabsList.displayName = TAB_LIST_NAME;
47
- const TRIGGER_NAME = "TabsTrigger", TabsTrigger = TabFrame.styleable(
48
- (props, forwardedRef) => {
49
- const {
50
- __scopeTabs,
51
- value,
52
- disabled = !1,
53
- onInteraction,
54
- activeStyle,
55
- activeTheme,
56
- unstyled = !1,
57
- ...triggerProps
58
- } = props, context = useTabsContext(__scopeTabs), triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value), isSelected = value === context.value, [layout, setLayout] = React.useState(null), triggerRef = React.useRef(null), groupItemProps = useGroupItem({ disabled: !!disabled });
59
- return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
60
- if (!triggerRef.current || !isWeb) return;
61
- const el = triggerRef.current;
62
- function getTriggerSize() {
63
- el && setLayout({
64
- width: el.offsetWidth,
65
- height: el.offsetHeight,
66
- x: el.offsetLeft,
67
- y: el.offsetTop
68
- });
69
- }
70
- getTriggerSize();
71
- const observer = new ResizeObserver(getTriggerSize);
72
- return observer.observe(el), () => {
73
- observer.unobserve(el);
74
- };
75
- }, [context.triggersCount]), React.useEffect(() => {
76
- isSelected && layout && onInteraction?.("select", layout);
77
- }, [isSelected, value, layout]), /* @__PURE__ */ jsx(
78
- RovingFocusGroup.Item,
79
- {
80
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
81
- asChild: !0,
82
- focusable: !disabled,
83
- active: isSelected,
84
- children: /* @__PURE__ */ jsx(
85
- TabFrame,
86
- {
87
- onMouseEnter: composeEventHandlers(props.onMouseEnter, () => {
88
- layout && onInteraction?.("hover", layout);
89
- }),
90
- onMouseLeave: composeEventHandlers(props.onMouseLeave, () => {
91
- onInteraction?.("hover", null);
92
- }),
93
- role: "tab",
94
- "aria-selected": isSelected,
95
- "aria-controls": contentId,
96
- "data-state": isSelected ? "active" : "inactive",
97
- "data-disabled": disabled ? "" : void 0,
98
- id: triggerId,
99
- theme: activeTheme ?? null,
100
- unstyled,
101
- ...!unstyled && {
102
- size: context.size
103
- },
104
- ...isSelected && {
105
- ...!unstyled && !activeStyle && {
106
- backgroundColor: "$backgroundActive"
107
- },
108
- ...activeStyle
109
- },
110
- ...groupItemProps,
111
- disabled: disabled ?? groupItemProps.disabled,
112
- ...triggerProps,
113
- ref: composeRefs(forwardedRef, triggerRef),
114
- onPress: composeEventHandlers(props.onPress ?? void 0, (event) => {
115
- const webChecks = !isWeb || event.button === 0 && event.ctrlKey === !1;
116
- !disabled && !isSelected && webChecks && context.onChange(value);
117
- }),
118
- ...isWeb && {
119
- onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
120
- [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
121
- }),
122
- onFocus: composeEventHandlers(props.onFocus, (event) => {
123
- layout && onInteraction?.("focus", layout);
124
- const isAutomaticActivation = context.activationMode !== "manual";
125
- !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
126
- }),
127
- onBlur: composeEventHandlers(props.onBlur, () => {
128
- onInteraction?.("focus", null);
129
- })
130
- }
131
- }
132
- )
133
- }
134
- );
135
- }
136
- );
137
- TabsTrigger.displayName = TRIGGER_NAME;
138
- const TabsContent = ContentFrame.styleable(function(props, forwardedRef) {
139
- const { __scopeTabs, value, forceMount, children, ...contentProps } = props, context = useTabsContext(__scopeTabs), isSelected = value === context.value, show = forceMount || isSelected, triggerId = makeTriggerId(context.baseId, value), contentId = makeContentId(context.baseId, value);
140
- return show ? /* @__PURE__ */ jsx(
141
- ContentFrame,
142
- {
143
- "data-state": isSelected ? "active" : "inactive",
144
- "data-orientation": context.orientation,
145
- role: "tabpanel",
146
- "aria-labelledby": triggerId,
147
- hidden: !show,
148
- id: contentId,
149
- tabIndex: 0,
150
- ...contentProps,
151
- ref: forwardedRef,
152
- children
153
- },
154
- value
155
- ) : null;
156
- }), TabsComponent = TabsFrame.styleable(function(props, forwardedRef) {
157
- const {
158
- __scopeTabs,
159
- value: valueProp,
160
- onValueChange,
161
- defaultValue,
162
- orientation = "horizontal",
163
- dir,
164
- activationMode = "manual",
165
- size = "$true",
166
- ...tabsProps
167
- } = props, direction = useDirection(dir), [value, setValue] = useControllableState({
168
- prop: valueProp,
169
- onChange: onValueChange,
170
- defaultProp: defaultValue ?? ""
171
- }), [triggersCount, setTriggersCount] = React.useState(0), registerTrigger = useEvent(() => setTriggersCount((v) => v + 1)), unregisterTrigger = useEvent(() => setTriggersCount((v) => v - 1));
172
- return /* @__PURE__ */ jsx(SizableContext.Provider, { size, children: /* @__PURE__ */ jsx(
173
- TabsProvider,
174
- {
175
- scope: __scopeTabs,
176
- baseId: React.useId(),
177
- value,
178
- onChange: setValue,
179
- orientation,
180
- dir: direction,
181
- activationMode,
182
- size,
183
- registerTrigger,
184
- triggersCount,
185
- unregisterTrigger,
186
- children: /* @__PURE__ */ jsx(
187
- TabsFrame,
188
- {
189
- direction,
190
- "data-orientation": orientation,
191
- ...tabsProps,
192
- ref: forwardedRef
193
- }
194
- )
195
- }
196
- ) });
197
- });
198
- return withStaticProperties(TabsComponent, {
199
- List: TabsList,
200
- /**
201
- * @deprecated Use Tabs.Tab instead
202
- */
203
- Trigger: TabsTrigger,
204
- Tab: TabsTrigger,
205
- Content: TabsContent
206
- });
207
- }
208
- function makeTriggerId(baseId, value) {
209
- return `${baseId}-trigger-${value}`;
210
- }
211
- function makeContentId(baseId, value) {
212
- return `${baseId}-content-${value}`;
213
- }
214
- export {
215
- createTabs
216
- };
217
- //# sourceMappingURL=createTabs.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createTabs.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,7 +0,0 @@
1
- import { createStyledContext } from "@tamagui/core";
2
- const { Provider: TabsProvider, useStyledContext: useTabsContext } = createStyledContext();
3
- export {
4
- TabsProvider,
5
- useTabsContext
6
- };
7
- //# sourceMappingURL=StyledContext.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/StyledContext.tsx"],
4
- "mappings": "AACA,SAAS,2BAA2B;AAgB7B,MAAM,EAAE,UAAU,cAAc,kBAAkB,eAAe,IACtE,oBAAsC;",
5
- "names": []
6
- }
package/dist/jsx/Tabs.js DELETED
@@ -1,59 +0,0 @@
1
- import { styled, View } from "@tamagui/core";
2
- import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { SizableStack, ThemeableStack } from "@tamagui/stacks";
4
- const TABS_NAME = "Tabs", DefaultTabsFrame = styled(SizableStack, {
5
- name: TABS_NAME
6
- }), TRIGGER_NAME = "TabsTrigger", DefaultTabsTabFrame = styled(
7
- View,
8
- {
9
- name: TRIGGER_NAME,
10
- role: "tab",
11
- variants: {
12
- size: {
13
- "...size": getButtonSized
14
- },
15
- disabled: {
16
- true: {
17
- pointerEvents: "none"
18
- }
19
- },
20
- unstyled: {
21
- false: {
22
- borderWidth: 0,
23
- backgroundColor: "$background",
24
- userSelect: "none",
25
- justifyContent: "center",
26
- alignItems: "center",
27
- flexWrap: "nowrap",
28
- flexDirection: "row",
29
- cursor: "pointer",
30
- pressStyle: {
31
- backgroundColor: "$backgroundPress"
32
- },
33
- focusVisibleStyle: {
34
- outlineColor: "$outlineColor",
35
- outlineWidth: 2,
36
- outlineStyle: "solid",
37
- zIndex: 10
38
- }
39
- }
40
- }
41
- },
42
- defaultVariants: {
43
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
44
- }
45
- },
46
- {
47
- accept: {
48
- activeStyle: "style"
49
- }
50
- }
51
- ), CONTENT_NAME = "TabsContent", DefaultTabsContentFrame = styled(ThemeableStack, {
52
- name: CONTENT_NAME
53
- });
54
- export {
55
- DefaultTabsContentFrame,
56
- DefaultTabsFrame,
57
- DefaultTabsTabFrame
58
- };
59
- //# sourceMappingURL=Tabs.js.map