@servicetitan/anvil2 1.32.0 → 1.33.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/CHANGELOG.md +32 -0
- package/dist/{Alert-BcjnX40X-DdR5a1fS.js → Alert-BcjnX40X-DK8meb2Z.js} +2 -3
- package/dist/{Alert-BcjnX40X-DdR5a1fS.js.map → Alert-BcjnX40X-DK8meb2Z.js.map} +1 -1
- package/dist/{Alert-S-riTJp2.js → Alert-D4O5XFXo.js} +2 -2
- package/dist/{Alert-S-riTJp2.js.map → Alert-D4O5XFXo.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-BUNvjkVo.js → Announcement-D30SgkZg.js} +2 -3
- package/dist/{Announcement-BUNvjkVo.js.map → Announcement-D30SgkZg.js.map} +1 -1
- package/dist/Announcement.js +1 -1
- package/dist/{Calendar-BzyPkdAu.js → Calendar-DFbt6fWP.js} +2 -2
- package/dist/{Calendar-BzyPkdAu.js.map → Calendar-DFbt6fWP.js.map} +1 -1
- package/dist/{Calendar-Zfsv8y4j-Vja4BE7W.js → Calendar-ch54N6OS-0vxeSJFt.js} +17 -15
- package/dist/{Calendar-Zfsv8y4j-Vja4BE7W.js.map → Calendar-ch54N6OS-0vxeSJFt.js.map} +1 -1
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-DdIDGlbE.js → Checkbox-C4JF-LvE.js} +2 -2
- package/dist/{Checkbox-DdIDGlbE.js.map → Checkbox-C4JF-LvE.js.map} +1 -1
- package/dist/{Checkbox-B1OkhWY6-BXBzUXK4.js → Checkbox-ZLz_xJx9-CxqouREp.js} +44 -10
- package/dist/Checkbox-ZLz_xJx9-CxqouREp.js.map +1 -0
- package/dist/Checkbox.css +69 -72
- package/dist/Checkbox.js +1 -1
- package/dist/{Checkbox.module-DMrZNVpb-DOdjd86H.js → Checkbox.module-B6diiZe0-DDAy-YPr.js} +19 -18
- package/dist/Checkbox.module-B6diiZe0-DDAy-YPr.js.map +1 -0
- package/dist/{Combobox-wrmxS_0C.js → Combobox-VCa5Qplb.js} +5 -6
- package/dist/Combobox-VCa5Qplb.js.map +1 -0
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-Bef-bUUm.js → DateField-Ex0bquMB.js} +6 -6
- package/dist/{DateField-Bef-bUUm.js.map → DateField-Ex0bquMB.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{DaysOfTheWeek-DmdZW53u.js → DaysOfTheWeek-CQqCFF2f.js} +3 -4
- package/dist/DaysOfTheWeek-CQqCFF2f.js.map +1 -0
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/Dialog-QtgPY3ji.js +333 -0
- package/dist/Dialog-QtgPY3ji.js.map +1 -0
- package/dist/Dialog.css +146 -0
- package/dist/Dialog.js +1 -1
- package/dist/{DndSort-8xmZRn1w.js → DndSort-BVcdqJLB.js} +2 -2
- package/dist/{DndSort-8xmZRn1w.js.map → DndSort-BVcdqJLB.js.map} +1 -1
- package/dist/DndSort.js +1 -1
- package/dist/{Drawer-BEIt_Ylz.js → Drawer-18QCWW4F.js} +2 -2
- package/dist/{Drawer-BEIt_Ylz.js.map → Drawer-18QCWW4F.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{Flex-DlNiHX1G-CBMDzqYU.js → Flex-CLu2TnzF-aW2OhBYv.js} +9 -4
- package/dist/Flex-CLu2TnzF-aW2OhBYv.js.map +1 -0
- package/dist/{Flex-DlNiHX1G.css → Flex-CLu2TnzF.css} +14 -1
- package/dist/{Flex-CqNlL2mR.js → Flex-Dvn6ix9U.js} +2 -2
- package/dist/{Flex-CqNlL2mR.js.map → Flex-Dvn6ix9U.js.map} +1 -1
- package/dist/Flex.js +1 -1
- package/dist/{InputMask-BSchnaNh-BiWbAA0e.js → InputMask-CAaKh5xX-n62jt7dp.js} +2 -2
- package/dist/{InputMask-BSchnaNh-BiWbAA0e.js.map → InputMask-CAaKh5xX-n62jt7dp.js.map} +1 -1
- package/dist/{InputMask-CQUSkhJk.js → InputMask-txxn_qIf.js} +2 -2
- package/dist/{InputMask-CQUSkhJk.js.map → InputMask-txxn_qIf.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-BQ98sGH5.js → ListView-DNwkCrxf.js} +7 -3
- package/dist/ListView-DNwkCrxf.js.map +1 -0
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-CthJSHQ3-BnNf4vnZ.js → Listbox-DlKyRbri-Dc3ny9gH.js} +2 -2
- package/dist/{Listbox-CthJSHQ3-BnNf4vnZ.js.map → Listbox-DlKyRbri-Dc3ny9gH.js.map} +1 -1
- package/dist/{Listbox-Oz_LxoiF.js → Listbox-eNhS0Wmx.js} +2 -2
- package/dist/{Listbox-Oz_LxoiF.js.map → Listbox-eNhS0Wmx.js.map} +1 -1
- package/dist/Listbox.js +1 -1
- package/dist/{Menu-COy3N3q2.js → Menu-DvVci7Qr.js} +227 -111
- package/dist/Menu-DvVci7Qr.js.map +1 -0
- package/dist/Menu.css +35 -26
- package/dist/Menu.js +1 -1
- package/dist/{Overflow-DXWJ1gWT-6WRtRAc3.js → Overflow-D6S5X1N4-C7YfnaOv.js} +3 -3
- package/dist/{Overflow-DXWJ1gWT-6WRtRAc3.js.map → Overflow-D6S5X1N4-C7YfnaOv.js.map} +1 -1
- package/dist/{Overflow-STQ_RpAD.js → Overflow-DDsq_uUA.js} +2 -2
- package/dist/{Overflow-STQ_RpAD.js.map → Overflow-DDsq_uUA.js.map} +1 -1
- package/dist/Overflow.js +1 -1
- package/dist/{Page-DsRpGk2z.js → Page-BFVfMExj.js} +6 -6
- package/dist/{Page-DsRpGk2z.js.map → Page-BFVfMExj.js.map} +1 -1
- package/dist/Page.js +1 -1
- package/dist/{Popover-Dy82-soT.js → Popover-BbcT-mFU.js} +2 -2
- package/dist/{Popover-Dy82-soT.js.map → Popover-BbcT-mFU.js.map} +1 -1
- package/dist/{Popover-xQT2l-O--3ITnWB47.js → Popover-CbeghwZg--83MWVgP.js} +3 -3
- package/dist/{Popover-xQT2l-O--3ITnWB47.js.map → Popover-CbeghwZg--83MWVgP.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-CXUHzFT7-Chfc-aG4.js → ProgressBar-DojG9LHF-nlymvlXw.js} +316 -536
- package/dist/ProgressBar-DojG9LHF-nlymvlXw.js.map +1 -0
- package/dist/{ProgressBar-CXUHzFT7.css → ProgressBar-DojG9LHF.css} +167 -276
- package/dist/{ProgressBar-DiozEP49.js → ProgressBar-OtKoZ_jO.js} +2 -2
- package/dist/{ProgressBar-DiozEP49.js.map → ProgressBar-OtKoZ_jO.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-zEofJnTU.js → Radio-BWK27b7p.js} +2 -2
- package/dist/{Radio-zEofJnTU.js.map → Radio-BWK27b7p.js.map} +1 -1
- package/dist/{Radio-DE79qJFW-BRf9rOOV.js → Radio-BbohS64t-Ch6NvYfF.js} +54 -24
- package/dist/Radio-BbohS64t-Ch6NvYfF.js.map +1 -0
- package/dist/{Radio-DE79qJFW.css → Radio-BbohS64t.css} +50 -54
- package/dist/Radio.js +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-B_CVDaUI.js → SelectCardGroup-4MngIOom.js} +3 -3
- package/dist/{SelectCardGroup-B_CVDaUI.js.map → SelectCardGroup-4MngIOom.js.map} +1 -1
- package/dist/{Stepper-CeH1RiN9.js → Stepper-CuQn-jSf.js} +2 -2
- package/dist/{Stepper-CeH1RiN9.js.map → Stepper-CuQn-jSf.js.map} +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/{TextField-LtQFLlk6.js → TextField-Djr02a3D.js} +2 -2
- package/dist/{TextField-LtQFLlk6.js.map → TextField-Djr02a3D.js.map} +1 -1
- package/dist/{TextField-Ca8YUPjX-BS4ojPnU.js → TextField-DtlCGV8B-BPoNBGYn.js} +2 -3
- package/dist/TextField-DtlCGV8B-BPoNBGYn.js.map +1 -0
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-DgspneHG.js → Textarea-DjqGI_N0.js} +2 -3
- package/dist/Textarea-DjqGI_N0.js.map +1 -0
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-5E1u00Tg.js → Toolbar-DiUrfZ4O.js} +5 -5
- package/dist/{Toolbar-5E1u00Tg.js.map → Toolbar-DiUrfZ4O.js.map} +1 -1
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-D38RQJQI.js → Tooltip-DE8tqyR3.js} +2 -2
- package/dist/{Tooltip-D38RQJQI.js.map → Tooltip-DE8tqyR3.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/{check_circle-BGfigqq-.js → check_circle-DJhuiYqa.js} +4 -2
- package/dist/check_circle-DJhuiYqa.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +2 -2
- package/dist/components/Flex/Flex.d.ts +12 -6
- package/dist/components/Radio/Radio.d.ts +2 -2
- package/dist/index.js +27 -27
- package/dist/internal/utils/generateChromaticStickersheetProps.d.ts +16 -0
- package/dist/{toast-DULP2LM1.js → toast-BRfZ2rPu.js} +2 -2
- package/dist/{toast-DULP2LM1.js.map → toast-BRfZ2rPu.js.map} +1 -1
- package/package.json +4 -4
- package/dist/Checkbox-B1OkhWY6-BXBzUXK4.js.map +0 -1
- package/dist/Checkbox.module-DMrZNVpb-DOdjd86H.js.map +0 -1
- package/dist/Combobox-wrmxS_0C.js.map +0 -1
- package/dist/DaysOfTheWeek-DmdZW53u.js.map +0 -1
- package/dist/Dialog-DJUMOPjL.js +0 -66
- package/dist/Dialog-DJUMOPjL.js.map +0 -1
- package/dist/Flex-DlNiHX1G-CBMDzqYU.js.map +0 -1
- package/dist/Helper-DBmwQvEP-BB75un4q.js +0 -55
- package/dist/Helper-DBmwQvEP-BB75un4q.js.map +0 -1
- package/dist/Helper-DBmwQvEP.css +0 -25
- package/dist/ListView-BQ98sGH5.js.map +0 -1
- package/dist/Menu-COy3N3q2.js.map +0 -1
- package/dist/ProgressBar-CXUHzFT7-Chfc-aG4.js.map +0 -1
- package/dist/Radio-DE79qJFW-BRf9rOOV.js.map +0 -1
- package/dist/TextField-Ca8YUPjX-BS4ojPnU.js.map +0 -1
- package/dist/Textarea-DgspneHG.js.map +0 -1
- package/dist/check_circle-BGfigqq-.js.map +0 -1
- package/dist/warning-c4Wj1rI4.js +0 -6
- package/dist/warning-c4Wj1rI4.js.map +0 -1
- /package/dist/{Calendar-Zfsv8y4j.css → Calendar-ch54N6OS.css} +0 -0
- /package/dist/{Overflow-DXWJ1gWT.css → Overflow-D6S5X1N4.css} +0 -0
- /package/dist/{Popover-xQT2l-O-.css → Popover-CbeghwZg.css} +0 -0
|
@@ -1,46 +1,64 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { forwardRef, useId } from 'react';
|
|
3
|
+
import { forwardRef, useState, useId } from 'react';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
5
|
import { I as Icon } from './Icon-DuwR7O2z-C_rTZRSc.js';
|
|
6
|
+
import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
|
|
7
|
+
import { L as Label, H as Helper } from './ProgressBar-DojG9LHF-nlymvlXw.js';
|
|
6
8
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-5ZanZ8Ew.js';
|
|
7
|
-
import { H as Helper } from './Helper-DBmwQvEP-BB75un4q.js';
|
|
8
9
|
|
|
9
|
-
import './Radio-
|
|
10
|
+
import './Radio-BbohS64t.css';const SvgRadioButtonUnchecked = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }));
|
|
10
11
|
|
|
11
12
|
const SvgRadioButtonChecked = (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: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }), /* @__PURE__ */ React.createElement("circle", { cx: 12, cy: 12, r: 5 }));
|
|
12
13
|
|
|
13
|
-
const radio = "
|
|
14
|
-
const wrapper = "
|
|
15
|
-
const legend = "
|
|
16
|
-
const children = "
|
|
17
|
-
const
|
|
18
|
-
const error = "_error_7bsox_117";
|
|
14
|
+
const radio = "_radio_1gq35_3";
|
|
15
|
+
const wrapper = "_wrapper_1gq35_31";
|
|
16
|
+
const legend = "_legend_1gq35_87";
|
|
17
|
+
const children = "_children_1gq35_99";
|
|
18
|
+
const error = "_error_1gq35_110";
|
|
19
19
|
const styles = {
|
|
20
20
|
radio: radio,
|
|
21
|
-
"radio-group": "_radio-
|
|
21
|
+
"radio-group": "_radio-group_1gq35_16",
|
|
22
22
|
wrapper: wrapper,
|
|
23
|
-
"focus-label": "_focus-
|
|
24
|
-
"icon-wrapper": "_icon-
|
|
23
|
+
"focus-label": "_focus-label_1gq35_45",
|
|
24
|
+
"icon-wrapper": "_icon-wrapper_1gq35_51",
|
|
25
25
|
legend: legend,
|
|
26
26
|
children: children,
|
|
27
|
-
|
|
28
|
-
"required-asterisk": "_required-asterisk_7bsox_108",
|
|
29
|
-
"helper-wrapper": "_helper-wrapper_7bsox_112",
|
|
27
|
+
"helper-wrapper": "_helper-wrapper_1gq35_105",
|
|
30
28
|
error: error,
|
|
31
|
-
"icon-unchecked": "_icon-
|
|
32
|
-
"icon-checked": "_icon-
|
|
33
|
-
"sr-only": "_sr-
|
|
29
|
+
"icon-unchecked": "_icon-unchecked_1gq35_153",
|
|
30
|
+
"icon-checked": "_icon-checked_1gq35_154",
|
|
31
|
+
"sr-only": "_sr-only_1gq35_201"
|
|
34
32
|
};
|
|
35
33
|
|
|
36
34
|
const RadioGroup = forwardRef(
|
|
37
35
|
(props, ref) => {
|
|
38
36
|
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
39
|
-
const {
|
|
37
|
+
const {
|
|
38
|
+
className,
|
|
39
|
+
children,
|
|
40
|
+
legend,
|
|
41
|
+
moreInfo,
|
|
42
|
+
onBlur,
|
|
43
|
+
onFocus,
|
|
44
|
+
required,
|
|
45
|
+
style,
|
|
46
|
+
...rest
|
|
47
|
+
} = componentProps;
|
|
40
48
|
const RadioGroupClassNames = cx(styles["radio-group"], className);
|
|
49
|
+
const [openInfo, setOpenInfo] = useState(false);
|
|
41
50
|
const styleCombined = {
|
|
42
51
|
...style,
|
|
43
|
-
...layoutStyles
|
|
52
|
+
...layoutStyles,
|
|
53
|
+
alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === "row" ? "center" : void 0)
|
|
54
|
+
};
|
|
55
|
+
const focusHandler = (e) => {
|
|
56
|
+
onFocus?.(e);
|
|
57
|
+
setOpenInfo(true);
|
|
58
|
+
};
|
|
59
|
+
const blurHandler = (e) => {
|
|
60
|
+
onBlur?.(e);
|
|
61
|
+
setOpenInfo(false);
|
|
44
62
|
};
|
|
45
63
|
return /* @__PURE__ */ jsxs(
|
|
46
64
|
"fieldset",
|
|
@@ -51,13 +69,25 @@ const RadioGroup = forwardRef(
|
|
|
51
69
|
"aria-required": required,
|
|
52
70
|
style: styleCombined,
|
|
53
71
|
ref,
|
|
72
|
+
onFocus: focusHandler,
|
|
73
|
+
onBlur: blurHandler,
|
|
54
74
|
...rest,
|
|
55
75
|
children: [
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */ jsxs("label", { className: styles["label"], "aria-hidden": true, children: [
|
|
76
|
+
/* @__PURE__ */ jsxs("legend", { className: styles["legend"], children: [
|
|
58
77
|
legend,
|
|
59
|
-
required &&
|
|
78
|
+
required && ", required",
|
|
79
|
+
moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })
|
|
60
80
|
] }),
|
|
81
|
+
/* @__PURE__ */ jsx(
|
|
82
|
+
Label,
|
|
83
|
+
{
|
|
84
|
+
"aria-hidden": true,
|
|
85
|
+
moreInfo,
|
|
86
|
+
required,
|
|
87
|
+
openMoreInfo: openInfo,
|
|
88
|
+
children: legend
|
|
89
|
+
}
|
|
90
|
+
),
|
|
61
91
|
/* @__PURE__ */ jsx(
|
|
62
92
|
"div",
|
|
63
93
|
{
|
|
@@ -165,4 +195,4 @@ const Radio = Object.assign(RadioElement, {
|
|
|
165
195
|
RadioElement.displayName = "RadioElement";
|
|
166
196
|
|
|
167
197
|
export { RadioGroup as R, Radio as a };
|
|
168
|
-
//# sourceMappingURL=Radio-
|
|
198
|
+
//# sourceMappingURL=Radio-BbohS64t-Ch6NvYfF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio-BbohS64t-Ch6NvYfF.js","sources":["../../hammer-icon/mdi/two-tone/radio_button_unchecked.svg","../../hammer-icon/mdi/two-tone/radio_button_checked.svg","../../hammer-react/dist/Radio-BbohS64t.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgRadioButtonUnchecked = (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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }));\nexport default SvgRadioButtonUnchecked;\n","import * as React from \"react\";\nconst SvgRadioButtonChecked = (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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" }), /* @__PURE__ */ React.createElement(\"circle\", { cx: 12, cy: 12, r: 5 }));\nexport default SvgRadioButtonChecked;\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport Radio_outline from '@servicetitan/hammer-icon/mdi/two-tone/radio_button_unchecked.svg';\nimport Radio_checked from '@servicetitan/hammer-icon/mdi/two-tone/radio_button_checked.svg';\nimport { S as SrOnly } from './SrOnly-BXm1DGl3.js';\nimport { L as Label, H as Helper } from './ProgressBar-DojG9LHF.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Radio.css';const radio = \"_radio_1gq35_3\";\nconst wrapper = \"_wrapper_1gq35_31\";\nconst legend = \"_legend_1gq35_87\";\nconst children = \"_children_1gq35_99\";\nconst error = \"_error_1gq35_110\";\nconst styles = {\n\tradio: radio,\n\t\"radio-group\": \"_radio-group_1gq35_16\",\n\twrapper: wrapper,\n\t\"focus-label\": \"_focus-label_1gq35_45\",\n\t\"icon-wrapper\": \"_icon-wrapper_1gq35_51\",\n\tlegend: legend,\n\tchildren: children,\n\t\"helper-wrapper\": \"_helper-wrapper_1gq35_105\",\n\terror: error,\n\t\"icon-unchecked\": \"_icon-unchecked_1gq35_153\",\n\t\"icon-checked\": \"_icon-checked_1gq35_154\",\n\t\"sr-only\": \"_sr-only_1gq35_201\"\n};\n\nconst RadioGroup = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n children,\n legend,\n moreInfo,\n onBlur,\n onFocus,\n required,\n style,\n ...rest\n } = componentProps;\n const RadioGroupClassNames = cx(styles[\"radio-group\"], className);\n const [openInfo, setOpenInfo] = useState(false);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"center\" : void 0)\n };\n const focusHandler = (e) => {\n onFocus?.(e);\n setOpenInfo(true);\n };\n const blurHandler = (e) => {\n onBlur?.(e);\n setOpenInfo(false);\n };\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"radiogroup\",\n \"data-anv\": \"radio-group\",\n className: RadioGroupClassNames,\n \"aria-required\": required,\n style: styleCombined,\n ref,\n onFocus: focusHandler,\n onBlur: blurHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: styles[\"legend\"], children: [\n legend,\n required && \", required\",\n moreInfo && /* @__PURE__ */ jsx(SrOnly, { children: moreInfo })\n ] }),\n /* @__PURE__ */ jsx(\n Label,\n {\n \"aria-hidden\": true,\n moreInfo,\n required,\n openMoreInfo: openInfo,\n children: legend\n }\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 }\n);\nRadioGroup.displayName = \"RadioGroup\";\n\nconst RadioElement = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n checked,\n defaultChecked,\n value,\n icons,\n error,\n label,\n onChange,\n style,\n description,\n hideRadio = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = Radio_checked,\n unchecked: uncheckedIcon = Radio_outline\n } = { ...icons };\n const onChangeHandler = (e) => {\n onChange?.(e, { value, checked: e.target.checked });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(\n styles[\"wrapper\"],\n { [styles[\"focus\"]]: hideRadio },\n className\n );\n const radioClassNames = cx(styles[\"radio\"], {\n [styles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\"div\", { className: wrapperClassNames, style: styleCombined, \"data-anv\": \"radio\", children: [\n /* @__PURE__ */ jsxs(\"label\", { className: radioClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"radio\",\n \"aria-checked\": checked ?? defaultChecked,\n checked,\n defaultChecked,\n value,\n onChange: onChangeHandler,\n \"aria-describedby\": helperUid,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: cx(styles[\"icon-wrapper\"], {\n [styles[\"sr-only\"]]: hideRadio\n }),\n children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: cx([styles[\"icon-unchecked\"]])\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: cx([styles[\"icon-checked\"]])\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: cx({ [styles[\"focus-label\"]]: hideRadio }), children: label })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ] });\n});\nconst Radio = Object.assign(RadioElement, {\n Group: RadioGroup\n});\nRadioElement.displayName = \"RadioElement\";\n\nexport { Radio as R, RadioGroup as a };\n//# sourceMappingURL=Radio-BbohS64t.js.map\n"],"names":["Radio_checked","Radio_outline"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
@layer starter, reset, base, state, application;
|
|
4
4
|
@layer reset {
|
|
5
|
-
.
|
|
5
|
+
._radio_1gq35_3 {
|
|
6
6
|
all: unset;
|
|
7
7
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
8
8
|
font-size: 100%;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
box-sizing: border-box;
|
|
16
16
|
display: inline-flex;
|
|
17
17
|
}
|
|
18
|
-
._radio-
|
|
18
|
+
._radio-group_1gq35_16 {
|
|
19
19
|
all: unset;
|
|
20
20
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
21
21
|
font-size: 100%;
|
|
@@ -30,12 +30,12 @@
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
@layer base {
|
|
33
|
-
.
|
|
33
|
+
._wrapper_1gq35_31 {
|
|
34
34
|
display: inline-flex;
|
|
35
35
|
flex-direction: column;
|
|
36
36
|
gap: 0.25rem;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._radio_1gq35_3 {
|
|
39
39
|
display: inline-flex;
|
|
40
40
|
align-items: flex-start;
|
|
41
41
|
line-height: 1.5;
|
|
@@ -44,13 +44,13 @@
|
|
|
44
44
|
color: var(--foreground-color, #141414);
|
|
45
45
|
font-size: 1rem;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._radio_1gq35_3 ._focus-label_1gq35_45 {
|
|
48
48
|
border-radius: 0.75rem;
|
|
49
49
|
outline: 0 solid var(--focus-ring-color, #0265DC);
|
|
50
50
|
outline-offset: 2px;
|
|
51
51
|
transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
52
52
|
}
|
|
53
|
-
.
|
|
53
|
+
._radio_1gq35_3 ._icon-wrapper_1gq35_51 {
|
|
54
54
|
display: inline-flex;
|
|
55
55
|
border-radius: 100%;
|
|
56
56
|
background-color: transparent;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
position: relative;
|
|
59
59
|
outline: 0 solid var(--focus-ring-color, #0265DC);
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
._radio_1gq35_3 ._icon-wrapper_1gq35_51::before {
|
|
62
62
|
position: absolute;
|
|
63
63
|
width: 100%;
|
|
64
64
|
height: 100%;
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
pointer-events: none;
|
|
72
72
|
border-radius: inherit;
|
|
73
73
|
}
|
|
74
|
-
.
|
|
74
|
+
._radio_1gq35_3 input {
|
|
75
75
|
border: 0;
|
|
76
76
|
clip: rect(0, 0, 0, 0);
|
|
77
77
|
height: 1px;
|
|
@@ -83,12 +83,12 @@
|
|
|
83
83
|
white-space: nowrap;
|
|
84
84
|
width: 1px;
|
|
85
85
|
}
|
|
86
|
-
._radio-
|
|
86
|
+
._radio-group_1gq35_16 {
|
|
87
87
|
display: inline-flex;
|
|
88
88
|
gap: 0.5rem;
|
|
89
89
|
flex-direction: column;
|
|
90
90
|
}
|
|
91
|
-
._radio-
|
|
91
|
+
._radio-group_1gq35_16 ._legend_1gq35_87 {
|
|
92
92
|
border: 0;
|
|
93
93
|
clip: rect(0, 0, 0, 0);
|
|
94
94
|
height: 1px;
|
|
@@ -100,116 +100,109 @@
|
|
|
100
100
|
white-space: nowrap;
|
|
101
101
|
width: 1px;
|
|
102
102
|
}
|
|
103
|
-
._radio-
|
|
103
|
+
._radio-group_1gq35_16 ._children_1gq35_99 {
|
|
104
104
|
display: inline-flex;
|
|
105
105
|
gap: 0.5rem;
|
|
106
106
|
flex-direction: column;
|
|
107
107
|
flex-wrap: wrap;
|
|
108
108
|
}
|
|
109
|
-
.
|
|
110
|
-
font-weight: 600;
|
|
111
|
-
}
|
|
112
|
-
._radio-group_7bsox_16 ._required-asterisk_7bsox_108 {
|
|
113
|
-
margin-inline-start: 0.25rem;
|
|
114
|
-
color: var(--foreground-color-danger, #e13212);
|
|
115
|
-
}
|
|
116
|
-
._helper-wrapper_7bsox_112 {
|
|
109
|
+
._helper-wrapper_1gq35_105 {
|
|
117
110
|
margin-inline-start: 2rem;
|
|
118
111
|
}
|
|
119
112
|
}
|
|
120
113
|
@layer state {
|
|
121
|
-
.
|
|
114
|
+
._radio_1gq35_3:has(input:hover:not(:disabled)), ._radio_1gq35_3:has(input[data-interactive=hover]:not(:disabled)), ._radio_1gq35_3._error_1gq35_110:has(input:hover:not(:disabled)), ._radio_1gq35_3._error_1gq35_110:has(input[data-interactive=hover]:not(:disabled)) {
|
|
122
115
|
cursor: pointer;
|
|
123
116
|
}
|
|
124
|
-
.
|
|
125
|
-
.
|
|
117
|
+
._radio_1gq35_3 input:hover:not(:disabled) ~ ._icon-wrapper_1gq35_51:before,
|
|
118
|
+
._radio_1gq35_3 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1gq35_51:before {
|
|
126
119
|
content: "";
|
|
127
120
|
background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
|
|
128
121
|
}
|
|
129
|
-
.
|
|
130
|
-
.
|
|
122
|
+
._radio_1gq35_3 input:hover:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before,
|
|
123
|
+
._radio_1gq35_3 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before {
|
|
131
124
|
content: "";
|
|
132
125
|
background-color: var(--overlay-color-hover-primary, rgba(2, 101, 220, 0.1019607843));
|
|
133
126
|
}
|
|
134
|
-
.
|
|
135
|
-
.
|
|
127
|
+
._radio_1gq35_3 input:active:not(:disabled),
|
|
128
|
+
._radio_1gq35_3 input[data-interactive=active]:not(:disabled) {
|
|
136
129
|
cursor: pointer;
|
|
137
130
|
}
|
|
138
|
-
.
|
|
139
|
-
.
|
|
131
|
+
._radio_1gq35_3 input:active:not(:disabled) ~ ._icon-wrapper_1gq35_51:before,
|
|
132
|
+
._radio_1gq35_3 input[data-interactive=active]:not(:disabled) ~ ._icon-wrapper_1gq35_51:before {
|
|
140
133
|
content: "";
|
|
141
134
|
background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
|
|
142
135
|
}
|
|
143
|
-
.
|
|
144
|
-
.
|
|
136
|
+
._radio_1gq35_3 input:active:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before,
|
|
137
|
+
._radio_1gq35_3 input[data-interactive=active]:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before {
|
|
145
138
|
content: "";
|
|
146
139
|
background-color: var(--overlay-color-active-primary, rgba(2, 101, 220, 0.3019607843));
|
|
147
140
|
}
|
|
148
|
-
.
|
|
141
|
+
._radio_1gq35_3._error_1gq35_110 input:hover:not(:disabled) ~ ._icon-wrapper_1gq35_51:before, ._radio_1gq35_3._error_1gq35_110 input[data-interactive=hover]:not(:disabled) ~ ._icon-wrapper_1gq35_51:before {
|
|
149
142
|
content: "";
|
|
150
143
|
background-color: var(--overlay-color-hover-danger, rgba(225, 50, 18, 0.1019607843));
|
|
151
144
|
}
|
|
152
|
-
.
|
|
145
|
+
._radio_1gq35_3._error_1gq35_110 input:hover:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before, ._radio_1gq35_3._error_1gq35_110 input[data-interactive=hover]:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before {
|
|
153
146
|
content: "";
|
|
154
147
|
background-color: var(--overlay-color-hover-danger, rgba(225, 50, 18, 0.1019607843));
|
|
155
148
|
}
|
|
156
|
-
.
|
|
149
|
+
._radio_1gq35_3._error_1gq35_110 input:active:not(:disabled) ~ ._icon-wrapper_1gq35_51:before, ._radio_1gq35_3._error_1gq35_110 input[data-interactive=active]:not(:disabled) ~ ._icon-wrapper_1gq35_51:before {
|
|
157
150
|
content: "";
|
|
158
151
|
background-color: var(--overlay-color-active-danger, rgba(225, 50, 18, 0.3019607843));
|
|
159
152
|
}
|
|
160
|
-
.
|
|
153
|
+
._radio_1gq35_3._error_1gq35_110 input:active:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before, ._radio_1gq35_3._error_1gq35_110 input[data-interactive=active]:not(:disabled):checked ~ ._icon-wrapper_1gq35_51:before {
|
|
161
154
|
content: "";
|
|
162
155
|
background-color: var(--overlay-color-active-danger, rgba(225, 50, 18, 0.3019607843));
|
|
163
156
|
}
|
|
164
|
-
.
|
|
165
|
-
.
|
|
157
|
+
._radio_1gq35_3 ._icon-unchecked_1gq35_153,
|
|
158
|
+
._radio_1gq35_3 ._icon-checked_1gq35_154 {
|
|
166
159
|
color: var(--foreground-color, #141414);
|
|
167
160
|
border-radius: 100%;
|
|
168
161
|
}
|
|
169
|
-
.
|
|
162
|
+
._radio_1gq35_3 ._icon-checked_1gq35_154 {
|
|
170
163
|
color: var(--foreground-color-primary, #0265DC);
|
|
171
164
|
display: none;
|
|
172
165
|
}
|
|
173
|
-
.
|
|
166
|
+
._radio_1gq35_3._error_1gq35_110 ._icon-wrapper_1gq35_51 {
|
|
174
167
|
outline-color: var(--focus-ring-color-danger, #e13212);
|
|
175
168
|
}
|
|
176
|
-
.
|
|
177
|
-
.
|
|
169
|
+
._radio_1gq35_3._error_1gq35_110 ._icon-unchecked_1gq35_153,
|
|
170
|
+
._radio_1gq35_3._error_1gq35_110 ._icon-checked_1gq35_154 {
|
|
178
171
|
color: var(--foreground-color-danger, #e13212);
|
|
179
172
|
}
|
|
180
|
-
.
|
|
173
|
+
._radio_1gq35_3._error_1gq35_110 ._icon-checked_1gq35_154 {
|
|
181
174
|
display: none;
|
|
182
175
|
}
|
|
183
|
-
.
|
|
184
|
-
.
|
|
176
|
+
._radio_1gq35_3 input:focus-visible ~ ._icon-wrapper_1gq35_51,
|
|
177
|
+
._radio_1gq35_3 input:focus-visible ~ ._focus-label_1gq35_45 {
|
|
185
178
|
outline-width: 0.125rem;
|
|
186
179
|
}
|
|
187
|
-
.
|
|
188
|
-
.
|
|
180
|
+
._radio_1gq35_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._icon-wrapper_1gq35_51,
|
|
181
|
+
._radio_1gq35_3 input[data-interactive=focus-visible]:not(:disabled) ~ ._focus-label_1gq35_45 {
|
|
189
182
|
outline-width: 0.125rem;
|
|
190
183
|
}
|
|
191
|
-
.
|
|
184
|
+
._radio_1gq35_3 input:checked ~ ._icon-wrapper_1gq35_51 ._icon-unchecked_1gq35_153 {
|
|
192
185
|
display: none;
|
|
193
186
|
}
|
|
194
|
-
.
|
|
187
|
+
._radio_1gq35_3 input:checked ~ ._icon-wrapper_1gq35_51 ._icon-checked_1gq35_154 {
|
|
195
188
|
display: inline-flex;
|
|
196
189
|
}
|
|
197
|
-
.
|
|
190
|
+
._radio_1gq35_3 input:checked:focus-visible ~ ._icon-wrapper_1gq35_51, ._radio_1gq35_3 input:checked:focus-visible ~ ._focus-label_1gq35_45 {
|
|
198
191
|
outline-width: 0.125rem;
|
|
199
192
|
}
|
|
200
|
-
.
|
|
193
|
+
._radio_1gq35_3:has(input[disabled]) {
|
|
201
194
|
opacity: 0.6;
|
|
202
195
|
filter: grayscale(1);
|
|
203
196
|
cursor: not-allowed;
|
|
204
197
|
}
|
|
205
|
-
.
|
|
206
|
-
.
|
|
198
|
+
._radio_1gq35_3:has(input[disabled]) ._icon-unchecked_1gq35_153,
|
|
199
|
+
._radio_1gq35_3:has(input[disabled]) ._icon-checked_1gq35_154 {
|
|
207
200
|
color: var(--foreground-color-subdued, #737475);
|
|
208
201
|
}
|
|
209
|
-
.
|
|
202
|
+
._radio_1gq35_3:has(input[disabled]):hover ._icon-wrapper_1gq35_51 {
|
|
210
203
|
outline-width: 0;
|
|
211
204
|
}
|
|
212
|
-
._sr-
|
|
205
|
+
._sr-only_1gq35_201 {
|
|
213
206
|
border: 0;
|
|
214
207
|
clip: rect(0, 0, 0, 0);
|
|
215
208
|
height: 1px;
|
|
@@ -224,9 +217,12 @@
|
|
|
224
217
|
}
|
|
225
218
|
@layer application {
|
|
226
219
|
@media (prefers-reduced-motion: reduce) {
|
|
227
|
-
.
|
|
220
|
+
._radio_1gq35_3 ._icon-wrapper_1gq35_51 {
|
|
228
221
|
transition-duration: 0.01ms !important;
|
|
229
222
|
transition-property: outline;
|
|
230
223
|
}
|
|
231
224
|
}
|
|
225
|
+
}
|
|
226
|
+
fieldset[data-anv="radio-group"][data-anv="radio-group"] > label {
|
|
227
|
+
font-size: 0.875rem;
|
|
232
228
|
}
|
package/dist/Radio.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { R as Radio, a as RadioGroup, R as default } from './Radio-
|
|
1
|
+
export { R as Radio, a as RadioGroup, R as default } from './Radio-BWK27b7p.js';
|
|
2
2
|
//# sourceMappingURL=Radio.js.map
|
package/dist/SelectCard.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup, S as default } from './SelectCardGroup-
|
|
1
|
+
export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup, S as default } from './SelectCardGroup-4MngIOom.js';
|
|
2
2
|
//# sourceMappingURL=SelectCard.js.map
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef, useState, useId, createContext, useContext } from 'react';
|
|
3
3
|
import { C as Card } from './Card-DukbBYaA-C2a2vYKk.js';
|
|
4
|
-
import { R as RadioGroup, a as Radio } from './Radio-
|
|
4
|
+
import { R as RadioGroup, a as Radio } from './Radio-BbohS64t-Ch6NvYfF.js';
|
|
5
5
|
import { c as cx } from './index-tZvMCc77.js';
|
|
6
|
-
import { C as CheckboxGroup, a as Checkbox } from './Checkbox-
|
|
6
|
+
import { C as CheckboxGroup, a as Checkbox } from './Checkbox-ZLz_xJx9-CxqouREp.js';
|
|
7
7
|
|
|
8
8
|
import './SelectCardGroup.css';const styles = {
|
|
9
9
|
"select-card": "_select-card_i3pnu_1",
|
|
@@ -178,4 +178,4 @@ const SelectCardGroup = forwardRef(
|
|
|
178
178
|
);
|
|
179
179
|
|
|
180
180
|
export { SelectCard as S, SelectCardGroup as a, SelectCardElement as b };
|
|
181
|
-
//# sourceMappingURL=SelectCardGroup-
|
|
181
|
+
//# sourceMappingURL=SelectCardGroup-4MngIOom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectCardGroup-B_CVDaUI.js","sources":["../../hammer-react/dist/SelectCard-R92Mfb2y.js","../src/components/SelectCard/SelectCard.tsx","../src/components/SelectCard/SelectCardGroup.tsx"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { C as Card } from './Card-DukbBYaA.js';\nimport { a as RadioGroup, R as Radio } from './Radio-DE79qJFW.js';\nimport cx from 'classnames';\nimport { a as CheckboxGroup, C as Checkbox } from './Checkbox-B1OkhWY6.js';\nimport { useContext, useState, useId, createContext, forwardRef } from 'react';\n\nimport './SelectCard.css';const styles = {\n\t\"select-card\": \"_select-card_i3pnu_1\",\n\t\"select-card--disabled\": \"_select-card--disabled_i3pnu_22\",\n\t\"select-card--errored\": \"_select-card--errored_i3pnu_25\",\n\t\"select-card--selected\": \"_select-card--selected_i3pnu_28\"\n};\n\nconst SelectCardContext = createContext(null);\nconst SelectCardProvider = ({\n children,\n onChange,\n selectionMode\n}) => {\n const [selection, setSelection] = useState(/* @__PURE__ */ new Set());\n const radioName = useId();\n const handleChange = (e, state) => {\n if (!state || !state.id) {\n onChange(e, state);\n return;\n }\n if (selectionMode === \"single\") {\n state.checked ? setSelection(/* @__PURE__ */ new Set([state.id])) : setSelection(/* @__PURE__ */ new Set());\n } else {\n if (state.checked) {\n setSelection(selection.add(state.id));\n } else {\n selection.delete(state.id);\n setSelection(selection);\n }\n }\n onChange(e, state);\n };\n const context = {\n selectionMode,\n onChange: handleChange,\n radioName,\n selection\n };\n return /* @__PURE__ */ jsx(SelectCardContext.Provider, { value: context, children });\n};\nconst useSelectCardContext = () => useContext(SelectCardContext);\n\nconst SelectCardGroup = forwardRef((props, ref) => {\n const {\n ariaLabelledBy,\n children,\n legend,\n onChange,\n required = false,\n selectionMode,\n ...rest\n } = props;\n return /* @__PURE__ */ jsxs(SelectCardProvider, { onChange, selectionMode, children: [\n selectionMode === \"multiple\" && /* @__PURE__ */ jsx(\n CheckboxGroup,\n {\n \"aria-labelledby\": ariaLabelledBy,\n legend,\n required,\n ...rest,\n children\n }\n ),\n selectionMode === \"single\" && /* @__PURE__ */ jsx(\n RadioGroup,\n {\n \"aria-labelledby\": ariaLabelledBy,\n legend,\n required,\n ...rest,\n children\n }\n )\n ] });\n});\nSelectCardGroup.displayName = \"SelectCardGroup\";\n\nconst SelectCardElement = forwardRef(\n (props, ref) => {\n const {\n checkboxProps,\n children,\n defaultChecked,\n disabled,\n errored,\n radioProps,\n onChange,\n id,\n ...rest\n } = props;\n const [contextFreeIsChecked, setContextFreeIsChecked] = useState(\n defaultChecked || false\n );\n const context = useSelectCardContext();\n const handleChange = (event) => {\n onChange(event ? event.target.checked : false);\n context?.onChange(event, {\n id,\n checked: event?.target.checked || false\n });\n setContextFreeIsChecked(!!event?.target.checked);\n };\n const isChecked = context ? context.selection.has(id) : contextFreeIsChecked;\n return /* @__PURE__ */ jsxs(Fragment, { children: [\n (!context || context?.selectionMode === \"multiple\") && /* @__PURE__ */ jsx(\n Checkbox,\n {\n ...checkboxProps,\n onChange: handleChange,\n ref,\n label: /* @__PURE__ */ jsx(\n Card,\n {\n ...rest,\n className: cx(\n styles[\"select-card\"],\n isChecked && !errored && styles[\"select-card--selected\"],\n errored && styles[\"select-card--errored\"],\n disabled && styles[\"select-card--disabled\"]\n ),\n children\n }\n ),\n hideCheckbox: true\n }\n ),\n context?.selectionMode === \"single\" && /* @__PURE__ */ jsx(\n Radio,\n {\n ...radioProps,\n onChange: handleChange,\n ref,\n name: context.radioName,\n label: /* @__PURE__ */ jsx(\n Card,\n {\n ...rest,\n className: cx(\n styles[\"select-card\"],\n isChecked && !errored && styles[\"select-card--selected\"],\n errored && styles[\"select-card--errored\"],\n disabled && styles[\"select-card--disabled\"]\n ),\n children\n }\n ),\n hideRadio: true\n }\n )\n ] });\n }\n);\nSelectCardElement.displayName = \"SelectCard\";\nconst SelectCard = Object.assign(SelectCardElement, {\n Group: SelectCardGroup\n});\n\nexport { SelectCard as S, SelectCardGroup as a };\n//# sourceMappingURL=SelectCard-R92Mfb2y.js.map\n","import {\n SelectCardProps as CoreSelectCardProps,\n SelectCard as CoreSelectCard,\n SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type SelectCardProps = CoreSelectCardProps;\n\nexport const SelectCardElement = forwardRef(\n (props: SelectCardProps, ref: Ref<HTMLInputElement>) => {\n return <CoreSelectCard ref={ref} {...props} />;\n },\n);\n\nexport const SelectCard = Object.assign(SelectCardElement, {\n Group: CoreSelectCardGroup,\n});\n","import {\n SelectCardGroupProps as CoreSelectCardGroupProps,\n SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type SelectCardGroupProps = CoreSelectCardGroupProps;\n\nexport const SelectCardGroup = forwardRef(\n (props: SelectCardGroupProps, ref: Ref<HTMLInputElement>) => {\n return <CoreSelectCardGroup ref={ref} {...props} />;\n },\n);\n"],"names":["SelectCardGroup","SelectCardElement","SelectCard","CoreSelectCard","CoreSelectCardGroup"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SelectCardGroup-4MngIOom.js","sources":["../../hammer-react/dist/SelectCard-DhBnssmh.js","../src/components/SelectCard/SelectCard.tsx","../src/components/SelectCard/SelectCardGroup.tsx"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { C as Card } from './Card-DukbBYaA.js';\nimport { a as RadioGroup, R as Radio } from './Radio-BbohS64t.js';\nimport cx from 'classnames';\nimport { a as CheckboxGroup, C as Checkbox } from './Checkbox-ZLz_xJx9.js';\nimport { useContext, useState, useId, createContext, forwardRef } from 'react';\n\nimport './SelectCard.css';const styles = {\n\t\"select-card\": \"_select-card_i3pnu_1\",\n\t\"select-card--disabled\": \"_select-card--disabled_i3pnu_22\",\n\t\"select-card--errored\": \"_select-card--errored_i3pnu_25\",\n\t\"select-card--selected\": \"_select-card--selected_i3pnu_28\"\n};\n\nconst SelectCardContext = createContext(null);\nconst SelectCardProvider = ({\n children,\n onChange,\n selectionMode\n}) => {\n const [selection, setSelection] = useState(/* @__PURE__ */ new Set());\n const radioName = useId();\n const handleChange = (e, state) => {\n if (!state || !state.id) {\n onChange(e, state);\n return;\n }\n if (selectionMode === \"single\") {\n state.checked ? setSelection(/* @__PURE__ */ new Set([state.id])) : setSelection(/* @__PURE__ */ new Set());\n } else {\n if (state.checked) {\n setSelection(selection.add(state.id));\n } else {\n selection.delete(state.id);\n setSelection(selection);\n }\n }\n onChange(e, state);\n };\n const context = {\n selectionMode,\n onChange: handleChange,\n radioName,\n selection\n };\n return /* @__PURE__ */ jsx(SelectCardContext.Provider, { value: context, children });\n};\nconst useSelectCardContext = () => useContext(SelectCardContext);\n\nconst SelectCardGroup = forwardRef((props, ref) => {\n const {\n ariaLabelledBy,\n children,\n legend,\n onChange,\n required = false,\n selectionMode,\n ...rest\n } = props;\n return /* @__PURE__ */ jsxs(SelectCardProvider, { onChange, selectionMode, children: [\n selectionMode === \"multiple\" && /* @__PURE__ */ jsx(\n CheckboxGroup,\n {\n \"aria-labelledby\": ariaLabelledBy,\n legend,\n required,\n ...rest,\n children\n }\n ),\n selectionMode === \"single\" && /* @__PURE__ */ jsx(\n RadioGroup,\n {\n \"aria-labelledby\": ariaLabelledBy,\n legend,\n required,\n ...rest,\n children\n }\n )\n ] });\n});\nSelectCardGroup.displayName = \"SelectCardGroup\";\n\nconst SelectCardElement = forwardRef(\n (props, ref) => {\n const {\n checkboxProps,\n children,\n defaultChecked,\n disabled,\n errored,\n radioProps,\n onChange,\n id,\n ...rest\n } = props;\n const [contextFreeIsChecked, setContextFreeIsChecked] = useState(\n defaultChecked || false\n );\n const context = useSelectCardContext();\n const handleChange = (event) => {\n onChange(event ? event.target.checked : false);\n context?.onChange(event, {\n id,\n checked: event?.target.checked || false\n });\n setContextFreeIsChecked(!!event?.target.checked);\n };\n const isChecked = context ? context.selection.has(id) : contextFreeIsChecked;\n return /* @__PURE__ */ jsxs(Fragment, { children: [\n (!context || context?.selectionMode === \"multiple\") && /* @__PURE__ */ jsx(\n Checkbox,\n {\n ...checkboxProps,\n onChange: handleChange,\n ref,\n label: /* @__PURE__ */ jsx(\n Card,\n {\n ...rest,\n className: cx(\n styles[\"select-card\"],\n isChecked && !errored && styles[\"select-card--selected\"],\n errored && styles[\"select-card--errored\"],\n disabled && styles[\"select-card--disabled\"]\n ),\n children\n }\n ),\n hideCheckbox: true\n }\n ),\n context?.selectionMode === \"single\" && /* @__PURE__ */ jsx(\n Radio,\n {\n ...radioProps,\n onChange: handleChange,\n ref,\n name: context.radioName,\n label: /* @__PURE__ */ jsx(\n Card,\n {\n ...rest,\n className: cx(\n styles[\"select-card\"],\n isChecked && !errored && styles[\"select-card--selected\"],\n errored && styles[\"select-card--errored\"],\n disabled && styles[\"select-card--disabled\"]\n ),\n children\n }\n ),\n hideRadio: true\n }\n )\n ] });\n }\n);\nSelectCardElement.displayName = \"SelectCard\";\nconst SelectCard = Object.assign(SelectCardElement, {\n Group: SelectCardGroup\n});\n\nexport { SelectCard as S, SelectCardGroup as a };\n//# sourceMappingURL=SelectCard-DhBnssmh.js.map\n","import {\n SelectCardProps as CoreSelectCardProps,\n SelectCard as CoreSelectCard,\n SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type SelectCardProps = CoreSelectCardProps;\n\nexport const SelectCardElement = forwardRef(\n (props: SelectCardProps, ref: Ref<HTMLInputElement>) => {\n return <CoreSelectCard ref={ref} {...props} />;\n },\n);\n\nexport const SelectCard = Object.assign(SelectCardElement, {\n Group: CoreSelectCardGroup,\n});\n","import {\n SelectCardGroupProps as CoreSelectCardGroupProps,\n SelectCardGroup as CoreSelectCardGroup,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type SelectCardGroupProps = CoreSelectCardGroupProps;\n\nexport const SelectCardGroup = forwardRef(\n (props: SelectCardGroupProps, ref: Ref<HTMLInputElement>) => {\n return <CoreSelectCardGroup ref={ref} {...props} />;\n },\n);\n"],"names":["SelectCardGroup","SelectCardElement","SelectCard","CoreSelectCard","CoreSelectCardGroup"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef, useContext, createContext, useRef, useState, useEffect, useMemo } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
|
-
import { a as Overflow } from './Overflow-
|
|
5
|
+
import { a as Overflow } from './Overflow-D6S5X1N4-C7YfnaOv.js';
|
|
6
6
|
import { m as motion } from './proxy-CreWmH-e.js';
|
|
7
7
|
import { D as DurationSlow } from './primitive-DEjVLxOV.js';
|
|
8
8
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-5ZanZ8Ew.js';
|
|
@@ -524,4 +524,4 @@ const Stepper = Object.assign(StepperElement, {
|
|
|
524
524
|
});
|
|
525
525
|
|
|
526
526
|
export { Stepper as S, StepperList as a, StepperStep as b, StepperPanel as c, StepperFinalPanel as d, StepperNextButton as e, StepperPrevButton as f };
|
|
527
|
-
//# sourceMappingURL=Stepper-
|
|
527
|
+
//# sourceMappingURL=Stepper-CuQn-jSf.js.map
|