@servicetitan/anvil2 1.31.1 → 1.31.3
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 +22 -0
- package/dist/{Alert-BW0jYz7s-C_bALro8.js → Alert-BcjnX40X-DrPtVgrL.js} +3 -3
- package/dist/{Alert-BW0jYz7s-C_bALro8.js.map → Alert-BcjnX40X-DrPtVgrL.js.map} +1 -1
- package/dist/{Alert-KVBpZzAt.js → Alert-DuXO_Hlq.js} +2 -2
- package/dist/{Alert-KVBpZzAt.js.map → Alert-DuXO_Hlq.js.map} +1 -1
- package/dist/Alert.js +1 -1
- package/dist/{Announcement-DnaX0j_E.js → Announcement-6UeH2_Tp.js} +2 -2
- package/dist/{Announcement-DnaX0j_E.js.map → Announcement-6UeH2_Tp.js.map} +1 -1
- package/dist/Announcement.js +1 -1
- package/dist/Avatar-CXgb_ukV.js +249 -0
- package/dist/Avatar-CXgb_ukV.js.map +1 -0
- package/dist/Avatar.css +25 -16
- package/dist/Avatar.js +1 -1
- package/dist/{Button-CpDA5JHI-DOaf7xjY.js → Button-CEDmdZ-2-C1Jzuxyp.js} +2 -2
- package/dist/{Button-CpDA5JHI-DOaf7xjY.js.map → Button-CEDmdZ-2-C1Jzuxyp.js.map} +1 -1
- package/dist/{Button-CRGbkHTO.js → Button-DV7wnDJa.js} +2 -2
- package/dist/{Button-CRGbkHTO.js.map → Button-DV7wnDJa.js.map} +1 -1
- package/dist/Button.css +56 -46
- package/dist/Button.js +1 -1
- package/dist/Button.module-CDPD2nx9-CDPD2nx9.js +25 -0
- package/dist/Button.module-CDPD2nx9-CDPD2nx9.js.map +1 -0
- package/dist/{ButtonCompound-DbOF1Uyo-D4_cdbXr.js → ButtonCompound-BeUo4_Zv-YQ1rEOTh.js} +2 -2
- package/dist/{ButtonCompound-DbOF1Uyo-D4_cdbXr.js.map → ButtonCompound-BeUo4_Zv-YQ1rEOTh.js.map} +1 -1
- package/dist/{ButtonCompound-Dq-3iCqQ.js → ButtonCompound-JU7ZKO4r.js} +2 -2
- package/dist/{ButtonCompound-Dq-3iCqQ.js.map → ButtonCompound-JU7ZKO4r.js.map} +1 -1
- package/dist/ButtonCompound.js +1 -1
- package/dist/{ButtonLink-B1b4NVwl.js → ButtonLink-Dq33YCWF.js} +2 -2
- package/dist/{ButtonLink-B1b4NVwl.js.map → ButtonLink-Dq33YCWF.js.map} +1 -1
- package/dist/ButtonLink.js +1 -1
- package/dist/{ButtonToggle-BdIwMXdH.js → ButtonToggle-CKP_71-9.js} +2 -2
- package/dist/{ButtonToggle-BdIwMXdH.js.map → ButtonToggle-CKP_71-9.js.map} +1 -1
- package/dist/{ButtonToggle-D5b-K9BR-g1A3w7M3.js → ButtonToggle-ZJ-yIkfu-Cz3W6KBt.js} +3 -3
- package/dist/{ButtonToggle-D5b-K9BR-g1A3w7M3.js.map → ButtonToggle-ZJ-yIkfu-Cz3W6KBt.js.map} +1 -1
- package/dist/ButtonToggle.js +1 -1
- package/dist/{Calendar-CqEPLYlk.js → Calendar-DsqgewXT.js} +2 -2
- package/dist/{Calendar-CqEPLYlk.js.map → Calendar-DsqgewXT.js.map} +1 -1
- package/dist/{Calendar-DGlqu1W3-Bi5Q7PZR.js → Calendar-Zfsv8y4j-yvdGPBHm.js} +3 -3
- package/dist/{Calendar-DGlqu1W3-Bi5Q7PZR.js.map → Calendar-Zfsv8y4j-yvdGPBHm.js.map} +1 -1
- package/dist/Calendar.js +1 -1
- package/dist/{Combobox-DLxPUWuK.js → Combobox-MSspqNaT.js} +4 -4
- package/dist/{Combobox-DLxPUWuK.js.map → Combobox-MSspqNaT.js.map} +1 -1
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-BwrvVq3b.js → DateField-Bf9tjsGJ.js} +6 -6
- package/dist/{DateField-BwrvVq3b.js.map → DateField-Bf9tjsGJ.js.map} +1 -1
- package/dist/DateField.js +1 -1
- package/dist/{Dialog-suBVnUvm.js → Dialog-BYrRlH_r.js} +2 -2
- package/dist/{Dialog-suBVnUvm.js.map → Dialog-BYrRlH_r.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/DndSort-DXEShZiw.js +5622 -0
- package/dist/DndSort-DXEShZiw.js.map +1 -0
- package/dist/DndSort.js +1 -5621
- package/dist/DndSort.js.map +1 -1
- package/dist/{Drawer-BoFuipVJ.js → Drawer-CypjgGrd.js} +2 -2
- package/dist/{Drawer-BoFuipVJ.js.map → Drawer-CypjgGrd.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{EditCard-DripZNiC.js → EditCard-BdJkYMfy.js} +2 -2
- package/dist/{EditCard-DripZNiC.js.map → EditCard-BdJkYMfy.js.map} +1 -1
- package/dist/EditCard.js +1 -1
- package/dist/{InputMask-D9odbDSU-BJpRW6S6.js → InputMask-CL0U0MCd-CXS2fHOP.js} +2 -2
- package/dist/{InputMask-D9odbDSU-BJpRW6S6.js.map → InputMask-CL0U0MCd-CXS2fHOP.js.map} +1 -1
- package/dist/{InputMask-DRNShuT9.js → InputMask-Caq_n9-G.js} +2 -2
- package/dist/{InputMask-DRNShuT9.js.map → InputMask-Caq_n9-G.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{Menu-DyMYxJUM.js → Menu-1-Jh9B1f.js} +3 -3
- package/dist/{Menu-DyMYxJUM.js.map → Menu-1-Jh9B1f.js.map} +1 -1
- package/dist/Menu.js +1 -1
- package/dist/{Page-CS_ix1vK.js → Page-DBoX63TV.js} +41 -41
- package/dist/{Page-CS_ix1vK.js.map → Page-DBoX63TV.js.map} +1 -1
- package/dist/Page.css +74 -70
- package/dist/Page.js +1 -1
- package/dist/{Popover-DwctvBuT.js → Popover-BS2Y_Ssd.js} +2 -2
- package/dist/{Popover-DwctvBuT.js.map → Popover-BS2Y_Ssd.js.map} +1 -1
- package/dist/{Popover-nXUfj8hV-CfP3czmR.js → Popover-Dt36qIDA-CiwX2ixk.js} +4 -4
- package/dist/{Popover-nXUfj8hV-CfP3czmR.js.map → Popover-Dt36qIDA-CiwX2ixk.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-C5jHU322-BUKq_wDl.js → ProgressBar-CHjQZZQr-DXeFOggL.js} +4 -4
- package/dist/{ProgressBar-C5jHU322-BUKq_wDl.js.map → ProgressBar-CHjQZZQr-DXeFOggL.js.map} +1 -1
- package/dist/{ProgressBar-BmVVLmcr.js → ProgressBar-YzDNhWli.js} +2 -2
- package/dist/{ProgressBar-BmVVLmcr.js.map → ProgressBar-YzDNhWli.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Stepper-tJSGpsW1.js → Stepper-XUHeEfkj.js} +2 -2
- package/dist/{Stepper-tJSGpsW1.js.map → Stepper-XUHeEfkj.js.map} +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/{TextField-CvbgWXp2.js → TextField-C9RjnvLk.js} +2 -2
- package/dist/{TextField-CvbgWXp2.js.map → TextField-C9RjnvLk.js.map} +1 -1
- package/dist/{TextField-DmkmyIq0-CWjKLHMx.js → TextField-DvJN7F8R-DGKdcYUs.js} +2 -2
- package/dist/{TextField-DmkmyIq0-CWjKLHMx.js.map → TextField-DvJN7F8R-DGKdcYUs.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-BdIaTJIC.js → Textarea-CHFEafz4.js} +2 -2
- package/dist/{Textarea-BdIaTJIC.js.map → Textarea-CHFEafz4.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-BB7XNCQX.js → Toolbar-PoKbjDZq.js} +13 -13
- package/dist/Toolbar-PoKbjDZq.js.map +1 -0
- package/dist/Toolbar.css +23 -18
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-Ccr19EVg.js → Tooltip-DlmBcWmc.js} +2 -2
- package/dist/{Tooltip-Ccr19EVg.js.map → Tooltip-DlmBcWmc.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/components/Avatar/Avatar.d.ts +1 -7
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +25 -24
- package/dist/index.js.map +1 -1
- package/dist/{toast-na926t2L.js → toast-BJYCGpHM.js} +2 -2
- package/dist/{toast-na926t2L.js.map → toast-BJYCGpHM.js.map} +1 -1
- package/package.json +3 -3
- package/dist/Avatar-DrQgvGgD.js +0 -201
- package/dist/Avatar-DrQgvGgD.js.map +0 -1
- package/dist/Button.module-BdSA8wlr-BdSA8wlr.js +0 -25
- package/dist/Button.module-BdSA8wlr-BdSA8wlr.js.map +0 -1
- package/dist/Toolbar-BB7XNCQX.js.map +0 -1
- /package/dist/{Alert-BW0jYz7s.css → Alert-BcjnX40X.css} +0 -0
- /package/dist/{Calendar-DGlqu1W3.css → Calendar-Zfsv8y4j.css} +0 -0
- /package/dist/{Popover-nXUfj8hV.css → Popover-Dt36qIDA.css} +0 -0
- /package/dist/{ProgressBar-C5jHU322.css → ProgressBar-CHjQZZQr.css} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @servicetitan/anvil2
|
|
2
2
|
|
|
3
|
+
## 1.31.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1200](https://github.com/servicetitan/hammer/pull/1200) [`aca4db6`](https://github.com/servicetitan/hammer/commit/aca4db680fe251b398968ef8ff76f0df32603793) Thanks [@ericag1985](https://github.com/ericag1985)! - [Page] Fix footer bootstrap override with revert layer
|
|
8
|
+
|
|
9
|
+
- [#1199](https://github.com/servicetitan/hammer/pull/1199) [`d579afa`](https://github.com/servicetitan/hammer/commit/d579afa1dfe6dae27cacf83f0648235e91ef7e4e) Thanks [@ericag1985](https://github.com/ericag1985)! - [Button Toggle, Toolbar Toggle Button] Fix tier 3 token style regression
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [[`d579afa`](https://github.com/servicetitan/hammer/commit/d579afa1dfe6dae27cacf83f0648235e91ef7e4e)]:
|
|
12
|
+
- @servicetitan/hammer-react@1.32.3
|
|
13
|
+
|
|
14
|
+
## 1.31.2
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [#1183](https://github.com/servicetitan/hammer/pull/1183) [`1d5a78f`](https://github.com/servicetitan/hammer/commit/1d5a78f8753f3ca7fde0ead285834639feb4342c) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [DndSort] Fix missing export of DndSort
|
|
19
|
+
|
|
20
|
+
- [#1194](https://github.com/servicetitan/hammer/pull/1194) [`19d88d4`](https://github.com/servicetitan/hammer/commit/19d88d421383159566b4454b2dbd35f66ceb3ad2) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - [AvatarGroup] Fix overflow count if 10 or greater
|
|
21
|
+
|
|
22
|
+
- Updated dependencies [[`19d88d4`](https://github.com/servicetitan/hammer/commit/19d88d421383159566b4454b2dbd35f66ceb3ad2)]:
|
|
23
|
+
- @servicetitan/hammer-react@1.32.2
|
|
24
|
+
|
|
3
25
|
## 1.31.1
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
|
-
import { B as Button } from './Button-
|
|
4
|
+
import { B as Button } from './Button-CEDmdZ-2-C1Jzuxyp.js';
|
|
5
5
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
6
6
|
import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
|
|
7
7
|
import { S as SvgWarning } from './warning-c4Wj1rI4.js';
|
|
8
8
|
import { I as Icon } from './Icon-DuwR7O2z-DwPHQiBF.js';
|
|
9
9
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-ChuzrydG.js';
|
|
10
10
|
|
|
11
|
-
import './Alert-
|
|
11
|
+
import './Alert-BcjnX40X.css';const alert = "_alert_1i66z_3";
|
|
12
12
|
const content = "_content_1i66z_35";
|
|
13
13
|
const top = "_top_1i66z_43";
|
|
14
14
|
const success = "_success_1i66z_61";
|
|
@@ -95,4 +95,4 @@ const Alert = forwardRef((props, ref) => {
|
|
|
95
95
|
Alert.displayName = "Alert";
|
|
96
96
|
|
|
97
97
|
export { Alert as A };
|
|
98
|
-
//# sourceMappingURL=Alert-
|
|
98
|
+
//# sourceMappingURL=Alert-BcjnX40X-DrPtVgrL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-
|
|
1
|
+
{"version":3,"file":"Alert-BcjnX40X-DrPtVgrL.js","sources":["../../hammer-react/dist/Alert-BcjnX40X.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-CEDmdZ-2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Alert.css';const alert = \"_alert_1i66z_3\";\nconst content = \"_content_1i66z_35\";\nconst top = \"_top_1i66z_43\";\nconst success = \"_success_1i66z_61\";\nconst warning = \"_warning_1i66z_67\";\nconst danger = \"_danger_1i66z_73\";\nconst styles = {\n\talert: alert,\n\t\"close-container\": \"_close-container_1i66z_28\",\n\tcontent: content,\n\ttop: top,\n\t\"title-container\": \"_title-container_1i66z_49\",\n\t\"status-icon\": \"_status-icon_1i66z_57\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_1i66z_81\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Alert = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n title,\n status = \"info\",\n style,\n onClose,\n ...rest\n } = componentProps;\n const alertCx = cx(styles[\"alert\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n \"data-anv\": \"alert\",\n role: \"status\",\n className: alertCx,\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"div\", { className: styles[\"top\"], children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status ?? \"info\"]\n }\n ),\n title\n ] }),\n !!onClose && /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} alert`\n }\n ) })\n ] }),\n children && /* @__PURE__ */ jsx(\"div\", { className: styles[\"content\"], children })\n ]\n }\n );\n});\nAlert.displayName = \"Alert\";\n\nexport { Alert as A };\n//# sourceMappingURL=Alert-BcjnX40X.js.map\n"],"names":["Info","Success","Warning","Danger","Close"],"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 { A as Alert$1 } from './Alert-
|
|
4
|
+
import { A as Alert$1 } from './Alert-BcjnX40X-DrPtVgrL.js';
|
|
5
5
|
|
|
6
6
|
const Alert = forwardRef(
|
|
7
7
|
(props, ref) => {
|
|
@@ -19,4 +19,4 @@ const Alert = forwardRef(
|
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
export { Alert as A };
|
|
22
|
-
//# sourceMappingURL=Alert-
|
|
22
|
+
//# sourceMappingURL=Alert-DuXO_Hlq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert-
|
|
1
|
+
{"version":3,"file":"Alert-DuXO_Hlq.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport {\n AlertProps as CoreAlertProps,\n Alert as CoreAlert,\n} from \"@servicetitan/hammer-react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AlertProps = CoreAlertProps & DataTrackingId;\n\nexport const Alert = forwardRef(\n (props: AlertProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Alert\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n return <CoreAlert ref={ref} data-tracking-id={trackingId} {...props} />;\n },\n);\n"],"names":["CoreAlert"],"mappings":";;;;;AAUO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,OAAmB,GAA6B,KAAA;AAC/C,IAAA,MAAM,IAAO,GAAA;AAAA,MACX,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,QAAQ,KAAM,CAAA;AAAA,KAChB;AAEA,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,OAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,2BAAQA,OAAU,EAAA,EAAA,GAAA,EAAU,kBAAkB,EAAA,UAAA,EAAa,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzE;;;;"}
|
package/dist/Alert.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Alert, A as default } from './Alert-
|
|
1
|
+
export { A as Alert, A as default } from './Alert-DuXO_Hlq.js';
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { useTrackingId } from './useTrackingId.js';
|
|
4
4
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
|
-
import { B as Button } from './Button-
|
|
5
|
+
import { B as Button } from './Button-CEDmdZ-2-C1Jzuxyp.js';
|
|
6
6
|
import { S as SvgClose } from './close-DZj38AEh.js';
|
|
7
7
|
import { S as SvgError, a as SvgCheckCircle, b as SvgInfo } from './check_circle-BGfigqq-.js';
|
|
8
8
|
import { S as SvgWarning } from './warning-c4Wj1rI4.js';
|
|
@@ -109,4 +109,4 @@ const Announcement = forwardRef(
|
|
|
109
109
|
);
|
|
110
110
|
|
|
111
111
|
export { Announcement as A };
|
|
112
|
-
//# sourceMappingURL=Announcement-
|
|
112
|
+
//# sourceMappingURL=Announcement-6UeH2_Tp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Announcement-
|
|
1
|
+
{"version":3,"file":"Announcement-6UeH2_Tp.js","sources":["../../hammer-react/dist/Announcement-CvzLJ8mE.js","../src/components/Announcement/Announcement.tsx"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { B as Button } from './Button-CEDmdZ-2.js';\nimport Close from '@servicetitan/hammer-icon/mdi/round/close.svg';\nimport Info from '@servicetitan/hammer-icon/mdi/round/info.svg';\nimport Warning from '@servicetitan/hammer-icon/mdi/round/warning.svg';\nimport Danger from '@servicetitan/hammer-icon/mdi/round/error.svg';\nimport Success from '@servicetitan/hammer-icon/mdi/round/check_circle.svg';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nimport './Announcement.css';const announcement = \"_announcement_861xq_3\";\nconst title = \"_title_861xq_45\";\nconst success = \"_success_861xq_62\";\nconst warning = \"_warning_861xq_69\";\nconst danger = \"_danger_861xq_76\";\nconst styles = {\n\tannouncement: announcement,\n\t\"close-container\": \"_close-container_861xq_36\",\n\t\"title-container\": \"_title-container_861xq_45\",\n\ttitle: title,\n\t\"status-icon\": \"_status-icon_861xq_59\",\n\tsuccess: success,\n\twarning: warning,\n\tdanger: danger,\n\t\"close-button\": \"_close-button_861xq_85\"\n};\n\nconst statusIconMap = {\n info: Info,\n success: Success,\n warning: Warning,\n danger: Danger\n};\nconst Announcement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n className,\n title,\n status = \"info\",\n children,\n style,\n onClose,\n ...rest\n } = componentProps;\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const AnnouncementCx = cx(styles[\"announcement\"], className, {\n [styles[\"success\"]]: status === \"success\",\n [styles[\"warning\"]]: status === \"warning\",\n [styles[\"danger\"]]: status === \"danger\"\n });\n return /* @__PURE__ */ jsxs(\n \"div\",\n {\n role: \"status\",\n className: AnnouncementCx,\n \"data-anv\": \"announcement\",\n style: styleCombined,\n ...rest,\n ref,\n children: [\n /* @__PURE__ */ jsxs(\"span\", { className: styles[\"title-container\"], children: [\n /* @__PURE__ */ jsx(\n Icon,\n {\n size: \"large\",\n className: styles[\"status-icon\"],\n svg: statusIconMap[status]\n }\n ),\n /* @__PURE__ */ jsx(\"span\", { className: styles[\"title\"], children: title })\n ] }),\n children,\n onClose ? /* @__PURE__ */ jsx(\"span\", { className: styles[\"close-container\"], children: /* @__PURE__ */ jsx(\n Button,\n {\n icon: Close,\n size: \"small\",\n appearance: \"ghost\",\n className: styles[\"close-button\"],\n onClick: (e) => onClose(e),\n \"aria-label\": `Dismiss ${status} announcement`\n }\n ) }) : null\n ]\n }\n );\n }\n);\nAnnouncement.displayName = \"Announcement\";\n\nexport { Announcement as A };\n//# sourceMappingURL=Announcement-CvzLJ8mE.js.map\n","import {\n AnnouncementProps as CoreAnnouncementProps,\n Announcement as CoreAnnouncement,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\n\nexport type AnnouncementProps = CoreAnnouncementProps & DataTrackingId;\n\nexport const Announcement = forwardRef(\n (props: AnnouncementProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n title: props.title,\n status: props.status,\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreAnnouncement ref={ref} data-tracking-id={trackingId} {...props} />\n );\n },\n);\n"],"names":["Info","Success","Warning","Danger","Announcement","Close","CoreAnnouncement"],"mappings":"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"}
|
package/dist/Announcement.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Announcement, A as default } from './Announcement-
|
|
1
|
+
export { A as Announcement, A as default } from './Announcement-6UeH2_Tp.js';
|
|
2
2
|
//# sourceMappingURL=Announcement.js.map
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef, Children, isValidElement, cloneElement, useRef, useState, useContext, useMemo, useEffect } from 'react';
|
|
3
|
+
import { c as cx } from './index-tZvMCc77.js';
|
|
4
|
+
import { u as useAccessibleColor, t as tinycolor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
|
|
5
|
+
import { S as SrOnly } from './SrOnly-BXm1DGl3-BJVodjQp.js';
|
|
6
|
+
import { a as ThemeProviderContext } from './ThemeProvider-DrK12Ru--D1_n9ujr.js';
|
|
7
|
+
import { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_-_hT7dK7_.js';
|
|
8
|
+
import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
|
|
9
|
+
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-ChuzrydG.js';
|
|
10
|
+
|
|
11
|
+
import './Avatar.css';function getInitial(name) {
|
|
12
|
+
if (!name) return void 0;
|
|
13
|
+
const nameArray = name.split(" ").filter(Boolean);
|
|
14
|
+
if (nameArray.length > 1)
|
|
15
|
+
return `${nameArray[0][0]?.toUpperCase()}${nameArray[nameArray.length - 1][0].toUpperCase()}`;
|
|
16
|
+
if (nameArray[0][1]) {
|
|
17
|
+
return `${nameArray[0][0].toUpperCase()}${nameArray[0][1].toLowerCase()}`;
|
|
18
|
+
}
|
|
19
|
+
return `${nameArray[0][0].toUpperCase()}`;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
const small$1 = "_small_a4hzu_21";
|
|
23
|
+
const medium = "_medium_a4hzu_27";
|
|
24
|
+
const large$1 = "_large_a4hzu_33";
|
|
25
|
+
const styles = {
|
|
26
|
+
"avatar-group": "_avatar-group_a4hzu_3",
|
|
27
|
+
small: small$1,
|
|
28
|
+
medium: medium,
|
|
29
|
+
large: large$1
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
const initial = "_initial_1e3j9_50";
|
|
33
|
+
const img = "_img_1e3j9_58";
|
|
34
|
+
const indicator = "_indicator_1e3j9_67";
|
|
35
|
+
const online = "_online_1e3j9_81";
|
|
36
|
+
const offline = "_offline_1e3j9_84";
|
|
37
|
+
const small = "_small_1e3j9_91";
|
|
38
|
+
const large = "_large_1e3j9_106";
|
|
39
|
+
const avatarBaseStyles = {
|
|
40
|
+
"avatar-base": "_avatar-base_1e3j9_3",
|
|
41
|
+
initial: initial,
|
|
42
|
+
img: img,
|
|
43
|
+
indicator: indicator,
|
|
44
|
+
online: online,
|
|
45
|
+
offline: offline,
|
|
46
|
+
"overflow-ten-plus": "_overflow-ten-plus_1e3j9_88",
|
|
47
|
+
small: small,
|
|
48
|
+
large: large
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
const AvatarBase = forwardRef(
|
|
52
|
+
(props, ref) => {
|
|
53
|
+
const {
|
|
54
|
+
className,
|
|
55
|
+
color,
|
|
56
|
+
status,
|
|
57
|
+
name,
|
|
58
|
+
image,
|
|
59
|
+
initials,
|
|
60
|
+
style,
|
|
61
|
+
size,
|
|
62
|
+
...rest
|
|
63
|
+
} = props;
|
|
64
|
+
const elRef = useRef(null);
|
|
65
|
+
const imgRef = useRef(null);
|
|
66
|
+
const [hasImageErrored, setHasImageErrored] = useState(false);
|
|
67
|
+
const avatarBaseClassNames = cx(avatarBaseStyles["avatar-base"], className, {
|
|
68
|
+
[avatarBaseStyles[`${size}`]]: size
|
|
69
|
+
});
|
|
70
|
+
const onlineIndicatorClassNames = cx(avatarBaseStyles["indicator"], {
|
|
71
|
+
[avatarBaseStyles["offline"]]: !status || status === "offline",
|
|
72
|
+
[avatarBaseStyles["online"]]: status && status === "online"
|
|
73
|
+
});
|
|
74
|
+
const { mode: themeMode } = useContext(ThemeProviderContext);
|
|
75
|
+
const { mode: sysMode } = usePrefersColorScheme();
|
|
76
|
+
const mode = themeMode ?? sysMode;
|
|
77
|
+
const { foreground, background, border } = useAccessibleColor(color, mode);
|
|
78
|
+
const styleWithColor = {
|
|
79
|
+
"--int-bg-color": color && background,
|
|
80
|
+
"--int-font-color": color && foreground,
|
|
81
|
+
"--int-border-color": color && border,
|
|
82
|
+
...style
|
|
83
|
+
};
|
|
84
|
+
const onlineIndicatorBorderColor = useMemo(() => {
|
|
85
|
+
if (mode === "dark") {
|
|
86
|
+
if (color) {
|
|
87
|
+
return tinycolor(background).brighten(20).toHexString();
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
return "var(--background-color)";
|
|
91
|
+
}, [color, mode, background]);
|
|
92
|
+
const onlineIndicatorStyles = {
|
|
93
|
+
"--int-border-color": onlineIndicatorBorderColor
|
|
94
|
+
};
|
|
95
|
+
const onlineString = status;
|
|
96
|
+
const srOnly = [name, onlineString].filter(Boolean).join(" ");
|
|
97
|
+
useEffect(() => {
|
|
98
|
+
if (image) {
|
|
99
|
+
setHasImageErrored(false);
|
|
100
|
+
}
|
|
101
|
+
}, [image]);
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
if (image && imgRef.current && imgRef.current.complete) {
|
|
104
|
+
const img = new Image();
|
|
105
|
+
img.onerror = () => setHasImageErrored(true);
|
|
106
|
+
img.src = image;
|
|
107
|
+
}
|
|
108
|
+
}, []);
|
|
109
|
+
return /* @__PURE__ */ jsxs(
|
|
110
|
+
"span",
|
|
111
|
+
{
|
|
112
|
+
className: avatarBaseClassNames,
|
|
113
|
+
style: styleWithColor,
|
|
114
|
+
"data-anv": "avatarBase",
|
|
115
|
+
...rest,
|
|
116
|
+
ref: useMergeRefs([elRef, ref]),
|
|
117
|
+
children: [
|
|
118
|
+
image && !hasImageErrored ? /* @__PURE__ */ jsx(
|
|
119
|
+
"img",
|
|
120
|
+
{
|
|
121
|
+
className: avatarBaseStyles["img"],
|
|
122
|
+
"aria-hidden": true,
|
|
123
|
+
src: image,
|
|
124
|
+
alt: name,
|
|
125
|
+
onError: () => setHasImageErrored(true),
|
|
126
|
+
ref: imgRef
|
|
127
|
+
}
|
|
128
|
+
) : initials ? /* @__PURE__ */ jsx("span", { className: avatarBaseStyles["initial"], "aria-hidden": true, children: initials }) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "?" }),
|
|
129
|
+
status && /* @__PURE__ */ jsx(
|
|
130
|
+
"span",
|
|
131
|
+
{
|
|
132
|
+
"aria-hidden": true,
|
|
133
|
+
className: onlineIndicatorClassNames,
|
|
134
|
+
style: onlineIndicatorStyles
|
|
135
|
+
}
|
|
136
|
+
),
|
|
137
|
+
/* @__PURE__ */ jsx(SrOnly, { children: srOnly })
|
|
138
|
+
]
|
|
139
|
+
}
|
|
140
|
+
);
|
|
141
|
+
}
|
|
142
|
+
);
|
|
143
|
+
AvatarBase.displayName = "AvatarBase";
|
|
144
|
+
|
|
145
|
+
const AvatarGroup$1 = forwardRef(
|
|
146
|
+
(props, ref) => {
|
|
147
|
+
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
148
|
+
const { className, max, style, children, ...rest } = componentProps;
|
|
149
|
+
const childrenArr = Children.toArray(children);
|
|
150
|
+
const inferredSize = (isValidElement(childrenArr[0]) && childrenArr[0].props.size) ?? "medium";
|
|
151
|
+
const isOverflowing = max ? max < childrenArr.length : false;
|
|
152
|
+
const overflowCount = max && childrenArr.length - max;
|
|
153
|
+
const avatarGroupClassNames = cx(styles["avatar-group"], className, {
|
|
154
|
+
[styles[`${inferredSize}`]]: inferredSize
|
|
155
|
+
});
|
|
156
|
+
const avatarBaseOverflowClassNames = cx(
|
|
157
|
+
avatarBaseStyles["avatar-base-overflow"],
|
|
158
|
+
{
|
|
159
|
+
[avatarBaseStyles["overflow-ten-plus"]]: overflowCount && overflowCount > 9
|
|
160
|
+
}
|
|
161
|
+
);
|
|
162
|
+
const styleCombined = {
|
|
163
|
+
...style,
|
|
164
|
+
...layoutStyles
|
|
165
|
+
};
|
|
166
|
+
return /* @__PURE__ */ jsxs(
|
|
167
|
+
"span",
|
|
168
|
+
{
|
|
169
|
+
ref,
|
|
170
|
+
className: avatarGroupClassNames,
|
|
171
|
+
style: styleCombined,
|
|
172
|
+
"data-anv": "avatar-group",
|
|
173
|
+
...rest,
|
|
174
|
+
children: [
|
|
175
|
+
childrenArr.map((child, i) => {
|
|
176
|
+
let childEl = child;
|
|
177
|
+
if (isValidElement(child)) {
|
|
178
|
+
const nIndex = childrenArr.length - i;
|
|
179
|
+
const nStyle = {
|
|
180
|
+
...child.props.style,
|
|
181
|
+
zIndex: nIndex
|
|
182
|
+
};
|
|
183
|
+
childEl = cloneElement(child, {
|
|
184
|
+
style: nStyle
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
if (!max) return childEl;
|
|
188
|
+
if (i < max) return childEl;
|
|
189
|
+
return null;
|
|
190
|
+
}),
|
|
191
|
+
isOverflowing && max && /* @__PURE__ */ jsx(
|
|
192
|
+
AvatarBase,
|
|
193
|
+
{
|
|
194
|
+
className: avatarBaseOverflowClassNames,
|
|
195
|
+
name: `+${overflowCount}`,
|
|
196
|
+
initials: `+${overflowCount}`,
|
|
197
|
+
size: inferredSize
|
|
198
|
+
}
|
|
199
|
+
)
|
|
200
|
+
]
|
|
201
|
+
}
|
|
202
|
+
);
|
|
203
|
+
}
|
|
204
|
+
);
|
|
205
|
+
AvatarGroup$1.displayName = "AvatarGroup";
|
|
206
|
+
|
|
207
|
+
const AvatarElement$1 = forwardRef((props, ref) => {
|
|
208
|
+
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
209
|
+
const { name, style, ...rest } = componentProps;
|
|
210
|
+
const styleWithLayout = useMemo(() => {
|
|
211
|
+
return {
|
|
212
|
+
...layoutStyles,
|
|
213
|
+
...style
|
|
214
|
+
};
|
|
215
|
+
}, [layoutStyles, style]);
|
|
216
|
+
const initials = getInitial(name);
|
|
217
|
+
return /* @__PURE__ */ jsx(
|
|
218
|
+
AvatarBase,
|
|
219
|
+
{
|
|
220
|
+
style: styleWithLayout,
|
|
221
|
+
"data-anv": "avatar",
|
|
222
|
+
name,
|
|
223
|
+
ref,
|
|
224
|
+
initials: rest.size === "small" ? initials?.[0] : initials,
|
|
225
|
+
...rest
|
|
226
|
+
}
|
|
227
|
+
);
|
|
228
|
+
});
|
|
229
|
+
AvatarElement$1.displayName = "Avatar";
|
|
230
|
+
const Avatar$1 = Object.assign(AvatarElement$1, {
|
|
231
|
+
Group: AvatarGroup$1
|
|
232
|
+
});
|
|
233
|
+
|
|
234
|
+
const AvatarElement = forwardRef(
|
|
235
|
+
(props, ref) => {
|
|
236
|
+
return /* @__PURE__ */ jsx(Avatar$1, { ref, ...props });
|
|
237
|
+
}
|
|
238
|
+
);
|
|
239
|
+
const AvatarGroup = forwardRef(
|
|
240
|
+
(props, ref) => {
|
|
241
|
+
return /* @__PURE__ */ jsx(AvatarGroup$1, { ref, ...props });
|
|
242
|
+
}
|
|
243
|
+
);
|
|
244
|
+
const Avatar = Object.assign(AvatarElement, {
|
|
245
|
+
Group: AvatarGroup
|
|
246
|
+
});
|
|
247
|
+
|
|
248
|
+
export { Avatar as A, AvatarGroup as a };
|
|
249
|
+
//# sourceMappingURL=Avatar-CXgb_ukV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar-CXgb_ukV.js","sources":["../../hammer-react/dist/getInitial.js","../../hammer-react/dist/Avatar-CFoZy6Ss.js","../src/components/Avatar/Avatar.tsx"],"sourcesContent":["function getInitial(name) {\n if (!name) return void 0;\n const nameArray = name.split(\" \").filter(Boolean);\n if (nameArray.length > 1)\n return `${nameArray[0][0]?.toUpperCase()}${nameArray[nameArray.length - 1][0].toUpperCase()}`;\n if (nameArray[0][1]) {\n return `${nameArray[0][0].toUpperCase()}${nameArray[0][1].toLowerCase()}`;\n }\n return `${nameArray[0][0].toUpperCase()}`;\n}\n\nexport { getInitial };\n//# sourceMappingURL=getInitial.js.map\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef, useRef, useState, useContext, useMemo, useEffect, Children, isValidElement, cloneElement } from 'react';\nimport cx from 'classnames';\nimport tinycolor from 'tinycolor2';\nimport { S as SrOnly } from './SrOnly-BXm1DGl3.js';\nimport { a as ThemeProviderContext } from './ThemeProvider-DrK12Ru-.js';\nimport { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js';\nimport { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z.js';\nimport { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\nimport { getInitial } from './getInitial.js';\n\nimport './Avatar.css';const small$1 = \"_small_a4hzu_21\";\nconst medium = \"_medium_a4hzu_27\";\nconst large$1 = \"_large_a4hzu_33\";\nconst styles = {\n\t\"avatar-group\": \"_avatar-group_a4hzu_3\",\n\tsmall: small$1,\n\tmedium: medium,\n\tlarge: large$1\n};\n\nconst initial = \"_initial_1e3j9_50\";\nconst img = \"_img_1e3j9_58\";\nconst indicator = \"_indicator_1e3j9_67\";\nconst online = \"_online_1e3j9_81\";\nconst offline = \"_offline_1e3j9_84\";\nconst small = \"_small_1e3j9_91\";\nconst large = \"_large_1e3j9_106\";\nconst avatarBaseStyles = {\n\t\"avatar-base\": \"_avatar-base_1e3j9_3\",\n\tinitial: initial,\n\timg: img,\n\tindicator: indicator,\n\tonline: online,\n\toffline: offline,\n\t\"overflow-ten-plus\": \"_overflow-ten-plus_1e3j9_88\",\n\tsmall: small,\n\tlarge: large\n};\n\nconst AvatarBase = forwardRef(\n (props, ref) => {\n const {\n className,\n color,\n status,\n name,\n image,\n initials,\n style,\n size,\n ...rest\n } = props;\n const elRef = useRef(null);\n const imgRef = useRef(null);\n const [hasImageErrored, setHasImageErrored] = useState(false);\n const avatarBaseClassNames = cx(avatarBaseStyles[\"avatar-base\"], className, {\n [avatarBaseStyles[`${size}`]]: size\n });\n const onlineIndicatorClassNames = cx(avatarBaseStyles[\"indicator\"], {\n [avatarBaseStyles[\"offline\"]]: !status || status === \"offline\",\n [avatarBaseStyles[\"online\"]]: status && status === \"online\"\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 styleWithColor = {\n \"--int-bg-color\": color && background,\n \"--int-font-color\": color && foreground,\n \"--int-border-color\": color && border,\n ...style\n };\n const onlineIndicatorBorderColor = useMemo(() => {\n if (mode === \"dark\") {\n if (color) {\n return tinycolor(background).brighten(20).toHexString();\n }\n }\n return \"var(--background-color)\";\n }, [color, mode, background]);\n const onlineIndicatorStyles = {\n \"--int-border-color\": onlineIndicatorBorderColor\n };\n const onlineString = status;\n const srOnly = [name, onlineString].filter(Boolean).join(\" \");\n useEffect(() => {\n if (image) {\n setHasImageErrored(false);\n }\n }, [image]);\n useEffect(() => {\n if (image && imgRef.current && imgRef.current.complete) {\n const img = new Image();\n img.onerror = () => setHasImageErrored(true);\n img.src = image;\n }\n }, []);\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n className: avatarBaseClassNames,\n style: styleWithColor,\n \"data-anv\": \"avatarBase\",\n ...rest,\n ref: useMergeRefs([elRef, ref]),\n children: [\n image && !hasImageErrored ? /* @__PURE__ */ jsx(\n \"img\",\n {\n className: avatarBaseStyles[\"img\"],\n \"aria-hidden\": true,\n src: image,\n alt: name,\n onError: () => setHasImageErrored(true),\n ref: imgRef\n }\n ) : initials ? /* @__PURE__ */ jsx(\"span\", { className: avatarBaseStyles[\"initial\"], \"aria-hidden\": true, children: initials }) : /* @__PURE__ */ jsx(\"span\", { \"aria-hidden\": true, children: \"?\" }),\n status && /* @__PURE__ */ jsx(\n \"span\",\n {\n \"aria-hidden\": true,\n className: onlineIndicatorClassNames,\n style: onlineIndicatorStyles\n }\n ),\n /* @__PURE__ */ jsx(SrOnly, { children: srOnly })\n ]\n }\n );\n }\n);\nAvatarBase.displayName = \"AvatarBase\";\n\nconst AvatarGroup = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { className, max, style, children, ...rest } = componentProps;\n const childrenArr = Children.toArray(children);\n const inferredSize = (isValidElement(childrenArr[0]) && childrenArr[0].props.size) ?? \"medium\";\n const isOverflowing = max ? max < childrenArr.length : false;\n const overflowCount = max && childrenArr.length - max;\n const avatarGroupClassNames = cx(styles[\"avatar-group\"], className, {\n [styles[`${inferredSize}`]]: inferredSize\n });\n const avatarBaseOverflowClassNames = cx(\n avatarBaseStyles[\"avatar-base-overflow\"],\n {\n [avatarBaseStyles[\"overflow-ten-plus\"]]: overflowCount && overflowCount > 9\n }\n );\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"span\",\n {\n ref,\n className: avatarGroupClassNames,\n style: styleCombined,\n \"data-anv\": \"avatar-group\",\n ...rest,\n children: [\n childrenArr.map((child, i) => {\n let childEl = child;\n if (isValidElement(child)) {\n const nIndex = childrenArr.length - i;\n const nStyle = {\n ...child.props.style,\n zIndex: nIndex\n };\n childEl = cloneElement(child, {\n style: nStyle\n });\n }\n if (!max) return childEl;\n if (i < max) return childEl;\n return null;\n }),\n isOverflowing && max && /* @__PURE__ */ jsx(\n AvatarBase,\n {\n className: avatarBaseOverflowClassNames,\n name: `+${overflowCount}`,\n initials: `+${overflowCount}`,\n size: inferredSize\n }\n )\n ]\n }\n );\n }\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n\nconst AvatarElement = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { name, style, ...rest } = componentProps;\n const styleWithLayout = useMemo(() => {\n return {\n ...layoutStyles,\n ...style\n };\n }, [layoutStyles, style]);\n const initials = getInitial(name);\n return /* @__PURE__ */ jsx(\n AvatarBase,\n {\n style: styleWithLayout,\n \"data-anv\": \"avatar\",\n name,\n ref,\n initials: rest.size === \"small\" ? initials?.[0] : initials,\n ...rest\n }\n );\n});\nAvatarElement.displayName = \"Avatar\";\nconst Avatar = Object.assign(AvatarElement, {\n Group: AvatarGroup\n});\n\nexport { Avatar as A, AvatarGroup as a };\n//# sourceMappingURL=Avatar-CFoZy6Ss.js.map\n","import {\n Avatar as CoreAvatar,\n AvatarProps as CoreAvatarProps,\n AvatarGroup as CoreAvatarGroup,\n AvatarGroupProps as CoreAvatarGroupProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\nexport type AvatarProps = CoreAvatarProps;\nexport type AvatarGroupProps = CoreAvatarGroupProps;\n\nconst AvatarElement = forwardRef(\n (props: AvatarProps, ref: Ref<HTMLSpanElement>) => {\n return <CoreAvatar ref={ref} {...props} />;\n },\n);\n\nexport const AvatarGroup = forwardRef(\n (props: AvatarGroupProps, ref: Ref<HTMLSpanElement>) => {\n return <CoreAvatarGroup ref={ref} {...props} />;\n },\n);\n\nexport const Avatar = Object.assign(AvatarElement, {\n Group: AvatarGroup,\n});\n"],"names":["AvatarGroup","AvatarElement","Avatar","CoreAvatar","CoreAvatarGroup"],"mappings":"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"}
|
package/dist/Avatar.css
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
margin-inline-start: -0.75rem;
|
|
36
36
|
}
|
|
37
37
|
}@layer starter, reset, base, state, application;@layer reset {
|
|
38
|
-
.
|
|
38
|
+
._avatar-base_1e3j9_3 {
|
|
39
39
|
all: unset;
|
|
40
40
|
font-family: var(--font-family-base, "Nunito Sans", sans-serif);
|
|
41
41
|
font-size: 100%;
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
display: inline-flex;
|
|
50
50
|
}
|
|
51
51
|
}@layer base {
|
|
52
|
-
.
|
|
52
|
+
._avatar-base_1e3j9_3 {
|
|
53
53
|
position: relative;
|
|
54
54
|
width: 2rem;
|
|
55
55
|
height: 2rem;
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
outline: 0 solid var(--focus-ring-color, #0265DC);
|
|
66
66
|
transition: box-shadow 200ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
|
|
67
67
|
}
|
|
68
|
-
.
|
|
68
|
+
._avatar-base_1e3j9_3::before {
|
|
69
69
|
content: none;
|
|
70
70
|
position: absolute;
|
|
71
71
|
inset-block-start: 0;
|
|
@@ -79,11 +79,11 @@
|
|
|
79
79
|
user-select: none;
|
|
80
80
|
}
|
|
81
81
|
@media (prefers-reduced-motion: reduce) {
|
|
82
|
-
.
|
|
82
|
+
._avatar-base_1e3j9_3 {
|
|
83
83
|
transition-duration: 0.01ms !important;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
|
-
.
|
|
86
|
+
._avatar-base_1e3j9_3 ._initial_1e3j9_50 {
|
|
87
87
|
height: 100%;
|
|
88
88
|
width: 100%;
|
|
89
89
|
display: flex;
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
align-items: center;
|
|
92
92
|
overflow: hidden;
|
|
93
93
|
}
|
|
94
|
-
.
|
|
94
|
+
._avatar-base_1e3j9_3 ._img_1e3j9_58 {
|
|
95
95
|
display: inline-flex;
|
|
96
96
|
width: 100%;
|
|
97
97
|
height: 100%;
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
-o-object-fit: cover;
|
|
102
102
|
object-fit: cover;
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
._avatar-base_1e3j9_3 ._indicator_1e3j9_67 {
|
|
105
105
|
width: 0.75rem;
|
|
106
106
|
height: 0.75rem;
|
|
107
107
|
border-radius: 100%;
|
|
@@ -114,38 +114,47 @@
|
|
|
114
114
|
inset-inline-end: -0.0625rem;
|
|
115
115
|
}
|
|
116
116
|
}@layer state {
|
|
117
|
-
.
|
|
117
|
+
._avatar-base_1e3j9_3 ._indicator_1e3j9_67._online_1e3j9_81 {
|
|
118
118
|
background-color: var(--status-color-success, #007A4D);
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
._avatar-base_1e3j9_3 ._indicator_1e3j9_67._offline_1e3j9_84 {
|
|
121
121
|
background-color: var(--background-color, #ffffff);
|
|
122
122
|
box-shadow: inset 0 0 0 0.125rem var(--background-color-disabled, #606162);
|
|
123
123
|
}
|
|
124
|
-
.
|
|
124
|
+
._avatar-base_1e3j9_3._overflow-ten-plus_1e3j9_88 {
|
|
125
|
+
font-size: 0.625rem;
|
|
126
|
+
}
|
|
127
|
+
._avatar-base_1e3j9_3._small_1e3j9_91 {
|
|
125
128
|
width: 1.5rem;
|
|
126
129
|
height: 1.5rem;
|
|
127
130
|
font-size: 0.75rem;
|
|
128
131
|
}
|
|
129
|
-
.
|
|
132
|
+
._avatar-base_1e3j9_3._small_1e3j9_91._overflow-ten-plus_1e3j9_88 {
|
|
133
|
+
font-size: 0.625rem;
|
|
134
|
+
}
|
|
135
|
+
._avatar-base_1e3j9_3._small_1e3j9_91 ._indicator_1e3j9_67 {
|
|
130
136
|
width: 0.5rem;
|
|
131
137
|
height: 0.5rem;
|
|
132
138
|
}
|
|
133
|
-
.
|
|
139
|
+
._avatar-base_1e3j9_3._small_1e3j9_91 ._indicator_1e3j9_67._offline_1e3j9_84 {
|
|
134
140
|
box-shadow: inset 0 0 0 0.09375rem var(--background-color-disabled, #606162);
|
|
135
141
|
}
|
|
136
|
-
.
|
|
142
|
+
._avatar-base_1e3j9_3._large_1e3j9_106 {
|
|
137
143
|
width: 3rem;
|
|
138
144
|
height: 3rem;
|
|
139
145
|
font-size: 1.25rem;
|
|
140
146
|
}
|
|
141
|
-
.
|
|
147
|
+
._avatar-base_1e3j9_3._large_1e3j9_106._overflow-ten-plus_1e3j9_88 {
|
|
148
|
+
font-size: 1rem;
|
|
149
|
+
}
|
|
150
|
+
._avatar-base_1e3j9_3._large_1e3j9_106 ._indicator_1e3j9_67 {
|
|
142
151
|
width: 1rem;
|
|
143
152
|
height: 1rem;
|
|
144
153
|
}
|
|
145
|
-
.
|
|
154
|
+
._avatar-base_1e3j9_3._large_1e3j9_106 ._indicator_1e3j9_67._offline_1e3j9_84 {
|
|
146
155
|
box-shadow: inset 0 0 0 0.15625rem var(--background-color-disabled, #606162);
|
|
147
156
|
}
|
|
148
|
-
.
|
|
157
|
+
._avatar-base_1e3j9_3[data-interactive=focus-visible], ._avatar-base_1e3j9_3:focus-visible {
|
|
149
158
|
outline-width: 0.125rem;
|
|
150
159
|
}
|
|
151
160
|
}
|
package/dist/Avatar.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-
|
|
1
|
+
export { A as Avatar, a as AvatarGroup, A as default } from './Avatar-CXgb_ukV.js';
|
|
2
2
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
4
4
|
import { I as Icon } from './Icon-DuwR7O2z-DwPHQiBF.js';
|
|
5
|
-
import { s as styles } from './Button.module-
|
|
5
|
+
import { s as styles } from './Button.module-CDPD2nx9-CDPD2nx9.js';
|
|
6
6
|
import { S as Spinner } from './Spinner-B55mSnmk-B3oOSVLo.js';
|
|
7
7
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr-ChuzrydG.js';
|
|
8
8
|
|
|
@@ -94,4 +94,4 @@ const Button = forwardRef(
|
|
|
94
94
|
Button.displayName = "Button";
|
|
95
95
|
|
|
96
96
|
export { Button as B };
|
|
97
|
-
//# sourceMappingURL=Button-
|
|
97
|
+
//# sourceMappingURL=Button-CEDmdZ-2-C1Jzuxyp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button-
|
|
1
|
+
{"version":3,"file":"Button-CEDmdZ-2-C1Jzuxyp.js","sources":["../../hammer-react/dist/Button-CEDmdZ-2.js"],"sourcesContent":["import { jsxs, jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { I as Icon } from './Icon-DuwR7O2z.js';\nimport { s as styles } from './Button.module-CDPD2nx9.js';\nimport { S as Spinner } from './Spinner-B55mSnmk.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-3B2XYWSr.js';\n\nconst Button = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const {\n children,\n className,\n appearance = \"secondary\",\n size = \"medium\",\n icon,\n loading = false,\n disabled,\n style,\n type = \"button\",\n ...rest\n } = componentProps;\n const buttonClassNames = cx(className, styles[\"button\"], {\n [styles[\"appearance-primary\"]]: appearance === \"primary\",\n [styles[\"appearance-secondary\"]]: appearance === \"secondary\",\n [styles[\"appearance-ghost\"]]: appearance === \"ghost\",\n [styles[\"danger-secondary\"]]: appearance === \"danger-secondary\",\n [styles[\"danger-primary\"]]: appearance === \"danger\",\n [styles[\"size-small\"]]: size === \"small\",\n [styles[\"size-medium\"]]: size === \"medium\",\n [styles[\"size-large\"]]: size === \"large\",\n [styles[\"type-icon\"]]: !children,\n [styles[\"loading\"]]: loading\n });\n const iconBefore = (icon2) => {\n if (typeof icon2 === \"object\" && \"before\" in icon2) {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2.before\n }\n );\n }\n if (icon2 && typeof icon2 !== \"object\") {\n return /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon2,\n size: !children && size !== \"small\" ? \"large\" : \"medium\"\n }\n );\n }\n return;\n };\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsxs(\n \"button\",\n {\n className: buttonClassNames,\n type,\n disabled: disabled || loading,\n \"aria-busy\": loading ? true : void 0,\n \"data-anv\": \"button\",\n style: styleCombined,\n ref,\n ...rest,\n children: [\n loading ? /* @__PURE__ */ jsx(Spinner, { inherit: true, className: styles[\"loading-spinner\"] }) : icon ? iconBefore(icon) : null,\n children,\n typeof icon === \"object\" && \"after\" in icon ? /* @__PURE__ */ jsx(\n Icon,\n {\n className: styles[\"icon\"],\n inherit: true,\n \"aria-hidden\": true,\n svg: icon.after\n }\n ) : null\n ]\n }\n );\n }\n);\nButton.displayName = \"Button\";\n\nexport { Button as B };\n//# sourceMappingURL=Button-CEDmdZ-2.js.map\n"],"names":[],"mappings":"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"}
|