@servicetitan/anvil2 1.41.0 → 1.42.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/{AnvilProvider-Lh8YtV03.js → AnvilProvider-BLYCqIbb.js} +2 -2
- package/dist/{AnvilProvider-Lh8YtV03.js.map → AnvilProvider-BLYCqIbb.js.map} +1 -1
- package/dist/AnvilProvider.js +1 -1
- package/dist/{Avatar-B20IdOEO-Di14brYV.js → Avatar-C7cbRTCt-DCvzmr2C.js} +14 -12
- package/dist/Avatar-C7cbRTCt-DCvzmr2C.js.map +1 -0
- package/dist/{Avatar-B20IdOEO.css → Avatar-C7cbRTCt.css} +34 -19
- package/dist/{Avatar-hNOToS9S.js → Avatar-DREZJN2K.js} +2 -2
- package/dist/Avatar-DREZJN2K.js.map +1 -0
- package/dist/Avatar.js +1 -1
- package/dist/{Breadcrumbs-D_jgwoN3-Dlw-weD8.js → Breadcrumbs-B5bqrZ5D-BqK-Qfh9.js} +3 -3
- package/dist/{Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map → Breadcrumbs-B5bqrZ5D-BqK-Qfh9.js.map} +1 -1
- package/dist/{Breadcrumbs-C_gan90a.js → Breadcrumbs-De8uoLi8.js} +2 -2
- package/dist/{Breadcrumbs-C_gan90a.js.map → Breadcrumbs-De8uoLi8.js.map} +1 -1
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Calendar-MIwfKzm7.js → Calendar-Bgpz99F2.js} +2 -2
- package/dist/{Calendar-MIwfKzm7.js.map → Calendar-Bgpz99F2.js.map} +1 -1
- package/dist/{Calendar-CNrdcd3f-BAKv-Gz3.js → Calendar-DD5kmVd3-CBGTR11R.js} +4 -4
- package/dist/{Calendar-CNrdcd3f-BAKv-Gz3.js.map → Calendar-DD5kmVd3-CBGTR11R.js.map} +1 -1
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-JWDraGFN--7ptfLKN.js → Checkbox-DyHm7Ntt-DYw5QL3l.js} +2 -2
- package/dist/{Checkbox-JWDraGFN--7ptfLKN.js.map → Checkbox-DyHm7Ntt-DYw5QL3l.js.map} +1 -1
- package/dist/{Checkbox-IPM-sdvR.js → Checkbox-zg8LVvB6.js} +2 -2
- package/dist/{Checkbox-IPM-sdvR.js.map → Checkbox-zg8LVvB6.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/Chip-DXQiqF8k.js +34 -0
- package/dist/Chip-DXQiqF8k.js.map +1 -0
- package/dist/{Chip-_daV8CmM-CTke7zH4.js → Chip-MbBEXeAm-DmAcwPRJ.js} +57 -10
- package/dist/Chip-MbBEXeAm-DmAcwPRJ.js.map +1 -0
- package/dist/{Chip-_daV8CmM.css → Chip-MbBEXeAm.css} +68 -18
- package/dist/Chip.js +1 -1
- package/dist/{Combobox-CM8DmNMs.js → Combobox-D2aSaDkz.js} +7 -7
- package/dist/{Combobox-CM8DmNMs.js.map → Combobox-D2aSaDkz.js.map} +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-BDJEsVc1.js → DateField-D28_sa7P.js} +6 -6
- package/dist/{DateField-BDJEsVc1.js.map → DateField-D28_sa7P.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{DateFieldRange-BTq6MrNu.js → DateFieldRange-CgVqJrVg.js} +2 -2
- package/dist/{DateFieldRange-BTq6MrNu.js.map → DateFieldRange-CgVqJrVg.js.map} +1 -1
- package/dist/DateFieldRange.js +1 -1
- package/dist/{DateFieldSingle-CaeOLrI4.js → DateFieldSingle-CLoWDlPO.js} +2 -2
- package/dist/{DateFieldSingle-CaeOLrI4.js.map → DateFieldSingle-CLoWDlPO.js.map} +1 -1
- package/dist/DateFieldSingle.js +1 -1
- package/dist/{DateFieldYearless-CbFo3oyZ.js → DateFieldYearless-CXlUH0c7.js} +2 -2
- package/dist/{DateFieldYearless-CbFo3oyZ.js.map → DateFieldYearless-CXlUH0c7.js.map} +1 -1
- package/dist/{DateFieldYearless-CJP3H_Dg-BV5wGJp1.js → DateFieldYearless-M5KDI_hn-akXtkIZA.js} +673 -611
- package/dist/{DateFieldYearless-CJP3H_Dg-BV5wGJp1.js.map → DateFieldYearless-M5KDI_hn-akXtkIZA.js.map} +1 -1
- package/dist/DateFieldYearless.js +1 -1
- package/dist/{DaysOfTheWeek-8zaAuw55.js → DaysOfTheWeek-ImBPjEvl.js} +2 -2
- package/dist/{DaysOfTheWeek-8zaAuw55.js.map → DaysOfTheWeek-ImBPjEvl.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-DnZE02ob.js → Dialog-BR6f-XRH.js} +3 -3
- package/dist/{Dialog-DnZE02ob.js.map → Dialog-BR6f-XRH.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Drawer-5kgL0gY9.js → Drawer-0ayAWgAA.js} +2 -2
- package/dist/{Drawer-5kgL0gY9.js.map → Drawer-0ayAWgAA.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{EditCard-C0hD1VPA.js → EditCard-B_n1uFkv.js} +2 -2
- package/dist/{EditCard-C0hD1VPA.js.map → EditCard-B_n1uFkv.js.map} +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/{FieldLabel-D5rNXy6h.js → FieldLabel-DWl5qsRY.js} +2 -2
- package/dist/{FieldLabel-D5rNXy6h.js.map → FieldLabel-DWl5qsRY.js.map} +1 -1
- package/dist/FieldLabel.js +1 -1
- package/dist/{HammerProvider-CYP98rq3-Dd9GVIyP.js → HammerProvider-vt3DkcCZ-06BeBrPu.js} +2 -2
- package/dist/{HammerProvider-CYP98rq3-Dd9GVIyP.js.map → HammerProvider-vt3DkcCZ-06BeBrPu.js.map} +1 -1
- package/dist/{InputMask-BLZh7hka-CTcRCY2k.js → InputMask-CE3pdXwL-B8XVrj36.js} +2 -2
- package/dist/{InputMask-BLZh7hka-CTcRCY2k.js.map → InputMask-CE3pdXwL-B8XVrj36.js.map} +1 -1
- package/dist/{InputMask-B6kMdXCB.js → InputMask-wUro4G2j.js} +2 -2
- package/dist/{InputMask-B6kMdXCB.js.map → InputMask-wUro4G2j.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-cMMBtp1O.js → ListView-DdHpJHTc.js} +3 -3
- package/dist/{ListView-cMMBtp1O.js.map → ListView-DdHpJHTc.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/{Listbox-BvJLSAVO-Br5k6fmq.js → Listbox-B-WUuj-_-BWWeWtLW.js} +2 -2
- package/dist/{Listbox-BvJLSAVO-Br5k6fmq.js.map → Listbox-B-WUuj-_-BWWeWtLW.js.map} +1 -1
- package/dist/{Listbox-dVARiucB.js → Listbox-Di6OS1Fk.js} +2 -2
- package/dist/{Listbox-dVARiucB.js.map → Listbox-Di6OS1Fk.js.map} +1 -1
- package/dist/Listbox.js +1 -1
- package/dist/{Menu-Dk3ESnzI.js → Menu-DHCOMJx2.js} +2 -2
- package/dist/{Menu-Dk3ESnzI.js.map → Menu-DHCOMJx2.js.map} +1 -1
- package/dist/{Menu-CAiyc2zk-rxU7H28t.js → Menu-TtVJnSrA-yBYichuJ.js} +6 -9
- package/dist/Menu-TtVJnSrA-yBYichuJ.js.map +1 -0
- package/dist/Menu.js +1 -1
- package/dist/{Page-DWeD3rrr.js → Page-KN0DLtcf.js} +8 -8
- package/dist/{Page-DWeD3rrr.js.map → Page-KN0DLtcf.js.map} +1 -1
- package/dist/Page.js +1 -1
- package/dist/Pagination.js +2 -2
- package/dist/Pagination.js.map +1 -1
- package/dist/{Popover-2O1Q-34V.js → Popover-B1HaUjGI.js} +2 -2
- package/dist/{Popover-2O1Q-34V.js.map → Popover-B1HaUjGI.js.map} +1 -1
- package/dist/{Popover-DvLcjLjG-Yu5STx-v.js → Popover-CU2cGVD8-FWJOuFRj.js} +4 -4
- package/dist/{Popover-DvLcjLjG-Yu5STx-v.js.map → Popover-CU2cGVD8-FWJOuFRj.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-BezETeA3-CeeedJ_w.js → ProgressBar-BRvB-bD4-DppwBrFg.js} +5 -5
- package/dist/{ProgressBar-BezETeA3-CeeedJ_w.js.map → ProgressBar-BRvB-bD4-DppwBrFg.js.map} +1 -1
- package/dist/{ProgressBar-CfstmN5D.js → ProgressBar-lPKNTz6i.js} +2 -2
- package/dist/{ProgressBar-CfstmN5D.js.map → ProgressBar-lPKNTz6i.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-8E1l0DJa-CLVaSyQc.js → Radio-DQ_VQFGZ-SdFBlDnE.js} +3 -3
- package/dist/{Radio-8E1l0DJa-CLVaSyQc.js.map → Radio-DQ_VQFGZ-SdFBlDnE.js.map} +1 -1
- package/dist/{Radio-P6dkI3W0.js → Radio-DnOuBPi_.js} +2 -2
- package/dist/{Radio-P6dkI3W0.js.map → Radio-DnOuBPi_.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{SelectCard-m61WUlo--DlByowef.js → SelectCard-DUNwYa5y-BSi21Aba.js} +4 -4
- package/dist/{SelectCard-m61WUlo--DlByowef.js.map → SelectCard-DUNwYa5y-BSi21Aba.js.map} +1 -1
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-DIaWX2Vp.js → SelectCardGroup-YGYiBv5M.js} +2 -2
- package/dist/{SelectCardGroup-DIaWX2Vp.js.map → SelectCardGroup-YGYiBv5M.js.map} +1 -1
- package/dist/{SelectTrigger-DKh0Bzy6.js → SelectTrigger-Cg-rlFKY.js} +3 -3
- package/dist/{SelectTrigger-DKh0Bzy6.js.map → SelectTrigger-Cg-rlFKY.js.map} +1 -1
- package/dist/SelectTrigger.js +1 -1
- package/dist/{SelectTriggerBase-DnRvuD3R-CTFWVZhY.js → SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js} +4 -4
- package/dist/{SelectTriggerBase-DnRvuD3R-CTFWVZhY.js.map → SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js.map} +1 -1
- package/dist/{SideNav-DEoGpeqJ.js → SideNav-Bh_pVeEw.js} +11 -11
- package/dist/{SideNav-DEoGpeqJ.js.map → SideNav-Bh_pVeEw.js.map} +1 -1
- package/dist/SideNav.css +70 -52
- package/dist/SideNav.js +1 -1
- package/dist/{Text-B91g6xKn.js → Text-35Ve4Uq0.js} +2 -2
- package/dist/{Text-B91g6xKn.js.map → Text-35Ve4Uq0.js.map} +1 -1
- package/dist/{Text-DCvcLCvf-DlmnnjTR.js → Text-CED_yrId-DsRYZw2-.js} +10 -10
- package/dist/{Text-DCvcLCvf-DlmnnjTR.js.map → Text-CED_yrId-DsRYZw2-.js.map} +1 -1
- package/dist/{Text-DCvcLCvf.css → Text-CED_yrId.css} +35 -17
- package/dist/Text.js +1 -1
- package/dist/{TextField-D_fqJf85-Bcd6rWv4.js → TextField-CRTh0gL_-D2CjcYXX.js} +6 -3
- package/dist/TextField-CRTh0gL_-D2CjcYXX.js.map +1 -0
- package/dist/{TextField--tytNBLh.js → TextField-gYAqTpcX.js} +2 -2
- package/dist/{TextField--tytNBLh.js.map → TextField-gYAqTpcX.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-B0nZ9vOV.js → Textarea-DohNOiIp.js} +24 -11
- package/dist/Textarea-DohNOiIp.js.map +1 -0
- package/dist/Textarea.js +1 -1
- package/dist/{ThemeProvider-BKave7Ha.js → ThemeProvider-DwJqkbiU.js} +2 -2
- package/dist/{ThemeProvider-BKave7Ha.js.map → ThemeProvider-DwJqkbiU.js.map} +1 -1
- package/dist/{ThemeProvider-CR67FJg0-DYVRlJRA.js → ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js} +5 -5
- package/dist/{ThemeProvider-CR67FJg0-DYVRlJRA.js.map → ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js.map} +1 -1
- package/dist/{ThemeProvider-CR67FJg0.css → ThemeProvider-Q3ji6Rpx.css} +106 -4
- package/dist/ThemeProvider.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-BM78DEEM.js → Toolbar-BznMJKGJ.js} +4 -4
- package/dist/{Toolbar-BM78DEEM.js.map → Toolbar-BznMJKGJ.js.map} +1 -1
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-ZFFXA77Y.js → Tooltip-C2HQDvYj.js} +2 -2
- package/dist/{Tooltip-ZFFXA77Y.js.map → Tooltip-C2HQDvYj.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/assets/icons/st/fixed.svg +1 -0
- package/dist/assets/icons/st/full_fluid.svg +1 -0
- package/dist/assets/icons/st/installed_equipment.svg +1 -0
- package/dist/assets/icons/st/unpin.svg +1 -0
- package/dist/assets/icons/st.ts +4 -0
- package/dist/components/Avatar/Avatar.d.ts +7 -2
- package/dist/components/Chip/Chip.d.ts +12 -10
- package/dist/components/DateField/DateField.d.ts +1 -0
- package/dist/index.js +34 -34
- package/dist/{toast-uADTqqrS.js → toast-BhV_Ask2.js} +2 -2
- package/dist/{toast-uADTqqrS.js.map → toast-BhV_Ask2.js.map} +1 -1
- package/dist/token/core/raw.js +85 -0
- package/dist/token/core/semantic-variables.scss +102 -0
- package/dist/token/core/semantic.js +357 -0
- package/dist/token/core/semantic.scss +51 -0
- package/dist/token.js +408 -0
- package/dist/token.js.map +1 -1
- package/package.json +3 -3
- package/dist/Avatar-B20IdOEO-Di14brYV.js.map +0 -1
- package/dist/Avatar-hNOToS9S.js.map +0 -1
- package/dist/Chip-BlLavyIK.js +0 -24
- package/dist/Chip-BlLavyIK.js.map +0 -1
- package/dist/Chip-_daV8CmM-CTke7zH4.js.map +0 -1
- package/dist/Menu-CAiyc2zk-rxU7H28t.js.map +0 -1
- package/dist/TextField-D_fqJf85-Bcd6rWv4.js.map +0 -1
- package/dist/Textarea-B0nZ9vOV.js.map +0 -1
- /package/dist/{Breadcrumbs-D_jgwoN3.css → Breadcrumbs-B5bqrZ5D.css} +0 -0
- /package/dist/{Calendar-CNrdcd3f.css → Calendar-DD5kmVd3.css} +0 -0
- /package/dist/{Menu-CAiyc2zk.css → Menu-TtVJnSrA.css} +0 -0
- /package/dist/{Popover-DvLcjLjG.css → Popover-CU2cGVD8.css} +0 -0
- /package/dist/{ProgressBar-BezETeA3.css → ProgressBar-BRvB-bD4.css} +0 -0
- /package/dist/{Radio-8E1l0DJa.css → Radio-DQ_VQFGZ.css} +0 -0
- /package/dist/{SelectCard-m61WUlo-.css → SelectCard-DUNwYa5y.css} +0 -0
- /package/dist/{SelectTriggerBase-DnRvuD3R.css → SelectTriggerBase-C0fhFfuj.css} +0 -0
package/dist/Calendar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton, C as default } from './Calendar-
|
|
1
|
+
export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton, C as default } from './Calendar-Bgpz99F2.js';
|
|
2
2
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -3,7 +3,7 @@ import { forwardRef, useState, useId } from 'react';
|
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
4
|
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
5
5
|
import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DZ58p15b-BUsQC1lW.js';
|
|
6
|
-
import { L as Label } from './ProgressBar-
|
|
6
|
+
import { L as Label } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
|
|
7
7
|
import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
|
|
8
8
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
9
9
|
import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
|
|
@@ -210,4 +210,4 @@ const Checkbox = Object.assign(CheckboxElement, {
|
|
|
210
210
|
});
|
|
211
211
|
|
|
212
212
|
export { CheckboxGroup as C, Checkbox as a };
|
|
213
|
-
//# sourceMappingURL=Checkbox-
|
|
213
|
+
//# sourceMappingURL=Checkbox-DyHm7Ntt-DYw5QL3l.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-JWDraGFN--7ptfLKN.js","sources":["../../hammer-react/dist/Checkbox-JWDraGFN.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport CheckboxOutline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport CheckboxChecked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport CheckboxIndeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { c as checkboxStyles } from './Checkbox.module-DZ58p15b.js';\nimport { L as Label } from './ProgressBar-BezETeA3.js';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { H as Helper } from './Helper-h7k80qls.js';\n\nconst CheckboxGroup = forwardRef((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 checkboxGroupClassNames = cx(checkboxStyles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState(false);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : 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 const labelClassNames = cx(checkboxStyles[\"label\"], {\n [checkboxStyles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\"\n });\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n onFocus: focusHandler,\n onBlur: blurHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: checkboxStyles[\"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 className: labelClassNames,\n children: legend\n }\n ),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: checkboxStyles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline\n } = { ...icons };\n const isControlled = typeof checkedProp !== \"undefined\";\n const onChangeHandler = (e) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(\n checkboxStyles[\"wrapper\"],\n { [checkboxStyles[\"focus\"]]: hideCheckbox },\n className\n );\n const checkboxClassNames = cx(checkboxStyles[\"checkbox\"], {\n [checkboxStyles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checkedProp ?? defaultChecked,\n checked: isControlled ? checkedProp : void 0,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": description ? helperUid : void 0,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: cx(checkboxStyles[\"icon-wrapper\"], {\n [checkboxStyles[\"sr-only\"]]: hideCheckbox\n }),\n \"aria-hidden\": true,\n children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: checkboxStyles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: checkboxStyles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: checkboxStyles[\"icon-unchecked\"]\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: cx({ [checkboxStyles[\"focus-label\"]]: hideCheckbox }), children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: checkboxStyles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: checkboxStyles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox as C, CheckboxGroup as a };\n//# sourceMappingURL=Checkbox-JWDraGFN.js.map\n"],"names":["CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox-DyHm7Ntt-DYw5QL3l.js","sources":["../../hammer-react/dist/Checkbox-DyHm7Ntt.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useState, useId } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport CheckboxOutline from '@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg';\nimport CheckboxChecked from '@servicetitan/hammer-icon/mdi/round/check_box.svg';\nimport CheckboxIndeterminate from '@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg';\nimport { c as checkboxStyles } from './Checkbox.module-DZ58p15b.js';\nimport { L as Label } from './ProgressBar-BRvB-bD4.js';\nimport { S as SrOnly } from './SrOnly-BsKDHetF.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { H as Helper } from './Helper-h7k80qls.js';\n\nconst CheckboxGroup = forwardRef((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 checkboxGroupClassNames = cx(checkboxStyles[\"checkbox-group\"], className);\n const [openInfo, setOpenInfo] = useState(false);\n const styleCombined = {\n ...style,\n ...layoutStyles,\n alignItems: layoutStyles?.alignItems ?? (layoutStyles?.flexDirection === \"row\" ? \"flex-start\" : 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 const labelClassNames = cx(checkboxStyles[\"label\"], {\n [checkboxStyles[\"direction-row\"]]: layoutStyles?.flexDirection === \"row\"\n });\n return /* @__PURE__ */ jsxs(\n \"fieldset\",\n {\n role: \"group\",\n \"data-anv\": \"checkbox-group\",\n className: checkboxGroupClassNames,\n ref,\n style: styleCombined,\n onFocus: focusHandler,\n onBlur: blurHandler,\n ...rest,\n children: [\n /* @__PURE__ */ jsxs(\"legend\", { className: checkboxStyles[\"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 className: labelClassNames,\n children: legend\n }\n ),\n /* @__PURE__ */ jsx(\n \"div\",\n {\n className: checkboxStyles[\"children\"],\n style: {\n flexDirection: layoutStyles?.flexDirection,\n gap: layoutStyles?.gap\n },\n children\n }\n )\n ]\n }\n );\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst CheckboxElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n indeterminate,\n onChange,\n onClick,\n value,\n className,\n disabled,\n error,\n icons,\n checked: checkedProp,\n defaultChecked,\n label,\n style,\n required,\n description,\n hideCheckbox = false,\n ...rest\n } = componentProps;\n const {\n checked: checkedIcon = CheckboxChecked,\n indeterminate: indeterminateIcon = CheckboxIndeterminate,\n unchecked: uncheckedIcon = CheckboxOutline\n } = { ...icons };\n const isControlled = typeof checkedProp !== \"undefined\";\n const onChangeHandler = (e) => {\n onChange?.(e, { value, checked: checkedProp ?? e.target.checked });\n };\n const onClickHandler = (e) => {\n onClick?.(e, {\n value,\n checked: checkedProp ?? e.target.checked\n });\n };\n const helperUid = useId();\n const wrapperClassNames = cx(\n checkboxStyles[\"wrapper\"],\n { [checkboxStyles[\"focus\"]]: hideCheckbox },\n className\n );\n const checkboxClassNames = cx(checkboxStyles[\"checkbox\"], {\n [checkboxStyles[\"error\"]]: error\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n className: wrapperClassNames,\n style: styleCombined,\n \"data-anv\": \"checkbox\",\n children: [\n /* @__PURE__ */ jsxs(\"label\", { className: checkboxClassNames, children: [\n /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n disabled,\n value,\n onChange: onChangeHandler,\n onClick: onClickHandler,\n \"aria-checked\": indeterminate ? \"mixed\" : checkedProp ?? defaultChecked,\n checked: isControlled ? checkedProp : void 0,\n defaultChecked,\n \"aria-invalid\": error,\n \"aria-describedby\": description ? helperUid : void 0,\n ref,\n ...rest\n }\n ),\n /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: cx(checkboxStyles[\"icon-wrapper\"], {\n [checkboxStyles[\"sr-only\"]]: hideCheckbox\n }),\n \"aria-hidden\": true,\n children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: indeterminateIcon,\n className: checkboxStyles[\"icon-indeterminate\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: checkedIcon,\n className: checkboxStyles[\"icon-checked\"]\n }\n ),\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n svg: uncheckedIcon,\n className: checkboxStyles[\"icon-unchecked\"]\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ jsxs(\"span\", { className: cx({ [checkboxStyles[\"focus-label\"]]: hideCheckbox }), children: [\n label,\n required && /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, className: checkboxStyles[\"required-asterisk\"], children: \"*\" })\n ] })\n ] }),\n description ? /* @__PURE__ */ jsx(\"div\", { className: checkboxStyles[\"helper-wrapper\"], children: /* @__PURE__ */ jsx(Helper, { id: helperUid, description }) }) : null\n ]\n }\n );\n }\n);\nCheckboxElement.displayName = \"Checkbox\";\nconst Checkbox = Object.assign(CheckboxElement, {\n Group: CheckboxGroup\n});\n\nexport { Checkbox as C, CheckboxGroup as a };\n//# sourceMappingURL=Checkbox-DyHm7Ntt.js.map\n"],"names":["CheckboxChecked","CheckboxIndeterminate","CheckboxOutline"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
|
-
import { C as CheckboxGroup$1, a as Checkbox$1 } from './Checkbox-
|
|
4
|
+
import { C as CheckboxGroup$1, a as Checkbox$1 } from './Checkbox-DyHm7Ntt-DYw5QL3l.js';
|
|
5
5
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
|
|
6
6
|
|
|
7
7
|
const CheckboxElement = forwardRef(
|
|
@@ -53,4 +53,4 @@ const Checkbox = Object.assign(CheckboxElement, {
|
|
|
53
53
|
});
|
|
54
54
|
|
|
55
55
|
export { Checkbox as C, CheckboxGroup as a };
|
|
56
|
-
//# sourceMappingURL=Checkbox-
|
|
56
|
+
//# sourceMappingURL=Checkbox-zg8LVvB6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-
|
|
1
|
+
{"version":3,"file":"Checkbox-zg8LVvB6.js","sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n CheckboxProps as CoreCheckboxProps,\n Checkbox as CoreCheckbox,\n CheckboxGroup as CoreCheckboxGroup,\n CheckboxGroupProps as CoreCheckboxGroupProps,\n childrenToString,\n} from \"@servicetitan/hammer-react\";\nimport { forwardRef, Ref } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\n/**\n * Props for the Checkbox component\n * @property {boolean} [checked] - Controlled state\n * @property {boolean} [defaultChecked] - Uncontrolled state\n * @property {boolean} [indeterminate] - Indeterminate state of the checkbox\n * @property {boolean} [error] - Error state for the checkbox\n * @property {string | ReactElement} [label] - Label for checkbox\n * @property {string} [description] - Helper text description\n * @property {Object} [icons] - Icon overrides for different states\n * @property {(e?: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void} [onChange] - Change callback\n * @property {(e?: MouseEvent<HTMLInputElement>, state?: CheckboxState) => void} [onClick] - Click callback\n * @extends Omit<CoreCheckboxProps, \"hideCheckbox\">\n * @extends DataTrackingId\n */\nexport type CheckboxProps = Omit<CoreCheckboxProps, \"hideCheckbox\"> &\n DataTrackingId;\n\nexport type CheckboxGroupProps = CoreCheckboxGroupProps;\n\nconst CheckboxElement = forwardRef(\n (props: CheckboxProps, 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: \"Checkbox\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreCheckbox ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\nCheckboxElement.displayName = CoreCheckbox.displayName;\n\n/**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\nexport const CheckboxGroup = forwardRef(\n (props: CheckboxGroupProps, ref: Ref<HTMLFieldSetElement>) => {\n return <CoreCheckboxGroup ref={ref} {...props} />;\n },\n);\nCheckboxGroup.displayName = CoreCheckboxGroup.displayName;\n\n/**\n * Checkbox component for selecting one or more options from a list.\n *\n * Features:\n * - Controlled and uncontrolled state management\n * - Indeterminate state for partial selections\n * - Customizable icons for different states\n * - Error state with accessibility support\n * - Optional helper text and descriptions\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Checkbox\n * label=\"Accept terms and conditions\"\n * onChange={(e, state) => console.log('Checked:', state.checked)}\n * required\n * />\n */\nexport const Checkbox = Object.assign(CheckboxElement, {\n /**\n * CheckboxGroup component for grouping related checkboxes together.\n *\n * Features:\n * - Groups multiple checkboxes with a common legend\n * - Supports required field indication\n * - Optional helper text and descriptions\n * - Full accessibility support with fieldset/legend\n * - Focus management for keyboard navigation\n * - Layout utility props for positioning and spacing\n * - Flexible layout direction (row/column)\n * - Screen reader support with hidden labels\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <CheckboxGroup legend=\"Select your interests\" required>\n * <Checkbox label=\"Technology\" />\n * <Checkbox label=\"Sports\" />\n * <Checkbox label=\"Music\" />\n * </CheckboxGroup>\n */\n Group: CheckboxGroup,\n});\n"],"names":["CoreCheckbox","CoreCheckboxGroup"],"mappings":";;;;;;AA8BA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA+B,KAAA;AACpD,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,UAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AACD,IAAA,2BAAQA,UAAa,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAE5E,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAuBpC,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAAkC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AAuBjC,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBrD,KAAO,EAAA;AACT,CAAC;;;;"}
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-
|
|
1
|
+
export { C as Checkbox, a as CheckboxGroup, C as default } from './Checkbox-zg8LVvB6.js';
|
|
2
2
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { useTrackingId } from './useTrackingId.js';
|
|
4
|
+
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
5
|
+
import { C as Chip$1 } from './Chip-MbBEXeAm-DmAcwPRJ.js';
|
|
6
|
+
|
|
7
|
+
const Chip = forwardRef(
|
|
8
|
+
({ icon, ...props }, ref) => {
|
|
9
|
+
const data = {
|
|
10
|
+
label: props.label,
|
|
11
|
+
size: props.size,
|
|
12
|
+
color: props.color
|
|
13
|
+
};
|
|
14
|
+
const trackingId = useTrackingId({
|
|
15
|
+
name: "Chip",
|
|
16
|
+
data,
|
|
17
|
+
hasOverride: !!props["data-tracking-id"]
|
|
18
|
+
});
|
|
19
|
+
const prefix = icon != null ? /* @__PURE__ */ jsx(Icon, { svg: icon, color: "var(--int-font-color)", size: props.size }) : null;
|
|
20
|
+
return /* @__PURE__ */ jsx(
|
|
21
|
+
Chip$1,
|
|
22
|
+
{
|
|
23
|
+
ref,
|
|
24
|
+
"data-tracking-id": trackingId,
|
|
25
|
+
...props,
|
|
26
|
+
prefix
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
Chip.displayName = Chip$1.displayName;
|
|
32
|
+
|
|
33
|
+
export { Chip as C };
|
|
34
|
+
//# sourceMappingURL=Chip-DXQiqF8k.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip-DXQiqF8k.js","sources":["../src/components/Chip/Chip.tsx"],"sourcesContent":["import {\n ChipProps as CoreChipProps,\n Chip as CoreChip,\n Icon as CoreIcon,\n IconProps as CoreIconProps,\n AvatarProps as CoreAvatarProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { DistributiveOmit } from \"../../types\";\n\n/**\n * Props for the Chip component\n * @property {string} label - The text that displays in the chip\n * @property {\"small\" | \"medium\"} [size] - The size of the chip\n * @property {string} [color] - Color of the Chip\n * @property {(e?: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClick] - Callback for when the Chip is clicked\n * @property {(e: MouseEvent<HTMLSpanElement> | KeyboardEvent<HTMLSpanElement>) => void} [onClose] - Called when the component is closed\n * @property {boolean} [textWrap] - Wraps text when it overflows\n * @property {Svg} [icon] - Icon displayed in the chip, before the text.\n * @property {string} [avatar] - Image URL to display in an avatar before the chip text.\n * @extends CoreChipProps\n * @extends DataTrackingId\n */\nexport type ChipProps = DistributiveOmit<CoreChipProps, \"prefix\" | \"avatar\"> &\n DataTrackingId &\n (\n | { icon?: CoreIconProps[\"svg\"]; avatar?: never }\n | { icon?: never; avatar?: CoreAvatarProps[\"image\"] }\n );\n\n/**\n * Chip component for displaying compact information or tags.\n *\n * Features:\n * - Configurable sizes (small, medium)\n * - Custom color support with automatic contrast calculation\n * - Optional click handler for interactive chips\n * - Optional close button for removable chips\n * - Text wrapping support for long labels\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation (Enter to click, Delete/Backspace to close)\n * - Theme-aware color adaptation\n * - Layout utility props for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Chip\n * label=\"JavaScript\"\n * color=\"#f7df1e\"\n * onClose={(e) => console.log('Chip removed')}\n * onClick={(e) => console.log('Chip clicked')}\n * />\n */\nexport const Chip = forwardRef(\n ({ icon, ...props }: ChipProps, ref: Ref<HTMLSpanElement>) => {\n const data = {\n label: props.label,\n size: props.size,\n color: props.color,\n };\n\n const trackingId = useTrackingId({\n name: \"Chip\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const prefix =\n icon != null ? (\n <CoreIcon svg={icon} color=\"var(--int-font-color)\" size={props.size} />\n ) : null;\n\n return (\n <CoreChip\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n prefix={prefix}\n />\n );\n },\n);\nChip.displayName = CoreChip.displayName;\n"],"names":["CoreIcon","CoreChip"],"mappings":";;;;;;AAuDO,MAAM,IAAO,GAAA,UAAA;AAAA,EAClB,CAAC,EAAE,IAAA,EAAM,GAAG,KAAA,IAAoB,GAA8B,KAAA;AAC5D,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,OAAO,KAAM,CAAA;AAAA,KACf;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,MAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,MACJ,GAAA,IAAA,IAAQ,IACN,mBAAA,GAAA,CAACA,IAAS,EAAA,EAAA,GAAA,EAAK,IAAM,EAAA,KAAA,EAAM,uBAAwB,EAAA,IAAA,EAAM,KAAM,CAAA,IAAA,EAAM,CACnE,GAAA,IAAA;AAEN,IACE,uBAAA,GAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,kBAAkB,EAAA,UAAA;AAAA,QACjB,GAAG,KAAA;AAAA,QACJ;AAAA;AAAA,KACF;AAAA;AAGN;AACA,IAAA,CAAK,cAAcA,MAAS,CAAA,WAAA;;;;"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef, useContext } from 'react';
|
|
2
|
+
import { forwardRef, useRef, useState, useLayoutEffect, useContext } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
4
|
import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
|
|
5
|
+
import { a as Avatar } from './Avatar-C7cbRTCt-DCvzmr2C.js';
|
|
5
6
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
6
7
|
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
7
8
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
8
|
-
import { a as ThemeProviderContext } from './ThemeProvider-
|
|
9
|
+
import { a as ThemeProviderContext } from './ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js';
|
|
9
10
|
import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
|
|
10
11
|
|
|
11
|
-
import './Chip-
|
|
12
|
-
const inner = "
|
|
13
|
-
const close = "
|
|
12
|
+
import './Chip-MbBEXeAm.css';const chip = "_chip_11ba0_2";
|
|
13
|
+
const inner = "_inner_11ba0_15";
|
|
14
|
+
const close = "_close_11ba0_28";
|
|
15
|
+
const prefix = "_prefix_11ba0_41";
|
|
16
|
+
const avatar = "_avatar_11ba0_124";
|
|
17
|
+
const multiline = "_multiline_11ba0_133";
|
|
14
18
|
const styles = {
|
|
15
19
|
chip: chip,
|
|
16
20
|
inner: inner,
|
|
17
21
|
close: close,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
prefix: prefix,
|
|
23
|
+
avatar: avatar,
|
|
24
|
+
multiline: multiline,
|
|
25
|
+
"text-wrap": "_text-wrap_11ba0_145",
|
|
26
|
+
"size-small": "_size-small_11ba0_160",
|
|
27
|
+
"has-close": "_has-close_11ba0_186"
|
|
21
28
|
};
|
|
22
29
|
|
|
23
30
|
const Chip = forwardRef((props, ref) => {
|
|
@@ -30,10 +37,36 @@ const Chip = forwardRef((props, ref) => {
|
|
|
30
37
|
label,
|
|
31
38
|
style,
|
|
32
39
|
textWrap,
|
|
40
|
+
prefix,
|
|
41
|
+
avatar,
|
|
33
42
|
size = "medium",
|
|
34
43
|
tabIndex,
|
|
35
44
|
...rest
|
|
36
45
|
} = componentProps;
|
|
46
|
+
const innerRef = useRef(null);
|
|
47
|
+
const [lines, setLines] = useState(1);
|
|
48
|
+
useLayoutEffect(() => {
|
|
49
|
+
const element = innerRef.current;
|
|
50
|
+
const observer = new ResizeObserver(() => {
|
|
51
|
+
if (element) {
|
|
52
|
+
const textNode = element.childNodes[0];
|
|
53
|
+
if (textNode && textNode.textContent) {
|
|
54
|
+
const range = document.createRange();
|
|
55
|
+
range.setStart(textNode, 0);
|
|
56
|
+
range.setEnd(textNode, textNode.textContent.length);
|
|
57
|
+
setLines(range.getClientRects().length);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
if (element) {
|
|
62
|
+
observer.observe(element);
|
|
63
|
+
}
|
|
64
|
+
return () => {
|
|
65
|
+
if (element) {
|
|
66
|
+
observer.unobserve(element);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
}, []);
|
|
37
70
|
const removeText = ", removeable";
|
|
38
71
|
const newLabel = `${label}${onClose ? removeText : ""}`;
|
|
39
72
|
const ChipClassNames = cx(styles["chip"], className, {
|
|
@@ -41,6 +74,9 @@ const Chip = forwardRef((props, ref) => {
|
|
|
41
74
|
[styles["has-close"]]: !!onClose,
|
|
42
75
|
[styles["text-wrap"]]: textWrap
|
|
43
76
|
});
|
|
77
|
+
const AvatarClassNames = cx(styles["avatar"], {
|
|
78
|
+
[styles["multiline"]]: textWrap && lines > 1
|
|
79
|
+
});
|
|
44
80
|
const { mode: themeMode } = useContext(ThemeProviderContext);
|
|
45
81
|
const { mode: sysMode } = usePrefersColorScheme();
|
|
46
82
|
const mode = themeMode ?? sysMode;
|
|
@@ -79,7 +115,18 @@ const Chip = forwardRef((props, ref) => {
|
|
|
79
115
|
onKeyUp: onKeyUpHandler,
|
|
80
116
|
tabIndex: onClick || onClose ? 0 : tabIndex,
|
|
81
117
|
children: [
|
|
82
|
-
/* @__PURE__ */ jsx("span", { className:
|
|
118
|
+
avatar != null ? /* @__PURE__ */ jsx("span", { className: AvatarClassNames, children: /* @__PURE__ */ jsx(
|
|
119
|
+
Avatar,
|
|
120
|
+
{
|
|
121
|
+
className: styles.avatarInner,
|
|
122
|
+
name: label,
|
|
123
|
+
color,
|
|
124
|
+
image: avatar,
|
|
125
|
+
size: size === "small" ? "xsmall" : "small"
|
|
126
|
+
}
|
|
127
|
+
) }) : null,
|
|
128
|
+
prefix != null ? /* @__PURE__ */ jsx("span", { className: styles.prefix, children: prefix }) : null,
|
|
129
|
+
/* @__PURE__ */ jsx("span", { className: styles.inner, ref: innerRef, children: label }),
|
|
83
130
|
!!onClose && // this is disabled because this is fake button that only mouse users will interact
|
|
84
131
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
|
|
85
132
|
/* @__PURE__ */ jsx(
|
|
@@ -102,4 +149,4 @@ const Chip = forwardRef((props, ref) => {
|
|
|
102
149
|
Chip.displayName = "Chip";
|
|
103
150
|
|
|
104
151
|
export { Chip as C };
|
|
105
|
-
//# sourceMappingURL=Chip-
|
|
152
|
+
//# sourceMappingURL=Chip-MbBEXeAm-DmAcwPRJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip-MbBEXeAm-DmAcwPRJ.js","sources":["../../hammer-react/dist/Chip-MbBEXeAm.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useRef, useState, useLayoutEffect, useContext } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport { A as Avatar } from './Avatar-C7cbRTCt.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-Q3ji6Rpx.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z.js';\n\nimport './Chip.css';const chip = \"_chip_11ba0_2\";\nconst inner = \"_inner_11ba0_15\";\nconst close = \"_close_11ba0_28\";\nconst prefix = \"_prefix_11ba0_41\";\nconst avatar = \"_avatar_11ba0_124\";\nconst multiline = \"_multiline_11ba0_133\";\nconst styles = {\n\tchip: chip,\n\tinner: inner,\n\tclose: close,\n\tprefix: prefix,\n\tavatar: avatar,\n\tmultiline: multiline,\n\t\"text-wrap\": \"_text-wrap_11ba0_145\",\n\t\"size-small\": \"_size-small_11ba0_160\",\n\t\"has-close\": \"_has-close_11ba0_186\"\n};\n\nconst Chip = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n color,\n onClose,\n onClick,\n label,\n style,\n textWrap,\n prefix,\n avatar,\n size = \"medium\",\n tabIndex,\n ...rest\n } = componentProps;\n const innerRef = useRef(null);\n const [lines, setLines] = useState(1);\n useLayoutEffect(() => {\n const element = innerRef.current;\n const observer = new ResizeObserver(() => {\n if (element) {\n const textNode = element.childNodes[0];\n if (textNode && textNode.textContent) {\n const range = document.createRange();\n range.setStart(textNode, 0);\n range.setEnd(textNode, textNode.textContent.length);\n setLines(range.getClientRects().length);\n }\n }\n });\n if (element) {\n observer.observe(element);\n }\n return () => {\n if (element) {\n observer.unobserve(element);\n }\n };\n }, []);\n const removeText = \", removeable\";\n const newLabel = `${label}${onClose ? removeText : \"\"}`;\n const ChipClassNames = cx(styles[\"chip\"], className, {\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"has-close\"]]: !!onClose,\n [styles[\"text-wrap\"]]: textWrap\n });\n const AvatarClassNames = cx(styles[\"avatar\"], {\n [styles[\"multiline\"]]: textWrap && lines > 1\n });\n const { mode: themeMode } = useContext(ThemeProviderContext);\n const { mode: sysMode } = usePrefersColorScheme();\n const mode = themeMode ?? sysMode;\n const { foreground, background, border } = useAccessibleColor(color, mode);\n const bgObj = tinycolor(background);\n const styleWithColor = {\n \"--int-bg-color\": color && background,\n \"--int-font-color\": color && foreground,\n \"--int-border-color\": color && border,\n \"--int-close-background-color\": color ? bgObj.isDark() ? bgObj.lighten(15).toHexString() : bgObj.darken(15).toHexString() : \"#14141429\",\n ...style,\n ...layoutStyles\n };\n const onKeyUpHandler = (e) => {\n switch (e.code) {\n case \"Delete\":\n case \"Backspace\":\n onClose?.(e);\n break;\n case \"Enter\":\n onClick?.(e);\n break;\n }\n };\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: ChipClassNames,\n style: styleWithColor,\n \"data-anv\": \"chip\",\n role: onClick ? \"button\" : void 0,\n ...onClick || onClose ? { [\"aria-label\"]: newLabel } : {},\n ...rest,\n ref,\n onClick,\n onKeyUp: onKeyUpHandler,\n tabIndex: onClick || onClose ? 0 : tabIndex,\n children: [\n avatar != null ? /* @__PURE__ */ jsx(\"span\", { className: AvatarClassNames, children: /* @__PURE__ */ jsx(\n Avatar,\n {\n className: styles.avatarInner,\n name: label,\n color,\n image: avatar,\n size: size === \"small\" ? \"xsmall\" : \"small\"\n }\n ) }) : null,\n prefix != null ? /* @__PURE__ */ jsx(\"span\", { className: styles.prefix, children: prefix }) : null,\n /* @__PURE__ */ jsx(\"span\", { className: styles.inner, ref: innerRef, children: label }),\n !!onClose && // this is disabled because this is fake button that only mouse users will interact\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events\n /* @__PURE__ */ jsx(\n \"span\",\n {\n \"aria-hidden\": true,\n \"aria-label\": \"remove button\",\n className: styles[\"close\"],\n onClick: (e) => {\n e.stopPropagation();\n onClose(e);\n },\n children: /* @__PURE__ */ jsx(Icon, { \"aria-hidden\": true, svg: Close, size })\n }\n )\n ]\n }\n );\n});\nChip.displayName = \"Chip\";\n\nexport { Chip as C };\n//# sourceMappingURL=Chip-MbBEXeAm.js.map\n"],"names":["Close"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@layer starter, reset, base, state, application;
|
|
2
2
|
@layer starter, reset, base, state, application;
|
|
3
3
|
@layer reset {
|
|
4
|
-
.
|
|
4
|
+
._chip_11ba0_2 {
|
|
5
5
|
all: unset;
|
|
6
6
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
7
7
|
font-size: 100%;
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
box-sizing: border-box;
|
|
15
15
|
display: inline-flex;
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
._chip_11ba0_2 ._inner_11ba0_15 {
|
|
18
18
|
all: unset;
|
|
19
19
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
20
20
|
font-size: 100%;
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
box-sizing: border-box;
|
|
28
28
|
display: inline-block;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
._chip_11ba0_2 ._close_11ba0_28 {
|
|
31
31
|
all: unset;
|
|
32
32
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
33
33
|
font-size: 100%;
|
|
@@ -40,7 +40,20 @@
|
|
|
40
40
|
box-sizing: border-box;
|
|
41
41
|
display: inline-flex;
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
._chip_11ba0_2 ._prefix_11ba0_41 {
|
|
44
|
+
all: unset;
|
|
45
|
+
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
46
|
+
font-size: 100%;
|
|
47
|
+
color: var(--foreground-color, #141414);
|
|
48
|
+
margin: 0;
|
|
49
|
+
padding: 0;
|
|
50
|
+
border-style: none;
|
|
51
|
+
border-width: 0;
|
|
52
|
+
border-color: transparent;
|
|
53
|
+
box-sizing: border-box;
|
|
54
|
+
display: inline-flex;
|
|
55
|
+
}
|
|
56
|
+
._chip_11ba0_2 ._button_11ba0_54 {
|
|
44
57
|
all: unset;
|
|
45
58
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
46
59
|
font-size: 100%;
|
|
@@ -55,7 +68,7 @@
|
|
|
55
68
|
}
|
|
56
69
|
}
|
|
57
70
|
@layer base {
|
|
58
|
-
.
|
|
71
|
+
._chip_11ba0_2 {
|
|
59
72
|
position: relative;
|
|
60
73
|
min-height: 1.625rem;
|
|
61
74
|
height: -moz-min-content;
|
|
@@ -75,7 +88,7 @@
|
|
|
75
88
|
outline: 0 solid var(--focus-ring-color, #0265DC);
|
|
76
89
|
transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
77
90
|
}
|
|
78
|
-
.
|
|
91
|
+
._chip_11ba0_2 ._inner_11ba0_15 {
|
|
79
92
|
padding-block: 0.3125rem;
|
|
80
93
|
text-wrap: nowrap;
|
|
81
94
|
overflow: hidden;
|
|
@@ -84,7 +97,7 @@
|
|
|
84
97
|
line-height: 1;
|
|
85
98
|
color: inherit;
|
|
86
99
|
}
|
|
87
|
-
.
|
|
100
|
+
._chip_11ba0_2 ._close_11ba0_28 {
|
|
88
101
|
flex-shrink: 0;
|
|
89
102
|
width: 1.5rem;
|
|
90
103
|
height: 1.5rem;
|
|
@@ -97,47 +110,84 @@
|
|
|
97
110
|
outline-offset: 0.125rem;
|
|
98
111
|
outline: 0 solid var(--focus-ring-color, #0265DC);
|
|
99
112
|
}
|
|
100
|
-
.
|
|
113
|
+
._chip_11ba0_2 ._close_11ba0_28 span {
|
|
101
114
|
color: inherit;
|
|
102
115
|
}
|
|
103
|
-
.
|
|
116
|
+
._chip_11ba0_2 ._close_11ba0_28 span svg {
|
|
104
117
|
fill: currentColor;
|
|
105
118
|
}
|
|
119
|
+
._chip_11ba0_2 ._prefix_11ba0_41 {
|
|
120
|
+
padding-block: 0.25rem;
|
|
121
|
+
line-height: 1rem;
|
|
122
|
+
color: inherit;
|
|
123
|
+
}
|
|
124
|
+
._chip_11ba0_2 ._prefix_11ba0_41 [data-anv=icon] {
|
|
125
|
+
position: relative;
|
|
126
|
+
top: -1px;
|
|
127
|
+
}
|
|
128
|
+
._chip_11ba0_2 ._avatar_11ba0_124 {
|
|
129
|
+
display: inline-flex;
|
|
130
|
+
flex-shrink: 0;
|
|
131
|
+
justify-content: center;
|
|
132
|
+
align-items: center;
|
|
133
|
+
inset-inline-start: 0;
|
|
134
|
+
color: inherit;
|
|
135
|
+
margin-left: -0.5rem;
|
|
136
|
+
}
|
|
137
|
+
._chip_11ba0_2 ._avatar_11ba0_124._multiline_11ba0_133 {
|
|
138
|
+
margin-left: unset;
|
|
139
|
+
padding-right: 0.25rem;
|
|
140
|
+
}
|
|
141
|
+
._chip_11ba0_2 ._avatar_11ba0_124 [data-anv=avatar] {
|
|
142
|
+
border: none;
|
|
143
|
+
}
|
|
106
144
|
}
|
|
107
145
|
@layer state {
|
|
108
|
-
.
|
|
146
|
+
._chip_11ba0_2:focus-visible, ._chip_11ba0_2[data-interactive=focus-visible] {
|
|
109
147
|
outline-width: 0.125rem;
|
|
110
148
|
}
|
|
111
|
-
.
|
|
149
|
+
._chip_11ba0_2._text-wrap_11ba0_145 ._inner_11ba0_15 {
|
|
112
150
|
overflow: visible;
|
|
113
151
|
text-overflow: initial;
|
|
114
152
|
white-space: normal;
|
|
115
153
|
word-break: break-word;
|
|
116
154
|
}
|
|
117
|
-
.
|
|
155
|
+
._chip_11ba0_2[role=button] {
|
|
118
156
|
cursor: pointer;
|
|
119
157
|
}
|
|
120
|
-
.
|
|
158
|
+
._chip_11ba0_2[role=button]:not(:has(._close_11ba0_28:hover)):hover, ._chip_11ba0_2[role=button]:not(:has(._close_11ba0_28:hover))[data-interactive=hover] {
|
|
121
159
|
background-color: var(--int-close-background-color, rgba(20, 20, 20, 0.1607843137));
|
|
122
160
|
}
|
|
123
|
-
.
|
|
161
|
+
._chip_11ba0_2 ._close_11ba0_28:hover, ._chip_11ba0_2[data-interactive=close-hover] ._close_11ba0_28 {
|
|
124
162
|
background-color: var(--int-close-background-color, rgba(20, 20, 20, 0.1607843137));
|
|
125
163
|
}
|
|
126
|
-
.
|
|
164
|
+
._chip_11ba0_2._size-small_11ba0_160 {
|
|
127
165
|
min-height: 1.125rem;
|
|
128
166
|
font-size: 0.75rem;
|
|
129
167
|
border-radius: 0.5625rem;
|
|
130
168
|
padding-inline: 0.375rem;
|
|
131
169
|
gap: 0.125rem;
|
|
132
170
|
}
|
|
133
|
-
.
|
|
171
|
+
._chip_11ba0_2._size-small_11ba0_160 ._inner_11ba0_15 {
|
|
134
172
|
padding-block: 0.125rem;
|
|
135
173
|
}
|
|
136
|
-
.
|
|
174
|
+
._chip_11ba0_2._size-small_11ba0_160 ._close_11ba0_28 {
|
|
137
175
|
width: 1rem;
|
|
138
176
|
height: 1rem;
|
|
139
177
|
}
|
|
140
|
-
.
|
|
178
|
+
._chip_11ba0_2._size-small_11ba0_160 ._prefix_11ba0_41 {
|
|
179
|
+
padding-block: 0.125rem;
|
|
180
|
+
}
|
|
181
|
+
._chip_11ba0_2._size-small_11ba0_160 ._prefix_11ba0_41 [data-anv=icon] {
|
|
182
|
+
top: 0px;
|
|
183
|
+
}
|
|
184
|
+
._chip_11ba0_2._size-small_11ba0_160 ._avatar_11ba0_124 {
|
|
185
|
+
margin-left: -0.375rem;
|
|
186
|
+
}
|
|
187
|
+
._chip_11ba0_2._size-small_11ba0_160 ._avatar_11ba0_124._multiline_11ba0_133 {
|
|
188
|
+
margin-left: unset;
|
|
189
|
+
}
|
|
190
|
+
._chip_11ba0_2._has-close_11ba0_186 {
|
|
141
191
|
padding-inline-end: 0;
|
|
142
192
|
}
|
|
143
193
|
}
|
package/dist/Chip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as Chip, C as default } from './Chip-
|
|
1
|
+
export { C as Chip, C as default } from './Chip-DXQiqF8k.js';
|
|
2
2
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -3,25 +3,25 @@ import { useTrackingId } from './useTrackingId.js';
|
|
|
3
3
|
import React__default, { useRef, useEffect, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useState, createContext, useId, useContext, useDeferredValue } from 'react';
|
|
4
4
|
import { g as getDefaultExportFromCjs, c as cx } from './index-tZvMCc77.js';
|
|
5
5
|
import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
|
|
6
|
-
import { e as PopoverLegacy, d as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-
|
|
6
|
+
import { e as PopoverLegacy, d as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-CU2cGVD8-FWJOuFRj.js';
|
|
7
7
|
import { s as styles$3 } from './Listbox.module-DcBE8Zmo-DcBE8Zmo.js';
|
|
8
|
-
import { L as Label, s as supportsPopover } from './ProgressBar-
|
|
8
|
+
import { L as Label, s as supportsPopover } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
|
|
9
9
|
import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
|
|
10
10
|
import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
|
|
11
|
-
import { C as Chip } from './Chip-
|
|
11
|
+
import { C as Chip } from './Chip-MbBEXeAm-DmAcwPRJ.js';
|
|
12
12
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
13
13
|
import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
|
|
14
14
|
import { H as Helper } from './Helper-h7k80qls-DHPFHTvI.js';
|
|
15
|
-
import { T as Text } from './Text-
|
|
15
|
+
import { T as Text } from './Text-CED_yrId-DsRYZw2-.js';
|
|
16
16
|
import { S as Spinner } from './Spinner-DliJVzdW-BQlZEj4V.js';
|
|
17
17
|
import { s as styles$2 } from './ListView.module-MVsNF0X0-MVsNF0X0.js';
|
|
18
18
|
import { I as Icon$2 } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
19
19
|
import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DZ58p15b-BUsQC1lW.js';
|
|
20
20
|
import { S as SvgCheck } from './check-Cf67OWrZ.js';
|
|
21
21
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
22
|
-
import { u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase } from './SelectTriggerBase-
|
|
22
|
+
import { u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase } from './SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js';
|
|
23
23
|
import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
|
|
24
|
-
import { a as Avatar } from './Avatar-
|
|
24
|
+
import { a as Avatar } from './Avatar-C7cbRTCt-DCvzmr2C.js';
|
|
25
25
|
|
|
26
26
|
import './Combobox.css';function _setPrototypeOf(t, e) {
|
|
27
27
|
return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
|
|
@@ -10315,4 +10315,4 @@ const Combobox = Object.assign(ComboboxElement, {
|
|
|
10315
10315
|
});
|
|
10316
10316
|
|
|
10317
10317
|
export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxContent as c, ComboboxSearchField as d, ComboboxSelectTrigger as e, ComboboxList as f, ComboboxItem as g, ComboboxItemAddNew as h, ComboboxEmpty as i, useInfiniteCombobox as u };
|
|
10318
|
-
//# sourceMappingURL=Combobox-
|
|
10318
|
+
//# sourceMappingURL=Combobox-D2aSaDkz.js.map
|