@servicetitan/anvil2 1.38.0 → 1.40.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 +51 -12
- package/dist/Breadcrumbs-C_gan90a.js +36 -0
- package/dist/Breadcrumbs-C_gan90a.js.map +1 -0
- package/dist/{Breadcrumbs-DJbCkSeD.js → Breadcrumbs-D_jgwoN3-Dlw-weD8.js} +8 -38
- package/dist/Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map +1 -0
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Calendar-jl0s6W7p.js → Calendar-C2ONV7cq.js} +2 -2
- package/dist/{Calendar-jl0s6W7p.js.map → Calendar-C2ONV7cq.js.map} +1 -1
- package/dist/{Calendar-CohGSWFp-DFYJkf7Y.js → Calendar-DixTCgAW-CfphBge0.js} +16 -15
- package/dist/Calendar-DixTCgAW-CfphBge0.js.map +1 -0
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-TIcImbEx-EgjesTNn.js → Checkbox-BNrjUtHs-BBLXLwO5.js} +3 -3
- package/dist/{Checkbox-TIcImbEx-EgjesTNn.js.map → Checkbox-BNrjUtHs-BBLXLwO5.js.map} +1 -1
- package/dist/{Checkbox-DbDwtefR.js → Checkbox-Dxr3rgQV.js} +2 -2
- package/dist/{Checkbox-DbDwtefR.js.map → Checkbox-Dxr3rgQV.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/{Combobox-7ADxZKDE.js → Combobox-C7nV-w8I.js} +196 -392
- package/dist/Combobox-C7nV-w8I.js.map +1 -0
- package/dist/Combobox.css +43 -281
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-CUO_26rh.js → DateField-Df42sxE9.js} +43 -43
- package/dist/DateField-Df42sxE9.js.map +1 -0
- package/dist/DateField.js +1 -1
- package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js +2759 -0
- package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js.map +1 -0
- package/dist/DateFieldRange-DQJ_FMeA.js +22 -0
- package/dist/DateFieldRange-DQJ_FMeA.js.map +1 -0
- package/dist/DateFieldRange.d.ts +2 -0
- package/dist/DateFieldRange.js +2 -0
- package/dist/DateFieldRange.js.map +1 -0
- package/dist/DateFieldSingle-BXPhS91g.js +22 -0
- package/dist/DateFieldSingle-BXPhS91g.js.map +1 -0
- package/dist/DateFieldSingle.d.ts +2 -0
- package/dist/DateFieldSingle.js +2 -0
- package/dist/DateFieldSingle.js.map +1 -0
- package/dist/{DaysOfTheWeek-CEKoAJSv.js → DaysOfTheWeek-C4ZGriW7.js} +3 -3
- package/dist/{DaysOfTheWeek-CEKoAJSv.js.map → DaysOfTheWeek-C4ZGriW7.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-D6zpW-GE.js → Dialog-CBWaZO5U.js} +2 -2
- package/dist/{Dialog-D6zpW-GE.js.map → Dialog-CBWaZO5U.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Drawer-qb7Q0BAm.js → Drawer-Be0tyTMM.js} +2 -2
- package/dist/{Drawer-qb7Q0BAm.js.map → Drawer-Be0tyTMM.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{FieldMessage-ChFXWVDb-loVSCnCM.js → FieldMessage-Bobp105T-DYhStLY4.js} +4 -4
- package/dist/FieldMessage-Bobp105T-DYhStLY4.js.map +1 -0
- package/dist/{FieldMessage-ChFXWVDb.css → FieldMessage-Bobp105T.css} +13 -3
- package/dist/{FieldMessage-Cg3zcgk5.js → FieldMessage-DkJ0K5s-.js} +2 -2
- package/dist/{FieldMessage-Cg3zcgk5.js.map → FieldMessage-DkJ0K5s-.js.map} +1 -1
- package/dist/FieldMessage.js +1 -1
- package/dist/{Helper-C9sHaTrI-C5fAsK6i.js → Helper-h7k80qls-DHPFHTvI.js} +3 -3
- package/dist/{Helper-C9sHaTrI-C5fAsK6i.js.map → Helper-h7k80qls-DHPFHTvI.js.map} +1 -1
- package/dist/{InputMask-kJ-hlK0O-Ctwa0U7r.js → InputMask-CiHg25XE--lofQ4oF.js} +2 -2
- package/dist/{InputMask-kJ-hlK0O-Ctwa0U7r.js.map → InputMask-CiHg25XE--lofQ4oF.js.map} +1 -1
- package/dist/{InputMask-DKPqOpHs.js → InputMask-DYthrVaU.js} +2 -2
- package/dist/{InputMask-DKPqOpHs.js.map → InputMask-DYthrVaU.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-0xHc5wT6.js → ListView-DgrUsTC8.js} +3 -3
- package/dist/{ListView-0xHc5wT6.js.map → ListView-DgrUsTC8.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/Menu-By8ps-lb.js +60 -0
- package/dist/Menu-By8ps-lb.js.map +1 -0
- package/dist/{Menu-BAuADOyt.js → Menu-jt64Cbkd-mK95uUq6.js} +23 -73
- package/dist/Menu-jt64Cbkd-mK95uUq6.js.map +1 -0
- package/dist/{Menu.css → Menu-jt64Cbkd.css} +22 -21
- package/dist/Menu.js +1 -1
- package/dist/{Page-CtwsyE3i.js → Page-DoCYLmH8.js} +135 -105
- package/dist/Page-DoCYLmH8.js.map +1 -0
- package/dist/Page.js +1 -1
- package/dist/Pagination.css +124 -0
- package/dist/Pagination.d.ts +6 -0
- package/dist/Pagination.js +430 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/{Popover-VztF0YHt-ci3tYiye.js → Popover-CVCAWhdO-CJw1mW49.js} +3 -3
- package/dist/{Popover-VztF0YHt-ci3tYiye.js.map → Popover-CVCAWhdO-CJw1mW49.js.map} +1 -1
- package/dist/{Popover-Bnkwq99S.js → Popover-Dv7ntx4P.js} +2 -2
- package/dist/{Popover-Bnkwq99S.js.map → Popover-Dv7ntx4P.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-Cfi5zZRy-BpESsdh_.js → ProgressBar-CZhkKwaS-dlDRDjxo.js} +24 -11
- package/dist/ProgressBar-CZhkKwaS-dlDRDjxo.js.map +1 -0
- package/dist/{ProgressBar-BotOFymw.js → ProgressBar-Eeudkcyc.js} +2 -2
- package/dist/{ProgressBar-BotOFymw.js.map → ProgressBar-Eeudkcyc.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-7U7IBI58-BDhdZJoC.js → Radio-DiBn0-hf-hhLKXDdl.js} +4 -4
- package/dist/{Radio-7U7IBI58-BDhdZJoC.js.map → Radio-DiBn0-hf-hhLKXDdl.js.map} +1 -1
- package/dist/{Radio-D4rRt1a6.js → Radio-Dx2GeEZp.js} +2 -2
- package/dist/{Radio-D4rRt1a6.js.map → Radio-Dx2GeEZp.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{SearchField-Bz4HPxCQ.js → SearchField-BQY7LHe2.js} +3 -3
- package/dist/SearchField-BQY7LHe2.js.map +1 -0
- package/dist/SearchField.js +1 -1
- package/dist/{SelectCard-B5EqtxOK-CpCgVjV8.js → SelectCard-CL8T4DQb-ClozUyqV.js} +46 -26
- package/dist/SelectCard-CL8T4DQb-ClozUyqV.js.map +1 -0
- package/dist/SelectCard-CL8T4DQb.css +51 -0
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-DsHZgCqA.js → SelectCardGroup-KTtcsOar.js} +2 -2
- package/dist/{SelectCardGroup-DsHZgCqA.js.map → SelectCardGroup-KTtcsOar.js.map} +1 -1
- package/dist/SelectTrigger-BvUO-g1F.js +138 -0
- package/dist/SelectTrigger-BvUO-g1F.js.map +1 -0
- package/dist/SelectTrigger.css +16 -0
- package/dist/SelectTrigger.d.ts +6 -0
- package/dist/SelectTrigger.js +2 -0
- package/dist/SelectTrigger.js.map +1 -0
- package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js +301 -0
- package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js.map +1 -0
- package/dist/SelectTriggerBase-BMhRDkFW.css +270 -0
- package/dist/{Switch-Dd9tJFmG.js → Switch-DAQFzi-X.js} +2 -2
- package/dist/{Switch-Dd9tJFmG.js.map → Switch-DAQFzi-X.js.map} +1 -1
- package/dist/Switch.js +1 -1
- package/dist/{TextField-BYyyw3m2.js → TextField-0XKj7lDu.js} +2 -2
- package/dist/{TextField-BYyyw3m2.js.map → TextField-0XKj7lDu.js.map} +1 -1
- package/dist/{TextField-CGJtMoil-CJqYM83o.js → TextField-C5KbQxoU-CSkSyt7P.js} +8 -10
- package/dist/TextField-C5KbQxoU-CSkSyt7P.js.map +1 -0
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-AczEXhHB.js → Textarea-DkSeFIg7.js} +8 -10
- package/dist/Textarea-DkSeFIg7.js.map +1 -0
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-Cu3u0TRX.js → Toolbar-38Z9fVxY.js} +5 -7
- package/dist/Toolbar-38Z9fVxY.js.map +1 -0
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-BL_bgvwA.js → Tooltip-BwUVaBEo.js} +2 -2
- package/dist/{Tooltip-BL_bgvwA.js.map → Tooltip-BwUVaBEo.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/assets/css-utils/a2-border.css +53 -0
- package/dist/assets/css-utils/a2-color.css +235 -0
- package/dist/assets/css-utils/a2-font.css +49 -0
- package/dist/assets/css-utils/a2-spacing.css +483 -0
- package/dist/assets/css-utils/a2-utils.css +785 -0
- package/dist/assets/icons/st/document_audio.svg +1 -0
- package/dist/assets/icons/st/document_doc.svg +1 -0
- package/dist/assets/icons/st/document_drawing.svg +1 -0
- package/dist/assets/icons/st/document_form.svg +1 -0
- package/dist/assets/icons/st/document_message.svg +1 -0
- package/dist/assets/icons/st/document_other.svg +1 -0
- package/dist/assets/icons/st/document_pdf.svg +1 -0
- package/dist/assets/icons/st/document_spreadsheet.svg +1 -0
- package/dist/assets/icons/st/document_text.svg +1 -0
- package/dist/assets/icons/st/document_web.svg +1 -0
- package/dist/assets/icons/st/gnav_insurance_work_queue_active.svg +1 -0
- package/dist/assets/icons/st/gnav_insurance_work_queue_inactive.svg +1 -0
- package/dist/assets/icons/st/gnav_production_work_queue_active.svg +1 -0
- package/dist/assets/icons/st/gnav_production_work_queue_inactive.svg +1 -0
- package/dist/assets/icons/st.ts +14 -0
- package/dist/components/Alert/Alert.figma.d.ts +1 -0
- package/dist/components/DateFieldRange/DateFieldRange.d.ts +7 -0
- package/dist/components/DateFieldRange/index.d.ts +2 -0
- package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +7 -0
- package/dist/components/DateFieldSingle/index.d.ts +2 -0
- package/dist/components/Page/Page.d.ts +19 -352
- package/dist/components/Page/PageContent.d.ts +24 -0
- package/dist/components/Page/PageContext.d.ts +4 -0
- package/dist/components/Page/PageFooter.d.ts +24 -0
- package/dist/components/Page/PageHeader.d.ts +135 -0
- package/dist/components/Page/PagePanel.d.ts +57 -0
- package/dist/components/Page/PageSidebar.d.ts +57 -0
- package/dist/components/Page/PageSidebarContext.d.ts +5 -0
- package/dist/components/Page/PageSidebarHeader.d.ts +23 -0
- package/dist/components/Page/index.d.ts +5 -0
- package/dist/components/Pagination/Pagination.d.ts +58 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Pagination/internal/usePaginationArray.d.ts +36 -0
- package/dist/components/SelectTrigger/SelectTrigger.d.ts +11 -0
- package/dist/components/SelectTrigger/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/event-BEJFimi3.js +6 -0
- package/dist/event-BEJFimi3.js.map +1 -0
- package/dist/index.js +27 -24
- package/dist/index.js.map +1 -1
- package/dist/keyboard_arrow_right-DZWNVytH.js +8 -0
- package/dist/keyboard_arrow_right-DZWNVytH.js.map +1 -0
- package/dist/more_horiz-DJgdQiy0.js +6 -0
- package/dist/more_horiz-DJgdQiy0.js.map +1 -0
- package/dist/{toast-B39L6vJ0.js → toast-CWVuLkyv.js} +2 -2
- package/dist/{toast-B39L6vJ0.js.map → toast-CWVuLkyv.js.map} +1 -1
- package/dist/token/core/css-utils/a2-border.css +53 -0
- package/dist/token/core/css-utils/a2-color.css +235 -0
- package/dist/token/core/css-utils/a2-font.css +49 -0
- package/dist/token/core/css-utils/a2-spacing.css +483 -0
- package/dist/token/core/css-utils/a2-utils.css +785 -0
- package/package.json +8 -5
- package/dist/Breadcrumbs-DJbCkSeD.js.map +0 -1
- package/dist/Calendar-CohGSWFp-DFYJkf7Y.js.map +0 -1
- package/dist/Combobox-7ADxZKDE.js.map +0 -1
- package/dist/DateField-CUO_26rh.js.map +0 -1
- package/dist/FieldMessage-ChFXWVDb-loVSCnCM.js.map +0 -1
- package/dist/Menu-BAuADOyt.js.map +0 -1
- package/dist/Page-CtwsyE3i.js.map +0 -1
- package/dist/ProgressBar-Cfi5zZRy-BpESsdh_.js.map +0 -1
- package/dist/SearchField-Bz4HPxCQ.js.map +0 -1
- package/dist/SelectCard-B5EqtxOK-CpCgVjV8.js.map +0 -1
- package/dist/SelectCard-B5EqtxOK.css +0 -38
- package/dist/TextField-CGJtMoil-CJqYM83o.js.map +0 -1
- package/dist/Textarea-AczEXhHB.js.map +0 -1
- package/dist/Toolbar-Cu3u0TRX.js.map +0 -1
- /package/dist/{Breadcrumbs.css → Breadcrumbs-D_jgwoN3.css} +0 -0
- /package/dist/{Calendar-CohGSWFp.css → Calendar-DixTCgAW.css} +0 -0
- /package/dist/{Helper-C9sHaTrI.css → Helper-h7k80qls.css} +0 -0
- /package/dist/{Popover-VztF0YHt.css → Popover-CVCAWhdO.css} +0 -0
- /package/dist/{ProgressBar-Cfi5zZRy.css → ProgressBar-CZhkKwaS.css} +0 -0
- /package/dist/{Radio-7U7IBI58.css → Radio-DiBn0-hf.css} +0 -0
|
@@ -0,0 +1,301 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useId, useRef, useState, useLayoutEffect } from 'react';
|
|
3
|
+
import { c as cx } from './index-tZvMCc77.js';
|
|
4
|
+
import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
|
|
5
|
+
import { L as Label } from './ProgressBar-CZhkKwaS-dlDRDjxo.js';
|
|
6
|
+
import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
|
|
7
|
+
import { C as Chip } from './Chip-_daV8CmM-CTke7zH4.js';
|
|
8
|
+
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
9
|
+
import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
|
|
10
|
+
import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
|
|
11
|
+
|
|
12
|
+
import './SelectTriggerBase-BMhRDkFW.css';const defaultItemToString = function(item) {
|
|
13
|
+
return item != null ? String(item) : "";
|
|
14
|
+
};
|
|
15
|
+
const defaultItemToKey = function(item) {
|
|
16
|
+
return item;
|
|
17
|
+
};
|
|
18
|
+
const useDownshiftEnvironment = () => {
|
|
19
|
+
const wrapperDivRef = useRef(null);
|
|
20
|
+
const shadowRoot = wrapperDivRef.current ? wrapperDivRef.current.getRootNode() : null;
|
|
21
|
+
const shadowDocument = wrapperDivRef.current && shadowRoot ? shadowRoot.ownerDocument : null;
|
|
22
|
+
const environment = shadowDocument ? {
|
|
23
|
+
document: shadowDocument,
|
|
24
|
+
addEventListener: shadowDocument.addEventListener.bind(shadowRoot),
|
|
25
|
+
removeEventListener: shadowDocument.removeEventListener.bind(shadowRoot),
|
|
26
|
+
Node
|
|
27
|
+
} : void 0;
|
|
28
|
+
return { ref: wrapperDivRef, environment };
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
const input = "_input_1umm2_16";
|
|
32
|
+
const prefix = "_prefix_1umm2_44";
|
|
33
|
+
const suffix = "_suffix_1umm2_45";
|
|
34
|
+
const select = "_select_1umm2_65";
|
|
35
|
+
const chip = "_chip_1umm2_161";
|
|
36
|
+
const small = "_small_1umm2_199";
|
|
37
|
+
const large = "_large_1umm2_202";
|
|
38
|
+
const error = "_error_1umm2_220";
|
|
39
|
+
const styles = {
|
|
40
|
+
"buttons-wrapper": "_buttons-wrapper_1umm2_2",
|
|
41
|
+
"search-field": "_search-field_1umm2_3",
|
|
42
|
+
input: input,
|
|
43
|
+
"input-wrapper": "_input-wrapper_1umm2_17",
|
|
44
|
+
"toggle-button-wrapper": "_toggle-button-wrapper_1umm2_30",
|
|
45
|
+
"close-button-wrapper": "_close-button-wrapper_1umm2_31",
|
|
46
|
+
prefix: prefix,
|
|
47
|
+
suffix: suffix,
|
|
48
|
+
select: select,
|
|
49
|
+
"no-clear-button": "_no-clear-button_1umm2_79",
|
|
50
|
+
"input-flex": "_input-flex_1umm2_82",
|
|
51
|
+
"fake-placeholder": "_fake-placeholder_1umm2_110",
|
|
52
|
+
"close-button": "_close-button_1umm2_31",
|
|
53
|
+
"toggle-button": "_toggle-button_1umm2_30",
|
|
54
|
+
"prefix-wrapper": "_prefix-wrapper_1umm2_143",
|
|
55
|
+
"rows-wrapper": "_rows-wrapper_1umm2_151",
|
|
56
|
+
"chip-wrapper": "_chip-wrapper_1umm2_161",
|
|
57
|
+
chip: chip,
|
|
58
|
+
small: small,
|
|
59
|
+
large: large,
|
|
60
|
+
error: error};
|
|
61
|
+
|
|
62
|
+
const SelectTriggerBase = function({
|
|
63
|
+
className,
|
|
64
|
+
label,
|
|
65
|
+
size,
|
|
66
|
+
error,
|
|
67
|
+
hint,
|
|
68
|
+
description,
|
|
69
|
+
prefix,
|
|
70
|
+
suffix,
|
|
71
|
+
maxRows,
|
|
72
|
+
selectedItemProps = () => ({}),
|
|
73
|
+
disabled,
|
|
74
|
+
readOnly,
|
|
75
|
+
/** ======== */
|
|
76
|
+
disableClearSelection,
|
|
77
|
+
itemToString: itemToStringProp,
|
|
78
|
+
selectedItem,
|
|
79
|
+
selectedItems,
|
|
80
|
+
removeSelectedItem,
|
|
81
|
+
inputValue,
|
|
82
|
+
referenceRef,
|
|
83
|
+
/** ======== */
|
|
84
|
+
variant = "select",
|
|
85
|
+
onClearButtonClick,
|
|
86
|
+
labelProps,
|
|
87
|
+
inputWrapperProps = {},
|
|
88
|
+
toggleButtonProps = {},
|
|
89
|
+
inputProps = {},
|
|
90
|
+
chipProps = (_item, _index) => ({}),
|
|
91
|
+
placeholder,
|
|
92
|
+
...rest
|
|
93
|
+
}) {
|
|
94
|
+
const itemToString = itemToStringProp ?? defaultItemToString;
|
|
95
|
+
const ComboboxTriggerClassNames = cx(styles["search-field"], {
|
|
96
|
+
[styles["select"]]: variant === "select"
|
|
97
|
+
});
|
|
98
|
+
const noClearButton = disabled || readOnly || disableClearSelection;
|
|
99
|
+
const ComboboxInputWrapperClassNames = cx(
|
|
100
|
+
styles["input-wrapper"],
|
|
101
|
+
className ? {
|
|
102
|
+
[className]: variant === "select"
|
|
103
|
+
} : {},
|
|
104
|
+
{
|
|
105
|
+
[styles["small"]]: size === "small",
|
|
106
|
+
[styles["large"]]: size === "large",
|
|
107
|
+
[styles["no-clear-button"]]: noClearButton
|
|
108
|
+
}
|
|
109
|
+
);
|
|
110
|
+
const ComboboxInputClassNames = cx(
|
|
111
|
+
styles["input"],
|
|
112
|
+
className ? {
|
|
113
|
+
[className]: variant === "combobox"
|
|
114
|
+
} : {},
|
|
115
|
+
{
|
|
116
|
+
[styles["error"]]: error
|
|
117
|
+
}
|
|
118
|
+
);
|
|
119
|
+
const helperUid = "helper" + useId();
|
|
120
|
+
const placeholderUid = "placeholder" + useId();
|
|
121
|
+
const ariaDescribedBy = `${helperUid} ${placeholderUid}`;
|
|
122
|
+
const errorMessage = typeof error !== "boolean" ? error : void 0;
|
|
123
|
+
const rowsRef = useRef(null);
|
|
124
|
+
const [stillCalculating, setStillCalculating] = useState(false);
|
|
125
|
+
const [collapsedChips, setCollapsedChips] = useState(false);
|
|
126
|
+
const [visibleChipsCount, setVisibleChipsCount] = useState(
|
|
127
|
+
null
|
|
128
|
+
);
|
|
129
|
+
const [forceRenderCount, setForceRenderCount] = useState(0);
|
|
130
|
+
useLayoutEffect(() => {
|
|
131
|
+
if (maxRows === void 0) return;
|
|
132
|
+
if (stillCalculating === false) {
|
|
133
|
+
setStillCalculating(true);
|
|
134
|
+
setCollapsedChips(false);
|
|
135
|
+
setVisibleChipsCount(null);
|
|
136
|
+
setForceRenderCount((x) => x + 1);
|
|
137
|
+
} else if (rowsRef?.current?.children) {
|
|
138
|
+
const children = rowsRef?.current?.children;
|
|
139
|
+
const rowData = Array.from(children).reduce(
|
|
140
|
+
(acc, child) => {
|
|
141
|
+
const top = child.getBoundingClientRect().top;
|
|
142
|
+
if (!acc.length) {
|
|
143
|
+
return [{ count: 1, top }];
|
|
144
|
+
} else if (acc[acc.length - 1].top === top) {
|
|
145
|
+
return [
|
|
146
|
+
...acc.slice(0, -1),
|
|
147
|
+
{ count: acc[acc.length - 1].count + 1, top }
|
|
148
|
+
];
|
|
149
|
+
} else if (acc[acc.length - 1].top !== top) {
|
|
150
|
+
return [...acc, { count: 1, top }];
|
|
151
|
+
} else {
|
|
152
|
+
return acc;
|
|
153
|
+
}
|
|
154
|
+
},
|
|
155
|
+
[]
|
|
156
|
+
);
|
|
157
|
+
if (!rowData[maxRows] || visibleChipsCount === 0 || selectedItems.length === 1) {
|
|
158
|
+
setStillCalculating(false);
|
|
159
|
+
} else {
|
|
160
|
+
setCollapsedChips(true);
|
|
161
|
+
if (visibleChipsCount == null) {
|
|
162
|
+
const firstGuess = Math.max(
|
|
163
|
+
rowData.reduce((sum, row) => sum + row.count, -2),
|
|
164
|
+
0
|
|
165
|
+
);
|
|
166
|
+
setVisibleChipsCount(firstGuess);
|
|
167
|
+
} else {
|
|
168
|
+
setVisibleChipsCount(visibleChipsCount - 1);
|
|
169
|
+
}
|
|
170
|
+
setForceRenderCount((x) => x + 1);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
}, [selectedItems.length, maxRows, forceRenderCount]);
|
|
174
|
+
const selectedItemsDisplayCount = collapsedChips && maxRows != null && visibleChipsCount !== null ? visibleChipsCount : selectedItems.length;
|
|
175
|
+
return /* @__PURE__ */ jsxs("div", { ...rest, className: ComboboxTriggerClassNames, ref: referenceRef, children: [
|
|
176
|
+
label ? /* @__PURE__ */ jsx(
|
|
177
|
+
Label,
|
|
178
|
+
{
|
|
179
|
+
...labelProps,
|
|
180
|
+
className: cx(styles["label"], labelProps?.className),
|
|
181
|
+
children: label
|
|
182
|
+
}
|
|
183
|
+
) : null,
|
|
184
|
+
/* @__PURE__ */ jsxs(
|
|
185
|
+
"div",
|
|
186
|
+
{
|
|
187
|
+
...inputWrapperProps,
|
|
188
|
+
className: ComboboxInputWrapperClassNames,
|
|
189
|
+
...variant === "select" ? {
|
|
190
|
+
"aria-describedby": ariaDescribedBy,
|
|
191
|
+
"aria-labelledby": labelProps?.id
|
|
192
|
+
} : {},
|
|
193
|
+
children: [
|
|
194
|
+
/* @__PURE__ */ jsxs("div", { className: styles["buttons-wrapper"], children: [
|
|
195
|
+
(inputValue || selectedItem || selectedItems.length) && !noClearButton ? /* @__PURE__ */ jsx("div", { className: styles["close-button-wrapper"], children: /* @__PURE__ */ jsx(
|
|
196
|
+
Button,
|
|
197
|
+
{
|
|
198
|
+
"aria-label": "clear selection",
|
|
199
|
+
appearance: "ghost",
|
|
200
|
+
size: "small",
|
|
201
|
+
icon: SvgClose,
|
|
202
|
+
className: styles["close-button"],
|
|
203
|
+
onClick: (e) => {
|
|
204
|
+
e.stopPropagation();
|
|
205
|
+
onClearButtonClick?.(e);
|
|
206
|
+
},
|
|
207
|
+
tabIndex: -1
|
|
208
|
+
}
|
|
209
|
+
) }) : null,
|
|
210
|
+
/* @__PURE__ */ jsx("div", { className: styles["toggle-button-wrapper"], children: /* @__PURE__ */ jsx(
|
|
211
|
+
Button,
|
|
212
|
+
{
|
|
213
|
+
...toggleButtonProps,
|
|
214
|
+
...variant === "select" ? { tabIndex: -1, inert: "true" } : {},
|
|
215
|
+
className: styles["toggle-button"],
|
|
216
|
+
"aria-label": "toggle menu",
|
|
217
|
+
icon: SvgChevronRight,
|
|
218
|
+
appearance: "ghost",
|
|
219
|
+
size: "small",
|
|
220
|
+
disabled
|
|
221
|
+
}
|
|
222
|
+
) })
|
|
223
|
+
] }),
|
|
224
|
+
/* @__PURE__ */ jsx("div", { className: styles["prefix-wrapper"], children: prefix ? /* @__PURE__ */ jsx("div", { className: styles["prefix"], children: prefix }) : null }),
|
|
225
|
+
/* @__PURE__ */ jsxs("div", { className: styles["rows-wrapper"], ref: rowsRef, children: [
|
|
226
|
+
selectedItems.length && removeSelectedItem != null ? selectedItems.slice(0, selectedItemsDisplayCount).map((item, index) => {
|
|
227
|
+
return /* @__PURE__ */ jsx(
|
|
228
|
+
"div",
|
|
229
|
+
{
|
|
230
|
+
className: styles["chip-wrapper"],
|
|
231
|
+
children: /* @__PURE__ */ jsx(
|
|
232
|
+
Chip,
|
|
233
|
+
{
|
|
234
|
+
...chipProps(item, index),
|
|
235
|
+
label: itemToString(item),
|
|
236
|
+
onClose: disabled || readOnly ? void 0 : (_e) => {
|
|
237
|
+
removeSelectedItem(item);
|
|
238
|
+
},
|
|
239
|
+
className: styles["chip"],
|
|
240
|
+
title: itemToString(item),
|
|
241
|
+
...selectedItemProps(item, index)
|
|
242
|
+
}
|
|
243
|
+
)
|
|
244
|
+
},
|
|
245
|
+
`selected-item-${index}`
|
|
246
|
+
);
|
|
247
|
+
}) : null,
|
|
248
|
+
collapsedChips && maxRows != null ? /* @__PURE__ */ jsx("div", { className: styles["chip-wrapper"], children: /* @__PURE__ */ jsx(
|
|
249
|
+
Chip,
|
|
250
|
+
{
|
|
251
|
+
label: `+${selectedItems.length - selectedItemsDisplayCount}`,
|
|
252
|
+
className: styles["chip"],
|
|
253
|
+
title: selectedItems.slice(selectedItemsDisplayCount).map((item) => itemToString(item)).join(", ")
|
|
254
|
+
}
|
|
255
|
+
) }) : null,
|
|
256
|
+
/* @__PURE__ */ jsxs(Flex, { className: styles["input-flex"], alignItems: "center", children: [
|
|
257
|
+
variant === "select" ? /* @__PURE__ */ jsx(
|
|
258
|
+
"div",
|
|
259
|
+
{
|
|
260
|
+
...inputProps,
|
|
261
|
+
className: cx(ComboboxInputClassNames, inputProps.className),
|
|
262
|
+
children: selectedItems.length ? null : selectedItem ? itemToString(selectedItem) : /* @__PURE__ */ jsx(
|
|
263
|
+
"span",
|
|
264
|
+
{
|
|
265
|
+
className: styles["fake-placeholder"],
|
|
266
|
+
id: placeholderUid,
|
|
267
|
+
children: placeholder
|
|
268
|
+
}
|
|
269
|
+
)
|
|
270
|
+
}
|
|
271
|
+
) : /* @__PURE__ */ jsx(
|
|
272
|
+
"input",
|
|
273
|
+
{
|
|
274
|
+
...inputProps,
|
|
275
|
+
placeholder,
|
|
276
|
+
className: cx(ComboboxInputClassNames, inputProps.className),
|
|
277
|
+
...inputProps["aria-expanded"] != null && inputProps["aria-controls"] != null ? {
|
|
278
|
+
role: "combobox"
|
|
279
|
+
} : {}
|
|
280
|
+
}
|
|
281
|
+
),
|
|
282
|
+
suffix ? /* @__PURE__ */ jsx("div", { className: styles["suffix"], children: suffix }) : null
|
|
283
|
+
] })
|
|
284
|
+
] })
|
|
285
|
+
]
|
|
286
|
+
}
|
|
287
|
+
),
|
|
288
|
+
hint || errorMessage || description ? /* @__PURE__ */ jsx(
|
|
289
|
+
Helper,
|
|
290
|
+
{
|
|
291
|
+
id: helperUid,
|
|
292
|
+
errorMessage,
|
|
293
|
+
hint,
|
|
294
|
+
description
|
|
295
|
+
}
|
|
296
|
+
) : null
|
|
297
|
+
] });
|
|
298
|
+
};
|
|
299
|
+
|
|
300
|
+
export { SelectTriggerBase as S, defaultItemToKey as a, defaultItemToString as d, useDownshiftEnvironment as u };
|
|
301
|
+
//# sourceMappingURL=SelectTriggerBase-BMhRDkFW-DjkagPpu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectTriggerBase-BMhRDkFW-DjkagPpu.js","sources":["../../hammer-react/dist/SelectTriggerBase-BMhRDkFW.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useRef, useId, useState, useLayoutEffect } from 'react';\nimport cx from 'classnames';\nimport { F as Flex } from './Flex-CiK7uNUu.js';\nimport { L as Label } from './ProgressBar-CZhkKwaS.js';\nimport { B as Button } from './Button-BaHFf1AT.js';\nimport { C as Chip } from './Chip-_daV8CmM.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Chevron_Right from '@servicetitan/hammer-icon/mdi/round/chevron_right.svg';\nimport { H as Helper } from './Helper-h7k80qls.js';\n\nimport './SelectTriggerBase.css';const defaultItemToString = function(item) {\n return item != null ? String(item) : \"\";\n};\nconst defaultItemToKey = function(item) {\n return item;\n};\nconst useDownshiftEnvironment = () => {\n const wrapperDivRef = useRef(null);\n const shadowRoot = wrapperDivRef.current ? wrapperDivRef.current.getRootNode() : null;\n const shadowDocument = wrapperDivRef.current && shadowRoot ? shadowRoot.ownerDocument : null;\n const environment = shadowDocument ? {\n document: shadowDocument,\n addEventListener: shadowDocument.addEventListener.bind(shadowRoot),\n removeEventListener: shadowDocument.removeEventListener.bind(shadowRoot),\n Node\n } : void 0;\n return { ref: wrapperDivRef, environment };\n};\n\nconst input = \"_input_1umm2_16\";\nconst prefix = \"_prefix_1umm2_44\";\nconst suffix = \"_suffix_1umm2_45\";\nconst select = \"_select_1umm2_65\";\nconst chip = \"_chip_1umm2_161\";\nconst small = \"_small_1umm2_199\";\nconst large = \"_large_1umm2_202\";\nconst error = \"_error_1umm2_220\";\nconst styles = {\n\t\"buttons-wrapper\": \"_buttons-wrapper_1umm2_2\",\n\t\"search-field\": \"_search-field_1umm2_3\",\n\tinput: input,\n\t\"input-wrapper\": \"_input-wrapper_1umm2_17\",\n\t\"toggle-button-wrapper\": \"_toggle-button-wrapper_1umm2_30\",\n\t\"close-button-wrapper\": \"_close-button-wrapper_1umm2_31\",\n\tprefix: prefix,\n\tsuffix: suffix,\n\tselect: select,\n\t\"no-clear-button\": \"_no-clear-button_1umm2_79\",\n\t\"input-flex\": \"_input-flex_1umm2_82\",\n\t\"fake-placeholder\": \"_fake-placeholder_1umm2_110\",\n\t\"close-button\": \"_close-button_1umm2_31\",\n\t\"toggle-button\": \"_toggle-button_1umm2_30\",\n\t\"prefix-wrapper\": \"_prefix-wrapper_1umm2_143\",\n\t\"rows-wrapper\": \"_rows-wrapper_1umm2_151\",\n\t\"chip-wrapper\": \"_chip-wrapper_1umm2_161\",\n\tchip: chip,\n\tsmall: small,\n\tlarge: large,\n\terror: error};\n\nconst SelectTriggerBase = function({\n className,\n label,\n size,\n error,\n hint,\n description,\n prefix,\n suffix,\n maxRows,\n selectedItemProps = () => ({}),\n disabled,\n readOnly,\n /** ======== */\n disableClearSelection,\n itemToString: itemToStringProp,\n selectedItem,\n selectedItems,\n removeSelectedItem,\n inputValue,\n referenceRef,\n /** ======== */\n variant = \"select\",\n onClearButtonClick,\n labelProps,\n inputWrapperProps = {},\n toggleButtonProps = {},\n inputProps = {},\n chipProps = (_item, _index) => ({}),\n placeholder,\n ...rest\n}) {\n const itemToString = itemToStringProp ?? defaultItemToString;\n const ComboboxTriggerClassNames = cx(styles[\"search-field\"], {\n [styles[\"select\"]]: variant === \"select\"\n });\n const noClearButton = disabled || readOnly || disableClearSelection;\n const ComboboxInputWrapperClassNames = cx(\n styles[\"input-wrapper\"],\n className ? {\n [className]: variant === \"select\"\n } : {},\n {\n [styles[\"small\"]]: size === \"small\",\n [styles[\"large\"]]: size === \"large\",\n [styles[\"no-clear-button\"]]: noClearButton\n }\n );\n const ComboboxInputClassNames = cx(\n styles[\"input\"],\n className ? {\n [className]: variant === \"combobox\"\n } : {},\n {\n [styles[\"error\"]]: error\n }\n );\n const helperUid = \"helper\" + useId();\n const placeholderUid = \"placeholder\" + useId();\n const ariaDescribedBy = `${helperUid} ${placeholderUid}`;\n const errorMessage = typeof error !== \"boolean\" ? error : void 0;\n const rowsRef = useRef(null);\n const [stillCalculating, setStillCalculating] = useState(false);\n const [collapsedChips, setCollapsedChips] = useState(false);\n const [visibleChipsCount, setVisibleChipsCount] = useState(\n null\n );\n const [forceRenderCount, setForceRenderCount] = useState(0);\n useLayoutEffect(() => {\n if (maxRows === void 0) return;\n if (stillCalculating === false) {\n setStillCalculating(true);\n setCollapsedChips(false);\n setVisibleChipsCount(null);\n setForceRenderCount((x) => x + 1);\n } else if (rowsRef?.current?.children) {\n const children = rowsRef?.current?.children;\n const rowData = Array.from(children).reduce(\n (acc, child) => {\n const top = child.getBoundingClientRect().top;\n if (!acc.length) {\n return [{ count: 1, top }];\n } else if (acc[acc.length - 1].top === top) {\n return [\n ...acc.slice(0, -1),\n { count: acc[acc.length - 1].count + 1, top }\n ];\n } else if (acc[acc.length - 1].top !== top) {\n return [...acc, { count: 1, top }];\n } else {\n return acc;\n }\n },\n []\n );\n if (!rowData[maxRows] || visibleChipsCount === 0 || selectedItems.length === 1) {\n setStillCalculating(false);\n } else {\n setCollapsedChips(true);\n if (visibleChipsCount == null) {\n const firstGuess = Math.max(\n rowData.reduce((sum, row) => sum + row.count, -2),\n 0\n );\n setVisibleChipsCount(firstGuess);\n } else {\n setVisibleChipsCount(visibleChipsCount - 1);\n }\n setForceRenderCount((x) => x + 1);\n }\n }\n }, [selectedItems.length, maxRows, forceRenderCount]);\n const selectedItemsDisplayCount = collapsedChips && maxRows != null && visibleChipsCount !== null ? visibleChipsCount : selectedItems.length;\n return /* @__PURE__ */ jsxs(\"div\", { ...rest, className: ComboboxTriggerClassNames, ref: referenceRef, children: [\n label ? /* @__PURE__ */ jsx(\n Label,\n {\n ...labelProps,\n className: cx(styles[\"label\"], labelProps?.className),\n children: label\n }\n ) : null,\n /* @__PURE__ */ jsxs(\n \"div\",\n {\n ...inputWrapperProps,\n className: ComboboxInputWrapperClassNames,\n ...variant === \"select\" ? {\n \"aria-describedby\": ariaDescribedBy,\n \"aria-labelledby\": labelProps?.id\n } : {},\n children: [\n /* @__PURE__ */ jsxs(\"div\", { className: styles[\"buttons-wrapper\"], children: [\n (inputValue || selectedItem || selectedItems.length) && !noClearButton ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"close-button-wrapper\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n \"aria-label\": \"clear selection\",\n appearance: \"ghost\",\n size: \"small\",\n icon: Close,\n className: styles[\"close-button\"],\n onClick: (e) => {\n e.stopPropagation();\n onClearButtonClick?.(e);\n },\n tabIndex: -1\n }\n ) }) : null,\n /* @__PURE__ */ jsx(\"div\", { className: styles[\"toggle-button-wrapper\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n ...toggleButtonProps,\n ...variant === \"select\" ? { tabIndex: -1, inert: \"true\" } : {},\n className: styles[\"toggle-button\"],\n \"aria-label\": \"toggle menu\",\n icon: Chevron_Right,\n appearance: \"ghost\",\n size: \"small\",\n disabled\n }\n ) })\n ] }),\n /* @__PURE__ */ jsx(\"div\", { className: styles[\"prefix-wrapper\"], children: prefix ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"prefix\"], children: prefix }) : null }),\n /* @__PURE__ */ jsxs(\"div\", { className: styles[\"rows-wrapper\"], ref: rowsRef, children: [\n selectedItems.length && removeSelectedItem != null ? selectedItems.slice(0, selectedItemsDisplayCount).map((item, index) => {\n return /* @__PURE__ */ jsx(\n \"div\",\n {\n className: styles[\"chip-wrapper\"],\n children: /* @__PURE__ */ jsx(\n Chip,\n {\n ...chipProps(item, index),\n label: itemToString(item),\n onClose: disabled || readOnly ? void 0 : (_e) => {\n removeSelectedItem(item);\n },\n className: styles[\"chip\"],\n title: itemToString(item),\n ...selectedItemProps(item, index)\n }\n )\n },\n `selected-item-${index}`\n );\n }) : null,\n collapsedChips && maxRows != null ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"chip-wrapper\"], children: /* @__PURE__ */ jsx(\n Chip,\n {\n label: `+${selectedItems.length - selectedItemsDisplayCount}`,\n className: styles[\"chip\"],\n title: selectedItems.slice(selectedItemsDisplayCount).map((item) => itemToString(item)).join(\", \")\n }\n ) }) : null,\n /* @__PURE__ */ jsxs(Flex, { className: styles[\"input-flex\"], alignItems: \"center\", children: [\n variant === \"select\" ? /* @__PURE__ */ jsx(\n \"div\",\n {\n ...inputProps,\n className: cx(ComboboxInputClassNames, inputProps.className),\n children: selectedItems.length ? null : selectedItem ? itemToString(selectedItem) : /* @__PURE__ */ jsx(\n \"span\",\n {\n className: styles[\"fake-placeholder\"],\n id: placeholderUid,\n children: placeholder\n }\n )\n }\n ) : /* @__PURE__ */ jsx(\n \"input\",\n {\n ...inputProps,\n placeholder,\n className: cx(ComboboxInputClassNames, inputProps.className),\n ...inputProps[\"aria-expanded\"] != null && inputProps[\"aria-controls\"] != null ? {\n role: \"combobox\"\n } : {}\n }\n ),\n suffix ? /* @__PURE__ */ jsx(\"div\", { className: styles[\"suffix\"], children: suffix }) : null\n ] })\n ] })\n ]\n }\n ),\n hint || errorMessage || description ? /* @__PURE__ */ jsx(\n Helper,\n {\n id: helperUid,\n errorMessage,\n hint,\n description\n }\n ) : null\n ] });\n};\n\nexport { SelectTriggerBase as S, defaultItemToKey as a, defaultItemToString as d, useDownshiftEnvironment as u };\n//# sourceMappingURL=SelectTriggerBase-BMhRDkFW.js.map\n"],"names":["Close","Chevron_Right"],"mappings":";;;;;;;;;;;AAWsC,MAAC,mBAAmB,GAAG,SAAS,IAAI,EAAE;AAC5E,EAAE,OAAO,IAAI,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;AACzC;AACK,MAAC,gBAAgB,GAAG,SAAS,IAAI,EAAE;AACxC,EAAE,OAAO,IAAI;AACb;AACK,MAAC,uBAAuB,GAAG,MAAM;AACtC,EAAE,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC;AACpC,EAAE,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,GAAG,IAAI;AACvF,EAAE,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,IAAI,UAAU,GAAG,UAAU,CAAC,aAAa,GAAG,IAAI;AAC9F,EAAE,MAAM,WAAW,GAAG,cAAc,GAAG;AACvC,IAAI,QAAQ,EAAE,cAAc;AAC5B,IAAI,gBAAgB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC;AACtE,IAAI,mBAAmB,EAAE,cAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5E,IAAI;AACJ,GAAG,GAAG,MAAM;AACZ,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,WAAW,EAAE;AAC5C;;AAEA,MAAM,KAAK,GAAG,iBAAiB;AAC/B,MAAM,MAAM,GAAG,kBAAkB;AACjC,MAAM,MAAM,GAAG,kBAAkB;AACjC,MAAM,MAAM,GAAG,kBAAkB;AACjC,MAAM,IAAI,GAAG,iBAAiB;AAC9B,MAAM,KAAK,GAAG,kBAAkB;AAChC,MAAM,KAAK,GAAG,kBAAkB;AAChC,MAAM,KAAK,GAAG,kBAAkB;AAChC,MAAM,MAAM,GAAG;AACf,CAAC,iBAAiB,EAAE,0BAA0B;AAC9C,CAAC,cAAc,EAAE,uBAAuB;AACxC,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,eAAe,EAAE,yBAAyB;AAC3C,CAAC,uBAAuB,EAAE,iCAAiC;AAC3D,CAAC,sBAAsB,EAAE,gCAAgC;AACzD,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,iBAAiB,EAAE,2BAA2B;AAC/C,CAAC,YAAY,EAAE,sBAAsB;AACrC,CAAC,kBAAkB,EAAE,6BAA6B;AAClD,CAAC,cAAc,EAAE,wBAAwB;AACzC,CAAC,eAAe,EAAE,yBAAyB;AAC3C,CAAC,gBAAgB,EAAE,2BAA2B;AAC9C,CAAC,cAAc,EAAE,yBAAyB;AAC1C,CAAC,cAAc,EAAE,yBAAyB;AAC1C,CAAC,IAAI,EAAE,IAAI;AACX,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,KAAK,EAAE,KAAK;AACb,CAAC,KAAK,EAAE,KAAK,CAAC;;AAET,MAAC,iBAAiB,GAAG,SAAS;AACnC,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,WAAW;AACb,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,iBAAiB,GAAG,OAAO,EAAE,CAAC;AAChC,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV;AACA,EAAE,qBAAqB;AACvB,EAAE,YAAY,EAAE,gBAAgB;AAChC,EAAE,YAAY;AACd,EAAE,aAAa;AACf,EAAE,kBAAkB;AACpB,EAAE,UAAU;AACZ,EAAE,YAAY;AACd;AACA,EAAE,OAAO,GAAG,QAAQ;AACpB,EAAE,kBAAkB;AACpB,EAAE,UAAU;AACZ,EAAE,iBAAiB,GAAG,EAAE;AACxB,EAAE,iBAAiB,GAAG,EAAE;AACxB,EAAE,UAAU,GAAG,EAAE;AACjB,EAAE,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,MAAM,EAAE,CAAC;AACrC,EAAE,WAAW;AACb,EAAE,GAAG;AACL,CAAC,EAAE;AACH,EAAE,MAAM,YAAY,GAAG,gBAAgB,IAAI,mBAAmB;AAC9D,EAAE,MAAM,yBAAyB,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;AAC/D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,OAAO,KAAK;AACpC,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ,IAAI,qBAAqB;AACrE,EAAE,MAAM,8BAA8B,GAAG,EAAE;AAC3C,IAAI,MAAM,CAAC,eAAe,CAAC;AAC3B,IAAI,SAAS,GAAG;AAChB,MAAM,CAAC,SAAS,GAAG,OAAO,KAAK;AAC/B,KAAK,GAAG,EAAE;AACV,IAAI;AACJ,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,KAAK,OAAO;AACzC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,KAAK,OAAO;AACzC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG;AACnC;AACA,GAAG;AACH,EAAE,MAAM,uBAAuB,GAAG,EAAE;AACpC,IAAI,MAAM,CAAC,OAAO,CAAC;AACnB,IAAI,SAAS,GAAG;AAChB,MAAM,CAAC,SAAS,GAAG,OAAO,KAAK;AAC/B,KAAK,GAAG,EAAE;AACV,IAAI;AACJ,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;AACzB;AACA,GAAG;AACH,EAAE,MAAM,SAAS,GAAG,QAAQ,GAAG,KAAK,EAAE;AACtC,EAAE,MAAM,cAAc,GAAG,aAAa,GAAG,KAAK,EAAE;AAChD,EAAE,MAAM,eAAe,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;AAC1D,EAAE,MAAM,YAAY,GAAG,OAAO,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,MAAM;AAClE,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC;AAC9B,EAAE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjE,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC7D,EAAE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ;AAC5D,IAAI;AACJ,GAAG;AACH,EAAE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC7D,EAAE,eAAe,CAAC,MAAM;AACxB,IAAI,IAAI,OAAO,KAAK,MAAM,EAAE;AAC5B,IAAI,IAAI,gBAAgB,KAAK,KAAK,EAAE;AACpC,MAAM,mBAAmB,CAAC,IAAI,CAAC;AAC/B,MAAM,iBAAiB,CAAC,KAAK,CAAC;AAC9B,MAAM,oBAAoB,CAAC,IAAI,CAAC;AAChC,MAAM,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACvC,KAAK,MAAM,IAAI,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE;AAC3C,MAAM,MAAM,QAAQ,GAAG,OAAO,EAAE,OAAO,EAAE,QAAQ;AACjD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM;AACjD,QAAQ,CAAC,GAAG,EAAE,KAAK,KAAK;AACxB,UAAU,MAAM,GAAG,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,GAAG;AACvD,UAAU,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;AAC3B,YAAY,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;AACtC,WAAW,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;AACtD,YAAY,OAAO;AACnB,cAAc,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AACjC,cAAc,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG;AACzD,aAAa;AACb,WAAW,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;AACtD,YAAY,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;AAC9C,WAAW,MAAM;AACjB,YAAY,OAAO,GAAG;AACtB;AACA,SAAS;AACT,QAAQ;AACR,OAAO;AACP,MAAM,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,iBAAiB,KAAK,CAAC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;AACtF,QAAQ,mBAAmB,CAAC,KAAK,CAAC;AAClC,OAAO,MAAM;AACb,QAAQ,iBAAiB,CAAC,IAAI,CAAC;AAC/B,QAAQ,IAAI,iBAAiB,IAAI,IAAI,EAAE;AACvC,UAAU,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG;AACrC,YAAY,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;AAC7D,YAAY;AACZ,WAAW;AACX,UAAU,oBAAoB,CAAC,UAAU,CAAC;AAC1C,SAAS,MAAM;AACf,UAAU,oBAAoB,CAAC,iBAAiB,GAAG,CAAC,CAAC;AACrD;AACA,QAAQ,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACzC;AACA;AACA,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACvD,EAAE,MAAM,yBAAyB,GAAG,cAAc,IAAI,OAAO,IAAI,IAAI,IAAI,iBAAiB,KAAK,IAAI,GAAG,iBAAiB,GAAG,aAAa,CAAC,MAAM;AAC9I,EAAE,uBAAuB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE;AACnH,IAAI,KAAK,mBAAmB,GAAG;AAC/B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,GAAG,UAAU;AACrB,QAAQ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,SAAS,CAAC;AAC7D,QAAQ,QAAQ,EAAE;AAClB;AACA,KAAK,GAAG,IAAI;AACZ,oBAAoB,IAAI;AACxB,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,GAAG,iBAAiB;AAC5B,QAAQ,SAAS,EAAE,8BAA8B;AACjD,QAAQ,GAAG,OAAO,KAAK,QAAQ,GAAG;AAClC,UAAU,kBAAkB,EAAE,eAAe;AAC7C,UAAU,iBAAiB,EAAE,UAAU,EAAE;AACzC,SAAS,GAAG,EAAE;AACd,QAAQ,QAAQ,EAAE;AAClB,0BAA0B,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE;AACxF,YAAY,CAAC,UAAU,IAAI,YAAY,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,aAAa,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAAE,QAAQ,kBAAkB,GAAG;AAC1L,cAAc,MAAM;AACpB,cAAc;AACd,gBAAgB,YAAY,EAAE,iBAAiB;AAC/C,gBAAgB,UAAU,EAAE,OAAO;AACnC,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,IAAI,EAAEA,QAAK;AAC3B,gBAAgB,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;AACjD,gBAAgB,OAAO,EAAE,CAAC,CAAC,KAAK;AAChC,kBAAkB,CAAC,CAAC,eAAe,EAAE;AACrC,kBAAkB,kBAAkB,GAAG,CAAC,CAAC;AACzC,iBAAiB;AACjB,gBAAgB,QAAQ,EAAE;AAC1B;AACA,aAAa,EAAE,CAAC,GAAG,IAAI;AACvB,4BAA4B,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,EAAE,QAAQ,kBAAkB,GAAG;AAClH,cAAc,MAAM;AACpB,cAAc;AACd,gBAAgB,GAAG,iBAAiB;AACpC,gBAAgB,GAAG,OAAO,KAAK,QAAQ,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE;AAC9E,gBAAgB,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;AAClD,gBAAgB,YAAY,EAAE,aAAa;AAC3C,gBAAgB,IAAI,EAAEC,eAAa;AACnC,gBAAgB,UAAU,EAAE,OAAO;AACnC,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB;AAChB;AACA,aAAa,EAAE;AACf,WAAW,EAAE,CAAC;AACd,0BAA0B,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC;AACtL,0BAA0B,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE;AACnG,YAAY,aAAa,CAAC,MAAM,IAAI,kBAAkB,IAAI,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,yBAAyB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK;AACxI,cAAc,uBAAuB,GAAG;AACxC,gBAAgB,KAAK;AACrB,gBAAgB;AAChB,kBAAkB,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;AACnD,kBAAkB,QAAQ,kBAAkB,GAAG;AAC/C,oBAAoB,IAAI;AACxB,oBAAoB;AACpB,sBAAsB,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;AAC/C,sBAAsB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;AAC/C,sBAAsB,OAAO,EAAE,QAAQ,IAAI,QAAQ,GAAG,MAAM,GAAG,CAAC,EAAE,KAAK;AACvE,wBAAwB,kBAAkB,CAAC,IAAI,CAAC;AAChD,uBAAuB;AACvB,sBAAsB,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;AAC/C,sBAAsB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;AAC/C,sBAAsB,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK;AACtD;AACA;AACA,iBAAiB;AACjB,gBAAgB,CAAC,cAAc,EAAE,KAAK,CAAC;AACvC,eAAe;AACf,aAAa,CAAC,GAAG,IAAI;AACrB,YAAY,cAAc,IAAI,OAAO,IAAI,IAAI,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAE,QAAQ,kBAAkB,GAAG;AAC7I,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,KAAK,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,yBAAyB,CAAC,CAAC;AAC7E,gBAAgB,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC;AACzC,gBAAgB,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;AACjH;AACA,aAAa,EAAE,CAAC,GAAG,IAAI;AACvB,4BAA4B,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC1G,cAAc,OAAO,KAAK,QAAQ,mBAAmB,GAAG;AACxD,gBAAgB,KAAK;AACrB,gBAAgB;AAChB,kBAAkB,GAAG,UAAU;AAC/B,kBAAkB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,UAAU,CAAC,SAAS,CAAC;AAC9E,kBAAkB,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,GAAG,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC,mBAAmB,GAAG;AACzH,oBAAoB,MAAM;AAC1B,oBAAoB;AACpB,sBAAsB,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;AAC3D,sBAAsB,EAAE,EAAE,cAAc;AACxC,sBAAsB,QAAQ,EAAE;AAChC;AACA;AACA;AACA,eAAe,mBAAmB,GAAG;AACrC,gBAAgB,OAAO;AACvB,gBAAgB;AAChB,kBAAkB,GAAG,UAAU;AAC/B,kBAAkB,WAAW;AAC7B,kBAAkB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,UAAU,CAAC,SAAS,CAAC;AAC9E,kBAAkB,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI,IAAI,UAAU,CAAC,eAAe,CAAC,IAAI,IAAI,GAAG;AAClG,oBAAoB,IAAI,EAAE;AAC1B,mBAAmB,GAAG;AACtB;AACA,eAAe;AACf,cAAc,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,GAAG;AACvG,aAAa,EAAE;AACf,WAAW,EAAE;AACb;AACA;AACA,KAAK;AACL,IAAI,IAAI,IAAI,YAAY,IAAI,WAAW,mBAAmB,GAAG;AAC7D,MAAM,MAAM;AACZ,MAAM;AACN,QAAQ,EAAE,EAAE,SAAS;AACrB,QAAQ,YAAY;AACpB,QAAQ,IAAI;AACZ,QAAQ;AACR;AACA,KAAK,GAAG;AACR,GAAG,EAAE,CAAC;AACN;;;;"}
|
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
@layer starter, reset, base, state, application;
|
|
2
|
+
@layer starter, reset, base, state, application;
|
|
3
|
+
@layer reset {
|
|
4
|
+
._buttons-wrapper_1umm2_2,
|
|
5
|
+
._search-field_1umm2_3 {
|
|
6
|
+
all: unset;
|
|
7
|
+
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
8
|
+
font-size: 100%;
|
|
9
|
+
color: var(--foreground-color, #141414);
|
|
10
|
+
margin: 0;
|
|
11
|
+
padding: 0;
|
|
12
|
+
border-style: none;
|
|
13
|
+
border-width: 0;
|
|
14
|
+
border-color: transparent;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
display: flex;
|
|
17
|
+
}
|
|
18
|
+
._input_1umm2_16,
|
|
19
|
+
._input-wrapper_1umm2_17 {
|
|
20
|
+
all: unset;
|
|
21
|
+
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
22
|
+
font-size: 100%;
|
|
23
|
+
color: var(--foreground-color, #141414);
|
|
24
|
+
margin: 0;
|
|
25
|
+
padding: 0;
|
|
26
|
+
border-style: none;
|
|
27
|
+
border-width: 0;
|
|
28
|
+
border-color: transparent;
|
|
29
|
+
box-sizing: border-box;
|
|
30
|
+
display: block;
|
|
31
|
+
}
|
|
32
|
+
._toggle-button-wrapper_1umm2_30,
|
|
33
|
+
._close-button-wrapper_1umm2_31 {
|
|
34
|
+
all: unset;
|
|
35
|
+
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
36
|
+
font-size: 100%;
|
|
37
|
+
color: var(--foreground-color, #141414);
|
|
38
|
+
margin: 0;
|
|
39
|
+
padding: 0;
|
|
40
|
+
border-style: none;
|
|
41
|
+
border-width: 0;
|
|
42
|
+
border-color: transparent;
|
|
43
|
+
box-sizing: border-box;
|
|
44
|
+
display: revert-layer;
|
|
45
|
+
}
|
|
46
|
+
._prefix_1umm2_44,
|
|
47
|
+
._suffix_1umm2_45 {
|
|
48
|
+
all: unset;
|
|
49
|
+
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
50
|
+
font-size: 100%;
|
|
51
|
+
color: var(--foreground-color, #141414);
|
|
52
|
+
margin: 0;
|
|
53
|
+
padding: 0;
|
|
54
|
+
border-style: none;
|
|
55
|
+
border-width: 0;
|
|
56
|
+
border-color: transparent;
|
|
57
|
+
box-sizing: border-box;
|
|
58
|
+
display: flex;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
@layer base {
|
|
62
|
+
._search-field_1umm2_3 {
|
|
63
|
+
flex-direction: column;
|
|
64
|
+
gap: 0.5rem;
|
|
65
|
+
font-size: 1rem;
|
|
66
|
+
}
|
|
67
|
+
._search-field_1umm2_3._select_1umm2_65 {
|
|
68
|
+
cursor: pointer;
|
|
69
|
+
}
|
|
70
|
+
._input-wrapper_1umm2_17 {
|
|
71
|
+
display: flex;
|
|
72
|
+
position: relative;
|
|
73
|
+
border: 0.0625rem solid var(--border-color, #949596);
|
|
74
|
+
border-radius: 0.375rem;
|
|
75
|
+
outline: 0 solid var(--focus-ring-color, #0265DC);
|
|
76
|
+
outline-offset: 0.125rem;
|
|
77
|
+
padding-inline-start: 0.75rem;
|
|
78
|
+
padding-inline-end: 4.5rem;
|
|
79
|
+
background-color: var(--background-color, #ffffff);
|
|
80
|
+
}
|
|
81
|
+
._input-wrapper_1umm2_17._no-clear-button_1umm2_79 {
|
|
82
|
+
padding-inline-end: 2rem;
|
|
83
|
+
}
|
|
84
|
+
._input-wrapper_1umm2_17 ._input-flex_1umm2_82 {
|
|
85
|
+
flex: 1 1 100px;
|
|
86
|
+
width: 0px;
|
|
87
|
+
min-width: 100px;
|
|
88
|
+
white-space: nowrap;
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
text-overflow: ellipsis;
|
|
91
|
+
}
|
|
92
|
+
._input-wrapper_1umm2_17 ._input_1umm2_16 {
|
|
93
|
+
display: flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
flex: 1 0 100px;
|
|
96
|
+
width: 100px;
|
|
97
|
+
min-width: 100px;
|
|
98
|
+
height: 2.375rem;
|
|
99
|
+
padding-block: 0.5rem;
|
|
100
|
+
padding-inline: 0;
|
|
101
|
+
transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
102
|
+
}
|
|
103
|
+
@media (prefers-reduced-motion: reduce) {
|
|
104
|
+
._input-wrapper_1umm2_17 ._input_1umm2_16 {
|
|
105
|
+
transition-duration: 0.01ms !important;
|
|
106
|
+
transition-property: outline;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
._input-wrapper_1umm2_17 ._input_1umm2_16::-moz-placeholder {
|
|
110
|
+
color: var(--foreground-color-subdued, #737475);
|
|
111
|
+
}
|
|
112
|
+
._input-wrapper_1umm2_17 ._input_1umm2_16::placeholder {
|
|
113
|
+
color: var(--foreground-color-subdued, #737475);
|
|
114
|
+
}
|
|
115
|
+
._input-wrapper_1umm2_17 ._fake-placeholder_1umm2_110 {
|
|
116
|
+
color: var(--foreground-color-subdued, #737475);
|
|
117
|
+
-webkit-user-select: none;
|
|
118
|
+
-moz-user-select: none;
|
|
119
|
+
user-select: none;
|
|
120
|
+
}
|
|
121
|
+
._buttons-wrapper_1umm2_2 {
|
|
122
|
+
position: absolute;
|
|
123
|
+
inset-block-start: 0;
|
|
124
|
+
inset-inline-end: 0;
|
|
125
|
+
height: 2.375rem;
|
|
126
|
+
}
|
|
127
|
+
._close-button-wrapper_1umm2_31 {
|
|
128
|
+
display: flex;
|
|
129
|
+
align-items: center;
|
|
130
|
+
cursor: pointer;
|
|
131
|
+
}
|
|
132
|
+
._close-button-wrapper_1umm2_31 ._close-button_1umm2_31 {
|
|
133
|
+
color: var(--foreground-color, #141414);
|
|
134
|
+
}
|
|
135
|
+
._toggle-button-wrapper_1umm2_30 {
|
|
136
|
+
display: flex;
|
|
137
|
+
align-items: center;
|
|
138
|
+
cursor: pointer;
|
|
139
|
+
}
|
|
140
|
+
._toggle-button_1umm2_30 {
|
|
141
|
+
color: var(--foreground-color, #141414);
|
|
142
|
+
transform: rotate(90deg);
|
|
143
|
+
transition: transform 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
144
|
+
}
|
|
145
|
+
@media (prefers-reduced-motion: reduce) {
|
|
146
|
+
._toggle-button_1umm2_30 {
|
|
147
|
+
transition-duration: 0.01ms !important;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
._prefix-wrapper_1umm2_143 {
|
|
151
|
+
display: flex;
|
|
152
|
+
flex-direction: row;
|
|
153
|
+
flex-wrap: wrap;
|
|
154
|
+
align-items: stretch;
|
|
155
|
+
pointer-events: none;
|
|
156
|
+
height: 2.375rem;
|
|
157
|
+
}
|
|
158
|
+
._rows-wrapper_1umm2_151 {
|
|
159
|
+
display: flex;
|
|
160
|
+
flex-direction: row;
|
|
161
|
+
flex-wrap: wrap;
|
|
162
|
+
align-items: stretch;
|
|
163
|
+
gap: 0 0.25rem;
|
|
164
|
+
flex-grow: 1;
|
|
165
|
+
width: 100%;
|
|
166
|
+
max-width: 100%;
|
|
167
|
+
}
|
|
168
|
+
._chip-wrapper_1umm2_161 {
|
|
169
|
+
display: flex;
|
|
170
|
+
justify-content: center;
|
|
171
|
+
align-items: center;
|
|
172
|
+
max-width: 100%;
|
|
173
|
+
height: 2.375rem;
|
|
174
|
+
}
|
|
175
|
+
._chip-wrapper_1umm2_161 ._chip_1umm2_161 {
|
|
176
|
+
max-width: 100%;
|
|
177
|
+
}
|
|
178
|
+
._prefix_1umm2_44,
|
|
179
|
+
._suffix_1umm2_45 {
|
|
180
|
+
all: unset;
|
|
181
|
+
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
182
|
+
font-size: 100%;
|
|
183
|
+
color: var(--foreground-color, #141414);
|
|
184
|
+
margin: 0;
|
|
185
|
+
padding: 0;
|
|
186
|
+
border-style: none;
|
|
187
|
+
border-width: 0;
|
|
188
|
+
border-color: transparent;
|
|
189
|
+
box-sizing: border-box;
|
|
190
|
+
display: flex;
|
|
191
|
+
flex: 0 0 auto;
|
|
192
|
+
justify-content: center;
|
|
193
|
+
align-items: center;
|
|
194
|
+
font-weight: 600;
|
|
195
|
+
min-width: 2rem;
|
|
196
|
+
}
|
|
197
|
+
._prefix_1umm2_44 {
|
|
198
|
+
padding-inline-end: 0.5rem;
|
|
199
|
+
}
|
|
200
|
+
._suffix_1umm2_45 {
|
|
201
|
+
padding-inline-start: 0.5rem;
|
|
202
|
+
padding-inline-end: 0.5rem;
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
@layer state {
|
|
206
|
+
._input-wrapper_1umm2_17._small_1umm2_199 ._input_1umm2_16 {
|
|
207
|
+
height: 1.875rem;
|
|
208
|
+
}
|
|
209
|
+
._input-wrapper_1umm2_17._large_1umm2_202 ._input_1umm2_16 {
|
|
210
|
+
height: 2.875rem;
|
|
211
|
+
}
|
|
212
|
+
._input-wrapper_1umm2_17 input._input_1umm2_16:-moz-read-only {
|
|
213
|
+
background-color: var(--background-color-strong, #f7f7f7);
|
|
214
|
+
}
|
|
215
|
+
._input-wrapper_1umm2_17 input._input_1umm2_16:read-only {
|
|
216
|
+
background-color: var(--background-color-strong, #f7f7f7);
|
|
217
|
+
}
|
|
218
|
+
._input-wrapper_1umm2_17[disabled], ._input-wrapper_1umm2_17:has(._input_1umm2_16:disabled) {
|
|
219
|
+
opacity: 0.4;
|
|
220
|
+
}
|
|
221
|
+
._input-wrapper_1umm2_17[disabled] *, ._input-wrapper_1umm2_17:has(._input_1umm2_16:disabled) * {
|
|
222
|
+
cursor: not-allowed;
|
|
223
|
+
}
|
|
224
|
+
._input-wrapper_1umm2_17:has(input._input_1umm2_16:-moz-read-only) {
|
|
225
|
+
background-color: var(--background-color-strong, #f7f7f7);
|
|
226
|
+
}
|
|
227
|
+
._input-wrapper_1umm2_17[disabled], ._input-wrapper_1umm2_17[readonly], ._input-wrapper_1umm2_17:has(input._input_1umm2_16:read-only) {
|
|
228
|
+
background-color: var(--background-color-strong, #f7f7f7);
|
|
229
|
+
}
|
|
230
|
+
._input-wrapper_1umm2_17:focus:not([disabled]), ._input-wrapper_1umm2_17:focus-visible, ._input-wrapper_1umm2_17:has(._input_1umm2_16:focus-visible) {
|
|
231
|
+
outline-width: 0.125rem;
|
|
232
|
+
}
|
|
233
|
+
._input-wrapper_1umm2_17:has(._input_1umm2_16._error_1umm2_220) {
|
|
234
|
+
border-color: var(--border-color-danger, #e13212);
|
|
235
|
+
}
|
|
236
|
+
._input-wrapper_1umm2_17:focus:has(._input_1umm2_16._error_1umm2_220):not([disabled]), ._input-wrapper_1umm2_17:focus-visible:has(._input_1umm2_16._error_1umm2_220), ._input-wrapper_1umm2_17:has(._input_1umm2_16._error_1umm2_220:focus-visible) {
|
|
237
|
+
outline-color: var(--focus-ring-color-danger, #e13212);
|
|
238
|
+
outline-width: 0.125rem;
|
|
239
|
+
}
|
|
240
|
+
._small_1umm2_199 ._buttons-wrapper_1umm2_2 {
|
|
241
|
+
height: 1.875rem;
|
|
242
|
+
}
|
|
243
|
+
._large_1umm2_202 ._buttons-wrapper_1umm2_2 {
|
|
244
|
+
height: 2.875rem;
|
|
245
|
+
}
|
|
246
|
+
._close-button-wrapper_1umm2_31 ._close-button_1umm2_31[data-interactive=hover]::before, ._close-button-wrapper_1umm2_31 ._close-button_1umm2_31:hover::before, ._close-button-wrapper_1umm2_31 ._close-button_1umm2_31:disabled:not(._loading-infinite_1umm2_233, ._loading-progress_1umm2_233), ._close-button-wrapper_1umm2_31 ._close-button_1umm2_31._disabled_1umm2_233:not(._loading-infinite_1umm2_233, ._loading-progress_1umm2_233), ._close-button-wrapper_1umm2_31 ._close-button_1umm2_31[aria-disabled=true]:not(._loading-infinite_1umm2_233, ._loading-progress_1umm2_233) {
|
|
247
|
+
background-color: inherit;
|
|
248
|
+
}
|
|
249
|
+
._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30[aria-expanded=true] {
|
|
250
|
+
transform: rotate(270deg);
|
|
251
|
+
}
|
|
252
|
+
._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30[data-interactive=hover]::before, ._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30:hover::before, ._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30:disabled:not(._loading-infinite_1umm2_233, ._loading-progress_1umm2_233), ._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30._disabled_1umm2_233:not(._loading-infinite_1umm2_233, ._loading-progress_1umm2_233), ._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30[aria-disabled=true]:not(._loading-infinite_1umm2_233, ._loading-progress_1umm2_233) {
|
|
253
|
+
background-color: inherit;
|
|
254
|
+
}
|
|
255
|
+
[aria-expanded=true] ._toggle-button-wrapper_1umm2_30 ._toggle-button_1umm2_30 {
|
|
256
|
+
transform: rotate(270deg);
|
|
257
|
+
}
|
|
258
|
+
._small_1umm2_199 ._prefix-wrapper_1umm2_143 {
|
|
259
|
+
height: 1.875rem;
|
|
260
|
+
}
|
|
261
|
+
._large_1umm2_202 ._prefix-wrapper_1umm2_143 {
|
|
262
|
+
height: 2.875rem;
|
|
263
|
+
}
|
|
264
|
+
._small_1umm2_199 ._chip-wrapper_1umm2_161 {
|
|
265
|
+
height: 1.875rem;
|
|
266
|
+
}
|
|
267
|
+
._large_1umm2_202 ._chip-wrapper_1umm2_161 {
|
|
268
|
+
height: 2.875rem;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
@@ -6,7 +6,7 @@ import { c as cx } from './index-tZvMCc77.js';
|
|
|
6
6
|
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
7
7
|
import { S as SvgCheck } from './check-Cf67OWrZ.js';
|
|
8
8
|
import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
|
|
9
|
-
import { H as Helper } from './Helper-
|
|
9
|
+
import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
|
|
10
10
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
11
11
|
|
|
12
12
|
import './Switch.css';const toggle = "_toggle_142h4_23";
|
|
@@ -88,4 +88,4 @@ const Switch = forwardRef(
|
|
|
88
88
|
Switch.displayName = Switch$1.displayName;
|
|
89
89
|
|
|
90
90
|
export { Switch as S };
|
|
91
|
-
//# sourceMappingURL=Switch-
|
|
91
|
+
//# sourceMappingURL=Switch-DAQFzi-X.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch-
|
|
1
|
+
{"version":3,"file":"Switch-DAQFzi-X.js","sources":["../../hammer-react/dist/Switch-D0_LmsP1.js","../src/components/Switch/Switch.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport Check from '@servicetitan/hammer-icon/mdi/round/check.svg';\nimport { F as Flex } from './Flex-CiK7uNUu.js';\nimport { H as Helper } from './Helper-h7k80qls.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\n\nimport './Switch.css';const toggle = \"_toggle_142h4_23\";\nconst indicator = \"_indicator_142h4_37\";\nconst check = \"_check_142h4_51\";\nconst styles = {\n\t\"switch\": \"_switch_142h4_2\",\n\ttoggle: toggle,\n\tindicator: indicator,\n\tcheck: check\n};\n\nconst Switch = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n label,\n description,\n className,\n onChange,\n checked,\n defaultChecked,\n value,\n style,\n ...rest\n } = componentProps;\n const helperUid = useId();\n const onChangeHandler = (e) => {\n onChange?.(e, { value, checked: e.target.checked });\n };\n const switchClassNames = cx(styles[\"switch\"], className);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: description ? \"flex-start\" : \"center\"\n };\n return /* @__PURE__ */ jsxs(\"label\", { className: switchClassNames, style: styleCombined, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n \"data-anv\": \"switch\",\n ref,\n type: \"checkbox\",\n role: \"switch\",\n value,\n \"aria-checked\": checked ?? defaultChecked,\n checked,\n defaultChecked,\n onChange: onChangeHandler,\n ...rest\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: styles[\"toggle\"], children: /* @__PURE__ */ jsx(\"span\", { className: styles[\"indicator\"], children: /* @__PURE__ */ jsx(Icon, { svg: Check, className: styles[\"check\"] }) }) }),\n label || description ? /* @__PURE__ */ jsxs(Flex, { direction: \"column\", gap: 1, children: [\n label && label,\n description && /* @__PURE__ */ jsx(Helper, { id: helperUid, description })\n ] }) : null\n ] });\n }\n);\nSwitch.displayName = \"Switch\";\n\nexport { Switch as S };\n//# sourceMappingURL=Switch-D0_LmsP1.js.map\n","import {\n SwitchProps as CoreSwitchProps,\n Switch as CoreSwitch,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Switch component\n * @property {function} [onChange] - Callback when switch is changed\n * @property {ReactElement | string} [label] - Label for the switch\n * @property {boolean} [checked] - Controlled checked state\n * @property {boolean} [defaultChecked] - Default checked state\n * @extends ComponentPropsWithoutRef<\"input\">\n * @extends LayoutUtilProps\n * @extends DataTrackingId\n */\nexport type SwitchProps = CoreSwitchProps & DataTrackingId;\n\n/**\n * Switch component for toggling between on/off states.\n *\n * Features:\n * - Toggle switch with smooth animations\n * - Check icon indicator when active\n * - Accessible with proper ARIA roles and attributes\n * - Keyboard navigation support (Space/Enter)\n * - Controlled and uncontrolled state management\n * - Customizable label and styling\n * - Layout utilities for positioning and spacing\n * - Focus management with visible focus indicators\n * - Hover states and visual feedback\n * - Disabled state support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Switch\n * label=\"Enable notifications\"\n * onChange={(e, state) => console.log('Switch toggled:', state.checked)}\n * />\n */\nexport const Switch = forwardRef(\n (props: SwitchProps, ref: Ref<HTMLInputElement>) => {\n const data = {\n label: childrenToString(props.label),\n ariaLabel: props[\"aria-label\"],\n ariaLabelledBy: props[\"aria-labelledby\"],\n value: props.value,\n };\n\n const trackingId = useTrackingId({\n name: \"Switch\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreSwitch ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nSwitch.displayName = CoreSwitch.displayName;\n"],"names":["Switch","Check","CoreSwitch"],"mappings":";;;;;;;;;;;AASsB,MAAM,MAAM,GAAG,kBAAkB;AACvD,MAAM,SAAS,GAAG,qBAAqB;AACvC,MAAM,KAAK,GAAG,iBAAiB;AAC/B,MAAM,MAAM,GAAG;AACf,CAAC,QAAQ,EAAE,iBAAiB;AAC5B,CAAC,MAAM,EAAE,MAAM;AACf,CAAC,SAAS,EAAE,SAAS;AACrB,CAAC,KAAK,EAAE;AACR,CAAC;;AAED,MAAMA,QAAM,GAAG,UAAU;AACzB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM;AACV,MAAM,KAAK;AACX,MAAM,WAAW;AACjB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,cAAc;AACpB,MAAM,KAAK;AACX,MAAM,KAAK;AACX,MAAM,GAAG;AACT,KAAK,GAAG,cAAc;AACtB,IAAI,MAAM,SAAS,GAAG,KAAK,EAAE;AAC7B,IAAI,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK;AACnC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;AACzD,KAAK;AACL,IAAI,MAAM,gBAAgB,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;AAC5D,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG,YAAY;AACrB,MAAM,UAAU,EAAE,WAAW,GAAG,YAAY,GAAG;AAC/C,KAAK;AACL,IAAI,uBAAuB,IAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE;AACxG,sBAAsB,GAAG;AACzB,QAAQ,OAAO;AACf,QAAQ;AACR,UAAU,UAAU,EAAE,QAAQ;AAC9B,UAAU,GAAG;AACb,UAAU,IAAI,EAAE,UAAU;AAC1B,UAAU,IAAI,EAAE,QAAQ;AACxB,UAAU,KAAK;AACf,UAAU,cAAc,EAAE,OAAO,IAAI,cAAc;AACnD,UAAU,OAAO;AACjB,UAAU,cAAc;AACxB,UAAU,QAAQ,EAAE,eAAe;AACnC,UAAU,GAAG;AACb;AACA,OAAO;AACP,sBAAsB,GAAG,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,QAAQ,kBAAkB,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,EAAEC,QAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AACnP,MAAM,KAAK,IAAI,WAAW,mBAAmB,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE;AACjG,QAAQ,KAAK,IAAI,KAAK;AACtB,QAAQ,WAAW,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;AACjF,OAAO,EAAE,CAAC,GAAG;AACb,KAAK,EAAE,CAAC;AACR;AACA,CAAC;AACDD,QAAM,CAAC,WAAW,GAAG,QAAQ;;ACxBtB,MAAM,MAAS,GAAA,UAAA;AAAA,EACpB,CAAC,OAAoB,GAA+B,KAAA;AAClD,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,KAAA,EAAO,gBAAiB,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MACnC,SAAA,EAAW,MAAM,YAAY,CAAA;AAAA,MAC7B,cAAA,EAAgB,MAAM,iBAAiB,CAAA;AAAA,MACvC,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,QAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQE,QAAW,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE1E;AACA,MAAA,CAAO,cAAcA,QAAW,CAAA,WAAA;;;;"}
|
package/dist/Switch.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { S as Switch, S as default } from './Switch-
|
|
1
|
+
export { S as Switch, S as default } from './Switch-DAQFzi-X.js';
|
|
2
2
|
//# sourceMappingURL=Switch.js.map
|