@hanzogui/tabs 3.0.2 → 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.
Files changed (55) hide show
  1. package/package.json +21 -21
  2. package/src/Tabs.tsx +1 -1
  3. package/src/createTabs.tsx +11 -6
  4. package/types/StyledContext.d.ts +1 -1
  5. package/types/Tabs.d.ts +11 -11
  6. package/types/createTabs.d.ts +136 -136
  7. package/types/index.d.ts +167 -167
  8. package/dist/cjs/StyledContext.cjs +0 -31
  9. package/dist/cjs/StyledContext.native.js +0 -34
  10. package/dist/cjs/StyledContext.native.js.map +0 -1
  11. package/dist/cjs/Tabs.cjs +0 -81
  12. package/dist/cjs/Tabs.native.js +0 -84
  13. package/dist/cjs/Tabs.native.js.map +0 -1
  14. package/dist/cjs/createTabs.cjs +0 -262
  15. package/dist/cjs/createTabs.native.js +0 -280
  16. package/dist/cjs/createTabs.native.js.map +0 -1
  17. package/dist/cjs/index.cjs +0 -35
  18. package/dist/cjs/index.native.js +0 -38
  19. package/dist/cjs/index.native.js.map +0 -1
  20. package/dist/esm/StyledContext.mjs +0 -7
  21. package/dist/esm/StyledContext.mjs.map +0 -1
  22. package/dist/esm/StyledContext.native.js +0 -7
  23. package/dist/esm/StyledContext.native.js.map +0 -1
  24. package/dist/esm/Tabs.mjs +0 -56
  25. package/dist/esm/Tabs.mjs.map +0 -1
  26. package/dist/esm/Tabs.native.js +0 -56
  27. package/dist/esm/Tabs.native.js.map +0 -1
  28. package/dist/esm/createTabs.mjs +0 -228
  29. package/dist/esm/createTabs.mjs.map +0 -1
  30. package/dist/esm/createTabs.native.js +0 -243
  31. package/dist/esm/createTabs.native.js.map +0 -1
  32. package/dist/esm/index.js +0 -11
  33. package/dist/esm/index.js.map +0 -1
  34. package/dist/esm/index.mjs +0 -11
  35. package/dist/esm/index.mjs.map +0 -1
  36. package/dist/esm/index.native.js +0 -11
  37. package/dist/esm/index.native.js.map +0 -1
  38. package/dist/jsx/StyledContext.mjs +0 -7
  39. package/dist/jsx/StyledContext.mjs.map +0 -1
  40. package/dist/jsx/StyledContext.native.js +0 -34
  41. package/dist/jsx/StyledContext.native.js.map +0 -1
  42. package/dist/jsx/Tabs.mjs +0 -56
  43. package/dist/jsx/Tabs.mjs.map +0 -1
  44. package/dist/jsx/Tabs.native.js +0 -84
  45. package/dist/jsx/Tabs.native.js.map +0 -1
  46. package/dist/jsx/createTabs.mjs +0 -228
  47. package/dist/jsx/createTabs.mjs.map +0 -1
  48. package/dist/jsx/createTabs.native.js +0 -280
  49. package/dist/jsx/createTabs.native.js.map +0 -1
  50. package/dist/jsx/index.js +0 -11
  51. package/dist/jsx/index.js.map +0 -1
  52. package/dist/jsx/index.mjs +0 -11
  53. package/dist/jsx/index.mjs.map +0 -1
  54. package/dist/jsx/index.native.js +0 -38
  55. package/dist/jsx/index.native.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"names":["styled","View","getButtonSized","SizableStack","ThemeableStack","TABS_NAME","DefaultTabsFrame","name","TRIGGER_NAME","DefaultTabsTabFrame","role","variants","size","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","defaultVariants","process","env","HANZO_GUI_HEADLESS","accept","activeStyle","CONTENT_NAME","DefaultTabsContentFrame"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,EAAcC,cAAA,QAAsB;AAE7C,MAAMC,SAAA,GAAY;EACLC,gBAAA,GAAmBN,MAAA,CAAOG,YAAA,EAAc;IACnDI,IAAA,EAAMF;EACR,CAAC;EAEKG,YAAA,GAAe;EAERC,mBAAA,GAAsBT,MAAA,CACjCC,IAAA,EACA;IACEM,IAAA,EAAMC,YAAA;IACNE,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJ,WAAWV;MACb;MAEAW,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;QACjB;MACF;MAEAC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,WAAA,EAAa;UACbC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,UAAA,EAAY;UACZC,QAAA,EAAU;UACVC,aAAA,EAAe;UACfC,MAAA,EAAQ;UAERC,UAAA,EAAY;YACVP,eAAA,EAAiB;UACnB;UAEAQ,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,MAAA,EAAQ;UACV;QACF;MACF;IACF;IAEAC,eAAA,EAAiB;MACfhB,QAAA,EAAUiB,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF;EAEMC,YAAA,GAAe;EAERC,uBAAA,GAA0BvC,MAAA,CAAOI,cAAA,EAAgB;IAC5DG,IAAA,EAAM+B;EACR,CAAC","ignoreList":[]}
@@ -1,84 +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 __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
15
- get: () => from[key],
16
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
- });
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: !0
22
- }), mod);
23
- var Tabs_exports = {};
24
- __export(Tabs_exports, {
25
- DefaultTabsContentFrame: () => DefaultTabsContentFrame,
26
- DefaultTabsFrame: () => DefaultTabsFrame,
27
- DefaultTabsTabFrame: () => DefaultTabsTabFrame
28
- });
29
- module.exports = __toCommonJS(Tabs_exports);
30
- var import_gui_core = require("@hanzogui/core"),
31
- import_gui_get_button_sized = require("@hanzogui/get-button-sized"),
32
- import_gui_stacks = require("@hanzogui/stacks"),
33
- TABS_NAME = "Tabs",
34
- DefaultTabsFrame = (0, import_gui_core.styled)(import_gui_stacks.SizableStack, {
35
- name: TABS_NAME
36
- }),
37
- TRIGGER_NAME = "TabsTrigger",
38
- DefaultTabsTabFrame = (0, import_gui_core.styled)(import_gui_core.View, {
39
- name: TRIGGER_NAME,
40
- role: "tab",
41
- variants: {
42
- size: {
43
- "...size": import_gui_get_button_sized.getButtonSized
44
- },
45
- disabled: {
46
- true: {
47
- pointerEvents: "none"
48
- }
49
- },
50
- unstyled: {
51
- false: {
52
- borderWidth: 0,
53
- backgroundColor: "$background",
54
- userSelect: "none",
55
- justifyContent: "center",
56
- alignItems: "center",
57
- flexWrap: "nowrap",
58
- flexDirection: "row",
59
- cursor: "pointer",
60
- pressStyle: {
61
- backgroundColor: "$backgroundPress"
62
- },
63
- focusVisibleStyle: {
64
- outlineColor: "$outlineColor",
65
- outlineWidth: 2,
66
- outlineStyle: "solid",
67
- zIndex: 10
68
- }
69
- }
70
- }
71
- },
72
- defaultVariants: {
73
- unstyled: process.env.HANZO_GUI_HEADLESS === "1"
74
- }
75
- }, {
76
- accept: {
77
- activeStyle: "style"
78
- }
79
- }),
80
- CONTENT_NAME = "TabsContent",
81
- DefaultTabsContentFrame = (0, import_gui_core.styled)(import_gui_stacks.ThemeableStack, {
82
- name: CONTENT_NAME
83
- });
84
- //# sourceMappingURL=Tabs.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Tabs_exports","DefaultTabsContentFrame","DefaultTabsFrame","DefaultTabsTabFrame","module","exports","import_gui_core","require","import_gui_get_button_sized","import_gui_stacks","TABS_NAME","styled","SizableStack","TRIGGER_NAME","View","role","variants","size","getButtonSized","disabled","true","pointerEvents","unstyled","false","borderWidth","backgroundColor","userSelect","justifyContent","alignItems","flexWrap","flexDirection","cursor","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle"],"sources":["../../src/Tabs.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAsB;AAC/B,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAsB;AAE7C,IAAAC,iBAAkB,GAAAJ,MACL,CAAAK,mBAAmB;AAAqB,IACnDC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACR,IAEMC,QAAA,GAAAA,CAAAC,MAAe,EAAAC,GAAA;IAGnB,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA;EAAA;EAAAC,WACQ,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;IAAA,IACNF,IAAM,WAAAA,IAAA,uBAAAA,IAAA,gBAEN,SAAAG,GAAU,IAAAhB,iBAAA,CAAAa,IAAA,GACR,CAAAX,YAAM,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,IAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;IAAA,OACJE,EAAA;EAAW;AACb,IAAAM,YAEU,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,YACF;AAAAhB,QAAA,CAAAgB,YACJ;EAAeC,uBACjB,EAAAA,CAAA,KAAAA,uBAAA;EAAAC,gBACF,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAEU,EAAAA,CAAA,KAAAA;AAAA;AACDC,MAAA,CAAAC,OACL,GAAAR,YAAa,CAAAG,YAAA;AAAA,IAAAM,eACb,GAAAC,OAAiB;EAAAC,2BAAA,GAAAD,OAAA;EAAAE,iBAAA,GAAAF,OAAA;EAAAG,SAAA;EAAAR,gBAAA,OAAAI,eAAA,CAAAK,MAAA,EAAAF,iBAAA,CAAAG,YAAA;IAAAzB,IAAA,EAAAuB;EACL;EAAAG,YACZ,gBAAgB;EAAAV,mBAAA,OAAAG,eAAA,CAAAK,MAAA,EAAAL,eAAA,CAAAQ,IAAA;IAAA3B,IAAA,EAAA0B,YAChB;IAAYE,IAAA,OACZ;IAAUC,QACV;MAAeC,IAAA,EACf;QAAQ,SAER,EAAAT,2BAAY,CAAAU;MAAA;MACOC,QACnB;QAAAC,IAEA;UAAmBC,aACjB;QAAc;MACA;MACAC,QACd;QAAQC,KACV;UACFC,WAAA;UACFC,eAAA;UACFC,UAAA;UAEAC,cAAiB;UACfC,UAAU,UAAY;UACxBC,QAAA;UACFC,aAAA;UACAC,MAAA;UACEC,UAAQ;YACNP,eAAa;UACf;UACFQ,iBAAA;YAGIC,YAAe,iBAER;YACLC,YAAA;YACPC,YAAA","ignoreList":[]}
@@ -1,228 +0,0 @@
1
- import { composeRefs } from "@hanzogui/compose-refs";
2
- import { isWeb } from "@hanzogui/constants";
3
- import { Group, useGroupItem } from "@hanzogui/group";
4
- import { composeEventHandlers, withStaticProperties } from "@hanzogui/helpers";
5
- import { RovingFocusGroup } from "@hanzogui/roving-focus";
6
- import { SizableContext } from "@hanzogui/sizable-context";
7
- import { useControllableState } from "@hanzogui/use-controllable-state";
8
- import { useDirection } from "@hanzogui/use-direction";
9
- import { useEvent } from "@hanzogui/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
- TABS_CONTEXT = "TabsContext",
21
- TAB_LIST_NAME = "TabsList",
22
- TabsList = React.forwardRef((props, forwardedRef) => {
23
- const {
24
- __scopeTabs,
25
- loop = !0,
26
- children,
27
- ...listProps
28
- } = props,
29
- 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: !0,
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
- TabsTrigger = TabFrame.styleable((props, forwardedRef) => {
50
- const {
51
- __scopeTabs,
52
- value,
53
- disabled = !1,
54
- onInteraction,
55
- activeStyle,
56
- activeTheme,
57
- unstyled = !1,
58
- ...triggerProps
59
- } = props,
60
- context = useTabsContext(__scopeTabs),
61
- triggerId = makeTriggerId(context.baseId, value),
62
- contentId = makeContentId(context.baseId, value),
63
- isSelected = value === context.value,
64
- [layout, setLayout] = React.useState(null),
65
- triggerRef = React.useRef(null),
66
- groupItemProps = useGroupItem({
67
- disabled: !!disabled
68
- });
69
- return React.useEffect(() => (context.registerTrigger(), () => context.unregisterTrigger()), []), React.useEffect(() => {
70
- if (!triggerRef.current || !isWeb) return;
71
- const el = triggerRef.current;
72
- function getTriggerSize() {
73
- el && setLayout({
74
- width: el.offsetWidth,
75
- height: el.offsetHeight,
76
- x: el.offsetLeft,
77
- y: el.offsetTop
78
- });
79
- }
80
- getTriggerSize();
81
- const observer = new ResizeObserver(getTriggerSize);
82
- return observer.observe(el), () => {
83
- observer.unobserve(el);
84
- };
85
- }, [context.triggersCount]), React.useEffect(() => {
86
- isSelected && layout && onInteraction?.("select", layout);
87
- }, [isSelected, value, layout]), /* @__PURE__ */jsx(RovingFocusGroup.Item, {
88
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
89
- asChild: !0,
90
- focusable: !disabled,
91
- active: isSelected,
92
- children: /* @__PURE__ */jsx(TabFrame, {
93
- onMouseEnter: composeEventHandlers(props.onMouseEnter, () => {
94
- layout && onInteraction?.("hover", layout);
95
- }),
96
- onMouseLeave: composeEventHandlers(props.onMouseLeave, () => {
97
- onInteraction?.("hover", null);
98
- }),
99
- role: "tab",
100
- "aria-selected": isSelected,
101
- "aria-controls": contentId,
102
- "data-state": isSelected ? "active" : "inactive",
103
- "data-disabled": disabled ? "" : void 0,
104
- id: triggerId,
105
- theme: activeTheme ?? null,
106
- unstyled,
107
- ...(!unstyled && {
108
- size: context.size
109
- }),
110
- ...(isSelected && {
111
- ...(!unstyled && !activeStyle && {
112
- backgroundColor: "$backgroundActive"
113
- }),
114
- ...activeStyle
115
- }),
116
- ...groupItemProps,
117
- disabled: disabled ?? groupItemProps.disabled,
118
- ...triggerProps,
119
- ref: composeRefs(forwardedRef, triggerRef),
120
- onPress: composeEventHandlers(props.onPress ?? void 0, event => {
121
- const webChecks = !isWeb || event.button === 0 && event.ctrlKey === !1;
122
- !disabled && !isSelected && webChecks && context.onChange(value);
123
- }),
124
- ...(isWeb && {
125
- onKeyDown: composeEventHandlers(props.onKeyDown, event => {
126
- [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
127
- }),
128
- onFocus: composeEventHandlers(props.onFocus, event => {
129
- layout && onInteraction?.("focus", layout);
130
- const isAutomaticActivation = context.activationMode !== "manual";
131
- !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
132
- }),
133
- onBlur: composeEventHandlers(props.onBlur, () => {
134
- onInteraction?.("focus", null);
135
- })
136
- })
137
- })
138
- });
139
- });
140
- TabsTrigger.displayName = TRIGGER_NAME;
141
- const TabsContent = ContentFrame.styleable(function (props, forwardedRef) {
142
- const {
143
- __scopeTabs,
144
- value,
145
- forceMount,
146
- children,
147
- ...contentProps
148
- } = props,
149
- context = useTabsContext(__scopeTabs),
150
- isSelected = value === context.value,
151
- show = forceMount || isSelected,
152
- triggerId = makeTriggerId(context.baseId, value),
153
- contentId = makeContentId(context.baseId, value);
154
- return show ? /* @__PURE__ */jsx(ContentFrame, {
155
- "data-state": isSelected ? "active" : "inactive",
156
- "data-orientation": context.orientation,
157
- role: "tabpanel",
158
- "aria-labelledby": triggerId,
159
- hidden: !show,
160
- id: contentId,
161
- tabIndex: 0,
162
- ...contentProps,
163
- ref: forwardedRef,
164
- children
165
- }, value) : null;
166
- }),
167
- TabsComponent = TabsFrame.styleable(function (props, forwardedRef) {
168
- const {
169
- __scopeTabs,
170
- value: valueProp,
171
- onValueChange,
172
- defaultValue,
173
- orientation = "horizontal",
174
- dir,
175
- activationMode = "manual",
176
- size = "$true",
177
- ...tabsProps
178
- } = props,
179
- direction = useDirection(dir),
180
- [value, setValue] = useControllableState({
181
- prop: valueProp,
182
- onChange: onValueChange,
183
- defaultProp: defaultValue ?? ""
184
- }),
185
- [triggersCount, setTriggersCount] = React.useState(0),
186
- registerTrigger = useEvent(() => setTriggersCount(v => v + 1)),
187
- unregisterTrigger = useEvent(() => setTriggersCount(v => v - 1));
188
- return /* @__PURE__ */jsx(SizableContext.Provider, {
189
- size,
190
- children: /* @__PURE__ */jsx(TabsProvider, {
191
- scope: __scopeTabs,
192
- baseId: React.useId(),
193
- value,
194
- onChange: setValue,
195
- orientation,
196
- dir: direction,
197
- activationMode,
198
- size,
199
- registerTrigger,
200
- triggersCount,
201
- unregisterTrigger,
202
- children: /* @__PURE__ */jsx(TabsFrame, {
203
- direction,
204
- "data-orientation": orientation,
205
- ...tabsProps,
206
- ref: forwardedRef
207
- })
208
- })
209
- });
210
- });
211
- return withStaticProperties(TabsComponent, {
212
- List: TabsList,
213
- /**
214
- * @deprecated Use Tabs.Tab instead
215
- */
216
- Trigger: TabsTrigger,
217
- Tab: TabsTrigger,
218
- Content: TabsContent
219
- });
220
- }
221
- function makeTriggerId(baseId, value) {
222
- return `${baseId}-trigger-${value}`;
223
- }
224
- function makeContentId(baseId, value) {
225
- return `${baseId}-content-${value}`;
226
- }
227
- export { createTabs };
228
- //# 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","unobserve","triggersCount","Item","focusable","active","onMouseEnter","onMouseLeave","id","theme","size","backgroundColor","onPress","event","webChecks","button","ctrlKey","onChange","onKeyDown","includes","key","preventDefault","onFocus","isAutomaticActivation","activationMode","onBlur","TabsContent","forceMount","contentProps","show","hidden","tabIndex","TabsComponent","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,280 +0,0 @@
1
- "use strict";
2
-
3
- var __create = Object.create;
4
- var __defProp = Object.defineProperty;
5
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getProtoOf = Object.getPrototypeOf,
8
- __hasOwnProp = Object.prototype.hasOwnProperty;
9
- var __export = (target, all) => {
10
- for (var name in all) __defProp(target, name, {
11
- get: all[name],
12
- enumerable: !0
13
- });
14
- },
15
- __copyProps = (to, from, except, desc) => {
16
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
17
- get: () => from[key],
18
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
- });
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
- value: mod,
29
- enumerable: !0
30
- }) : target, mod)),
31
- __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
- value: !0
33
- }), mod);
34
- var createTabs_exports = {};
35
- __export(createTabs_exports, {
36
- createTabs: () => createTabs
37
- });
38
- module.exports = __toCommonJS(createTabs_exports);
39
- var import_jsx_runtime = require("react/jsx-runtime"),
40
- import_gui_compose_refs = require("@hanzogui/compose-refs"),
41
- import_gui_constants = require("@hanzogui/constants"),
42
- import_gui_group = require("@hanzogui/group"),
43
- import_gui_helpers = require("@hanzogui/helpers"),
44
- import_gui_roving_focus = require("@hanzogui/roving-focus"),
45
- import_gui_sizable_context = require("@hanzogui/sizable-context"),
46
- import_gui_use_controllable_state = require("@hanzogui/use-controllable-state"),
47
- import_gui_use_direction = require("@hanzogui/use-direction"),
48
- import_gui_web = require("@hanzogui/web"),
49
- React = __toESM(require("react"), 1),
50
- import_StyledContext = require("./StyledContext.native.js"),
51
- import_Tabs = require("./Tabs.native.js");
52
- function createTabs(createProps) {
53
- var {
54
- ContentFrame = import_Tabs.DefaultTabsContentFrame,
55
- TabFrame = import_Tabs.DefaultTabsTabFrame,
56
- TabsFrame = import_Tabs.DefaultTabsFrame
57
- } = createProps,
58
- TABS_CONTEXT = "TabsContext",
59
- TAB_LIST_NAME = "TabsList",
60
- TabsList = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
61
- var {
62
- __scopeTabs,
63
- loop = !0,
64
- children,
65
- ...listProps
66
- } = props,
67
- context = (0, import_StyledContext.useTabsContext)(__scopeTabs);
68
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup, {
69
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
70
- orientation: context.orientation,
71
- dir: context.dir,
72
- loop,
73
- asChild: !0,
74
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_group.Group, {
75
- role: "tablist",
76
- componentName: TAB_LIST_NAME,
77
- "aria-orientation": context.orientation,
78
- ref: forwardedRef,
79
- orientation: context.orientation,
80
- ...listProps,
81
- children
82
- })
83
- });
84
- });
85
- TabsList.displayName = TAB_LIST_NAME;
86
- var TRIGGER_NAME = "TabsTrigger",
87
- TabsTrigger = TabFrame.styleable(function (props, forwardedRef) {
88
- var {
89
- __scopeTabs,
90
- value,
91
- disabled = !1,
92
- onInteraction,
93
- activeStyle,
94
- activeTheme,
95
- unstyled = !1,
96
- ...triggerProps
97
- } = props,
98
- context = (0, import_StyledContext.useTabsContext)(__scopeTabs),
99
- triggerId = makeTriggerId(context.baseId, value),
100
- contentId = makeContentId(context.baseId, value),
101
- isSelected = value === context.value,
102
- [layout, setLayout] = React.useState(null),
103
- triggerRef = React.useRef(null),
104
- groupItemProps = (0, import_gui_group.useGroupItem)({
105
- disabled: !!disabled
106
- });
107
- React.useEffect(function () {
108
- return context.registerTrigger(), function () {
109
- return context.unregisterTrigger();
110
- };
111
- }, []), React.useEffect(function () {
112
- if (!triggerRef.current || !import_gui_constants.isWeb) return;
113
- var el = triggerRef.current;
114
- function getTriggerSize() {
115
- el && setLayout({
116
- width: el.offsetWidth,
117
- height: el.offsetHeight,
118
- x: el.offsetLeft,
119
- y: el.offsetTop
120
- });
121
- }
122
- getTriggerSize();
123
- var observer = new ResizeObserver(getTriggerSize);
124
- return observer.observe(el), function () {
125
- observer.unobserve(el);
126
- };
127
- }, [context.triggersCount]), React.useEffect(function () {
128
- isSelected && layout && onInteraction?.("select", layout);
129
- }, [isSelected, value, layout]);
130
- var _props_onPress;
131
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_roving_focus.RovingFocusGroup.Item, {
132
- __scopeRovingFocusGroup: __scopeTabs || TABS_CONTEXT,
133
- asChild: !0,
134
- focusable: !disabled,
135
- active: isSelected,
136
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabFrame, {
137
- onMouseEnter: (0, import_gui_helpers.composeEventHandlers)(props.onMouseEnter, function () {
138
- layout && onInteraction?.("hover", layout);
139
- }),
140
- onMouseLeave: (0, import_gui_helpers.composeEventHandlers)(props.onMouseLeave, function () {
141
- onInteraction?.("hover", null);
142
- }),
143
- role: "tab",
144
- "aria-selected": isSelected,
145
- "aria-controls": contentId,
146
- "data-state": isSelected ? "active" : "inactive",
147
- "data-disabled": disabled ? "" : void 0,
148
- id: triggerId,
149
- theme: activeTheme ?? null,
150
- unstyled,
151
- ...(!unstyled && {
152
- size: context.size
153
- }),
154
- ...(isSelected && {
155
- ...(!unstyled && !activeStyle && {
156
- backgroundColor: "$backgroundActive"
157
- }),
158
- ...activeStyle
159
- }),
160
- ...groupItemProps,
161
- disabled: disabled ?? groupItemProps.disabled,
162
- ...triggerProps,
163
- ref: (0, import_gui_compose_refs.composeRefs)(forwardedRef, triggerRef),
164
- onPress: (0, import_gui_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function (event) {
165
- var webChecks = !import_gui_constants.isWeb || event.button === 0 && event.ctrlKey === !1;
166
- !disabled && !isSelected && webChecks && context.onChange(value);
167
- }),
168
- ...(import_gui_constants.isWeb && {
169
- onKeyDown: (0, import_gui_helpers.composeEventHandlers)(props.onKeyDown, function (event) {
170
- [" ", "Enter"].includes(event.key) && (context.onChange(value), event.preventDefault());
171
- }),
172
- onFocus: (0, import_gui_helpers.composeEventHandlers)(props.onFocus, function (event) {
173
- layout && onInteraction?.("focus", layout);
174
- var isAutomaticActivation = context.activationMode !== "manual";
175
- !isSelected && !disabled && isAutomaticActivation && context.onChange(value);
176
- }),
177
- onBlur: (0, import_gui_helpers.composeEventHandlers)(props.onBlur, function () {
178
- onInteraction?.("focus", null);
179
- })
180
- })
181
- })
182
- });
183
- });
184
- TabsTrigger.displayName = TRIGGER_NAME;
185
- var TabsContent = ContentFrame.styleable(function (props, forwardedRef) {
186
- var {
187
- __scopeTabs,
188
- value,
189
- forceMount,
190
- children,
191
- ...contentProps
192
- } = props,
193
- context = (0, import_StyledContext.useTabsContext)(__scopeTabs),
194
- isSelected = value === context.value,
195
- show = forceMount || isSelected,
196
- triggerId = makeTriggerId(context.baseId, value),
197
- contentId = makeContentId(context.baseId, value);
198
- return show ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ContentFrame, {
199
- "data-state": isSelected ? "active" : "inactive",
200
- "data-orientation": context.orientation,
201
- role: "tabpanel",
202
- "aria-labelledby": triggerId,
203
- // @ts-ignore
204
- hidden: !show,
205
- id: contentId,
206
- tabIndex: 0,
207
- ...contentProps,
208
- ref: forwardedRef,
209
- children
210
- }, value) : null;
211
- }),
212
- TabsComponent = TabsFrame.styleable(function (props, forwardedRef) {
213
- var {
214
- __scopeTabs,
215
- value: valueProp,
216
- onValueChange,
217
- defaultValue,
218
- orientation = "horizontal",
219
- dir,
220
- activationMode = "manual",
221
- size = "$true",
222
- ...tabsProps
223
- } = props,
224
- direction = (0, import_gui_use_direction.useDirection)(dir),
225
- [value, setValue] = (0, import_gui_use_controllable_state.useControllableState)({
226
- prop: valueProp,
227
- onChange: onValueChange,
228
- defaultProp: defaultValue ?? ""
229
- }),
230
- [triggersCount, setTriggersCount] = React.useState(0),
231
- registerTrigger = (0, import_gui_web.useEvent)(function () {
232
- return setTriggersCount(function (v) {
233
- return v + 1;
234
- });
235
- }),
236
- unregisterTrigger = (0, import_gui_web.useEvent)(function () {
237
- return setTriggersCount(function (v) {
238
- return v - 1;
239
- });
240
- });
241
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_sizable_context.SizableContext.Provider, {
242
- size,
243
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_StyledContext.TabsProvider, {
244
- scope: __scopeTabs,
245
- baseId: React.useId(),
246
- value,
247
- onChange: setValue,
248
- orientation,
249
- dir: direction,
250
- activationMode,
251
- size,
252
- registerTrigger,
253
- triggersCount,
254
- unregisterTrigger,
255
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabsFrame, {
256
- direction,
257
- "data-orientation": orientation,
258
- ...tabsProps,
259
- ref: forwardedRef
260
- })
261
- })
262
- });
263
- });
264
- return (0, import_gui_helpers.withStaticProperties)(TabsComponent, {
265
- List: TabsList,
266
- /**
267
- * @deprecated Use Tabs.Tab instead
268
- */
269
- Trigger: TabsTrigger,
270
- Tab: TabsTrigger,
271
- Content: TabsContent
272
- });
273
- }
274
- function makeTriggerId(baseId, value) {
275
- return `${baseId}-trigger-${value}`;
276
- }
277
- function makeContentId(baseId, value) {
278
- return `${baseId}-content-${value}`;
279
- }
280
- //# sourceMappingURL=createTabs.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","createTabs_exports","createTabs","module","exports","import_jsx_runtime","require","import_gui_compose_refs","import_gui_constants","import_gui_group","import_gui_helpers","import_gui_roving_focus","import_gui_sizable_context","import_gui_use_controllable_state","import_gui_use_direction","import_gui_web","React","import_StyledContext","import_Tabs","createProps","ContentFrame","DefaultTabsContentFrame","TabFrame","DefaultTabsTabFrame","TabsFrame","DefaultTabsFrame","TABS_CONTEXT","TAB_LIST_NAME","TabsList","forwardRef","props","forwardedRef","__scopeTabs","loop","children","listProps","context","useTabsContext","jsx","RovingFocusGroup","__scopeRovingFocusGroup","orientation","dir","asChild","Group","role","componentName","ref","displayName","TRIGGER_NAME","TabsTrigger","styleable","disabled","onInteraction","activeStyle","activeTheme","unstyled","triggerProps","triggerId","makeTriggerId","baseId","contentId","makeContentId","isSelected","layout","setLayout","useState","triggerRef","useRef","groupItemProps","useGroupItem","useEffect","registerTrigger","unregisterTrigger","current","isWeb","el","getTriggerSize","width","offsetWidth","height","offsetHeight","x","offsetLeft","y","offsetTop","observer","ResizeObserver","observe","unobserve","triggersCount","_props_onPress","Item","focusable","active","onMouseEnter","composeEventHandlers","onMouseLeave","id","theme","size","backgroundColor","composeRefs","onPress","event","webChecks","button","ctrlKey","onChange","onKeyDown","includes","preventDefault","onFocus","isAutomaticActivation","activationMode","onBlur","TabsContent","forceMount","contentProps","show","hidden","tabIndex","TabsComponent","valueProp","onValueChange","defaultValue","tabsProps","direction","useDirection","setValue","useControllableState","prop","defaultProp","setTriggersCount","useEvent","v","SizableContext","Provider","TabsProvider","scope","useId","withStaticProperties","List","Trigger","Tab","Content"],"sources":["../../src/createTabs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/jsx/index.js DELETED
@@ -1,11 +0,0 @@
1
- import { createTabs } from "./createTabs.mjs";
2
- import { DefaultTabsContentFrame, DefaultTabsFrame, DefaultTabsTabFrame } from "./Tabs.mjs";
3
- export * from "./createTabs.mjs";
4
- export * from "./StyledContext.mjs";
5
- const Tabs = createTabs({
6
- ContentFrame: DefaultTabsContentFrame,
7
- TabFrame: DefaultTabsTabFrame,
8
- TabsFrame: DefaultTabsFrame
9
- });
10
- export { Tabs };
11
- //# sourceMappingURL=index.js.map
@@ -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":[]}