@servicetitan/anvil2 1.39.0 → 1.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -12
- package/dist/Breadcrumbs-C_gan90a.js +36 -0
- package/dist/Breadcrumbs-C_gan90a.js.map +1 -0
- package/dist/{Breadcrumbs-DJbCkSeD.js → Breadcrumbs-D_jgwoN3-Dlw-weD8.js} +8 -38
- package/dist/Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map +1 -0
- package/dist/Breadcrumbs.js +1 -1
- package/dist/{Calendar-CIWOPMcu.js → Calendar-C2ONV7cq.js} +2 -2
- package/dist/{Calendar-CIWOPMcu.js.map → Calendar-C2ONV7cq.js.map} +1 -1
- package/dist/{Calendar-BT6eeZDr-CSY_7I1M.js → Calendar-DixTCgAW-CfphBge0.js} +16 -15
- package/dist/Calendar-DixTCgAW-CfphBge0.js.map +1 -0
- package/dist/Calendar.js +1 -1
- package/dist/{Checkbox-BNrjUtHs-CfExXZer.js → Checkbox-BNrjUtHs-BBLXLwO5.js} +2 -2
- package/dist/{Checkbox-BNrjUtHs-CfExXZer.js.map → Checkbox-BNrjUtHs-BBLXLwO5.js.map} +1 -1
- package/dist/{Checkbox-ic-HmakR.js → Checkbox-Dxr3rgQV.js} +2 -2
- package/dist/{Checkbox-ic-HmakR.js.map → Checkbox-Dxr3rgQV.js.map} +1 -1
- package/dist/Checkbox.js +1 -1
- package/dist/{Combobox-DR7O7aaZ.js → Combobox-C7nV-w8I.js} +195 -391
- package/dist/Combobox-C7nV-w8I.js.map +1 -0
- package/dist/Combobox.css +43 -281
- package/dist/Combobox.js +1 -1
- package/dist/{DateField-CYT6udu8.js → DateField-Df42sxE9.js} +43 -43
- package/dist/DateField-Df42sxE9.js.map +1 -0
- package/dist/DateField.js +1 -1
- package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js +2759 -0
- package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js.map +1 -0
- package/dist/DateFieldRange-DQJ_FMeA.js +22 -0
- package/dist/DateFieldRange-DQJ_FMeA.js.map +1 -0
- package/dist/DateFieldRange.d.ts +2 -0
- package/dist/DateFieldRange.js +2 -0
- package/dist/DateFieldRange.js.map +1 -0
- package/dist/DateFieldSingle-BXPhS91g.js +22 -0
- package/dist/DateFieldSingle-BXPhS91g.js.map +1 -0
- package/dist/DateFieldSingle.d.ts +2 -0
- package/dist/DateFieldSingle.js +2 -0
- package/dist/DateFieldSingle.js.map +1 -0
- package/dist/{DaysOfTheWeek-DbjM8UPz.js → DaysOfTheWeek-C4ZGriW7.js} +2 -2
- package/dist/{DaysOfTheWeek-DbjM8UPz.js.map → DaysOfTheWeek-C4ZGriW7.js.map} +1 -1
- package/dist/DaysOfTheWeek.js +1 -1
- package/dist/{Dialog-BmeXBcs-.js → Dialog-CBWaZO5U.js} +2 -2
- package/dist/{Dialog-BmeXBcs-.js.map → Dialog-CBWaZO5U.js.map} +1 -1
- package/dist/Dialog.js +1 -1
- package/dist/{Drawer-8jQ-jaiv.js → Drawer-Be0tyTMM.js} +2 -2
- package/dist/{Drawer-8jQ-jaiv.js.map → Drawer-Be0tyTMM.js.map} +1 -1
- package/dist/Drawer.js +1 -1
- package/dist/{InputMask-CiHg25XE-DXRWDeku.js → InputMask-CiHg25XE--lofQ4oF.js} +2 -2
- package/dist/{InputMask-CiHg25XE-DXRWDeku.js.map → InputMask-CiHg25XE--lofQ4oF.js.map} +1 -1
- package/dist/{InputMask-DH14Bp7r.js → InputMask-DYthrVaU.js} +2 -2
- package/dist/{InputMask-DH14Bp7r.js.map → InputMask-DYthrVaU.js.map} +1 -1
- package/dist/InputMask.js +1 -1
- package/dist/{ListView-HBQy0Qmv.js → ListView-DgrUsTC8.js} +3 -3
- package/dist/{ListView-HBQy0Qmv.js.map → ListView-DgrUsTC8.js.map} +1 -1
- package/dist/ListView.js +1 -1
- package/dist/Menu-By8ps-lb.js +60 -0
- package/dist/Menu-By8ps-lb.js.map +1 -0
- package/dist/{Menu-CijOsL76.js → Menu-jt64Cbkd-mK95uUq6.js} +23 -73
- package/dist/Menu-jt64Cbkd-mK95uUq6.js.map +1 -0
- package/dist/{Menu.css → Menu-jt64Cbkd.css} +22 -21
- package/dist/Menu.js +1 -1
- package/dist/{Page-CdkxWab-.js → Page-DoCYLmH8.js} +135 -105
- package/dist/Page-DoCYLmH8.js.map +1 -0
- package/dist/Page.js +1 -1
- package/dist/Pagination.css +124 -0
- package/dist/Pagination.d.ts +6 -0
- package/dist/Pagination.js +430 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/{Popover-CVCAWhdO-dI3x1kfe.js → Popover-CVCAWhdO-CJw1mW49.js} +2 -2
- package/dist/{Popover-CVCAWhdO-dI3x1kfe.js.map → Popover-CVCAWhdO-CJw1mW49.js.map} +1 -1
- package/dist/{Popover-CCcd-JhF.js → Popover-Dv7ntx4P.js} +2 -2
- package/dist/{Popover-CCcd-JhF.js.map → Popover-Dv7ntx4P.js.map} +1 -1
- package/dist/Popover.js +1 -1
- package/dist/{ProgressBar-CZhkKwaS-BppwbCSh.js → ProgressBar-CZhkKwaS-dlDRDjxo.js} +2 -2
- package/dist/{ProgressBar-CZhkKwaS-BppwbCSh.js.map → ProgressBar-CZhkKwaS-dlDRDjxo.js.map} +1 -1
- package/dist/{ProgressBar-BEDtxKDv.js → ProgressBar-Eeudkcyc.js} +2 -2
- package/dist/{ProgressBar-BEDtxKDv.js.map → ProgressBar-Eeudkcyc.js.map} +1 -1
- package/dist/ProgressBar.js +1 -1
- package/dist/{Radio-DiBn0-hf-CCkWosaL.js → Radio-DiBn0-hf-hhLKXDdl.js} +2 -2
- package/dist/{Radio-DiBn0-hf-CCkWosaL.js.map → Radio-DiBn0-hf-hhLKXDdl.js.map} +1 -1
- package/dist/{Radio-Sj9M1KAg.js → Radio-Dx2GeEZp.js} +2 -2
- package/dist/{Radio-Sj9M1KAg.js.map → Radio-Dx2GeEZp.js.map} +1 -1
- package/dist/Radio.js +1 -1
- package/dist/{SelectCard-CY8IVFDT-lXO3-mQ_.js → SelectCard-CL8T4DQb-ClozUyqV.js} +22 -22
- package/dist/SelectCard-CL8T4DQb-ClozUyqV.js.map +1 -0
- package/dist/SelectCard-CL8T4DQb.css +51 -0
- package/dist/SelectCard.js +1 -1
- package/dist/{SelectCardGroup-DLt9z9b8.js → SelectCardGroup-KTtcsOar.js} +2 -2
- package/dist/{SelectCardGroup-DLt9z9b8.js.map → SelectCardGroup-KTtcsOar.js.map} +1 -1
- package/dist/SelectTrigger-BvUO-g1F.js +138 -0
- package/dist/SelectTrigger-BvUO-g1F.js.map +1 -0
- package/dist/SelectTrigger.css +16 -0
- package/dist/SelectTrigger.d.ts +6 -0
- package/dist/SelectTrigger.js +2 -0
- package/dist/SelectTrigger.js.map +1 -0
- package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js +301 -0
- package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js.map +1 -0
- package/dist/SelectTriggerBase-BMhRDkFW.css +270 -0
- package/dist/{TextField-DUohb_Y6.js → TextField-0XKj7lDu.js} +2 -2
- package/dist/{TextField-DUohb_Y6.js.map → TextField-0XKj7lDu.js.map} +1 -1
- package/dist/{TextField-C5KbQxoU-DGLAOhCu.js → TextField-C5KbQxoU-CSkSyt7P.js} +2 -2
- package/dist/{TextField-C5KbQxoU-DGLAOhCu.js.map → TextField-C5KbQxoU-CSkSyt7P.js.map} +1 -1
- package/dist/TextField.js +1 -1
- package/dist/{Textarea-HGQXwvO1.js → Textarea-DkSeFIg7.js} +2 -2
- package/dist/{Textarea-HGQXwvO1.js.map → Textarea-DkSeFIg7.js.map} +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/Toast.js +1 -1
- package/dist/{Toolbar-28Uv31qc.js → Toolbar-38Z9fVxY.js} +5 -7
- package/dist/Toolbar-38Z9fVxY.js.map +1 -0
- package/dist/Toolbar.js +1 -1
- package/dist/{Tooltip-ZUko7Bl3.js → Tooltip-BwUVaBEo.js} +2 -2
- package/dist/{Tooltip-ZUko7Bl3.js.map → Tooltip-BwUVaBEo.js.map} +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/assets/icons/st/document_audio.svg +1 -0
- package/dist/assets/icons/st/document_doc.svg +1 -0
- package/dist/assets/icons/st/document_drawing.svg +1 -0
- package/dist/assets/icons/st/document_form.svg +1 -0
- package/dist/assets/icons/st/document_message.svg +1 -0
- package/dist/assets/icons/st/document_other.svg +1 -0
- package/dist/assets/icons/st/document_pdf.svg +1 -0
- package/dist/assets/icons/st/document_spreadsheet.svg +1 -0
- package/dist/assets/icons/st/document_text.svg +1 -0
- package/dist/assets/icons/st/document_web.svg +1 -0
- package/dist/assets/icons/st/gnav_insurance_work_queue_active.svg +1 -0
- package/dist/assets/icons/st/gnav_insurance_work_queue_inactive.svg +1 -0
- package/dist/assets/icons/st/gnav_production_work_queue_active.svg +1 -0
- package/dist/assets/icons/st/gnav_production_work_queue_inactive.svg +1 -0
- package/dist/assets/icons/st.ts +14 -0
- package/dist/components/Alert/Alert.figma.d.ts +1 -0
- package/dist/components/DateFieldRange/DateFieldRange.d.ts +7 -0
- package/dist/components/DateFieldRange/index.d.ts +2 -0
- package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +7 -0
- package/dist/components/DateFieldSingle/index.d.ts +2 -0
- package/dist/components/Page/Page.d.ts +19 -352
- package/dist/components/Page/PageContent.d.ts +24 -0
- package/dist/components/Page/PageContext.d.ts +4 -0
- package/dist/components/Page/PageFooter.d.ts +24 -0
- package/dist/components/Page/PageHeader.d.ts +135 -0
- package/dist/components/Page/PagePanel.d.ts +57 -0
- package/dist/components/Page/PageSidebar.d.ts +57 -0
- package/dist/components/Page/PageSidebarContext.d.ts +5 -0
- package/dist/components/Page/PageSidebarHeader.d.ts +23 -0
- package/dist/components/Page/index.d.ts +5 -0
- package/dist/components/Pagination/Pagination.d.ts +58 -0
- package/dist/components/Pagination/index.d.ts +2 -0
- package/dist/components/Pagination/internal/usePaginationArray.d.ts +36 -0
- package/dist/components/SelectTrigger/SelectTrigger.d.ts +11 -0
- package/dist/components/SelectTrigger/index.d.ts +2 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/event-BEJFimi3.js +6 -0
- package/dist/event-BEJFimi3.js.map +1 -0
- package/dist/index.js +24 -21
- package/dist/index.js.map +1 -1
- package/dist/keyboard_arrow_right-DZWNVytH.js +8 -0
- package/dist/keyboard_arrow_right-DZWNVytH.js.map +1 -0
- package/dist/more_horiz-DJgdQiy0.js +6 -0
- package/dist/more_horiz-DJgdQiy0.js.map +1 -0
- package/dist/{toast-DjypuZMf.js → toast-CWVuLkyv.js} +2 -2
- package/dist/{toast-DjypuZMf.js.map → toast-CWVuLkyv.js.map} +1 -1
- package/package.json +7 -4
- package/dist/Breadcrumbs-DJbCkSeD.js.map +0 -1
- package/dist/Calendar-BT6eeZDr-CSY_7I1M.js.map +0 -1
- package/dist/Combobox-DR7O7aaZ.js.map +0 -1
- package/dist/DateField-CYT6udu8.js.map +0 -1
- package/dist/Menu-CijOsL76.js.map +0 -1
- package/dist/Page-CdkxWab-.js.map +0 -1
- package/dist/SelectCard-CY8IVFDT-lXO3-mQ_.js.map +0 -1
- package/dist/SelectCard-CY8IVFDT.css +0 -38
- package/dist/Toolbar-28Uv31qc.js.map +0 -1
- /package/dist/{Breadcrumbs.css → Breadcrumbs-D_jgwoN3.css} +0 -0
- /package/dist/{Calendar-BT6eeZDr.css → Calendar-DixTCgAW.css} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,36 @@
|
|
|
1
1
|
# @servicetitan/anvil2
|
|
2
2
|
|
|
3
|
+
## 1.40.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#1350](https://github.com/servicetitan/hammer/pull/1350) [`3faa08f`](https://github.com/servicetitan/hammer/commit/3faa08fb3fa2df9013b43c03b5482fbd0a3c5f9e) Thanks [@tounsoo](https://github.com/tounsoo)! - [Pagination] New Pagination component!
|
|
8
|
+
|
|
9
|
+
- [#1357](https://github.com/servicetitan/hammer/pull/1357) [`a9fe6a6`](https://github.com/servicetitan/hammer/commit/a9fe6a60291bccbf7de4ae6d6d485a2a6a784aab) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Icon] Add global nav icons for work queues; optimize some document SVG files
|
|
10
|
+
|
|
11
|
+
- [#1304](https://github.com/servicetitan/hammer/pull/1304) [`51ba5ed`](https://github.com/servicetitan/hammer/commit/51ba5edefe1ed1b300fbc7d7fc7450f3a7387840) Thanks [@rgdelato](https://github.com/rgdelato)! - [SelectTrigger] Add `SelectTrigger` component for more complex `Combobox`-style use cases
|
|
12
|
+
|
|
13
|
+
- [#1354](https://github.com/servicetitan/hammer/pull/1354) [`49c3886`](https://github.com/servicetitan/hammer/commit/49c38864fc9411fb67a0b30c398dd57827b893c1) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [Icon] Add 10 icons for document management
|
|
14
|
+
|
|
15
|
+
- [#1271](https://github.com/servicetitan/hammer/pull/1271) [`66419c5`](https://github.com/servicetitan/hammer/commit/66419c5d240c5a527741b9cb2b20aace07883218) Thanks [@tounsoo](https://github.com/tounsoo)! - [SelectCard] Add option to remove drop shadow in SelectCard and update background color for interactive states
|
|
16
|
+
|
|
17
|
+
- [#1345](https://github.com/servicetitan/hammer/pull/1345) [`81cbe05`](https://github.com/servicetitan/hammer/commit/81cbe05ba5740cc3d630850151db5ed1a9726d14) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [DateFieldSingle] Implement DateFieldSingle component
|
|
18
|
+
|
|
19
|
+
- [#1345](https://github.com/servicetitan/hammer/pull/1345) [`81cbe05`](https://github.com/servicetitan/hammer/commit/81cbe05ba5740cc3d630850151db5ed1a9726d14) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [DateFieldRange] Implmement DateFieldRange component
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- [`9262fcd`](https://github.com/servicetitan/hammer/commit/9262fcdb154fe8367547f43219b0e3e73e19eedd) Thanks [@AdamLantz](https://github.com/AdamLantz)! - [DateField] No longer renders a calendar when popover is closed
|
|
24
|
+
|
|
25
|
+
- [#1355](https://github.com/servicetitan/hammer/pull/1355) [`082055e`](https://github.com/servicetitan/hammer/commit/082055eac4c50fc5be44fd27f077bfa6886d6213) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox, SelectTrigger] Add `layoutProps` to `SelectTrigger`, `Combobox.SearchField`, and `Combobox.SelectTrigger`
|
|
26
|
+
|
|
27
|
+
- [#1355](https://github.com/servicetitan/hammer/pull/1355) [`082055e`](https://github.com/servicetitan/hammer/commit/082055eac4c50fc5be44fd27f077bfa6886d6213) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox, SelectTrigger] Update `data-anv` attibutes for `SelectTrigger`, `Combobox.SearchField`, and `Combobox.SelectTrigger`
|
|
28
|
+
|
|
29
|
+
- [#1336](https://github.com/servicetitan/hammer/pull/1336) [`9619654`](https://github.com/servicetitan/hammer/commit/9619654c7c50fb416bbe99d1978ce08c37a3917d) Thanks [@tounsoo](https://github.com/tounsoo)! - [Page] Page to use its own width to calculate responsiveness timing instead of visualViewport width
|
|
30
|
+
|
|
31
|
+
- Updated dependencies [[`3faa08f`](https://github.com/servicetitan/hammer/commit/3faa08fb3fa2df9013b43c03b5482fbd0a3c5f9e), [`9262fcd`](https://github.com/servicetitan/hammer/commit/9262fcdb154fe8367547f43219b0e3e73e19eedd), [`51ba5ed`](https://github.com/servicetitan/hammer/commit/51ba5edefe1ed1b300fbc7d7fc7450f3a7387840), [`66419c5`](https://github.com/servicetitan/hammer/commit/66419c5d240c5a527741b9cb2b20aace07883218), [`082055e`](https://github.com/servicetitan/hammer/commit/082055eac4c50fc5be44fd27f077bfa6886d6213), [`81cbe05`](https://github.com/servicetitan/hammer/commit/81cbe05ba5740cc3d630850151db5ed1a9726d14), [`81cbe05`](https://github.com/servicetitan/hammer/commit/81cbe05ba5740cc3d630850151db5ed1a9726d14), [`082055e`](https://github.com/servicetitan/hammer/commit/082055eac4c50fc5be44fd27f077bfa6886d6213)]:
|
|
32
|
+
- @servicetitan/hammer-react@1.38.0
|
|
33
|
+
|
|
3
34
|
## 1.39.0
|
|
4
35
|
|
|
5
36
|
### Minor Changes
|
|
@@ -695,13 +726,11 @@
|
|
|
695
726
|
- [#958](https://github.com/servicetitan/hammer/pull/958) [`1862ba2`](https://github.com/servicetitan/hammer/commit/1862ba21051434116b9211d4aa5b1a4240561f47) Thanks [@rgdelato](https://github.com/rgdelato)! - ANV-2527: Update `useAccessibleColor` light mode to preserve `color` prop
|
|
696
727
|
|
|
697
728
|
- [#947](https://github.com/servicetitan/hammer/pull/947) [`c0eaae4`](https://github.com/servicetitan/hammer/commit/c0eaae445d5430d579dc032607d646b4fbb40e93) Thanks [@tounsoo](https://github.com/tounsoo)! - Update `Overflow` to have option to use inherited height
|
|
698
|
-
|
|
699
729
|
- Fix rendering issue on resize
|
|
700
730
|
|
|
701
731
|
- [#957](https://github.com/servicetitan/hammer/pull/957) [`850ef84`](https://github.com/servicetitan/hammer/commit/850ef84820a8d29b066dcc91a75512f8a23ac7bf) Thanks [@tounsoo](https://github.com/tounsoo)! - Add additional foreground tokens and update overlay tokens to enhance color accessibility- Update Button, Listbox, Calendar, SideNav, Link to use the new tokens
|
|
702
732
|
|
|
703
733
|
- [#962](https://github.com/servicetitan/hammer/pull/962) [`897a39c`](https://github.com/servicetitan/hammer/commit/897a39c9a466f767860d3b684f323990829e22bc) Thanks [@tounsoo](https://github.com/tounsoo)! - Fix incorrect with when Layout component is used inside a flexbox
|
|
704
|
-
|
|
705
734
|
- Fix incorrect type used in Overflow component
|
|
706
735
|
|
|
707
736
|
- Updated dependencies [[`1862ba2`](https://github.com/servicetitan/hammer/commit/1862ba21051434116b9211d4aa5b1a4240561f47), [`c0eaae4`](https://github.com/servicetitan/hammer/commit/c0eaae445d5430d579dc032607d646b4fbb40e93), [`850ef84`](https://github.com/servicetitan/hammer/commit/850ef84820a8d29b066dcc91a75512f8a23ac7bf), [`897a39c`](https://github.com/servicetitan/hammer/commit/897a39c9a466f767860d3b684f323990829e22bc)]:
|
|
@@ -820,7 +849,6 @@
|
|
|
820
849
|
### Patch Changes
|
|
821
850
|
|
|
822
851
|
- [#892](https://github.com/servicetitan/hammer/pull/892) [`08dbcd5`](https://github.com/servicetitan/hammer/commit/08dbcd5736cc16999f558c89b7d32c3b82a14f33) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - Import `@servicetitan/anvil2` package into `@servicetitan/hammer` repository
|
|
823
|
-
|
|
824
852
|
- Update `@servicetitan/anvil2` to use `pnpm`
|
|
825
853
|
- Remove `package-lock.json`
|
|
826
854
|
- Update `@servicetitan/hammer-*` dependencies to use `workspace:*` version
|
|
@@ -831,7 +859,6 @@
|
|
|
831
859
|
- Generate new `pnpm-lock.yaml` file
|
|
832
860
|
|
|
833
861
|
Update hammer dependencies:
|
|
834
|
-
|
|
835
862
|
- @servicetitan/hammer-react@1.20.6
|
|
836
863
|
- @servicetitan/hammer-token@1.3.5
|
|
837
864
|
- @servicetitan/hammer-icon@1.0.3
|
|
@@ -910,7 +937,6 @@
|
|
|
910
937
|
### Patch Changes
|
|
911
938
|
|
|
912
939
|
- [#278](https://github.com/servicetitan/anvil2/pull/278) [`845ab77`](https://github.com/servicetitan/anvil2/commit/845ab7775a1799e35238f9ab0ee0dfd45d273aee) Thanks [@dependabot](https://github.com/apps/dependabot)! - - Bump `@servicetitan/hammer-react` from `1.18.8` to `1.18.10`
|
|
913
|
-
|
|
914
940
|
- 🐛 Bug Fix
|
|
915
941
|
- ANV-1970: Inline Text Fix [#812](https://github.com/servicetitan/hammer/pull/812) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
|
|
916
942
|
- 📝 Dependencies
|
|
@@ -969,7 +995,6 @@
|
|
|
969
995
|
### Minor Changes
|
|
970
996
|
|
|
971
997
|
- [#257](https://github.com/servicetitan/anvil2/pull/257) [`56ce312`](https://github.com/servicetitan/anvil2/commit/56ce312626c3edddbe161f09e60b5665461079c4) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - New global nav icons added:
|
|
972
|
-
|
|
973
998
|
- `gnav_account_active.svg`, `gnav_account_inactive.svg`
|
|
974
999
|
- `gnav_accounting_active.svg`, `gnav_accounting_inactive.svg`
|
|
975
1000
|
- `gnav_agreements_active.svg`, `gnav_agreements_inactive.svg`
|
|
@@ -1131,13 +1156,10 @@
|
|
|
1131
1156
|
### Minor Changes
|
|
1132
1157
|
|
|
1133
1158
|
- [#208](https://github.com/servicetitan/anvil2/pull/208) [`0963649`](https://github.com/servicetitan/anvil2/commit/0963649f1ca71ec3038630a2342dec7350906e7c) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - - Bump `@servicetitan/hammer-react` to `1.15.0`
|
|
1134
|
-
|
|
1135
1159
|
- ✨ New Feature
|
|
1136
|
-
|
|
1137
1160
|
- ANV-1675: Breadcrumbs components [#713](https://github.com/servicetitan/hammer/pull/713) ([@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n))
|
|
1138
1161
|
|
|
1139
1162
|
- 🐛 Bug Fix
|
|
1140
|
-
|
|
1141
1163
|
- ANV-1860: Bugfix for TextField input missing `maxLength` [#722](https://github.com/servicetitan/hammer/pull/722) ([@rgdelato](https://github.com/rgdelato))
|
|
1142
1164
|
- ANV-1886: OverflowText shows expand button even if it isn't overflowing [#715](https://github.com/servicetitan/hammer/pull/715) ([@pbuckingham-st](https://github.com/pbuckingham-st))
|
|
1143
1165
|
|
|
@@ -1312,7 +1334,6 @@
|
|
|
1312
1334
|
### Minor Changes
|
|
1313
1335
|
|
|
1314
1336
|
- [#161](https://github.com/servicetitan/anvil2/pull/161) [`a7f598b`](https://github.com/servicetitan/anvil2/commit/a7f598b93e9459ac98dc6ca6dd5bd1f9ee2cd8ab) Thanks [@rgdelato](https://github.com/rgdelato)! - <br />
|
|
1315
|
-
|
|
1316
1337
|
- Bump `@servicetitan/hammer-react` to `1.9.0`
|
|
1317
1338
|
- ANV-1052: DateField and InputMask [#505](https://github.com/servicetitan/hammer/pull/505) ([@pbuckingham-st](https://github.com/pbuckingham-st) [@rgdelato](https://github.com/rgdelato))
|
|
1318
1339
|
- Bump docs site `@servicetitan/anvil2` dependency to `1.3.4` [#633](https://github.com/servicetitan/hammer/pull/633) ([@rgdelato](https://github.com/rgdelato))
|
|
@@ -1410,7 +1431,6 @@
|
|
|
1410
1431
|
### Patch Changes
|
|
1411
1432
|
|
|
1412
1433
|
- [#136](https://github.com/servicetitan/anvil2/pull/136) [`3431bc0`](https://github.com/servicetitan/anvil2/commit/3431bc0c8948ece936b1b18e258f0a1d4371ef01) Thanks [@dependabot](https://github.com/apps/dependabot)! - <br/>
|
|
1413
|
-
|
|
1414
1434
|
- Update patch and minor dependencies (dependabot)
|
|
1415
1435
|
- Update `Overflow.rows` prop based on https://github.com/servicetitan/hammer/pull/563
|
|
1416
1436
|
|
|
@@ -1450,7 +1470,6 @@
|
|
|
1450
1470
|
- [#124](https://github.com/servicetitan/anvil2/pull/124) [`ac9a779`](https://github.com/servicetitan/anvil2/commit/ac9a7797d300a1e373a9eeb6fb093937299a14fb) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - Fix default size of Local Settings icon
|
|
1451
1471
|
|
|
1452
1472
|
- [#122](https://github.com/servicetitan/anvil2/pull/122) [`57f824a`](https://github.com/servicetitan/anvil2/commit/57f824a1efadc079a991b2c28c89edf1e8e277b2) Thanks [@w-a-t-s-o-n](https://github.com/w-a-t-s-o-n)! - <br />
|
|
1453
|
-
|
|
1454
1473
|
- Bump `hammer-react` to `1.1.0`
|
|
1455
1474
|
- Bump `hammer-token` to `1.1.0`
|
|
1456
1475
|
- Add `commander` to `devDependencies`
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { B as Breadcrumbs$1, a as BreadcrumbsLink$1 } from './Breadcrumbs-D_jgwoN3-Dlw-weD8.js';
|
|
4
|
+
|
|
5
|
+
const BreadcrumbsElement = forwardRef(
|
|
6
|
+
(props, ref) => {
|
|
7
|
+
return /* @__PURE__ */ jsx(Breadcrumbs$1, { ref, ...props });
|
|
8
|
+
}
|
|
9
|
+
);
|
|
10
|
+
BreadcrumbsElement.displayName = Breadcrumbs$1.displayName;
|
|
11
|
+
const BreadcrumbsLink = forwardRef(
|
|
12
|
+
(props, ref) => {
|
|
13
|
+
return /* @__PURE__ */ jsx(BreadcrumbsLink$1, { ref, ...props });
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
BreadcrumbsLink.displayName = BreadcrumbsLink$1.displayName;
|
|
17
|
+
const Breadcrumbs = Object.assign(BreadcrumbsElement, {
|
|
18
|
+
/**
|
|
19
|
+
* BreadcrumbsLink component for individual breadcrumb navigation items.
|
|
20
|
+
*
|
|
21
|
+
* Features:
|
|
22
|
+
* - Renders as a clickable link with secondary appearance
|
|
23
|
+
* - Supports all standard anchor element props
|
|
24
|
+
* - Includes layout utilities for positioning and spacing
|
|
25
|
+
* - Uses small text size for consistent styling
|
|
26
|
+
* - Fully accessible with proper focus management
|
|
27
|
+
* - Automatic tracking ID generation for analytics
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
|
|
31
|
+
*/
|
|
32
|
+
Link: BreadcrumbsLink
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export { Breadcrumbs as B, BreadcrumbsElement as a, BreadcrumbsLink as b };
|
|
36
|
+
//# sourceMappingURL=Breadcrumbs-C_gan90a.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs-C_gan90a.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\n BreadcrumbsLink as CoreBreadcrumbsLink,\n BreadcrumbsLinkProps as CoreBreadcrumbsLinkProps,\n BreadcrumbsProps as CoreBreadcrumbsProps,\n Breadcrumbs as CoreBreadcrumbs,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the Breadcrumbs component\n * @property {ReactElement<BreadcrumbsLinkProps> | ReactElement<BreadcrumbsLinkProps>[]} children - Breadcrumb links to display. The last child will be rendered as non-clickable text.\n * @extends ComponentPropsWithoutRef<\"nav\">\n * @extends LayoutUtilProps\n */\nexport type BreadcrumbsProps = CoreBreadcrumbsProps;\nexport type BreadcrumbsLinkProps = CoreBreadcrumbsLinkProps;\n\nexport const BreadcrumbsElement = forwardRef(\n (props: BreadcrumbsProps, ref: Ref<HTMLScriptElement>) => {\n return <CoreBreadcrumbs ref={ref} {...props} />;\n },\n);\nBreadcrumbsElement.displayName = CoreBreadcrumbs.displayName;\n\nexport const BreadcrumbsLink = forwardRef(\n (props: BreadcrumbsLinkProps, ref: Ref<HTMLAnchorElement>) => {\n return <CoreBreadcrumbsLink ref={ref} {...props} />;\n },\n);\nBreadcrumbsLink.displayName = CoreBreadcrumbsLink.displayName;\n\n/**\n * Breadcrumbs component for displaying navigation hierarchy.\n *\n * Features:\n * - Displays a series of navigation links with chevron separators\n * - Automatically renders the last item as non-clickable text\n * - Includes proper ARIA labeling for accessibility\n * - Supports layout utilities for positioning and spacing\n * - Uses chevron icons as visual separators between links\n * - Responsive design with flexbox layout\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Breadcrumbs>\n * <Breadcrumbs.Link href=\"/home\">Home</Breadcrumbs.Link>\n * <Breadcrumbs.Link href=\"/products\">Products</Breadcrumbs.Link>\n * <Breadcrumbs.Link href=\"/electronics\">Electronics</Breadcrumbs.Link>\n * </Breadcrumbs>\n */\nexport const Breadcrumbs = Object.assign(BreadcrumbsElement, {\n /**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n */\n Link: BreadcrumbsLink,\n});\n"],"names":["CoreBreadcrumbs","CoreBreadcrumbsLink"],"mappings":";;;;AAiBO,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAyB,GAAgC,KAAA;AACxD,IAAA,uBAAQ,GAAA,CAAAA,aAAA,EAAA,EAAgB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEjD;AACA,kBAAA,CAAmB,cAAcA,aAAgB,CAAA,WAAA;AAE1C,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,CAAC,OAA6B,GAAgC,KAAA;AAC5D,IAAA,uBAAQ,GAAA,CAAAC,iBAAA,EAAA,EAAoB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAErD;AACA,eAAA,CAAgB,cAAcA,iBAAoB,CAAA,WAAA;AAqBrC,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,kBAAoB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe3D,IAAM,EAAA;AACR,CAAC;;;;"}
|
|
@@ -7,7 +7,7 @@ import { T as Text } from './Text-DCvcLCvf-DlmnnjTR.js';
|
|
|
7
7
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
8
8
|
import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
|
|
9
9
|
|
|
10
|
-
import './Breadcrumbs.css';const SvgChevronRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
|
|
10
|
+
import './Breadcrumbs-D_jgwoN3.css';const SvgChevronRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }));
|
|
11
11
|
|
|
12
12
|
const breadcrumbs = "_breadcrumbs_1c7ez_2";
|
|
13
13
|
const styles = {
|
|
@@ -15,7 +15,7 @@ const styles = {
|
|
|
15
15
|
"breadcrumbs-link": "_breadcrumbs-link_1c7ez_18"
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const BreadcrumbsLink
|
|
18
|
+
const BreadcrumbsLink = forwardRef((props, ref) => {
|
|
19
19
|
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
20
20
|
const { children, className, style, ...rest } = componentProps;
|
|
21
21
|
const classes = cx([styles["breadcrumbs-link"]], className, {});
|
|
@@ -37,9 +37,9 @@ const BreadcrumbsLink$1 = forwardRef((props, ref) => {
|
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
});
|
|
40
|
-
BreadcrumbsLink
|
|
40
|
+
BreadcrumbsLink.displayName = "BreadcrumbsLink";
|
|
41
41
|
|
|
42
|
-
const BreadcrumbsElement
|
|
42
|
+
const BreadcrumbsElement = forwardRef(
|
|
43
43
|
(props, ref) => {
|
|
44
44
|
const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
|
|
45
45
|
const { children, className, style, ...rest } = componentProps;
|
|
@@ -82,37 +82,7 @@ const BreadcrumbsElement$1 = forwardRef(
|
|
|
82
82
|
);
|
|
83
83
|
}
|
|
84
84
|
);
|
|
85
|
-
BreadcrumbsElement
|
|
86
|
-
const Breadcrumbs$1 = Object.assign(BreadcrumbsElement$1, {
|
|
87
|
-
/**
|
|
88
|
-
* BreadcrumbsLink component for individual breadcrumb navigation items.
|
|
89
|
-
*
|
|
90
|
-
* Features:
|
|
91
|
-
* - Renders as a clickable link with secondary appearance
|
|
92
|
-
* - Supports all standard anchor element props
|
|
93
|
-
* - Includes layout utilities for positioning and spacing
|
|
94
|
-
* - Uses small text size for consistent styling
|
|
95
|
-
* - Fully accessible with proper focus management
|
|
96
|
-
* - Automatically applies secondary link styling
|
|
97
|
-
*
|
|
98
|
-
* @example
|
|
99
|
-
* <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
|
|
100
|
-
*/
|
|
101
|
-
Link: BreadcrumbsLink$1
|
|
102
|
-
});
|
|
103
|
-
|
|
104
|
-
const BreadcrumbsElement = forwardRef(
|
|
105
|
-
(props, ref) => {
|
|
106
|
-
return /* @__PURE__ */ jsx(Breadcrumbs$1, { ref, ...props });
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
BreadcrumbsElement.displayName = Breadcrumbs$1.displayName;
|
|
110
|
-
const BreadcrumbsLink = forwardRef(
|
|
111
|
-
(props, ref) => {
|
|
112
|
-
return /* @__PURE__ */ jsx(BreadcrumbsLink$1, { ref, ...props });
|
|
113
|
-
}
|
|
114
|
-
);
|
|
115
|
-
BreadcrumbsLink.displayName = BreadcrumbsLink$1.displayName;
|
|
85
|
+
BreadcrumbsElement.displayName = "Breadcrumbs";
|
|
116
86
|
const Breadcrumbs = Object.assign(BreadcrumbsElement, {
|
|
117
87
|
/**
|
|
118
88
|
* BreadcrumbsLink component for individual breadcrumb navigation items.
|
|
@@ -123,7 +93,7 @@ const Breadcrumbs = Object.assign(BreadcrumbsElement, {
|
|
|
123
93
|
* - Includes layout utilities for positioning and spacing
|
|
124
94
|
* - Uses small text size for consistent styling
|
|
125
95
|
* - Fully accessible with proper focus management
|
|
126
|
-
* -
|
|
96
|
+
* - Automatically applies secondary link styling
|
|
127
97
|
*
|
|
128
98
|
* @example
|
|
129
99
|
* <Breadcrumbs.Link href="/dashboard">Dashboard</Breadcrumbs.Link>
|
|
@@ -131,5 +101,5 @@ const Breadcrumbs = Object.assign(BreadcrumbsElement, {
|
|
|
131
101
|
Link: BreadcrumbsLink
|
|
132
102
|
});
|
|
133
103
|
|
|
134
|
-
export { Breadcrumbs as B,
|
|
135
|
-
//# sourceMappingURL=Breadcrumbs-
|
|
104
|
+
export { Breadcrumbs as B, BreadcrumbsLink as a };
|
|
105
|
+
//# sourceMappingURL=Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs-D_jgwoN3-Dlw-weD8.js","sources":["../../hammer-icon/mdi/filled/chevron_right.svg","../../hammer-react/dist/Breadcrumbs-D_jgwoN3.js"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" }));\nexport default SvgChevronRight;\n","import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport { forwardRef, Children, cloneElement } from 'react';\nimport cx from 'classnames';\nimport ChevronRight from '@servicetitan/hammer-icon/mdi/filled/chevron_right.svg';\nimport { L as Link } from './Link-Dqp_XXl_.js';\nimport { T as Text } from './Text-DCvcLCvf.js';\nimport { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v.js';\nimport { I as Icon } from './Icon-B6HmlQiR.js';\n\nimport './Breadcrumbs.css';const breadcrumbs = \"_breadcrumbs_1c7ez_2\";\nconst styles = {\n\tbreadcrumbs: breadcrumbs,\n\t\"breadcrumbs-link\": \"_breadcrumbs-link_1c7ez_18\"\n};\n\nconst BreadcrumbsLink = forwardRef((props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { children, className, style, ...rest } = componentProps;\n const classes = cx([styles[\"breadcrumbs-link\"]], className, {});\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n return /* @__PURE__ */ jsx(\n Link,\n {\n tabIndex: 0,\n \"data-anv\": \"breadcrumbs-link\",\n style: styleCombined,\n appearance: \"secondary\",\n className: classes,\n ...rest,\n ref,\n children: /* @__PURE__ */ jsx(Text, { size: \"small\", inline: true, children })\n }\n );\n});\nBreadcrumbsLink.displayName = \"BreadcrumbsLink\";\n\nconst BreadcrumbsElement = forwardRef(\n (props, ref) => {\n const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n const { children, className, style, ...rest } = componentProps;\n const classes = cx([styles[\"breadcrumbs\"]], className, {});\n const styleCombined = {\n ...style,\n ...layoutStyles\n };\n const linkCount = Children.count(children);\n return /* @__PURE__ */ jsx(\n \"nav\",\n {\n \"data-anv\": \"breadcrumbs\",\n style: styleCombined,\n className: classes,\n \"aria-label\": \"Breadcrumb\",\n ...rest,\n ref,\n children: Children.map(children, (link, i) => {\n if (i + 1 === linkCount) {\n return /* @__PURE__ */ jsx(\n Text,\n {\n inline: true,\n size: \"small\",\n style: {\n fontWeight: \"bold\"\n },\n children: link.props.children\n }\n );\n } else {\n return /* @__PURE__ */ jsxs(Fragment, { children: [\n cloneElement(link),\n /* @__PURE__ */ jsx(Icon, { svg: ChevronRight, \"aria-hidden\": \"true\" })\n ] });\n }\n })\n }\n );\n }\n);\nBreadcrumbsElement.displayName = \"Breadcrumbs\";\nconst Breadcrumbs = Object.assign(BreadcrumbsElement, {\n /**\n * BreadcrumbsLink component for individual breadcrumb navigation items.\n *\n * Features:\n * - Renders as a clickable link with secondary appearance\n * - Supports all standard anchor element props\n * - Includes layout utilities for positioning and spacing\n * - Uses small text size for consistent styling\n * - Fully accessible with proper focus management\n * - Automatically applies secondary link styling\n *\n * @example\n * <Breadcrumbs.Link href=\"/dashboard\">Dashboard</Breadcrumbs.Link>\n */\n Link: BreadcrumbsLink\n});\n\nexport { Breadcrumbs as B, BreadcrumbsLink as a };\n//# sourceMappingURL=Breadcrumbs-D_jgwoN3.js.map\n"],"names":["ChevronRight"],"mappings":";;;;;;;;;AACA,MAAM,eAAe,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gDAAgD,EAAE,CAAC,CAAC;;ACQ9P,MAAM,WAAW,GAAG,sBAAsB;AACrE,MAAM,MAAM,GAAG;AACf,CAAC,WAAW,EAAE,WAAW;AACzB,CAAC,kBAAkB,EAAE;AACrB,CAAC;;AAEI,MAAC,eAAe,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACnD,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACpE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,cAAc;AAChE,EAAE,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;AACjE,EAAE,MAAM,aAAa,GAAG;AACxB,IAAI,GAAG,KAAK;AACZ,IAAI,GAAG;AACP,GAAG;AACH,EAAE,uBAAuB,GAAG;AAC5B,IAAI,IAAI;AACR,IAAI;AACJ,MAAM,QAAQ,EAAE,CAAC;AACjB,MAAM,UAAU,EAAE,kBAAkB;AACpC,MAAM,KAAK,EAAE,aAAa;AAC1B,MAAM,UAAU,EAAE,WAAW;AAC7B,MAAM,SAAS,EAAE,OAAO;AACxB,MAAM,GAAG,IAAI;AACb,MAAM,GAAG;AACT,MAAM,QAAQ,kBAAkB,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE;AACnF;AACA,GAAG;AACH,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,iBAAiB;;AAE/C,MAAM,kBAAkB,GAAG,UAAU;AACrC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK;AAClB,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC;AACtE,IAAI,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,cAAc;AAClE,IAAI,MAAM,OAAO,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;AAC9D,IAAI,MAAM,aAAa,GAAG;AAC1B,MAAM,GAAG,KAAK;AACd,MAAM,GAAG;AACT,KAAK;AACL,IAAI,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC9C,IAAI,uBAAuB,GAAG;AAC9B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,UAAU,EAAE,aAAa;AACjC,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,SAAS,EAAE,OAAO;AAC1B,QAAQ,YAAY,EAAE,YAAY;AAClC,QAAQ,GAAG,IAAI;AACf,QAAQ,GAAG;AACX,QAAQ,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;AACtD,UAAU,IAAI,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;AACnC,YAAY,uBAAuB,GAAG;AACtC,cAAc,IAAI;AAClB,cAAc;AACd,gBAAgB,MAAM,EAAE,IAAI;AAC5B,gBAAgB,IAAI,EAAE,OAAO;AAC7B,gBAAgB,KAAK,EAAE;AACvB,kBAAkB,UAAU,EAAE;AAC9B,iBAAiB;AACjB,gBAAgB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;AACrC;AACA,aAAa;AACb,WAAW,MAAM;AACjB,YAAY,uBAAuB,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE;AAC9D,cAAc,YAAY,CAAC,IAAI,CAAC;AAChC,8BAA8B,GAAG,CAAC,IAAI,EAAE,EAAE,GAAG,EAAEA,eAAY,EAAE,aAAa,EAAE,MAAM,EAAE;AACpF,aAAa,EAAE,CAAC;AAChB;AACA,SAAS;AACT;AACA,KAAK;AACL;AACA,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,aAAa;AACzC,MAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,IAAI,EAAE;AACR,CAAC;;;;"}
|
package/dist/Breadcrumbs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-
|
|
1
|
+
export { B as Breadcrumbs, a as BreadcrumbsElement, b as BreadcrumbsLink, B as default } from './Breadcrumbs-C_gan90a.js';
|
|
2
2
|
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import { C as CalendarNowButton, a as CalendarMonth$1, b as CalendarNextButton, c as CalendarPrevButton, d as CalendarMonthButton$1, e as CalendarYearButton$1, f as Calendar$1 } from './Calendar-
|
|
3
|
+
import { C as CalendarNowButton, a as CalendarMonth$1, b as CalendarNextButton, c as CalendarPrevButton, d as CalendarMonthButton$1, e as CalendarYearButton$1, f as Calendar$1 } from './Calendar-DixTCgAW-CfphBge0.js';
|
|
4
4
|
|
|
5
5
|
const CalendarElement = forwardRef(
|
|
6
6
|
(props, ref) => {
|
|
@@ -127,4 +127,4 @@ const Calendar = Object.assign(CalendarElement, {
|
|
|
127
127
|
});
|
|
128
128
|
|
|
129
129
|
export { Calendar as C, CalendarNow as a, CalendarMonth as b, CalendarNext as c, CalendarPrev as d, CalendarMonthButton as e, CalendarYearButton as f };
|
|
130
|
-
//# sourceMappingURL=Calendar-
|
|
130
|
+
//# sourceMappingURL=Calendar-C2ONV7cq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar-
|
|
1
|
+
{"version":3,"file":"Calendar-C2ONV7cq.js","sources":["../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import {\n Calendar as CoreCalendar,\n CalendarNow as CoreCalendarNow,\n CalendarMonth as CoreCalendarMonth,\n CalendarNext as CoreCalendarNext,\n CalendarPrev as CoreCalendarPrev,\n CalendarProps as CoreCalendarProps,\n CalendarContextProps as CoreCalendarContextProps,\n CalendarNowProps as CoreCalendarNowProps,\n CalendarMonthProps as CoreCalendarMonthProps,\n CalendarNextProps as CoreCalendarNextProps,\n CalendarPrevProps as CoreCalendarPrevProps,\n CalendarMonthButton as CoreCalendarMonthButton,\n CalendarMonthButtonProps as CoreCalendarMonthButtonProps,\n CalendarYearButton as CoreCalendarYearButton,\n CalendarYearButtonProps as CoreCalendarYearButtonProps,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef } from \"react\";\n\n/**\n * Props for the Calendar component\n * @property {string} [value] - The selected date value for controlled mode\n * @property {{ start?: string; end?: string }} [defaultValue] - The default date value for uncontrolled mode\n * @property {string | null} [focusedDate] - The focused date for determining current month/year view\n * @property {string | null} [defaultFocusedDate] - The default focused date\n * @property {string} [minDate] - The minimum selectable date\n * @property {string} [maxDate] - The maximum selectable date\n * @property {string[]} [unavailableDates] - Dates that are not selectable (deprecated)\n * @property {{ daysOfWeek?: number[]; dates?: string[] }} [unavailable] - Unavailable dates and days of week\n * @property {Locale} [locale] - The locale for date formatting\n * @property {IanaZone} [defaultTimeZone] - The timezone for date calculations\n * @property {\"Sunday\" | \"Monday\"} [startDay] - The day to start the week on\n * @property {boolean} [range] - Whether to enable date range selection\n * @property {(data: { value: CalendarValue | CalendarRangeValue }) => void} [onSelection] - Selection change handler\n */\nexport type CalendarProps = CoreCalendarProps;\nexport type CalendarContextProps = CoreCalendarContextProps;\nexport type CalendarNowProps = CoreCalendarNowProps;\nexport type CalendarMonthProps = CoreCalendarMonthProps;\nexport type CalendarNextProps = CoreCalendarNextProps;\nexport type CalendarPrevProps = CoreCalendarPrevProps;\nexport type CalendarMonthButtonProps = CoreCalendarMonthButtonProps;\nexport type CalendarYearButtonProps = CoreCalendarYearButtonProps;\n\nconst CalendarElement = forwardRef(\n (props: CalendarProps, ref: Ref<HTMLDivElement>) => {\n return <CoreCalendar ref={ref} {...props} />;\n },\n);\nCalendarElement.displayName = CoreCalendar.displayName;\n\nexport const CalendarNow = forwardRef(\n (props: CalendarNowProps, ref: Ref<HTMLButtonElement>) => {\n return <CoreCalendarNow ref={ref} {...props} />;\n },\n);\nCalendarNow.displayName = CoreCalendarNow.displayName;\n\nexport const CalendarMonth = forwardRef(\n (props: CalendarMonthProps, ref: Ref<HTMLTableElement>) => {\n return <CoreCalendarMonth ref={ref} {...props} />;\n },\n);\nCalendarMonth.displayName = CoreCalendarMonth.displayName;\n\nexport const CalendarNext = forwardRef(\n (props: CalendarNextProps, ref: Ref<HTMLButtonElement>) => {\n return <CoreCalendarNext ref={ref} {...props} />;\n },\n);\nCalendarNext.displayName = CoreCalendarNext.displayName;\n\nexport const CalendarPrev = forwardRef(\n (props: CalendarPrevProps, ref: Ref<HTMLButtonElement>) => {\n return <CoreCalendarPrev ref={ref} {...props} />;\n },\n);\nCalendarPrev.displayName = CoreCalendarPrev.displayName;\n\nexport const CalendarMonthButton = forwardRef(\n (props: CalendarMonthButtonProps, ref: Ref<HTMLButtonElement>) => {\n return <CoreCalendarMonthButton ref={ref} {...props} />;\n },\n);\nCalendarMonthButton.displayName = CoreCalendarMonthButton.displayName;\n\nexport const CalendarYearButton = forwardRef(\n (props: CalendarYearButtonProps, ref: Ref<HTMLButtonElement>) => {\n return <CoreCalendarYearButton ref={ref} {...props} />;\n },\n);\n\nCalendarYearButton.displayName = CoreCalendarYearButton.displayName;\n\n// export const useCalendar = useCoreCalendar;\n\n/**\n * Calendar component for viewing and selecting a date or range of dates.\n *\n * Features:\n * - Single date and date range selection modes\n * - Month and year navigation with header buttons\n * - Configurable start day (Sunday or Monday)\n * - Date range restrictions with min/max dates\n * - Unavailable dates and days of week support\n * - Locale and timezone customization\n * - Full accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Responsive design with automatic width detection\n * - Month and year selection views\n * - Today button for quick navigation\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar\n * value=\"2024-01-15\"\n * onSelection={({ value }) => console.log('Selected:', value)}\n * minDate=\"2024-01-01\"\n * maxDate=\"2024-12-31\"\n * />\n */\nexport const Calendar = Object.assign(CalendarElement, {\n /**\n * Calendar.Now component for navigating to today's date.\n *\n * Features:\n * - Quick navigation to current date\n * - Accessible button with proper ARIA labels\n * - Integrates with calendar context\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar.Now />\n */\n Now: CalendarNow,\n /**\n * Calendar.Month component for displaying the month grid.\n *\n * Features:\n * - Displays calendar days in a table format\n * - Handles day selection and navigation\n * - Supports range selection mode\n * - Accessible with proper ARIA attributes\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar.Month />\n */\n Month: CalendarMonth,\n /**\n * Calendar.Next component for navigating to the next month.\n *\n * Features:\n * - Navigation to next month\n * - Accessible button with proper ARIA labels\n * - Integrates with calendar context\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar.Next />\n */\n Next: CalendarNext,\n /**\n * Calendar.Prev component for navigating to the previous month.\n *\n * Features:\n * - Navigation to previous month\n * - Accessible button with proper ARIA labels\n * - Integrates with calendar context\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar.Prev />\n */\n Prev: CalendarPrev,\n /**\n * Calendar.MonthButton component for switching to month selection view.\n *\n * Features:\n * - Switches calendar to month selection mode\n * - Accessible button with proper ARIA labels\n * - Integrates with calendar context\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar.MonthButton />\n */\n MonthButton: CalendarMonthButton,\n /**\n * Calendar.YearButton component for switching to year selection view.\n *\n * Features:\n * - Switches calendar to year selection mode\n * - Accessible button with proper ARIA labels\n * - Integrates with calendar context\n * - Data tracking integration for analytics\n *\n * @example\n * <Calendar.YearButton />\n */\n YearButton: CalendarYearButton,\n});\n"],"names":["CoreCalendar","CoreCalendarNow","CoreCalendarMonth","CoreCalendarNext","CoreCalendarPrev","CoreCalendarMonthButton","CoreCalendarYearButton"],"mappings":";;;;AA4CA,MAAM,eAAkB,GAAA,UAAA;AAAA,EACtB,CAAC,OAAsB,GAA6B,KAAA;AAClD,IAAA,uBAAQ,GAAA,CAAAA,UAAA,EAAA,EAAa,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAE9C,CAAA;AACA,eAAA,CAAgB,cAAcA,UAAa,CAAA,WAAA;AAEpC,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,CAAC,OAAyB,GAAgC,KAAA;AACxD,IAAA,uBAAQ,GAAA,CAAAC,iBAAA,EAAA,EAAgB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEjD;AACA,WAAA,CAAY,cAAcA,iBAAgB,CAAA,WAAA;AAEnC,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAA2B,GAA+B,KAAA;AACzD,IAAA,uBAAQ,GAAA,CAAAC,eAAA,EAAA,EAAkB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEnD;AACA,aAAA,CAAc,cAAcA,eAAkB,CAAA,WAAA;AAEvC,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAgC,KAAA;AACzD,IAAA,uBAAQ,GAAA,CAAAC,kBAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AACA,YAAA,CAAa,cAAcA,kBAAiB,CAAA,WAAA;AAErC,MAAM,YAAe,GAAA,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAgC,KAAA;AACzD,IAAA,uBAAQ,GAAA,CAAAC,kBAAA,EAAA,EAAiB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAElD;AACA,YAAA,CAAa,cAAcA,kBAAiB,CAAA,WAAA;AAErC,MAAM,mBAAsB,GAAA,UAAA;AAAA,EACjC,CAAC,OAAiC,GAAgC,KAAA;AAChE,IAAA,uBAAQ,GAAA,CAAAC,qBAAA,EAAA,EAAwB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAEzD;AACA,mBAAA,CAAoB,cAAcA,qBAAwB,CAAA,WAAA;AAEnD,MAAM,kBAAqB,GAAA,UAAA;AAAA,EAChC,CAAC,OAAgC,GAAgC,KAAA;AAC/D,IAAA,uBAAQ,GAAA,CAAAC,oBAAA,EAAA,EAAuB,GAAW,EAAA,GAAG,KAAO,EAAA,CAAA;AAAA;AAExD;AAEA,kBAAA,CAAmB,cAAcA,oBAAuB,CAAA,WAAA;AA6B3C,MAAA,QAAA,GAAW,MAAO,CAAA,MAAA,CAAO,eAAiB,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarD,GAAK,EAAA,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcL,KAAO,EAAA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaP,IAAM,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaN,IAAM,EAAA,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaN,WAAa,EAAA,mBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAab,UAAY,EAAA;AACd,CAAC;;;;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import * as React from 'react';
|
|
3
2
|
import { forwardRef, useRef, useCallback, useEffect, useState, useId, useMemo, createContext, useContext, useLayoutEffect } from 'react';
|
|
4
3
|
import { c as cx } from './index-tZvMCc77.js';
|
|
5
4
|
import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
|
|
6
5
|
import { u as useSwipe } from './useSwipe-CULmVQEk-CULmVQEk.js';
|
|
7
6
|
import { G as Grid } from './Grid-DFAd8mTe.js';
|
|
8
|
-
import { a as SelectCard } from './SelectCard-
|
|
7
|
+
import { a as SelectCard } from './SelectCard-CL8T4DQb-ClozUyqV.js';
|
|
9
8
|
import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
|
|
10
9
|
import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
|
|
11
10
|
import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
|
|
12
11
|
import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
|
|
12
|
+
import { a as SvgKeyboardArrowRight, S as SvgKeyboardArrowLeft } from './keyboard_arrow_right-DZWNVytH.js';
|
|
13
13
|
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
|
|
14
14
|
|
|
15
|
-
import './Calendar-
|
|
15
|
+
import './Calendar-DixTCgAW.css';// these aren't really private, but nor are they really useful to document
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
18
|
* @private
|
|
@@ -7995,10 +7995,6 @@ function friendlyDateTime(dateTimeish) {
|
|
|
7995
7995
|
}
|
|
7996
7996
|
}
|
|
7997
7997
|
|
|
7998
|
-
const SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.71 15.88 10.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z" }));
|
|
7999
|
-
|
|
8000
|
-
const SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3a.996.996 0 0 1-1.41 0c-.38-.39-.39-1.03 0-1.42z" }));
|
|
8001
|
-
|
|
8002
7998
|
const calendar = "_calendar_sc127_2";
|
|
8003
7999
|
const header = "_header_sc127_15";
|
|
8004
8000
|
const controller = "_controller_sc127_46";
|
|
@@ -8359,6 +8355,7 @@ const CalendarDay = forwardRef(
|
|
|
8359
8355
|
const { className, date, ...rest } = props;
|
|
8360
8356
|
const context = useCalendar();
|
|
8361
8357
|
const {
|
|
8358
|
+
disableAutofocus,
|
|
8362
8359
|
value,
|
|
8363
8360
|
setValue,
|
|
8364
8361
|
focusedDate,
|
|
@@ -8575,13 +8572,15 @@ const CalendarDay = forwardRef(
|
|
|
8575
8572
|
initialized.current = true;
|
|
8576
8573
|
return;
|
|
8577
8574
|
}
|
|
8578
|
-
|
|
8579
|
-
|
|
8580
|
-
`${uid}-${focusedDate.toISODate()}`
|
|
8581
|
-
|
|
8582
|
-
|
|
8583
|
-
|
|
8584
|
-
|
|
8575
|
+
if (!disableAutofocus) {
|
|
8576
|
+
requestAnimationFrame(() => {
|
|
8577
|
+
const targetElement = document.getElementById(`${uid}-${focusedDate.toISODate()}`) || document.activeElement?.shadowRoot?.getElementById(
|
|
8578
|
+
`${uid}-${focusedDate.toISODate()}`
|
|
8579
|
+
);
|
|
8580
|
+
targetElement?.focus();
|
|
8581
|
+
});
|
|
8582
|
+
}
|
|
8583
|
+
}, [focusedDate, uid, disableAutofocus]);
|
|
8585
8584
|
useEffect(() => {
|
|
8586
8585
|
if (!isUnavailableDate(
|
|
8587
8586
|
focusedDate,
|
|
@@ -9248,6 +9247,7 @@ const Calendar = forwardRef(
|
|
|
9248
9247
|
defaultValue: iDefaultValue,
|
|
9249
9248
|
onSelection,
|
|
9250
9249
|
range,
|
|
9250
|
+
_disableAutofocus,
|
|
9251
9251
|
...remainingProps
|
|
9252
9252
|
} = componentProps;
|
|
9253
9253
|
const calendarRef = useRef(null);
|
|
@@ -9377,6 +9377,7 @@ const Calendar = forwardRef(
|
|
|
9377
9377
|
year: "numeric"
|
|
9378
9378
|
};
|
|
9379
9379
|
return {
|
|
9380
|
+
disableAutofocus: _disableAutofocus ?? false,
|
|
9380
9381
|
focusedDate,
|
|
9381
9382
|
setFocusedDate,
|
|
9382
9383
|
selectedMonth,
|
|
@@ -9556,4 +9557,4 @@ const Calendar = forwardRef(
|
|
|
9556
9557
|
Calendar.displayName = "Calendar";
|
|
9557
9558
|
|
|
9558
9559
|
export { CalendarNowButton as C, DateTime as D, CalendarMonth as a, CalendarNextButton as b, CalendarPrevButton as c, CalendarMonthButton as d, CalendarYearButton as e, Calendar as f, isValidDate as i, toDateString as t };
|
|
9559
|
-
//# sourceMappingURL=Calendar-
|
|
9560
|
+
//# sourceMappingURL=Calendar-DixTCgAW-CfphBge0.js.map
|