@hanzogui/button 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.
- package/LICENSE +21 -0
- package/dist/cjs/Button.cjs +218 -0
- package/dist/cjs/Button.native.js +224 -0
- package/dist/cjs/Button.native.js.map +1 -0
- package/dist/cjs/Button.test.cjs +36 -0
- package/dist/cjs/Button.test.native.js +39 -0
- package/dist/cjs/Button.test.native.js.map +1 -0
- package/dist/cjs/index.cjs +18 -0
- package/dist/cjs/index.native.js +21 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/cjs/v1/Button.cjs +259 -0
- package/dist/cjs/v1/Button.native.js +265 -0
- package/dist/cjs/v1/Button.native.js.map +1 -0
- package/dist/cjs/v1/Button.test.cjs +9 -0
- package/dist/cjs/v1/Button.test.native.js +12 -0
- package/dist/cjs/v1/Button.test.native.js.map +1 -0
- package/dist/cjs/v1/index.cjs +18 -0
- package/dist/cjs/v1/index.native.js +21 -0
- package/dist/cjs/v1/index.native.js.map +1 -0
- package/dist/esm/Button.mjs +194 -0
- package/dist/esm/Button.mjs.map +1 -0
- package/dist/esm/Button.native.js +197 -0
- package/dist/esm/Button.native.js.map +1 -0
- package/dist/esm/Button.test.mjs +37 -0
- package/dist/esm/Button.test.mjs.map +1 -0
- package/dist/esm/Button.test.native.js +37 -0
- package/dist/esm/Button.test.native.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/esm/v1/Button.mjs +231 -0
- package/dist/esm/v1/Button.mjs.map +1 -0
- package/dist/esm/v1/Button.native.js +234 -0
- package/dist/esm/v1/Button.native.js.map +1 -0
- package/dist/esm/v1/Button.test.mjs +10 -0
- package/dist/esm/v1/Button.test.mjs.map +1 -0
- package/dist/esm/v1/Button.test.native.js +10 -0
- package/dist/esm/v1/Button.test.native.js.map +1 -0
- package/dist/esm/v1/index.mjs +2 -0
- package/dist/esm/v1/index.mjs.map +1 -0
- package/dist/esm/v1/index.native.js +2 -0
- package/dist/esm/v1/index.native.js.map +1 -0
- package/dist/jsx/Button.mjs +194 -0
- package/dist/jsx/Button.mjs.map +1 -0
- package/dist/jsx/Button.native.js +224 -0
- package/dist/jsx/Button.native.js.map +1 -0
- package/dist/jsx/Button.test.mjs +37 -0
- package/dist/jsx/Button.test.mjs.map +1 -0
- package/dist/jsx/Button.test.native.js +39 -0
- package/dist/jsx/Button.test.native.js.map +1 -0
- package/dist/jsx/index.js +2 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +21 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/dist/jsx/v1/Button.mjs +231 -0
- package/dist/jsx/v1/Button.mjs.map +1 -0
- package/dist/jsx/v1/Button.native.js +265 -0
- package/dist/jsx/v1/Button.native.js.map +1 -0
- package/dist/jsx/v1/Button.test.mjs +10 -0
- package/dist/jsx/v1/Button.test.mjs.map +1 -0
- package/dist/jsx/v1/Button.test.native.js +12 -0
- package/dist/jsx/v1/Button.test.native.js.map +1 -0
- package/dist/jsx/v1/index.mjs +2 -0
- package/dist/jsx/v1/index.mjs.map +1 -0
- package/dist/jsx/v1/index.native.js +21 -0
- package/dist/jsx/v1/index.native.js.map +1 -0
- package/package.json +59 -0
- package/src/Button.test.tsx +45 -0
- package/src/Button.tsx +272 -0
- package/src/index.ts +1 -0
- package/src/v1/Button.test.tsx +21 -0
- package/src/v1/Button.tsx +336 -0
- package/src/v1/index.ts +1 -0
- package/types/Button.d.ts +123 -0
- package/types/Button.test.d.ts +2 -0
- package/types/index.d.ts +2 -0
- package/types/v1/Button.d.ts +302 -0
- package/types/v1/Button.test.d.ts +2 -0
- package/types/v1/index.d.ts +2 -0
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
import { getFontSize } from "@hanzo/gui-font-size";
|
|
2
|
+
import { getButtonSized } from "@hanzo/gui-get-button-sized";
|
|
3
|
+
import { getIcon, useCurrentColor } from "@hanzo/gui-helpers";
|
|
4
|
+
import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzo/gui-stacks";
|
|
5
|
+
import { SizableText, wrapChildrenInText } from "@hanzo/gui-text";
|
|
6
|
+
import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzo/gui-web";
|
|
7
|
+
import { useContext } from "react";
|
|
8
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
+
const context = createStyledContext({
|
|
10
|
+
size: void 0,
|
|
11
|
+
variant: void 0,
|
|
12
|
+
color: void 0,
|
|
13
|
+
elevation: void 0
|
|
14
|
+
}),
|
|
15
|
+
Frame = styled(View, {
|
|
16
|
+
context,
|
|
17
|
+
name: "Button",
|
|
18
|
+
role: "button",
|
|
19
|
+
render: /* @__PURE__ */jsx("button", {
|
|
20
|
+
type: "button"
|
|
21
|
+
}),
|
|
22
|
+
tabIndex: 0,
|
|
23
|
+
variants: {
|
|
24
|
+
unstyled: {
|
|
25
|
+
false: {
|
|
26
|
+
size: "$true",
|
|
27
|
+
justifyContent: "center",
|
|
28
|
+
alignItems: "center",
|
|
29
|
+
flexWrap: "nowrap",
|
|
30
|
+
flexDirection: "row",
|
|
31
|
+
cursor: "pointer",
|
|
32
|
+
backgroundColor: "$background",
|
|
33
|
+
borderWidth: 1,
|
|
34
|
+
borderColor: "transparent",
|
|
35
|
+
hoverStyle: {
|
|
36
|
+
backgroundColor: "$backgroundHover",
|
|
37
|
+
borderColor: "$borderColorHover"
|
|
38
|
+
},
|
|
39
|
+
pressStyle: {
|
|
40
|
+
backgroundColor: "$backgroundPress",
|
|
41
|
+
borderColor: "$borderColorHover"
|
|
42
|
+
},
|
|
43
|
+
focusVisibleStyle: {
|
|
44
|
+
outlineColor: "$outlineColor",
|
|
45
|
+
outlineStyle: "solid",
|
|
46
|
+
outlineWidth: 2
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
variant: {
|
|
51
|
+
outlined: process.env.HANZO_GUI_HEADLESS === "1" ? {} : {
|
|
52
|
+
backgroundColor: "transparent",
|
|
53
|
+
borderWidth: 1,
|
|
54
|
+
borderColor: "$borderColor",
|
|
55
|
+
hoverStyle: {
|
|
56
|
+
backgroundColor: "transparent",
|
|
57
|
+
borderColor: "$borderColorHover"
|
|
58
|
+
},
|
|
59
|
+
pressStyle: {
|
|
60
|
+
backgroundColor: "transparent",
|
|
61
|
+
borderColor: "$borderColorPress"
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
circular: themeableVariants.circular,
|
|
66
|
+
chromeless: themeableVariants.chromeless,
|
|
67
|
+
size: {
|
|
68
|
+
"...size": (val, extras) => {
|
|
69
|
+
const buttonStyle = getButtonSized(val, extras),
|
|
70
|
+
gap = getTokenValue(val);
|
|
71
|
+
return {
|
|
72
|
+
...buttonStyle,
|
|
73
|
+
gap
|
|
74
|
+
};
|
|
75
|
+
},
|
|
76
|
+
":number": (val, extras) => {
|
|
77
|
+
const buttonStyle = getButtonSized(val, extras),
|
|
78
|
+
gap = val * 0.4;
|
|
79
|
+
return {
|
|
80
|
+
...buttonStyle,
|
|
81
|
+
gap
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
elevation: {
|
|
86
|
+
"...size": getElevation,
|
|
87
|
+
":number": getElevation
|
|
88
|
+
},
|
|
89
|
+
disabled: {
|
|
90
|
+
true: {
|
|
91
|
+
pointerEvents: "none",
|
|
92
|
+
// @ts-ignore
|
|
93
|
+
"aria-disabled": !0
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
defaultVariants: {
|
|
98
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
99
|
+
}
|
|
100
|
+
}),
|
|
101
|
+
Text = styled(SizableText, {
|
|
102
|
+
context,
|
|
103
|
+
variants: {
|
|
104
|
+
unstyled: {
|
|
105
|
+
false: {
|
|
106
|
+
userSelect: "none",
|
|
107
|
+
cursor: "pointer",
|
|
108
|
+
// flexGrow 1 leads to inconsistent native style where text pushes to start of view
|
|
109
|
+
flexGrow: 0,
|
|
110
|
+
flexShrink: 1,
|
|
111
|
+
ellipsis: !0,
|
|
112
|
+
color: "$color"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
defaultVariants: {
|
|
117
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
118
|
+
}
|
|
119
|
+
}),
|
|
120
|
+
Icon = props => {
|
|
121
|
+
const {
|
|
122
|
+
children,
|
|
123
|
+
scaleIcon = 1,
|
|
124
|
+
size
|
|
125
|
+
} = props,
|
|
126
|
+
styledContext = context.useStyledContext();
|
|
127
|
+
if (!styledContext) throw new Error("Button.Icon must be used within a Button");
|
|
128
|
+
const sizeToken = size ?? styledContext.size,
|
|
129
|
+
iconColor = useCurrentColor(styledContext.color),
|
|
130
|
+
iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
|
|
131
|
+
return getIcon(children, {
|
|
132
|
+
size: iconSize,
|
|
133
|
+
color: iconColor
|
|
134
|
+
});
|
|
135
|
+
},
|
|
136
|
+
ButtonContext = createStyledContext({
|
|
137
|
+
size: void 0,
|
|
138
|
+
variant: void 0,
|
|
139
|
+
color: void 0
|
|
140
|
+
}),
|
|
141
|
+
ButtonComponent = Frame.styleable((propsIn, ref) => {
|
|
142
|
+
const isNested = useContext(ButtonNestingContext),
|
|
143
|
+
processedProps = useProps(propsIn, {
|
|
144
|
+
noNormalize: !0,
|
|
145
|
+
noExpand: !0
|
|
146
|
+
}),
|
|
147
|
+
{
|
|
148
|
+
children,
|
|
149
|
+
iconSize,
|
|
150
|
+
icon,
|
|
151
|
+
iconAfter,
|
|
152
|
+
scaleIcon = 1,
|
|
153
|
+
...props
|
|
154
|
+
} = processedProps,
|
|
155
|
+
size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
|
|
156
|
+
styledContext = context.useStyledContext(),
|
|
157
|
+
iconColor = useCurrentColor(styledContext?.color),
|
|
158
|
+
finalSize = iconSize ?? size ?? styledContext?.size,
|
|
159
|
+
iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon,
|
|
160
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map(icon2 => icon2 ? getIcon(icon2, {
|
|
161
|
+
size: iconSizeNumber,
|
|
162
|
+
color: iconColor
|
|
163
|
+
// No marginLeft or marginRight needed - spacing is handled by the gap property in Frame's size variants
|
|
164
|
+
}) : null),
|
|
165
|
+
wrappedChildren = wrapChildrenInText(Text, {
|
|
166
|
+
children
|
|
167
|
+
}, {
|
|
168
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1",
|
|
169
|
+
size: finalSize ?? styledContext?.size
|
|
170
|
+
});
|
|
171
|
+
return /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
|
|
172
|
+
value: !0,
|
|
173
|
+
children: /* @__PURE__ */jsxs(Frame, {
|
|
174
|
+
ref,
|
|
175
|
+
...props,
|
|
176
|
+
...(isNested && {
|
|
177
|
+
render: "span"
|
|
178
|
+
}),
|
|
179
|
+
...(props.circular && !propsIn.size && {
|
|
180
|
+
size
|
|
181
|
+
}),
|
|
182
|
+
tabIndex: 0,
|
|
183
|
+
children: [themedIcon, wrappedChildren, themedIconAfter]
|
|
184
|
+
})
|
|
185
|
+
});
|
|
186
|
+
}),
|
|
187
|
+
Button = withStaticProperties(ButtonComponent, {
|
|
188
|
+
Apply: context.Provider,
|
|
189
|
+
Frame,
|
|
190
|
+
Text,
|
|
191
|
+
Icon
|
|
192
|
+
});
|
|
193
|
+
export { Button, ButtonContext };
|
|
194
|
+
//# sourceMappingURL=Button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","jsx","jsxs","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","HANZO_GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { getFontSize } from "@hanzo/gui-font-size";
|
|
3
|
+
import { getButtonSized } from "@hanzo/gui-get-button-sized";
|
|
4
|
+
import { getIcon, useCurrentColor } from "@hanzo/gui-helpers";
|
|
5
|
+
import { ButtonNestingContext, getElevation, themeableVariants } from "@hanzo/gui-stacks";
|
|
6
|
+
import { SizableText, wrapChildrenInText } from "@hanzo/gui-text";
|
|
7
|
+
import { createStyledContext, getTokenValue, styled, useProps, View, withStaticProperties } from "@hanzo/gui-web";
|
|
8
|
+
import { useContext } from "react";
|
|
9
|
+
var context = createStyledContext({
|
|
10
|
+
size: void 0,
|
|
11
|
+
variant: void 0,
|
|
12
|
+
color: void 0,
|
|
13
|
+
elevation: void 0
|
|
14
|
+
}),
|
|
15
|
+
Frame = styled(View, {
|
|
16
|
+
context,
|
|
17
|
+
name: "Button",
|
|
18
|
+
role: "button",
|
|
19
|
+
render: /* @__PURE__ */_jsx("button", {
|
|
20
|
+
type: "button"
|
|
21
|
+
}),
|
|
22
|
+
tabIndex: 0,
|
|
23
|
+
variants: {
|
|
24
|
+
unstyled: {
|
|
25
|
+
false: {
|
|
26
|
+
size: "$true",
|
|
27
|
+
justifyContent: "center",
|
|
28
|
+
alignItems: "center",
|
|
29
|
+
flexWrap: "nowrap",
|
|
30
|
+
flexDirection: "row",
|
|
31
|
+
cursor: "pointer",
|
|
32
|
+
backgroundColor: "$background",
|
|
33
|
+
borderWidth: 1,
|
|
34
|
+
borderColor: "transparent",
|
|
35
|
+
hoverStyle: {
|
|
36
|
+
backgroundColor: "$backgroundHover",
|
|
37
|
+
borderColor: "$borderColorHover"
|
|
38
|
+
},
|
|
39
|
+
pressStyle: {
|
|
40
|
+
backgroundColor: "$backgroundPress",
|
|
41
|
+
borderColor: "$borderColorHover"
|
|
42
|
+
},
|
|
43
|
+
focusVisibleStyle: {
|
|
44
|
+
outlineColor: "$outlineColor",
|
|
45
|
+
outlineStyle: "solid",
|
|
46
|
+
outlineWidth: 2
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
variant: {
|
|
51
|
+
outlined: process.env.HANZO_GUI_HEADLESS === "1" ? {} : {
|
|
52
|
+
backgroundColor: "transparent",
|
|
53
|
+
borderWidth: 1,
|
|
54
|
+
borderColor: "$borderColor",
|
|
55
|
+
hoverStyle: {
|
|
56
|
+
backgroundColor: "transparent",
|
|
57
|
+
borderColor: "$borderColorHover"
|
|
58
|
+
},
|
|
59
|
+
pressStyle: {
|
|
60
|
+
backgroundColor: "transparent",
|
|
61
|
+
borderColor: "$borderColorPress"
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
circular: themeableVariants.circular,
|
|
66
|
+
chromeless: themeableVariants.chromeless,
|
|
67
|
+
size: {
|
|
68
|
+
"...size": function (val, extras) {
|
|
69
|
+
var buttonStyle = getButtonSized(val, extras),
|
|
70
|
+
gap = getTokenValue(val);
|
|
71
|
+
return {
|
|
72
|
+
...buttonStyle,
|
|
73
|
+
gap
|
|
74
|
+
};
|
|
75
|
+
},
|
|
76
|
+
":number": function (val, extras) {
|
|
77
|
+
var buttonStyle = getButtonSized(val, extras),
|
|
78
|
+
gap = val * 0.4;
|
|
79
|
+
return {
|
|
80
|
+
...buttonStyle,
|
|
81
|
+
gap
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
elevation: {
|
|
86
|
+
"...size": getElevation,
|
|
87
|
+
":number": getElevation
|
|
88
|
+
},
|
|
89
|
+
disabled: {
|
|
90
|
+
true: {
|
|
91
|
+
pointerEvents: "none",
|
|
92
|
+
// @ts-ignore
|
|
93
|
+
"aria-disabled": !0
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
defaultVariants: {
|
|
98
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
99
|
+
}
|
|
100
|
+
}),
|
|
101
|
+
Text = styled(SizableText, {
|
|
102
|
+
context,
|
|
103
|
+
variants: {
|
|
104
|
+
unstyled: {
|
|
105
|
+
false: {
|
|
106
|
+
userSelect: "none",
|
|
107
|
+
cursor: "pointer",
|
|
108
|
+
// flexGrow 1 leads to inconsistent native style where text pushes to start of view
|
|
109
|
+
flexGrow: 0,
|
|
110
|
+
flexShrink: 1,
|
|
111
|
+
ellipsis: !0,
|
|
112
|
+
color: "$color"
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
defaultVariants: {
|
|
117
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
118
|
+
}
|
|
119
|
+
}),
|
|
120
|
+
Icon = function (props) {
|
|
121
|
+
var {
|
|
122
|
+
children,
|
|
123
|
+
scaleIcon = 1,
|
|
124
|
+
size
|
|
125
|
+
} = props,
|
|
126
|
+
styledContext = context.useStyledContext();
|
|
127
|
+
if (!styledContext) throw new Error("Button.Icon must be used within a Button");
|
|
128
|
+
var sizeToken = size ?? styledContext.size,
|
|
129
|
+
iconColor = useCurrentColor(styledContext.color),
|
|
130
|
+
iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : getFontSize(sizeToken)) * scaleIcon;
|
|
131
|
+
return getIcon(children, {
|
|
132
|
+
size: iconSize,
|
|
133
|
+
color: iconColor
|
|
134
|
+
});
|
|
135
|
+
},
|
|
136
|
+
ButtonContext = createStyledContext({
|
|
137
|
+
size: void 0,
|
|
138
|
+
variant: void 0,
|
|
139
|
+
color: void 0
|
|
140
|
+
}),
|
|
141
|
+
ButtonComponent = Frame.styleable(function (propsIn, ref) {
|
|
142
|
+
var isNested = useContext(ButtonNestingContext),
|
|
143
|
+
processedProps = useProps(propsIn, {
|
|
144
|
+
noNormalize: !0,
|
|
145
|
+
noExpand: !0
|
|
146
|
+
}),
|
|
147
|
+
{
|
|
148
|
+
children,
|
|
149
|
+
iconSize,
|
|
150
|
+
icon,
|
|
151
|
+
iconAfter,
|
|
152
|
+
scaleIcon = 1,
|
|
153
|
+
...props
|
|
154
|
+
} = processedProps,
|
|
155
|
+
size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
|
|
156
|
+
styledContext = context.useStyledContext(),
|
|
157
|
+
iconColor = useCurrentColor(styledContext?.color),
|
|
158
|
+
_ref,
|
|
159
|
+
finalSize = (_ref = iconSize ?? size) !== null && _ref !== void 0 ? _ref : styledContext?.size,
|
|
160
|
+
iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : getFontSize(finalSize)) * scaleIcon,
|
|
161
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
|
|
162
|
+
return icon2 ? getIcon(icon2, {
|
|
163
|
+
size: iconSizeNumber,
|
|
164
|
+
color: iconColor
|
|
165
|
+
}) : null;
|
|
166
|
+
}),
|
|
167
|
+
wrappedChildren = wrapChildrenInText(Text, {
|
|
168
|
+
children
|
|
169
|
+
}, {
|
|
170
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1",
|
|
171
|
+
size: finalSize ?? styledContext?.size
|
|
172
|
+
});
|
|
173
|
+
return /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
|
|
174
|
+
value: !0,
|
|
175
|
+
children: /* @__PURE__ */_jsxs(Frame, {
|
|
176
|
+
ref,
|
|
177
|
+
...props,
|
|
178
|
+
...(isNested && {
|
|
179
|
+
render: "span"
|
|
180
|
+
}),
|
|
181
|
+
// Pass resolved size to circular variant when no explicit size provided
|
|
182
|
+
...(props.circular && !propsIn.size && {
|
|
183
|
+
size
|
|
184
|
+
}),
|
|
185
|
+
tabIndex: 0,
|
|
186
|
+
children: [themedIcon, wrappedChildren, themedIconAfter]
|
|
187
|
+
})
|
|
188
|
+
});
|
|
189
|
+
}),
|
|
190
|
+
Button = withStaticProperties(ButtonComponent, {
|
|
191
|
+
Apply: context.Provider,
|
|
192
|
+
Frame,
|
|
193
|
+
Text,
|
|
194
|
+
Icon
|
|
195
|
+
});
|
|
196
|
+
export { Button, ButtonContext };
|
|
197
|
+
//# sourceMappingURL=Button.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","getFontSize","getButtonSized","getIcon","useCurrentColor","ButtonNestingContext","getElevation","themeableVariants","SizableText","wrapChildrenInText","createStyledContext","getTokenValue","styled","useProps","View","withStaticProperties","useContext","context","size","variant","color","elevation","Frame","name","role","render","type","tabIndex","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","HANZO_GUI_HEADLESS","circular","chromeless","...size","val","extras","buttonStyle","gap",":number","disabled","true","pointerEvents","defaultVariants","Text","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","styledContext","useStyledContext","Error","sizeToken","iconColor","iconSize","ButtonContext","ButtonComponent","styleable","propsIn","ref","isNested","processedProps","noNormalize","noExpand","icon","iconAfter","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","Provider","value","Button","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { getDefaultTamaguiConfig } from "@hanzo/gui-config-default";
|
|
2
|
+
import { createTamagui } from "@hanzo/gui-core";
|
|
3
|
+
import { describe, expect, test } from "vitest";
|
|
4
|
+
import { Button } from "./Button.mjs";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
const conf = createTamagui(getDefaultTamaguiConfig());
|
|
7
|
+
describe("Button", () => {
|
|
8
|
+
test("123", () => {
|
|
9
|
+
expect(!0).toBeTruthy();
|
|
10
|
+
}), test("accepts native button html props", () => {
|
|
11
|
+
const _submitBtn = /* @__PURE__ */jsx(Button, {
|
|
12
|
+
type: "submit",
|
|
13
|
+
children: "Submit"
|
|
14
|
+
}),
|
|
15
|
+
_resetBtn = /* @__PURE__ */jsx(Button, {
|
|
16
|
+
type: "reset",
|
|
17
|
+
children: "Reset"
|
|
18
|
+
}),
|
|
19
|
+
_buttonBtn = /* @__PURE__ */jsx(Button, {
|
|
20
|
+
type: "button",
|
|
21
|
+
children: "Button"
|
|
22
|
+
}),
|
|
23
|
+
_formBtn = /* @__PURE__ */jsx(Button, {
|
|
24
|
+
type: "submit",
|
|
25
|
+
form: "myForm",
|
|
26
|
+
formAction: "/submit",
|
|
27
|
+
formMethod: "post",
|
|
28
|
+
formTarget: "_blank",
|
|
29
|
+
formNoValidate: !0,
|
|
30
|
+
name: "submitBtn",
|
|
31
|
+
value: "submit",
|
|
32
|
+
children: "Submit"
|
|
33
|
+
});
|
|
34
|
+
expect(!0).toBeTruthy();
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=Button.test.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","jsx","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name","value"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AACvC,SAASC,MAAA,QAAc;AAYA,SAAAC,GAAA;AAVvB,MAAMC,IAAA,GAAON,aAAA,CAAcD,uBAAA,CAAwB,CAAC;AAEpDE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC,GAGDJ,IAAA,CAAK,oCAAoC,MAAM;IAE7C,MAAMK,UAAA,GAAa,eAAAH,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCC,SAAA,GAAY,eAAAN,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAAQC,QAAA;MAAA,CAAK;MACtCE,UAAA,GAAa,eAAAP,GAAA,CAACD,MAAA;QAAOK,IAAA,EAAK;QAASC,QAAA;MAAA,CAAM;MACzCG,QAAA,GACJ,eAAAR,GAAA,CAACD,MAAA;QACCK,IAAA,EAAK;QACLK,IAAA,EAAK;QACLC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,UAAA,EAAW;QACXC,cAAA,EAAc;QACdC,IAAA,EAAK;QACLC,KAAA,EAAM;QACPV,QAAA;MAAA,CAED;IAEFR,MAAA,CAAO,EAAI,EAAEK,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getDefaultTamaguiConfig } from "@hanzo/gui-config-default";
|
|
3
|
+
import { createTamagui } from "@hanzo/gui-core";
|
|
4
|
+
import { describe, expect, test } from "vitest";
|
|
5
|
+
import { Button } from "./Button.native.js";
|
|
6
|
+
var conf = createTamagui(getDefaultTamaguiConfig());
|
|
7
|
+
describe("Button", function () {
|
|
8
|
+
test("123", function () {
|
|
9
|
+
expect(!0).toBeTruthy();
|
|
10
|
+
}), test("accepts native button html props", function () {
|
|
11
|
+
var _submitBtn = /* @__PURE__ */_jsx(Button, {
|
|
12
|
+
type: "submit",
|
|
13
|
+
children: "Submit"
|
|
14
|
+
}),
|
|
15
|
+
_resetBtn = /* @__PURE__ */_jsx(Button, {
|
|
16
|
+
type: "reset",
|
|
17
|
+
children: "Reset"
|
|
18
|
+
}),
|
|
19
|
+
_buttonBtn = /* @__PURE__ */_jsx(Button, {
|
|
20
|
+
type: "button",
|
|
21
|
+
children: "Button"
|
|
22
|
+
}),
|
|
23
|
+
_formBtn = /* @__PURE__ */_jsx(Button, {
|
|
24
|
+
type: "submit",
|
|
25
|
+
form: "myForm",
|
|
26
|
+
formAction: "/submit",
|
|
27
|
+
formMethod: "post",
|
|
28
|
+
formTarget: "_blank",
|
|
29
|
+
formNoValidate: !0,
|
|
30
|
+
name: "submitBtn",
|
|
31
|
+
value: "submit",
|
|
32
|
+
children: "Submit"
|
|
33
|
+
});
|
|
34
|
+
expect(!0).toBeTruthy();
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=Button.test.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getDefaultTamaguiConfig","createTamagui","describe","expect","test","Button","conf","toBeTruthy","_submitBtn","type","children","_resetBtn","_buttonBtn","_formBtn","form","formAction","formMethod","formTarget","formNoValidate","name"],"sources":["../../src/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA+B;AACxC,SAASC,uBAAqB;AAC9B,SAASC,aAAU,QAAQ,iBAAY;AACvC,SAASC,QAAA,EAAAC,MAAc,EAAAC,IAAA;AAYA,SAAAC,MAAA;AAVvB,IAAAC,IAAM,GAAAL,aAAO,CAAAD,uBAAc,GAAwB;AAEnDE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,EAAI,EAAEI,UAAA,CAAW;EAC1B,CAAC,GAGDH,IAAA,CAAK,oCAAoC,YAAM;IAE7C,IAAAI,UAAM,kBAAaT,IAAA,CAAAM,MAAC;QAIjBI,IAAA;QAAAC,QAAA;MAAA;MACCC,SAAK,kBAAAZ,IAAA,CAAAM,MAAA;QAAAI,IACL,SAAK;QAAAC,QACL;MAAW;MACXE,UAAA,GAAW,eAAAb,IAAA,CAAAM,MAAA;QAAAI,IACX,UAAW;QAAAC,QACX;MAAc;MACdG,QAAK,kBAAAd,IAAA,CAAAM,MAAA;QAAAI,IACL,UAAM;QAAAK,IACP;QAAAC,UAAA;QAEDC,UAAA;QAEFC,UAAa,UAAW;QACzBC,cAAA;QAWFC,IAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|