@servicetitan/anvil2 1.12.3 → 1.13.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/Button2.css +15 -41
- package/dist/Button22.js +18 -36
- package/dist/Button22.js.map +1 -1
- package/dist/Button3.js +23 -22
- package/dist/Button3.js.map +1 -1
- package/dist/Checkbox3.js +8 -10
- package/dist/Checkbox3.js.map +1 -1
- package/dist/SideNav.css +160 -35
- package/dist/SideNav2.js +29 -11
- package/dist/SideNav2.js.map +1 -1
- package/dist/Skeleton.css +68 -0
- package/dist/Skeleton.d.ts +37 -0
- package/dist/Skeleton.js +211 -0
- package/dist/Skeleton.js.map +1 -0
- package/dist/Spinner.css +40 -0
- package/dist/Spinner.d.ts +15 -0
- package/dist/Spinner.js +2 -0
- package/dist/Spinner.js.map +1 -0
- package/dist/Spinner2.js +12 -0
- package/dist/Spinner2.js.map +1 -0
- package/dist/Spinner3.js +28 -0
- package/dist/Spinner3.js.map +1 -0
- package/dist/SrOnly3.js.map +1 -1
- package/dist/Stepper2.js.map +1 -1
- package/dist/Switch2.js.map +1 -1
- package/dist/Tab2.js.map +1 -1
- package/dist/Text3.js.map +1 -1
- package/dist/TextField3.js +1 -1
- package/dist/TextField3.js.map +1 -1
- package/dist/Textarea2.js +2 -5
- package/dist/Textarea2.js.map +1 -1
- package/dist/Tooltip3.js.map +1 -1
- package/dist/anvil2.d.ts +7 -0
- package/dist/anvil2.js +1 -0
- package/dist/anvil2.js.map +1 -1
- package/dist/toast2.js +30 -0
- package/dist/toast2.js.map +1 -1
- package/package.json +2 -14
package/dist/Button2.css
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap")
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap");
|
|
2
|
+
@layer starter, reset, base, state, application;
|
|
3
|
+
@layer reset {
|
|
2
4
|
._button_j94k2_4, ._button_j94k2_4._type-icon_j94k2_4 {
|
|
3
5
|
all: unset;
|
|
4
6
|
font-family: "Nunito Sans", sans-serif;
|
|
@@ -12,7 +14,8 @@
|
|
|
12
14
|
box-sizing: border-box;
|
|
13
15
|
display: initial;
|
|
14
16
|
}
|
|
15
|
-
}
|
|
17
|
+
}
|
|
18
|
+
@layer base {
|
|
16
19
|
._button_j94k2_4, ._button_j94k2_4._type-icon_j94k2_4 {
|
|
17
20
|
width: fit-content;
|
|
18
21
|
min-width: 5rem;
|
|
@@ -56,7 +59,8 @@
|
|
|
56
59
|
._button_j94k2_4 ._icon_j94k2_59 {
|
|
57
60
|
display: inline-flex;
|
|
58
61
|
}
|
|
59
|
-
}
|
|
62
|
+
}
|
|
63
|
+
@layer state {
|
|
60
64
|
._button_j94k2_4:not(:disabled, ._disabled_j94k2_64, [aria-disabled=true])[data-interactive=focus-visible], ._button_j94k2_4:not(:disabled, ._disabled_j94k2_64, [aria-disabled=true]):focus-visible {
|
|
61
65
|
outline-width: 0.125rem;
|
|
62
66
|
}
|
|
@@ -190,7 +194,8 @@
|
|
|
190
194
|
background-color: var(--background-color-strongest, #bcbcbd);
|
|
191
195
|
border-color: transparent;
|
|
192
196
|
}
|
|
193
|
-
}
|
|
197
|
+
}
|
|
198
|
+
@keyframes _indeterminate-before_j94k2_1 {
|
|
194
199
|
0% {
|
|
195
200
|
inset-inline-start: -35%;
|
|
196
201
|
inset-inline-end: 100%;
|
|
@@ -211,7 +216,8 @@
|
|
|
211
216
|
inset-inline-start: -35%;
|
|
212
217
|
inset-inline-end: 100%;
|
|
213
218
|
}
|
|
214
|
-
}
|
|
219
|
+
}
|
|
220
|
+
@layer base {
|
|
215
221
|
._button-compound_j94k2_221 {
|
|
216
222
|
background-color: transparent;
|
|
217
223
|
padding-block: 0;
|
|
@@ -221,7 +227,8 @@
|
|
|
221
227
|
min-width: auto;
|
|
222
228
|
outline-color: var(--focus-ring-color, #0265dc);
|
|
223
229
|
}
|
|
224
|
-
}
|
|
230
|
+
}
|
|
231
|
+
@layer state {
|
|
225
232
|
._button-compound_j94k2_221[data-interactive=hover]::before, ._button-compound_j94k2_221:hover::before {
|
|
226
233
|
background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
|
|
227
234
|
z-index: 1;
|
|
@@ -239,7 +246,8 @@
|
|
|
239
246
|
._button-compound_j94k2_221._shape-circular_j94k2_246 {
|
|
240
247
|
border-radius: 100%;
|
|
241
248
|
}
|
|
242
|
-
}
|
|
249
|
+
}
|
|
250
|
+
@layer state {
|
|
243
251
|
._button-toggle_j94k2_251[aria-pressed=true]:not(:disabled, ._disabled_j94k2_64, [aria-disabled=true]) {
|
|
244
252
|
color: var(--foreground-color-primary, #0265dc);
|
|
245
253
|
border-color: var(--border-color-primary, #0265dc);
|
|
@@ -268,38 +276,4 @@
|
|
|
268
276
|
transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
269
277
|
background-color: var(--background-color-primary-subdued, #e0f2ff);
|
|
270
278
|
}
|
|
271
|
-
}@layer reset {
|
|
272
|
-
._Spinner_1uyx3_3 {
|
|
273
|
-
all: unset;
|
|
274
|
-
font-family: "Nunito Sans", sans-serif;
|
|
275
|
-
font-size: 100%;
|
|
276
|
-
color: var(--foreground-color, #141414);
|
|
277
|
-
margin: 0;
|
|
278
|
-
padding: 0;
|
|
279
|
-
border-style: none;
|
|
280
|
-
border-width: 0;
|
|
281
|
-
border-color: transparent;
|
|
282
|
-
box-sizing: border-box;
|
|
283
|
-
display: initial;
|
|
284
|
-
}
|
|
285
|
-
}._Spinner_1uyx3_3 {
|
|
286
|
-
aspect-ratio: 1;
|
|
287
|
-
color: var(--background-color-primary, #0265dc);
|
|
288
|
-
}._Spinner_1uyx3_3._Inherit_1uyx3_21 {
|
|
289
|
-
color: currentColor;
|
|
290
|
-
}._circle_1uyx3_25 {
|
|
291
|
-
display: block;
|
|
292
|
-
border: 0.125rem solid transparent;
|
|
293
|
-
border-block-start: 0.125rem solid currentColor;
|
|
294
|
-
border-inline-start: 0.125rem solid currentColor;
|
|
295
|
-
border-radius: 50%;
|
|
296
|
-
aspect-ratio: 1;
|
|
297
|
-
animation: _spin_1uyx3_1 1s linear infinite;
|
|
298
|
-
}@keyframes _spin_1uyx3_1 {
|
|
299
|
-
0% {
|
|
300
|
-
transform: rotate(0deg);
|
|
301
|
-
}
|
|
302
|
-
100% {
|
|
303
|
-
transform: rotate(360deg);
|
|
304
|
-
}
|
|
305
279
|
}
|
package/dist/Button22.js
CHANGED
|
@@ -2,13 +2,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { cx } from './index3.js';
|
|
4
4
|
import { Icon } from './Icon3.js';
|
|
5
|
+
import { Spinner } from './Spinner3.js';
|
|
5
6
|
import { useLayoutPropsUtil } from './useLayoutPropsUtil.js';
|
|
6
7
|
|
|
7
8
|
import './Button2.css';const button = "_button_j94k2_4";
|
|
8
9
|
const icon = "_icon_j94k2_59";
|
|
9
10
|
const disabled = "_disabled_j94k2_64";
|
|
10
11
|
const loading = "_loading_j94k2_73";
|
|
11
|
-
const styles
|
|
12
|
+
const styles = {
|
|
12
13
|
button: button,
|
|
13
14
|
"type-icon": "_type-icon_j94k2_4",
|
|
14
15
|
icon: icon,
|
|
@@ -31,25 +32,6 @@ const styles$1 = {
|
|
|
31
32
|
"indeterminate-before": "_indeterminate-before_j94k2_1"
|
|
32
33
|
};
|
|
33
34
|
|
|
34
|
-
const Spinner$1 = "_Spinner_1uyx3_3";
|
|
35
|
-
const Inherit = "_Inherit_1uyx3_21";
|
|
36
|
-
const circle = "_circle_1uyx3_25";
|
|
37
|
-
const spin = "_spin_1uyx3_1";
|
|
38
|
-
const styles = {
|
|
39
|
-
Spinner: Spinner$1,
|
|
40
|
-
Inherit: Inherit,
|
|
41
|
-
circle: circle,
|
|
42
|
-
spin: spin
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
const Spinner = (props) => {
|
|
46
|
-
const { className, inherit, ...rest } = props;
|
|
47
|
-
const classNames = cx(styles["Spinner"], className, {
|
|
48
|
-
[styles["Inherit"]]: inherit
|
|
49
|
-
});
|
|
50
|
-
return /* @__PURE__ */ jsx("span", { "data-anv": "spinner", className: classNames, children: /* @__PURE__ */ jsx("span", { className: styles["circle"], ...rest }) });
|
|
51
|
-
};
|
|
52
|
-
|
|
53
35
|
const Button = forwardRef(
|
|
54
36
|
(props, ref) => {
|
|
55
37
|
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
@@ -65,24 +47,24 @@ const Button = forwardRef(
|
|
|
65
47
|
type = "button",
|
|
66
48
|
...rest
|
|
67
49
|
} = componentProps;
|
|
68
|
-
const buttonClassNames = cx(className, styles
|
|
69
|
-
[styles
|
|
70
|
-
[styles
|
|
71
|
-
[styles
|
|
72
|
-
[styles
|
|
73
|
-
[styles
|
|
74
|
-
[styles
|
|
75
|
-
[styles
|
|
76
|
-
[styles
|
|
77
|
-
[styles
|
|
78
|
-
[styles
|
|
50
|
+
const buttonClassNames = cx(className, styles["button"], {
|
|
51
|
+
[styles["appearance-primary"]]: appearance === "primary",
|
|
52
|
+
[styles["appearance-secondary"]]: appearance === "secondary",
|
|
53
|
+
[styles["appearance-ghost"]]: appearance === "ghost",
|
|
54
|
+
[styles["danger-secondary"]]: appearance === "danger-secondary",
|
|
55
|
+
[styles["danger-primary"]]: appearance === "danger",
|
|
56
|
+
[styles["size-small"]]: size === "small",
|
|
57
|
+
[styles["size-medium"]]: size === "medium",
|
|
58
|
+
[styles["size-large"]]: size === "large",
|
|
59
|
+
[styles["type-icon"]]: !children,
|
|
60
|
+
[styles["loading"]]: loading
|
|
79
61
|
});
|
|
80
62
|
const iconBefore = (icon2) => {
|
|
81
63
|
if (typeof icon2 === "object" && "before" in icon2) {
|
|
82
64
|
return /* @__PURE__ */ jsx(
|
|
83
65
|
Icon,
|
|
84
66
|
{
|
|
85
|
-
className: styles
|
|
67
|
+
className: styles["icon"],
|
|
86
68
|
inherit: true,
|
|
87
69
|
"aria-hidden": true,
|
|
88
70
|
svg: icon2.before
|
|
@@ -93,7 +75,7 @@ const Button = forwardRef(
|
|
|
93
75
|
return /* @__PURE__ */ jsx(
|
|
94
76
|
Icon,
|
|
95
77
|
{
|
|
96
|
-
className: styles
|
|
78
|
+
className: styles["icon"],
|
|
97
79
|
inherit: true,
|
|
98
80
|
"aria-hidden": true,
|
|
99
81
|
svg: icon2,
|
|
@@ -119,12 +101,12 @@ const Button = forwardRef(
|
|
|
119
101
|
ref,
|
|
120
102
|
...rest,
|
|
121
103
|
children: [
|
|
122
|
-
loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles
|
|
104
|
+
loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles["loading-spinner"] }) : icon ? iconBefore(icon) : null,
|
|
123
105
|
children,
|
|
124
106
|
typeof icon === "object" && "after" in icon ? /* @__PURE__ */ jsx(
|
|
125
107
|
Icon,
|
|
126
108
|
{
|
|
127
|
-
className: styles
|
|
109
|
+
className: styles["icon"],
|
|
128
110
|
inherit: true,
|
|
129
111
|
"aria-hidden": true,
|
|
130
112
|
svg: icon.after
|
|
@@ -137,5 +119,5 @@ const Button = forwardRef(
|
|
|
137
119
|
);
|
|
138
120
|
Button.displayName = "Button";
|
|
139
121
|
|
|
140
|
-
export { Button,
|
|
122
|
+
export { Button, styles };
|
|
141
123
|
//# sourceMappingURL=Button22.js.map
|
package/dist/Button22.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button2.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"Button22.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button2.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport { Spinner } from './Spinner.js';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\n\nimport './Button.css';const button = \"_button_j94k2_4\";\nconst icon = \"_icon_j94k2_59\";\nconst disabled = \"_disabled_j94k2_64\";\nconst loading = \"_loading_j94k2_73\";\nconst styles = {\n\tbutton: button,\n\t\"type-icon\": \"_type-icon_j94k2_4\",\n\ticon: icon,\n\tdisabled: disabled,\n\tloading: loading,\n\t\"loading-spinner\": \"_loading-spinner_j94k2_76\",\n\t\"appearance-primary\": \"_appearance-primary_j94k2_79\",\n\t\"appearance-secondary\": \"_appearance-secondary_j94k2_91\",\n\t\"appearance-ghost\": \"_appearance-ghost_j94k2_103\",\n\t\"danger-primary\": \"_danger-primary_j94k2_115\",\n\t\"danger-secondary\": \"_danger-secondary_j94k2_127\",\n\t\"size-small\": \"_size-small_j94k2_139\",\n\t\"size-medium\": \"_size-medium_j94k2_148\",\n\t\"size-large\": \"_size-large_j94k2_156\",\n\t\"button-compound\": \"_button-compound_j94k2_221\",\n\t\"shape-rounded\": \"_shape-rounded_j94k2_240\",\n\t\"shape-pill\": \"_shape-pill_j94k2_243\",\n\t\"shape-circular\": \"_shape-circular_j94k2_246\",\n\t\"button-toggle\": \"_button-toggle_j94k2_251\",\n\t\"indeterminate-before\": \"_indeterminate-before_j94k2_1\"\n};\n\nconst Button = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n style,\n type = \"button\",\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2,\n size: !children && size !== \"small\" ? \"large\" : \"medium\"\n }\n );\n }\n return;\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled: disabled || loading,\n \"aria-busy\": loading ? true : void 0,\n \"data-anv\": \"button\",\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButton.displayName = \"Button\";\n\nexport { Button, styles };\n//# sourceMappingURL=Button2.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Button3.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { styles
|
|
1
|
+
import { styles, Button } from './Button22.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, useState, useEffect } from 'react';
|
|
4
4
|
import { cx } from './index3.js';
|
|
5
5
|
import { useLayoutPropsUtil } from './useLayoutPropsUtil.js';
|
|
6
6
|
import { Icon } from './Icon3.js';
|
|
7
|
+
import { Spinner } from './Spinner3.js';
|
|
7
8
|
|
|
8
9
|
const ButtonCompound = forwardRef((props, ref) => {
|
|
9
10
|
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
@@ -18,12 +19,12 @@ const ButtonCompound = forwardRef((props, ref) => {
|
|
|
18
19
|
} = componentProps;
|
|
19
20
|
const buttonClassNames = cx(
|
|
20
21
|
className,
|
|
21
|
-
styles
|
|
22
|
-
styles
|
|
22
|
+
styles["button"],
|
|
23
|
+
styles["button-compound"],
|
|
23
24
|
{
|
|
24
|
-
[styles
|
|
25
|
-
[styles
|
|
26
|
-
[styles
|
|
25
|
+
[styles["shape-pill"]]: shape === "pill",
|
|
26
|
+
[styles["shape-circular"]]: shape === "circular",
|
|
27
|
+
[styles["shape-rounded"]]: shape === "rounded"
|
|
27
28
|
}
|
|
28
29
|
);
|
|
29
30
|
const styleCombined = {
|
|
@@ -63,17 +64,17 @@ const ButtonLink = forwardRef(
|
|
|
63
64
|
style,
|
|
64
65
|
...rest
|
|
65
66
|
} = componentProps;
|
|
66
|
-
const buttonClassNames = cx(className, styles
|
|
67
|
-
[styles
|
|
68
|
-
[styles
|
|
69
|
-
[styles
|
|
70
|
-
[styles
|
|
71
|
-
[styles
|
|
72
|
-
[styles
|
|
73
|
-
[styles
|
|
74
|
-
[styles
|
|
75
|
-
[styles
|
|
76
|
-
[styles
|
|
67
|
+
const buttonClassNames = cx(className, styles["button"], {
|
|
68
|
+
[styles["appearance-primary"]]: appearance === "primary",
|
|
69
|
+
[styles["appearance-secondary"]]: appearance === "secondary",
|
|
70
|
+
[styles["appearance-ghost"]]: appearance === "ghost",
|
|
71
|
+
[styles["danger-secondary"]]: appearance === "danger-secondary",
|
|
72
|
+
[styles["danger-primary"]]: appearance === "danger",
|
|
73
|
+
[styles["size-small"]]: size === "small",
|
|
74
|
+
[styles["size-medium"]]: size === "medium",
|
|
75
|
+
[styles["size-large"]]: size === "large",
|
|
76
|
+
[styles["type-icon"]]: !children,
|
|
77
|
+
[styles["loading"]]: loading
|
|
77
78
|
});
|
|
78
79
|
const iconBefore = (icon2) => {
|
|
79
80
|
if (icon2 && typeof icon2 === "object" && "before" in icon2) {
|
|
@@ -81,14 +82,14 @@ const ButtonLink = forwardRef(
|
|
|
81
82
|
Icon,
|
|
82
83
|
{
|
|
83
84
|
"aria-hidden": true,
|
|
84
|
-
className: styles
|
|
85
|
+
className: styles["icon"],
|
|
85
86
|
inherit: true,
|
|
86
87
|
svg: icon2.before
|
|
87
88
|
}
|
|
88
89
|
);
|
|
89
90
|
}
|
|
90
91
|
if (icon2 && typeof icon2 !== "object") {
|
|
91
|
-
return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: styles
|
|
92
|
+
return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, className: styles["icon"], inherit: true, svg: icon2 });
|
|
92
93
|
}
|
|
93
94
|
return;
|
|
94
95
|
};
|
|
@@ -134,12 +135,12 @@ const ButtonLink = forwardRef(
|
|
|
134
135
|
ref,
|
|
135
136
|
...rest,
|
|
136
137
|
children: [
|
|
137
|
-
loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles
|
|
138
|
+
loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles["loading-spinner"] }) : icon ? iconBefore(icon) : null,
|
|
138
139
|
children,
|
|
139
140
|
typeof icon === "object" && "after" in icon ? /* @__PURE__ */ jsx(
|
|
140
141
|
Icon,
|
|
141
142
|
{
|
|
142
|
-
className: styles
|
|
143
|
+
className: styles["icon"],
|
|
143
144
|
inherit: true,
|
|
144
145
|
"aria-hidden": true,
|
|
145
146
|
svg: icon.after
|
|
@@ -167,7 +168,7 @@ const ButtonToggle = forwardRef(
|
|
|
167
168
|
...rest
|
|
168
169
|
} = componentProps;
|
|
169
170
|
const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);
|
|
170
|
-
const ButtonToggleClassNames = cx(className, styles
|
|
171
|
+
const ButtonToggleClassNames = cx(className, styles["button-toggle"]);
|
|
171
172
|
const onClickHandler = (e) => {
|
|
172
173
|
if (typeof checked === "undefined") {
|
|
173
174
|
setIsPressed(!isPressed);
|
package/dist/Button3.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button3.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button.js"],"sourcesContent":["import { styles, Spinner, Button } from './Button2.js';\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect } from 'react';\nimport cx from 'classnames';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Icon } from './Icon.js';\n\nconst ButtonCompound = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n shape = \"rounded\",\n type,\n disabled,\n children,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(\n className,\n styles[\"button\"],\n styles[\"button-compound\"],\n {\n [styles[\"shape-pill\"]]: shape === \"pill\",\n [styles[\"shape-circular\"]]: shape === \"circular\",\n [styles[\"shape-rounded\"]]: shape === \"rounded\"\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled,\n \"data-anv\": \"button-compound\",\n ref,\n style: styleCombined,\n ...rest,\n children\n }\n );\n});\nButtonCompound.displayName = \"ButtonCompound\";\n\nconst ButtonLink = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n onClick,\n onKeyUp,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (icon2 && typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n \"aria-hidden\": true,\n className: styles[\"icon\"],\n inherit: true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, className: styles[\"icon\"], inherit: true, svg: icon2 });\n }\n return;\n };\n const handleOnClick = (e) => {\n if (disabled || loading) {\n e.preventDefault();\n return;\n }\n onClick?.(e);\n };\n const onKeyDownHandler = (e) => {\n if (e.code === \"Space\") {\n e.preventDefault();\n onKeyDown?.(e);\n return;\n }\n onKeyDown?.(e);\n };\n const onKeyUpHandler = (e) => {\n if (e.code === \"Space\" || e.code === \"Enter\") {\n e.preventDefault();\n onClick && e.currentTarget.click();\n }\n onKeyUp?.(e);\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"a\",\n {\n role: \"link\",\n className: buttonClassNames,\n \"aria-disabled\": disabled || loading,\n \"aria-busy\": loading,\n \"data-anv\": \"button-link\",\n tabIndex: disabled || loading ? -1 : 0,\n onClick: handleOnClick,\n onKeyDown: onKeyDownHandler,\n onKeyUp: onKeyUpHandler,\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButtonLink.displayName = \"ButtonLink\";\n\nconst ButtonToggle = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n value,\n defaultChecked = false,\n checked,\n className,\n onClick,\n onChange,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n const onClickHandler = (e) => {\n if (typeof checked === \"undefined\") {\n setIsPressed(!isPressed);\n onChange?.(e, { pressed: !isPressed, value });\n }\n onClick?.(e);\n };\n useEffect(() => {\n if (typeof checked === \"undefined\")\n return;\n setIsPressed(checked);\n }, [checked]);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Button,\n {\n \"data-anv\": \"button-toggle\",\n \"aria-pressed\": isPressed,\n onClick: onClickHandler,\n className: ButtonToggleClassNames,\n value,\n style: styleCombined,\n ref,\n ...rest\n }\n );\n }\n);\nButtonToggle.displayName = \"ButtonToggle\";\n\nexport { Button, ButtonCompound, ButtonLink, ButtonToggle };\n//# sourceMappingURL=Button.js.map\n"],"names":["styles"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Button3.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Button.js"],"sourcesContent":["import { styles, Button } from './Button2.js';\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect } from 'react';\nimport cx from 'classnames';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Icon } from './Icon.js';\nimport { Spinner } from './Spinner.js';\n\nconst ButtonCompound = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n shape = \"rounded\",\n type,\n disabled,\n children,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(\n className,\n styles[\"button\"],\n styles[\"button-compound\"],\n {\n [styles[\"shape-pill\"]]: shape === \"pill\",\n [styles[\"shape-circular\"]]: shape === \"circular\",\n [styles[\"shape-rounded\"]]: shape === \"rounded\"\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled,\n \"data-anv\": \"button-compound\",\n ref,\n style: styleCombined,\n ...rest,\n children\n }\n );\n});\nButtonCompound.displayName = \"ButtonCompound\";\n\nconst ButtonLink = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n onClick,\n onKeyUp,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (icon2 && typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n \"aria-hidden\": true,\n className: styles[\"icon\"],\n inherit: true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, className: styles[\"icon\"], inherit: true, svg: icon2 });\n }\n return;\n };\n const handleOnClick = (e) => {\n if (disabled || loading) {\n e.preventDefault();\n return;\n }\n onClick?.(e);\n };\n const onKeyDownHandler = (e) => {\n if (e.code === \"Space\") {\n e.preventDefault();\n onKeyDown?.(e);\n return;\n }\n onKeyDown?.(e);\n };\n const onKeyUpHandler = (e) => {\n if (e.code === \"Space\" || e.code === \"Enter\") {\n e.preventDefault();\n onClick && e.currentTarget.click();\n }\n onKeyUp?.(e);\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"a\",\n {\n role: \"link\",\n className: buttonClassNames,\n \"aria-disabled\": disabled || loading,\n \"aria-busy\": loading,\n \"data-anv\": \"button-link\",\n tabIndex: disabled || loading ? -1 : 0,\n onClick: handleOnClick,\n onKeyDown: onKeyDownHandler,\n onKeyUp: onKeyUpHandler,\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButtonLink.displayName = \"ButtonLink\";\n\nconst ButtonToggle = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n value,\n defaultChecked = false,\n checked,\n className,\n onClick,\n onChange,\n onKeyDown,\n style,\n ...rest\n } = componentProps;\n const [isPressed, setIsPressed] = useState(checked ?? defaultChecked);\n const ButtonToggleClassNames = cx(className, styles[\"button-toggle\"]);\n const onClickHandler = (e) => {\n if (typeof checked === \"undefined\") {\n setIsPressed(!isPressed);\n onChange?.(e, { pressed: !isPressed, value });\n }\n onClick?.(e);\n };\n useEffect(() => {\n if (typeof checked === \"undefined\")\n return;\n setIsPressed(checked);\n }, [checked]);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Button,\n {\n \"data-anv\": \"button-toggle\",\n \"aria-pressed\": isPressed,\n onClick: onClickHandler,\n className: ButtonToggleClassNames,\n value,\n style: styleCombined,\n ref,\n ...rest\n }\n );\n }\n);\nButtonToggle.displayName = \"ButtonToggle\";\n\nexport { Button, ButtonCompound, ButtonLink, ButtonToggle };\n//# sourceMappingURL=Button.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/Checkbox3.js
CHANGED
|
@@ -102,26 +102,24 @@ const CheckboxElement = forwardRef(
|
|
|
102
102
|
indeterminate: indeterminateIcon = SvgIndeterminateCheckBox,
|
|
103
103
|
unchecked: uncheckedIcon = SvgCheckBoxOutlineBlank
|
|
104
104
|
} = { ...icons };
|
|
105
|
-
const [checked, setChecked] = useState(
|
|
105
|
+
const [checked, setChecked] = useState(defaultChecked);
|
|
106
106
|
useEffect(() => {
|
|
107
107
|
if (typeof checkedProp === "undefined")
|
|
108
108
|
return;
|
|
109
|
+
setChecked(checkedProp);
|
|
110
|
+
}, [checkedProp]);
|
|
111
|
+
const onChangeHandler = (e) => {
|
|
109
112
|
setChecked((prev) => {
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
+
onChange?.(e, { value, checked: checkedProp ?? e.target.checked });
|
|
114
|
+
if (typeof checkedProp === "undefined")
|
|
115
|
+
return !prev;
|
|
113
116
|
return checkedProp;
|
|
114
117
|
});
|
|
115
|
-
}, [checkedProp, onChange, value]);
|
|
116
|
-
const onChangeHandler = (e) => {
|
|
117
|
-
if (checkedProp)
|
|
118
|
-
return;
|
|
119
|
-
onChange?.(e, { value, checked: checked ?? e.target.checked });
|
|
120
118
|
};
|
|
121
119
|
const onClickHandler = (e) => {
|
|
122
120
|
onClick?.(e, {
|
|
123
121
|
value,
|
|
124
|
-
checked:
|
|
122
|
+
checked: checkedProp ?? e.target.checked
|
|
125
123
|
});
|
|
126
124
|
};
|
|
127
125
|
const helperUid = useId();
|
package/dist/Checkbox3.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox3.js","sources":["../node_modules/@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/check_box.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg","../node_modules/@servicetitan/hammer-react/dist/Checkbox.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect, useId } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport Checkbox_outline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport Checkbox_checked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport Checkbox_indeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Helper } from './Helper.js';\n\nimport './index8.css';const checkbox = \"_checkbox_1mc89_4\";\nconst wrapper = \"_wrapper_1mc89_19\";\nconst error = \"_error_1mc89_85\";\nconst legend = \"_legend_1mc89_201\";\nconst children = \"_children_1mc89_213\";\nconst label = \"_label_1mc89_219\";\nconst styles = {\n\tcheckbox: checkbox,\n\twrapper: wrapper,\n\t\"required-asterisk\": \"_required-asterisk_1mc89_33\",\n\t\"icon-wrapper\": \"_icon-wrapper_1mc89_37\",\n\t\"helper-wrapper\": \"_helper-wrapper_1mc89_70\",\n\t\"icon-indeterminate\": \"_icon-indeterminate_1mc89_75\",\n\t\"icon-unchecked\": \"_icon-unchecked_1mc89_76\",\n\t\"icon-checked\": \"_icon-checked_1mc89_77\",\n\terror: error,\n\t\"checkbox-group\": \"_checkbox-group_1mc89_181\",\n\tlegend: legend,\n\tchildren: children,\n\tlabel: label\n};\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { className, children, legend, required, style, ...rest } = componentProps;\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: styles[\"legend\"], children: [\n legend,\n required && \", required\"\n ] }),\n /* @__PURE__ */ jsxs(\"label\", { className: styles[\"label\"], \"aria-hidden\": true, children: [\n legend,\n required && /* @__PURE__ */ jsx(\"span\", { className: styles[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: styles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = Checkbox_checked,\n indeterminate: indeterminateIcon = Checkbox_indeterminate,\n unchecked: uncheckedIcon = Checkbox_outline\n } = { ...icons };\n const [checked, setChecked] = useState(checkedProp);\n useEffect(() => {\n if (typeof checkedProp === \"undefined\")\n return;\n setChecked((prev) => {\n if (prev === checkedProp)\n return prev;\n onChange?.(void 0, { value, checked: checkedProp });\n return checkedProp;\n });\n }, [checkedProp, onChange, value]);\n const onChangeHandler = (e) => {\n if (checkedProp)\n return;\n onChange?.(e, { value, checked: checked ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checked ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(styles[\"wrapper\"], className);\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checked ?? defaultChecked,\n checked,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": helperUid,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"icon-wrapper\"], \"aria-hidden\": true, children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: styles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: styles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: styles[\"icon-unchecked\"]\n }\n )\n ] }),\n /* @__PURE__ */ jsxs(\"span\", { children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: styles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox, CheckboxGroup };\n//# sourceMappingURL=Checkbox.js.map\n"],"names":["Checkbox_checked","Checkbox_indeterminate","Checkbox_outline"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|
|
1
|
+
{"version":3,"file":"Checkbox3.js","sources":["../node_modules/@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/check_box.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg","../node_modules/@servicetitan/hammer-react/dist/Checkbox.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheckBoxOutlineBlank = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\" }));\nexport default SvgCheckBoxOutlineBlank;\n","import * as React from \"react\";\nconst SvgCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59z\" }));\nexport default SvgCheckBox;\n","import * as React from \"react\";\nconst SvgIndeterminateCheckBox = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-3 10H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z\" }));\nexport default SvgIndeterminateCheckBox;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useEffect, useId } from 'react';\nimport cx from 'classnames';\nimport { Icon } from './Icon.js';\nimport Checkbox_outline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport Checkbox_checked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport Checkbox_indeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { useLayoutPropsUtil } from './useLayoutPropsUtil.js';\nimport { Helper } from './Helper.js';\n\nimport './index8.css';const checkbox = \"_checkbox_1mc89_4\";\nconst wrapper = \"_wrapper_1mc89_19\";\nconst error = \"_error_1mc89_85\";\nconst legend = \"_legend_1mc89_201\";\nconst children = \"_children_1mc89_213\";\nconst label = \"_label_1mc89_219\";\nconst styles = {\n\tcheckbox: checkbox,\n\twrapper: wrapper,\n\t\"required-asterisk\": \"_required-asterisk_1mc89_33\",\n\t\"icon-wrapper\": \"_icon-wrapper_1mc89_37\",\n\t\"helper-wrapper\": \"_helper-wrapper_1mc89_70\",\n\t\"icon-indeterminate\": \"_icon-indeterminate_1mc89_75\",\n\t\"icon-unchecked\": \"_icon-unchecked_1mc89_76\",\n\t\"icon-checked\": \"_icon-checked_1mc89_77\",\n\terror: error,\n\t\"checkbox-group\": \"_checkbox-group_1mc89_181\",\n\tlegend: legend,\n\tchildren: children,\n\tlabel: label\n};\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { className, children, legend, required, style, ...rest } = componentProps;\n const checkboxGroupClassNames = cx(styles[\"checkbox-group\"], className);\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: styles[\"legend\"], children: [\n legend,\n required && \", required\"\n ] }),\n /* @__PURE__ */ jsxs(\"label\", { className: styles[\"label\"], \"aria-hidden\": true, children: [\n legend,\n required && /* @__PURE__ */ jsx(\"span\", { className: styles[\"required-asterisk\"], children: \"*\" })\n ] }),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: styles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = Checkbox_checked,\n indeterminate: indeterminateIcon = Checkbox_indeterminate,\n unchecked: uncheckedIcon = Checkbox_outline\n } = { ...icons };\n const [checked, setChecked] = useState(defaultChecked);\n useEffect(() => {\n if (typeof checkedProp === \"undefined\")\n return;\n setChecked(checkedProp);\n }, [checkedProp]);\n const onChangeHandler = (e) => {\n setChecked((prev) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n if (typeof checkedProp === \"undefined\")\n return !prev;\n return checkedProp;\n });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(styles[\"wrapper\"], className);\n const checkboxClassNames = cx(styles[\"checkbox\"], {\n [styles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checked ?? defaultChecked,\n checked,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": helperUid,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"icon-wrapper\"], \"aria-hidden\": true, children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: styles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: styles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: styles[\"icon-unchecked\"]\n }\n )\n ] }),\n /* @__PURE__ */ jsxs(\"span\", { children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: styles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox, CheckboxGroup };\n//# sourceMappingURL=Checkbox.js.map\n"],"names":["Checkbox_checked","Checkbox_indeterminate","Checkbox_outline"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|