@servicetitan/anvil2 1.3.2 → 1.3.4
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/Alert-673d75aa.cjs +2 -0
- package/Alert-673d75aa.cjs.map +1 -0
- package/{Alert-012e475c.js → Alert-85a791c2.js} +29 -27
- package/Alert-85a791c2.js.map +1 -0
- package/Alert.cjs +1 -1
- package/Alert.js +1 -1
- package/Announcement.cjs +1 -1
- package/Announcement.cjs.map +1 -1
- package/Announcement.js +99 -15
- package/Announcement.js.map +1 -1
- package/AnvilProvider.cjs +1 -1
- package/AnvilProvider.js +1 -1
- package/Avatar.cjs +1 -1
- package/Avatar.cjs.map +1 -1
- package/Avatar.js +127 -12
- package/Avatar.js.map +1 -1
- package/Badge.cjs +1 -1
- package/Badge.cjs.map +1 -1
- package/Badge.js +47 -7
- package/Badge.js.map +1 -1
- package/Button.cjs +1 -1
- package/Button.cjs.map +1 -1
- package/Button.js +14 -40
- package/Button.js.map +1 -1
- package/ButtonCompound.cjs +1 -1
- package/ButtonCompound.cjs.map +1 -1
- package/ButtonCompound.js +13 -39
- package/ButtonCompound.js.map +1 -1
- package/ButtonLink.cjs +1 -1
- package/ButtonLink.cjs.map +1 -1
- package/ButtonLink.js +14 -40
- package/ButtonLink.js.map +1 -1
- package/ButtonToggle.cjs +1 -1
- package/ButtonToggle.cjs.map +1 -1
- package/ButtonToggle.js +14 -40
- package/ButtonToggle.js.map +1 -1
- package/Calendar.cjs +1 -1
- package/Calendar.cjs.map +1 -1
- package/Calendar.js +5812 -24
- package/Calendar.js.map +1 -1
- package/Card.cjs +1 -1
- package/Card.cjs.map +1 -1
- package/Card.js +52 -6
- package/Card.js.map +1 -1
- package/Checkbox-634c4d3d.js +164 -0
- package/Checkbox-634c4d3d.js.map +1 -0
- package/Checkbox-d1db5a71.cjs +2 -0
- package/Checkbox-d1db5a71.cjs.map +1 -0
- package/Checkbox.cjs +1 -1
- package/Checkbox.cjs.map +1 -1
- package/Checkbox.css +1 -0
- package/Checkbox.js +23 -49
- package/Checkbox.js.map +1 -1
- package/{Chip-6dde28bc.js → Chip-73b032eb.js} +36 -34
- package/Chip-73b032eb.js.map +1 -0
- package/Chip-88873569.cjs +2 -0
- package/Chip-88873569.cjs.map +1 -0
- package/Chip.cjs +1 -1
- package/Chip.js +1 -1
- package/Combobox.cjs +41 -1
- package/Combobox.cjs.map +1 -1
- package/Combobox.js +4177 -76
- package/Combobox.js.map +1 -1
- package/Details.cjs +1 -1
- package/Details.cjs.map +1 -1
- package/Details.js +153 -50
- package/Details.js.map +1 -1
- package/Dialog-1984afe2.js +214 -0
- package/Dialog-1984afe2.js.map +1 -0
- package/Dialog-de6969a2.cjs +2 -0
- package/Dialog-de6969a2.cjs.map +1 -0
- package/Dialog.cjs +1 -1
- package/Dialog.cjs.map +1 -1
- package/Dialog.css +1 -0
- package/Dialog.js +38 -64
- package/Dialog.js.map +1 -1
- package/Divider.cjs +1 -1
- package/Divider.cjs.map +1 -1
- package/Divider.js +76 -7
- package/Divider.js.map +1 -1
- package/Drawer.cjs +1 -1
- package/Drawer.cjs.map +1 -1
- package/Drawer.js +242 -70
- package/Drawer.js.map +1 -1
- package/{Flex-d338e855.js → Flex-d06c75c0.js} +18 -17
- package/Flex-d06c75c0.js.map +1 -0
- package/Flex-da1ad9db.cjs +2 -0
- package/Flex-da1ad9db.cjs.map +1 -0
- package/Flex.cjs +1 -1
- package/Flex.js +1 -1
- package/Grid.cjs +1 -1
- package/Grid.cjs.map +1 -1
- package/Grid.js +90 -6
- package/Grid.js.map +1 -1
- package/{Helper-74a1f07f-61317df2.cjs → Helper-74a1f07f-8fcd0721.cjs} +2 -2
- package/{Helper-74a1f07f-61317df2.cjs.map → Helper-74a1f07f-8fcd0721.cjs.map} +1 -1
- package/{Helper-74a1f07f-092263c4.js → Helper-74a1f07f-d017affe.js} +3 -3
- package/{Helper-74a1f07f-092263c4.js.map → Helper-74a1f07f-d017affe.js.map} +1 -1
- package/Icon-847b3515.cjs +2 -0
- package/Icon-847b3515.cjs.map +1 -0
- package/{Icon-b94f924c.js → Icon-be690f0b.js} +13 -12
- package/Icon-be690f0b.js.map +1 -0
- package/Icon.cjs +1 -1
- package/Icon.js +1 -1
- package/Label-854a39e4.js +47 -0
- package/Label-854a39e4.js.map +1 -0
- package/Label-e2593298.cjs +2 -0
- package/Label-e2593298.cjs.map +1 -0
- package/Label.css +1 -0
- package/Layout.cjs +1 -1
- package/Layout.cjs.map +1 -1
- package/Layout.js +21 -21
- package/Layout.js.map +1 -1
- package/Link.cjs +1 -1
- package/Link.cjs.map +1 -1
- package/Link.js +17 -43
- package/Link.js.map +1 -1
- package/ListView.cjs +1 -1
- package/ListView.cjs.map +1 -1
- package/ListView.css +1 -1
- package/ListView.js +412 -24
- package/ListView.js.map +1 -1
- package/ListView.module-854f2491-1f87d388.cjs +2 -0
- package/ListView.module-854f2491-1f87d388.cjs.map +1 -0
- package/ListView.module-854f2491-c5eba193.js +11 -0
- package/ListView.module-854f2491-c5eba193.js.map +1 -0
- package/Listbox.cjs +1 -1
- package/Listbox.cjs.map +1 -1
- package/Listbox.js +403 -25
- package/Listbox.js.map +1 -1
- package/Listbox.module-2120a0a7-794d64a0.cjs +2 -0
- package/Listbox.module-2120a0a7-794d64a0.cjs.map +1 -0
- package/Listbox.module-2120a0a7-aa22f0ed.js +13 -0
- package/Listbox.module-2120a0a7-aa22f0ed.js.map +1 -0
- package/LocalizationProvider.cjs +1 -1
- package/LocalizationProvider.cjs.map +1 -1
- package/LocalizationProvider.js +11 -10
- package/LocalizationProvider.js.map +1 -1
- package/Menu.cjs +1 -1
- package/Menu.cjs.map +1 -1
- package/Menu.js +320 -51
- package/Menu.js.map +1 -1
- package/Overflow-057bbf4e.cjs +2 -0
- package/Overflow-057bbf4e.cjs.map +1 -0
- package/Overflow-a026904d.js +249 -0
- package/Overflow-a026904d.js.map +1 -0
- package/Overflow.cjs +1 -1
- package/Overflow.cjs.map +1 -1
- package/Overflow.css +1 -0
- package/Overflow.js +23 -49
- package/Overflow.js.map +1 -1
- package/Page.cjs +1 -1
- package/Page.cjs.map +1 -1
- package/Page.js +8 -8
- package/Page.js.map +1 -1
- package/Popover-aaeea980.js +272 -0
- package/Popover-aaeea980.js.map +1 -0
- package/Popover-e336dabc.cjs +2 -0
- package/Popover-e336dabc.cjs.map +1 -0
- package/Popover.cjs +1 -1
- package/Popover.cjs.map +1 -1
- package/Popover.css +1 -0
- package/Popover.js +38 -64
- package/Popover.js.map +1 -1
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.cjs.map +1 -1
- package/ProgressBar.js +121 -7
- package/ProgressBar.js.map +1 -1
- package/Radio.cjs +1 -1
- package/Radio.cjs.map +1 -1
- package/Radio.js +142 -50
- package/Radio.js.map +1 -1
- package/SegmentedControl.cjs +1 -1
- package/SegmentedControl.cjs.map +1 -1
- package/SegmentedControl.js +133 -58
- package/SegmentedControl.js.map +1 -1
- package/SideNav.cjs +1 -29
- package/SideNav.cjs.map +1 -1
- package/SideNav.js +258 -1139
- package/SideNav.js.map +1 -1
- package/SrOnly-0c7fd87a.js +13 -0
- package/{SrOnly-864bd4cb.js.map → SrOnly-0c7fd87a.js.map} +1 -1
- package/SrOnly-91a467dc.cjs +2 -0
- package/{SrOnly-88e8fca6.cjs.map → SrOnly-91a467dc.cjs.map} +1 -1
- package/SrOnly.cjs +1 -1
- package/SrOnly.js +1 -1
- package/Stepper.cjs +1 -1
- package/Stepper.cjs.map +1 -1
- package/Stepper.js +430 -47
- package/Stepper.js.map +1 -1
- package/Switch.cjs +1 -1
- package/Switch.cjs.map +1 -1
- package/Switch.js +67 -44
- package/Switch.js.map +1 -1
- package/Tab.cjs +9 -1
- package/Tab.cjs.map +1 -1
- package/Tab.js +436 -24
- package/Tab.js.map +1 -1
- package/{Text-465104f6.js → Text-08c90c22.js} +30 -29
- package/Text-08c90c22.js.map +1 -0
- package/Text-8ed03ac7.cjs +2 -0
- package/Text-8ed03ac7.cjs.map +1 -0
- package/Text.cjs +1 -1
- package/Text.js +1 -1
- package/TextField.cjs +1 -1
- package/TextField.cjs.map +1 -1
- package/TextField.js +156 -47
- package/TextField.js.map +1 -1
- package/Textarea.cjs +1 -1
- package/Textarea.cjs.map +1 -1
- package/Textarea.js +260 -45
- package/Textarea.js.map +1 -1
- package/ThemeProvider.cjs +1 -1
- package/ThemeProvider.js +1 -1
- package/Toast.cjs +8 -1
- package/Toast.cjs.map +1 -1
- package/Toast.js +568 -9
- package/Toast.js.map +1 -1
- package/Tooltip-2ecbf35e.cjs +2 -0
- package/Tooltip-2ecbf35e.cjs.map +1 -0
- package/Tooltip-dcc5d45c.js +157 -0
- package/Tooltip-dcc5d45c.js.map +1 -0
- package/Tooltip.cjs +1 -1
- package/Tooltip.cjs.map +1 -1
- package/Tooltip.css +1 -0
- package/Tooltip.js +18 -44
- package/Tooltip.js.map +1 -1
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +6 -6
- package/anvil2.js +158 -183
- package/anvil2.js.map +1 -1
- package/check_circle-48e002d3-0d49b2da.cjs +2 -0
- package/check_circle-48e002d3-0d49b2da.cjs.map +1 -0
- package/check_circle-48e002d3-5838521c.js +7 -0
- package/check_circle-48e002d3-5838521c.js.map +1 -0
- package/chevron_right-5b0931b5-96f8a9c6.cjs +2 -0
- package/chevron_right-5b0931b5-96f8a9c6.cjs.map +1 -0
- package/chevron_right-5b0931b5-ac35ad56.js +6 -0
- package/chevron_right-5b0931b5-ac35ad56.js.map +1 -0
- package/childrenToString-0cd30a27.cjs +2 -0
- package/childrenToString-0cd30a27.cjs.map +1 -0
- package/childrenToString-416df522.js +19 -0
- package/childrenToString-416df522.js.map +1 -0
- package/extends-31d75778.js +27 -0
- package/extends-31d75778.js.map +1 -0
- package/extends-60b54772.cjs +2 -0
- package/extends-60b54772.cjs.map +1 -0
- package/getKeyboardFocusableElements-58a00025.js +14 -0
- package/getKeyboardFocusableElements-58a00025.js.map +1 -0
- package/getKeyboardFocusableElements-aba1bd01.cjs +2 -0
- package/getKeyboardFocusableElements-aba1bd01.cjs.map +1 -0
- package/index-04060912.js +3677 -0
- package/index-04060912.js.map +1 -0
- package/index-06c0bdf0.js +480 -0
- package/index-06c0bdf0.js.map +1 -0
- package/index-11b6ca91-14b4e485.js +63 -0
- package/index-11b6ca91-14b4e485.js.map +1 -0
- package/index-11b6ca91-d30fd1d3.cjs +2 -0
- package/index-11b6ca91-d30fd1d3.cjs.map +1 -0
- package/{index-acdc415f.cjs → index-1f4f169d.cjs} +2 -2
- package/{index-acdc415f.cjs.map → index-1f4f169d.cjs.map} +1 -1
- package/index-40821bc4.cjs +2 -0
- package/index-40821bc4.cjs.map +1 -0
- package/{index-ab05dabf.js → index-47e4931c.js} +3 -3
- package/{index-ab05dabf.js.map → index-47e4931c.js.map} +1 -1
- package/index-49242812.js +59 -0
- package/index-49242812.js.map +1 -0
- package/index-69174413.cjs +5 -0
- package/index-69174413.cjs.map +1 -0
- package/index-902bf2b0.js +56 -0
- package/index-902bf2b0.js.map +1 -0
- package/index-a53df036.cjs +2 -0
- package/index-a53df036.cjs.map +1 -0
- package/{index-e0f6271a.js → index-c6e22bb9.js} +6 -6
- package/{index-e0f6271a.js.map → index-c6e22bb9.js.map} +1 -1
- package/index-dcf78e3f.cjs +2 -0
- package/index-dcf78e3f.cjs.map +1 -0
- package/{index-3a4e28a9-3d7ba14f.js → index-eb2e706f-03380994.js} +19 -18
- package/index-eb2e706f-03380994.js.map +1 -0
- package/index-eb2e706f-ff6c4157.cjs +2 -0
- package/index-eb2e706f-ff6c4157.cjs.map +1 -0
- package/{index-67d20edb.cjs → index-ef2e9d11.cjs} +2 -2
- package/{index-67d20edb.cjs.map → index-ef2e9d11.cjs.map} +1 -1
- package/index.css +1 -1
- package/index11.css +1 -0
- package/index12.css +1 -0
- package/index13.css +1 -0
- package/index14.css +1 -0
- package/index15.css +1 -0
- package/index16.css +1 -0
- package/index18.css +1 -0
- package/index19.css +1 -0
- package/index2.css +1 -1
- package/index21.css +1 -0
- package/index22.css +1 -0
- package/index24.css +1 -0
- package/index3.css +1 -1
- package/index6.css +1 -0
- package/index7.css +1 -0
- package/index9.css +1 -0
- package/info-af4c0112-9f16129f.cjs +2 -0
- package/info-af4c0112-9f16129f.cjs.map +1 -0
- package/info-af4c0112-f73c8f68.js +6 -0
- package/info-af4c0112-f73c8f68.js.map +1 -0
- package/package.json +3 -3
- package/tinycolor-3b50a250.cjs +2 -0
- package/tinycolor-3b50a250.cjs.map +1 -0
- package/tinycolor-d415b1fd.js +712 -0
- package/tinycolor-d415b1fd.js.map +1 -0
- package/token.cjs +1 -1
- package/token.js +1 -1
- package/useAccessibleColor.cjs +1 -1
- package/useAccessibleColor.cjs.map +1 -1
- package/useAccessibleColor.d.ts +1 -1
- package/useAccessibleColor.js +36 -32
- package/useAccessibleColor.js.map +1 -1
- package/useLayoutPropsUtil-cd33328b.cjs +2 -0
- package/useLayoutPropsUtil-cd33328b.cjs.map +1 -0
- package/useLayoutPropsUtil-f34e9597.js +160 -0
- package/useLayoutPropsUtil-f34e9597.js.map +1 -0
- package/useLinkStyles.cjs +1 -1
- package/useLinkStyles.d.ts +2 -2
- package/useLinkStyles.js +3 -31
- package/useLinkStyles.js.map +1 -1
- package/useMergeRefs.cjs +1 -1
- package/useMergeRefs.d.ts +1 -1
- package/useMergeRefs.js +3 -32
- package/useMergeRefs.js.map +1 -1
- package/usePrefersColorScheme.cjs +1 -1
- package/usePrefersColorScheme.cjs.map +1 -1
- package/usePrefersColorScheme.d.ts +1 -1
- package/usePrefersColorScheme.js +19 -32
- package/usePrefersColorScheme.js.map +1 -1
- package/useSwipe.cjs +1 -1
- package/useSwipe.cjs.map +1 -1
- package/useSwipe.d.ts +1 -1
- package/useSwipe.js +15 -32
- package/useSwipe.js.map +1 -1
- package/Alert-012e475c.js.map +0 -1
- package/Alert-066f00f2.cjs +0 -2
- package/Alert-066f00f2.cjs.map +0 -1
- package/Announcement-cd9602ed.cjs +0 -2
- package/Announcement-cd9602ed.cjs.map +0 -1
- package/Announcement-f9b09ba3.js +0 -88
- package/Announcement-f9b09ba3.js.map +0 -1
- package/Announcement.css +0 -1
- package/Badge-b8764640.cjs +0 -2
- package/Badge-b8764640.cjs.map +0 -1
- package/Badge-df96f15a.js +0 -45
- package/Badge-df96f15a.js.map +0 -1
- package/Badge.css +0 -1
- package/Calendar-31bcb381.js +0 -5797
- package/Calendar-31bcb381.js.map +0 -1
- package/Calendar-d0baf4b1.cjs +0 -2
- package/Calendar-d0baf4b1.cjs.map +0 -1
- package/Card-20628287.cjs +0 -2
- package/Card-20628287.cjs.map +0 -1
- package/Card-bb358803.js +0 -51
- package/Card-bb358803.js.map +0 -1
- package/Chip-5b63e48c.cjs +0 -2
- package/Chip-5b63e48c.cjs.map +0 -1
- package/Chip-6dde28bc.js.map +0 -1
- package/Divider-6646eeb8.cjs +0 -2
- package/Divider-6646eeb8.cjs.map +0 -1
- package/Divider-b3bff73a.js +0 -74
- package/Divider-b3bff73a.js.map +0 -1
- package/Flex-971b5295.cjs +0 -2
- package/Flex-971b5295.cjs.map +0 -1
- package/Flex-d338e855.js.map +0 -1
- package/Grid-37ded954.cjs +0 -2
- package/Grid-37ded954.cjs.map +0 -1
- package/Grid-5bad450f.js +0 -89
- package/Grid-5bad450f.js.map +0 -1
- package/Icon-57c31c9b.cjs +0 -2
- package/Icon-57c31c9b.cjs.map +0 -1
- package/Icon-b94f924c.js.map +0 -1
- package/ListView-3b1adecb.js +0 -557
- package/ListView-3b1adecb.js.map +0 -1
- package/ListView-88e49b19.cjs +0 -2
- package/ListView-88e49b19.cjs.map +0 -1
- package/Listbox-60fbdaa1.js +0 -394
- package/Listbox-60fbdaa1.js.map +0 -1
- package/Listbox-cd5c4185.cjs +0 -2
- package/Listbox-cd5c4185.cjs.map +0 -1
- package/ProgressBar-c1b5c7c3.js +0 -516
- package/ProgressBar-c1b5c7c3.js.map +0 -1
- package/ProgressBar-fa511478.cjs +0 -2
- package/ProgressBar-fa511478.cjs.map +0 -1
- package/ProgressBar.css +0 -1
- package/SideNav-33a404ec.js +0 -935
- package/SideNav-33a404ec.js.map +0 -1
- package/SideNav-47435e45.cjs +0 -21
- package/SideNav-47435e45.cjs.map +0 -1
- package/SrOnly-864bd4cb.js +0 -13
- package/SrOnly-88e8fca6.cjs +0 -2
- package/Stepper-7e3a130c.js +0 -633
- package/Stepper-7e3a130c.js.map +0 -1
- package/Stepper-8675700c.cjs +0 -2
- package/Stepper-8675700c.cjs.map +0 -1
- package/Stepper.css +0 -1
- package/Tab-9d3d7922.cjs +0 -10
- package/Tab-9d3d7922.cjs.map +0 -1
- package/Tab-dd4ab045.js +0 -422
- package/Tab-dd4ab045.js.map +0 -1
- package/Text-465104f6.js.map +0 -1
- package/Text-631c229a.cjs +0 -2
- package/Text-631c229a.cjs.map +0 -1
- package/Toast-32a4ab22.cjs +0 -9
- package/Toast-32a4ab22.cjs.map +0 -1
- package/Toast-6cd7d2e1.js +0 -566
- package/Toast-6cd7d2e1.js.map +0 -1
- package/check_circle-48e002d3-0554de7d.js +0 -8
- package/check_circle-48e002d3-0554de7d.js.map +0 -1
- package/check_circle-48e002d3-57364fcd.cjs +0 -2
- package/check_circle-48e002d3-57364fcd.cjs.map +0 -1
- package/floating-ui.react-51a3fa68.js +0 -23242
- package/floating-ui.react-51a3fa68.js.map +0 -1
- package/floating-ui.react-5347095a.cjs +0 -178
- package/floating-ui.react-5347095a.cjs.map +0 -1
- package/index-3a4e28a9-3d7ba14f.js.map +0 -1
- package/index-3a4e28a9-b649e635.cjs +0 -2
- package/index-3a4e28a9-b649e635.cjs.map +0 -1
- package/index-3f218083.js +0 -58
- package/index-3f218083.js.map +0 -1
- package/index-63e13299.cjs +0 -2
- package/index-63e13299.cjs.map +0 -1
- package/index-c41dc41a.js +0 -4972
- package/index-c41dc41a.js.map +0 -1
- package/index-ca7c66ae.cjs +0 -23
- package/index-ca7c66ae.cjs.map +0 -1
- package/index-d46fa8de-c02f7a12.cjs +0 -2
- package/index-d46fa8de-c02f7a12.cjs.map +0 -1
- package/index-d46fa8de-f8bf17b6.js +0 -540
- package/index-d46fa8de-f8bf17b6.js.map +0 -1
- package/index-f7658447-1cfbda8f.js +0 -120
- package/index-f7658447-1cfbda8f.js.map +0 -1
- package/index-f7658447-f447ade8.cjs +0 -2
- package/index-f7658447-f447ade8.cjs.map +0 -1
- package/index-f7658447.css +0 -1
- package/useLayoutPropsUtil-e307abc7-3826ee09.cjs +0 -2
- package/useLayoutPropsUtil-e307abc7-3826ee09.cjs.map +0 -1
- package/useLayoutPropsUtil-e307abc7-cbe2fb6d.js +0 -869
- package/useLayoutPropsUtil-e307abc7-cbe2fb6d.js.map +0 -1
- package/usePrefersColorScheme-129544ad-59e2e284.cjs +0 -2
- package/usePrefersColorScheme-129544ad-59e2e284.cjs.map +0 -1
- package/usePrefersColorScheme-129544ad-cab6fc3f.js +0 -55
- package/usePrefersColorScheme-129544ad-cab6fc3f.js.map +0 -1
- package/useSwipe-82769b09-835234e6.js +0 -17
- package/useSwipe-82769b09-835234e6.js.map +0 -1
- package/useSwipe-82769b09-dba26ed2.cjs +0 -2
- package/useSwipe-82769b09-dba26ed2.cjs.map +0 -1
- /package/{index-3a4e28a9.css → index-eb2e706f.css} +0 -0
- /package/{Grid.css → index10.css} +0 -0
- /package/{SideNav.css → index17.css} +0 -0
- /package/{Tab.css → index20.css} +0 -0
- /package/{Toast.css → index23.css} +0 -0
- /package/{Calendar.css → index4.css} +0 -0
- /package/{Card.css → index5.css} +0 -0
- /package/{Divider.css → index8.css} +0 -0
package/Details.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
var K=require("./index7.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("./jsx-runtime-494437bb.cjs"),a=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),x=require("./index-ef2e9d11.cjs"),b=require("./Icon-847b3515.cjs"),k=require("./chevron_right-5b0931b5-96f8a9c6.cjs");require("./tinycolor-3b50a250.cjs");const G=require("./useLayoutPropsUtil-cd33328b.cjs"),I=require("./useTrackingId.cjs"),M=require("./childrenToString-0cd30a27.cjs");const O="_details_1sjr5_4",P="_summary_1sjr5_17",T="_arrow_1sjr5_66",H="_content_1sjr5_30",J="_expanded_1sjr5_111",d={details:O,summary:P,"content-wrapper":"_content-wrapper_1sjr5_30",arrow:T,content:H,"is-expanded":"_is-expanded_1sjr5_108",expanded:J},f=n.createContext({id:"",isExpanded:!1,expanded:()=>{},close:()=>{},toggle:()=>{}}),L=n.forwardRef(function(e,t){const{layoutStyles:r,componentProps:s}=G.J(e),{children:i,id:o,expanded:c,defaultExpanded:l=!1,style:u,className:m,...j}=s,h=n.useId(),[y,p]=n.useState(l);function R(){p(!0)}function q(){p(!1)}function E(){p(D=>!D)}const N={...u,...r},S=n.useMemo(()=>({id:o??h,isExpanded:c??y,expanded:R,close:q,toggle:E}),[h,o,y,c]);return a.fr.jsx(f.Provider,{value:S,children:a.fr.jsx("div",{"data-anv":"details",ref:t,className:x.G(d.details,m),style:N,...j,children:i})})}),U=n.forwardRef(function({children:e,onClick:t,className:r,...s},i){const{id:o,isExpanded:c,toggle:l}=n.useContext(f),u=(...j)=>{t==null||t(...j),l()},m=x.G(d.summary,r);return a.fr.jsxs("button",{"data-anv":"details-summary","aria-controls":o,"aria-expanded":c,className:m,onClick:u,ref:i,...s,children:[a.fr.jsx(z,{})," ",a.fr.jsx("span",{children:e})]})}),z=n.forwardRef(function({className:e,...t},r){const{isExpanded:s}=n.useContext(f),i=x.G(d.arrow,{[d["is-expanded"]]:s},e);return a.fr.jsx("span",{className:i,ref:r,...t,children:a.fr.jsx(b.C,{size:"large",svg:k.a})})}),B=n.forwardRef(function({className:e,children:t,height:r,maxHeight:s,style:i,...o},c){const{id:l,isExpanded:u}=n.useContext(f),m={height:r,maxHeight:s,...r||s?{overflow:"auto"}:{},...i};return a.fr.jsx("div",{"data-anv":"details-content",id:l,className:x.G(d["content-wrapper"],{[d.expanded]:u}),ref:c,children:a.fr.jsx("div",{className:d.content,children:a.fr.jsx("div",{className:e,style:m,...o,children:t})})})}),_=Object.assign(L,{Summary:U,Content:B}),F=n.forwardRef((e,t)=>g.jsxRuntimeExports.jsx(_,{ref:t,...e})),v=n.forwardRef((e,t)=>{const r={children:M.n(e.children)},s=I.useTrackingId({name:"DetailsSummary",data:r,hasOverride:!!e["data-tracking-id"]});return g.jsxRuntimeExports.jsx(_.Summary,{ref:t,"data-tracking-id":s,...e})}),w=n.forwardRef((e,t)=>g.jsxRuntimeExports.jsx(_.Content,{ref:t,...e})),C=Object.assign(F,{Summary:v,Content:w});exports.Details=C;exports.DetailsContent=w;exports.DetailsSummary=v;exports.default=C;
|
|
2
2
|
//# sourceMappingURL=Details.cjs.map
|
package/Details.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.cjs","sources":["../src/components/Details/Details.tsx"],"sourcesContent":["import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n} from \"@servicetitan/hammer-react/dist/Details\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n }\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n }\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Details.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Details.js","../src/components/Details/Details.tsx"],"sourcesContent":["import \"./index11.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as h, forwardRef as p, useId as b, useState as I, useMemo as R, useContext as y } from \"react\";\nimport x from \"classnames\";\nimport { Icon as A } from \"./Icon.js\";\nimport { S as O } from \"./chevron_right-5b0931b5.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst L = \"_details_1sjr5_4\", M = \"_summary_1sjr5_17\", U = \"_arrow_1sjr5_66\", q = \"_content_1sjr5_30\", B = \"_expanded_1sjr5_111\", i = {\n details: L,\n summary: M,\n \"content-wrapper\": \"_content-wrapper_1sjr5_30\",\n arrow: U,\n content: q,\n \"is-expanded\": \"_is-expanded_1sjr5_108\",\n expanded: B\n}, u = h({\n id: \"\",\n isExpanded: !1,\n expanded: () => {\n },\n close: () => {\n },\n toggle: () => {\n }\n}), F = p(\n function(a, s) {\n const { layoutStyles: t, componentProps: n } = z(a), {\n children: o,\n id: r,\n expanded: d,\n defaultExpanded: c = !1,\n style: l,\n className: m,\n ...f\n } = n, v = b(), [w, j] = I(c);\n function D() {\n j(!0);\n }\n function N() {\n j(!1);\n }\n function g() {\n j((S) => !S);\n }\n const E = {\n ...l,\n ...t\n }, C = R(\n () => ({\n id: r ?? v,\n isExpanded: d ?? w,\n expanded: D,\n close: N,\n toggle: g\n }),\n [v, r, w, d]\n );\n return /* @__PURE__ */ e.jsx(u.Provider, { value: C, children: /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details\",\n ref: s,\n className: x(i.details, m),\n style: E,\n ...f,\n children: o\n }\n ) });\n }\n), G = p(function({ children: a, onClick: s, className: t, ...n }, o) {\n const { id: r, isExpanded: d, toggle: c } = y(u), l = (...f) => {\n s == null || s(...f), c();\n }, m = x(i.summary, t);\n return /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n \"data-anv\": \"details-summary\",\n \"aria-controls\": r,\n \"aria-expanded\": d,\n className: m,\n onClick: l,\n ref: o,\n ...n,\n children: [\n /* @__PURE__ */ e.jsx(J, {}),\n \" \",\n /* @__PURE__ */ e.jsx(\"span\", { children: a })\n ]\n }\n );\n}), J = p(\n function({ className: a, ...s }, t) {\n const { isExpanded: n } = y(u), o = x(\n i.arrow,\n { [i[\"is-expanded\"]]: n },\n a\n );\n return /* @__PURE__ */ e.jsx(\"span\", { className: o, ref: t, ...s, children: /* @__PURE__ */ e.jsx(A, { size: \"large\", svg: O }) });\n }\n), K = p(\n function({\n className: a,\n children: s,\n height: t,\n maxHeight: n,\n style: o,\n ...r\n }, d) {\n const { id: c, isExpanded: l } = y(u), m = {\n height: t,\n maxHeight: n,\n ...t || n ? { overflow: \"auto\" } : {},\n ...o\n };\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details-content\",\n id: c,\n className: x(i[\"content-wrapper\"], {\n [i.expanded]: l\n }),\n ref: d,\n children: /* @__PURE__ */ e.jsx(\"div\", { className: i.content, children: /* @__PURE__ */ e.jsx(\"div\", { className: a, style: m, ...r, children: s }) })\n }\n );\n }\n), H = Object.assign(F, {\n Summary: G,\n Content: K\n});\nexport {\n H as Details,\n K as DetailsContent,\n G as DetailsSummary\n};\n//# sourceMappingURL=Details.js.map\n","import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n} from \"@servicetitan/hammer-react/dist/Details\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n }\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n }\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["L","M","U","q","B","i","u","React","F","a","s","t","n","useLayoutPropsUtil","o","r","d","c","l","f","v","w","j","D","N","g","S","E","C","jsxRuntime944c88e2","index","G","J","Icon","chevron_right5b0931b5","K","H","DetailsElement","props","ref","jsxRuntime","DetailsSummary","data","childrenToString","trackingId","useTrackingId","DetailsContent","Details"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Details.js
CHANGED
|
@@ -1,57 +1,160 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import "./
|
|
6
|
-
import "./
|
|
7
|
-
import "./
|
|
8
|
-
import "./
|
|
9
|
-
import "./
|
|
10
|
-
import "./
|
|
11
|
-
import "./
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
1
|
+
import "./index7.css";
|
|
2
|
+
import { j as _ } from "./jsx-runtime-82a9ddf6.js";
|
|
3
|
+
import { f as s } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
4
|
+
import { createContext as D, forwardRef as d, useId as b, useState as G, useMemo as H, useContext as h } from "react";
|
|
5
|
+
import { G as x } from "./index-c6e22bb9.js";
|
|
6
|
+
import { C as I } from "./Icon-be690f0b.js";
|
|
7
|
+
import { a as J } from "./chevron_right-5b0931b5-ac35ad56.js";
|
|
8
|
+
import "./tinycolor-d415b1fd.js";
|
|
9
|
+
import { J as O } from "./useLayoutPropsUtil-f34e9597.js";
|
|
10
|
+
import { useTrackingId as M } from "./useTrackingId.js";
|
|
11
|
+
import { n as P } from "./childrenToString-416df522.js";
|
|
12
|
+
const R = "_details_1sjr5_4", $ = "_summary_1sjr5_17", q = "_arrow_1sjr5_66", z = "_content_1sjr5_30", B = "_expanded_1sjr5_111", i = {
|
|
13
|
+
details: R,
|
|
14
|
+
summary: $,
|
|
15
|
+
"content-wrapper": "_content-wrapper_1sjr5_30",
|
|
16
|
+
arrow: q,
|
|
17
|
+
content: z,
|
|
18
|
+
"is-expanded": "_is-expanded_1sjr5_108",
|
|
19
|
+
expanded: B
|
|
20
|
+
}, p = D({
|
|
21
|
+
id: "",
|
|
22
|
+
isExpanded: !1,
|
|
23
|
+
expanded: () => {
|
|
24
|
+
},
|
|
25
|
+
close: () => {
|
|
26
|
+
},
|
|
27
|
+
toggle: () => {
|
|
28
|
+
}
|
|
29
|
+
}), F = d(
|
|
30
|
+
function(e, t) {
|
|
31
|
+
const { layoutStyles: n, componentProps: a } = O(e), {
|
|
32
|
+
children: r,
|
|
33
|
+
id: o,
|
|
34
|
+
expanded: c,
|
|
35
|
+
defaultExpanded: l = !1,
|
|
36
|
+
style: m,
|
|
37
|
+
className: u,
|
|
38
|
+
...f
|
|
39
|
+
} = a, y = b(), [v, j] = G(l);
|
|
40
|
+
function N() {
|
|
41
|
+
j(!0);
|
|
42
|
+
}
|
|
43
|
+
function C() {
|
|
44
|
+
j(!1);
|
|
45
|
+
}
|
|
46
|
+
function w() {
|
|
47
|
+
j((k) => !k);
|
|
48
|
+
}
|
|
49
|
+
const E = {
|
|
50
|
+
...m,
|
|
51
|
+
...n
|
|
52
|
+
}, S = H(
|
|
53
|
+
() => ({
|
|
54
|
+
id: o ?? y,
|
|
55
|
+
isExpanded: c ?? v,
|
|
56
|
+
expanded: N,
|
|
57
|
+
close: C,
|
|
58
|
+
toggle: w
|
|
59
|
+
}),
|
|
60
|
+
[y, o, v, c]
|
|
61
|
+
);
|
|
62
|
+
return /* @__PURE__ */ s.jsx(p.Provider, { value: S, children: /* @__PURE__ */ s.jsx(
|
|
63
|
+
"div",
|
|
64
|
+
{
|
|
65
|
+
"data-anv": "details",
|
|
66
|
+
ref: t,
|
|
67
|
+
className: x(i.details, u),
|
|
68
|
+
style: E,
|
|
69
|
+
...f,
|
|
70
|
+
children: r
|
|
71
|
+
}
|
|
72
|
+
) });
|
|
73
|
+
}
|
|
74
|
+
), K = d(function({ children: e, onClick: t, className: n, ...a }, r) {
|
|
75
|
+
const { id: o, isExpanded: c, toggle: l } = h(p), m = (...f) => {
|
|
76
|
+
t == null || t(...f), l();
|
|
77
|
+
}, u = x(i.summary, n);
|
|
78
|
+
return /* @__PURE__ */ s.jsxs(
|
|
79
|
+
"button",
|
|
80
|
+
{
|
|
81
|
+
"data-anv": "details-summary",
|
|
82
|
+
"aria-controls": o,
|
|
83
|
+
"aria-expanded": c,
|
|
84
|
+
className: u,
|
|
85
|
+
onClick: m,
|
|
86
|
+
ref: r,
|
|
87
|
+
...a,
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ s.jsx(L, {}),
|
|
90
|
+
" ",
|
|
91
|
+
/* @__PURE__ */ s.jsx("span", { children: e })
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
);
|
|
95
|
+
}), L = d(
|
|
96
|
+
function({ className: e, ...t }, n) {
|
|
97
|
+
const { isExpanded: a } = h(p), r = x(
|
|
98
|
+
i.arrow,
|
|
99
|
+
{ [i["is-expanded"]]: a },
|
|
100
|
+
e
|
|
101
|
+
);
|
|
102
|
+
return /* @__PURE__ */ s.jsx("span", { className: r, ref: n, ...t, children: /* @__PURE__ */ s.jsx(I, { size: "large", svg: J }) });
|
|
103
|
+
}
|
|
104
|
+
), T = d(
|
|
105
|
+
function({
|
|
106
|
+
className: e,
|
|
107
|
+
children: t,
|
|
108
|
+
height: n,
|
|
109
|
+
maxHeight: a,
|
|
110
|
+
style: r,
|
|
111
|
+
...o
|
|
112
|
+
}, c) {
|
|
113
|
+
const { id: l, isExpanded: m } = h(p), u = {
|
|
114
|
+
height: n,
|
|
115
|
+
maxHeight: a,
|
|
116
|
+
...n || a ? { overflow: "auto" } : {},
|
|
117
|
+
...r
|
|
118
|
+
};
|
|
119
|
+
return /* @__PURE__ */ s.jsx(
|
|
120
|
+
"div",
|
|
121
|
+
{
|
|
122
|
+
"data-anv": "details-content",
|
|
123
|
+
id: l,
|
|
124
|
+
className: x(i["content-wrapper"], {
|
|
125
|
+
[i.expanded]: m
|
|
126
|
+
}),
|
|
127
|
+
ref: c,
|
|
128
|
+
children: /* @__PURE__ */ s.jsx("div", { className: i.content, children: /* @__PURE__ */ s.jsx("div", { className: e, style: u, ...o, children: t }) })
|
|
129
|
+
}
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
), g = Object.assign(F, {
|
|
133
|
+
Summary: K,
|
|
134
|
+
Content: T
|
|
135
|
+
}), U = d(
|
|
136
|
+
(e, t) => /* @__PURE__ */ _.jsx(g, { ref: t, ...e })
|
|
137
|
+
), A = d(
|
|
138
|
+
(e, t) => {
|
|
139
|
+
const n = {
|
|
140
|
+
children: P(e.children)
|
|
141
|
+
}, a = M({
|
|
39
142
|
name: "DetailsSummary",
|
|
40
|
-
data:
|
|
41
|
-
hasOverride: !!
|
|
143
|
+
data: n,
|
|
144
|
+
hasOverride: !!e["data-tracking-id"]
|
|
42
145
|
});
|
|
43
|
-
return /* @__PURE__ */
|
|
146
|
+
return /* @__PURE__ */ _.jsx(g.Summary, { ref: t, "data-tracking-id": a, ...e });
|
|
44
147
|
}
|
|
45
|
-
),
|
|
46
|
-
(
|
|
47
|
-
),
|
|
48
|
-
Summary:
|
|
49
|
-
Content:
|
|
148
|
+
), Q = d(
|
|
149
|
+
(e, t) => /* @__PURE__ */ _.jsx(g.Content, { ref: t, ...e })
|
|
150
|
+
), ie = Object.assign(U, {
|
|
151
|
+
Summary: A,
|
|
152
|
+
Content: Q
|
|
50
153
|
});
|
|
51
154
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
155
|
+
ie as Details,
|
|
156
|
+
Q as DetailsContent,
|
|
157
|
+
A as DetailsSummary,
|
|
158
|
+
ie as default
|
|
56
159
|
};
|
|
57
160
|
//# sourceMappingURL=Details.js.map
|
package/Details.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Details.js","sources":["../src/components/Details/Details.tsx"],"sourcesContent":["import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n} from \"@servicetitan/hammer-react/dist/Details\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n }\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n }\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Details.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Details.js","../src/components/Details/Details.tsx"],"sourcesContent":["import \"./index11.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as h, forwardRef as p, useId as b, useState as I, useMemo as R, useContext as y } from \"react\";\nimport x from \"classnames\";\nimport { Icon as A } from \"./Icon.js\";\nimport { S as O } from \"./chevron_right-5b0931b5.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as z } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nconst L = \"_details_1sjr5_4\", M = \"_summary_1sjr5_17\", U = \"_arrow_1sjr5_66\", q = \"_content_1sjr5_30\", B = \"_expanded_1sjr5_111\", i = {\n details: L,\n summary: M,\n \"content-wrapper\": \"_content-wrapper_1sjr5_30\",\n arrow: U,\n content: q,\n \"is-expanded\": \"_is-expanded_1sjr5_108\",\n expanded: B\n}, u = h({\n id: \"\",\n isExpanded: !1,\n expanded: () => {\n },\n close: () => {\n },\n toggle: () => {\n }\n}), F = p(\n function(a, s) {\n const { layoutStyles: t, componentProps: n } = z(a), {\n children: o,\n id: r,\n expanded: d,\n defaultExpanded: c = !1,\n style: l,\n className: m,\n ...f\n } = n, v = b(), [w, j] = I(c);\n function D() {\n j(!0);\n }\n function N() {\n j(!1);\n }\n function g() {\n j((S) => !S);\n }\n const E = {\n ...l,\n ...t\n }, C = R(\n () => ({\n id: r ?? v,\n isExpanded: d ?? w,\n expanded: D,\n close: N,\n toggle: g\n }),\n [v, r, w, d]\n );\n return /* @__PURE__ */ e.jsx(u.Provider, { value: C, children: /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details\",\n ref: s,\n className: x(i.details, m),\n style: E,\n ...f,\n children: o\n }\n ) });\n }\n), G = p(function({ children: a, onClick: s, className: t, ...n }, o) {\n const { id: r, isExpanded: d, toggle: c } = y(u), l = (...f) => {\n s == null || s(...f), c();\n }, m = x(i.summary, t);\n return /* @__PURE__ */ e.jsxs(\n \"button\",\n {\n \"data-anv\": \"details-summary\",\n \"aria-controls\": r,\n \"aria-expanded\": d,\n className: m,\n onClick: l,\n ref: o,\n ...n,\n children: [\n /* @__PURE__ */ e.jsx(J, {}),\n \" \",\n /* @__PURE__ */ e.jsx(\"span\", { children: a })\n ]\n }\n );\n}), J = p(\n function({ className: a, ...s }, t) {\n const { isExpanded: n } = y(u), o = x(\n i.arrow,\n { [i[\"is-expanded\"]]: n },\n a\n );\n return /* @__PURE__ */ e.jsx(\"span\", { className: o, ref: t, ...s, children: /* @__PURE__ */ e.jsx(A, { size: \"large\", svg: O }) });\n }\n), K = p(\n function({\n className: a,\n children: s,\n height: t,\n maxHeight: n,\n style: o,\n ...r\n }, d) {\n const { id: c, isExpanded: l } = y(u), m = {\n height: t,\n maxHeight: n,\n ...t || n ? { overflow: \"auto\" } : {},\n ...o\n };\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n \"data-anv\": \"details-content\",\n id: c,\n className: x(i[\"content-wrapper\"], {\n [i.expanded]: l\n }),\n ref: d,\n children: /* @__PURE__ */ e.jsx(\"div\", { className: i.content, children: /* @__PURE__ */ e.jsx(\"div\", { className: a, style: m, ...r, children: s }) })\n }\n );\n }\n), H = Object.assign(F, {\n Summary: G,\n Content: K\n});\nexport {\n H as Details,\n K as DetailsContent,\n G as DetailsSummary\n};\n//# sourceMappingURL=Details.js.map\n","import {\n DetailsProps as CoreDetailsProps,\n Details as CoreDetails,\n DetailsSummaryProps as CoreDetailsSummaryProps,\n DetailsContentProps as CoreDetailsContentProps,\n} from \"@servicetitan/hammer-react/dist/Details\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type DetailsProps = CoreDetailsProps;\nexport type DetailsSummaryProps = CoreDetailsSummaryProps & DataTrackingId;\nexport type DetailsContentProps = CoreDetailsContentProps;\n\nconst DetailsElement = forwardRef(\n (props: DetailsProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails ref={ref} {...props} />;\n }\n);\n\nexport const DetailsSummary = forwardRef(\n (props: DetailsSummaryProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"DetailsSummary\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDetails.Summary ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const DetailsContent = forwardRef(\n (props: DetailsContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDetails.Content ref={ref} {...props} />;\n }\n);\n\nexport const Details = Object.assign(DetailsElement, {\n Summary: DetailsSummary,\n Content: DetailsContent,\n});\n"],"names":["L","M","U","q","u","createContext","forwardRef","a","s","t","n","J$1","o","r","d","c","l","m","v","useId","w","useState","D","N","g","S","C","useMemo","fr","G$1","G","useContext","J","a$1","K","H","DetailsElement","props","ref","jsxRuntimeExports","DetailsSummary","data","trackingId","useTrackingId","DetailsContent","Details"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
import "./Dialog.css";
|
|
2
|
+
import { f as l } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
+
import { forwardRef as _, createContext as T, useRef as C, useId as A, useCallback as O, useEffect as k, useContext as G } from "react";
|
|
4
|
+
import { G as x } from "./index-c6e22bb9.js";
|
|
5
|
+
import "./index-06c0bdf0.js";
|
|
6
|
+
import { a as I } from "./getKeyboardFocusableElements-58a00025.js";
|
|
7
|
+
import "./tinycolor-d415b1fd.js";
|
|
8
|
+
import { u as X } from "./index-04060912.js";
|
|
9
|
+
import { a as Y } from "./close-064c8acc-7e0b4df7.js";
|
|
10
|
+
import { $ as Z } from "./Text-08c90c22.js";
|
|
11
|
+
import { S as J } from "./index-eb2e706f-03380994.js";
|
|
12
|
+
const Q = "_dialog_1nq1n_4", U = "_container_1nq1n_23", V = "_content_1nq1n_36", W = "_header_1nq1n_44", ee = "_footer_1nq1n_63", ne = "_large_1nq1n_100", te = "_fullscreen_1nq1n_100", oe = "_sticky_1nq1n_120", s = {
|
|
13
|
+
dialog: Q,
|
|
14
|
+
"close-dialog": "_close-dialog_1nq1n_1",
|
|
15
|
+
container: U,
|
|
16
|
+
content: V,
|
|
17
|
+
header: W,
|
|
18
|
+
"close-container": "_close-container_1nq1n_56",
|
|
19
|
+
footer: ee,
|
|
20
|
+
large: ne,
|
|
21
|
+
fullscreen: te,
|
|
22
|
+
sticky: oe,
|
|
23
|
+
"close-button": "_close-button_1nq1n_126"
|
|
24
|
+
}, b = _((t, c) => {
|
|
25
|
+
const { onClick: o, ...r } = t, { close: d } = re(), f = (a) => {
|
|
26
|
+
d(), o == null || o(a);
|
|
27
|
+
};
|
|
28
|
+
return /* @__PURE__ */ l.jsx(
|
|
29
|
+
J,
|
|
30
|
+
{
|
|
31
|
+
"aria-label": "Close dialog",
|
|
32
|
+
"data-anv": "dialog-cancel-button",
|
|
33
|
+
onClick: f,
|
|
34
|
+
ref: c,
|
|
35
|
+
...r
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
b.displayName = "DialogCancelButton";
|
|
40
|
+
const w = _(
|
|
41
|
+
(t, c) => {
|
|
42
|
+
const { children: o, ...r } = t;
|
|
43
|
+
return /* @__PURE__ */ l.jsxs(
|
|
44
|
+
"header",
|
|
45
|
+
{
|
|
46
|
+
className: s.header,
|
|
47
|
+
"data-anv": "dialog-header",
|
|
48
|
+
ref: c,
|
|
49
|
+
...r,
|
|
50
|
+
children: [
|
|
51
|
+
/* @__PURE__ */ l.jsx(Z, { variant: "headline", el: "h1", children: o }),
|
|
52
|
+
/* @__PURE__ */ l.jsx("span", { className: s["close-container"], children: /* @__PURE__ */ l.jsx(
|
|
53
|
+
b,
|
|
54
|
+
{
|
|
55
|
+
className: s["close-button"],
|
|
56
|
+
size: "small",
|
|
57
|
+
appearance: "ghost",
|
|
58
|
+
"aria-label": "Close dialog",
|
|
59
|
+
icon: Y
|
|
60
|
+
}
|
|
61
|
+
) })
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
w.displayName = "DialogHeader";
|
|
68
|
+
const E = _(
|
|
69
|
+
(t, c) => {
|
|
70
|
+
const { children: o, sticky: r = !1, ...d } = t, f = x(s.footer, {
|
|
71
|
+
[s.sticky]: r
|
|
72
|
+
});
|
|
73
|
+
return /* @__PURE__ */ l.jsx(
|
|
74
|
+
"footer",
|
|
75
|
+
{
|
|
76
|
+
className: f,
|
|
77
|
+
"data-anv": "dialog-footer",
|
|
78
|
+
ref: c,
|
|
79
|
+
...d,
|
|
80
|
+
children: o
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
E.displayName = "DialogFooter";
|
|
86
|
+
const $ = _(
|
|
87
|
+
(t, c) => {
|
|
88
|
+
const { children: o, ...r } = t, d = x(s.content, {});
|
|
89
|
+
return /* @__PURE__ */ l.jsx(
|
|
90
|
+
"div",
|
|
91
|
+
{
|
|
92
|
+
className: d,
|
|
93
|
+
"data-anv": "dialog-content",
|
|
94
|
+
ref: c,
|
|
95
|
+
...r,
|
|
96
|
+
children: o
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
);
|
|
101
|
+
$.displayName = "DialogContent";
|
|
102
|
+
const K = T(null), L = _(
|
|
103
|
+
(t, c) => {
|
|
104
|
+
const {
|
|
105
|
+
className: o,
|
|
106
|
+
open: r = !1,
|
|
107
|
+
children: d,
|
|
108
|
+
onOpen: f,
|
|
109
|
+
onClose: a,
|
|
110
|
+
onCancel: ae,
|
|
111
|
+
onKeyDown: N,
|
|
112
|
+
fullScreen: P = !1,
|
|
113
|
+
disableCloseOnEscape: R = !1,
|
|
114
|
+
disableCloseOnClickOutside: j = !1,
|
|
115
|
+
size: S,
|
|
116
|
+
...z
|
|
117
|
+
} = t, u = C(null), B = C(null), n = C(null), p = A(), F = x([s.dialog], o, {
|
|
118
|
+
[s.fullscreen]: P,
|
|
119
|
+
[s.large]: S === "large"
|
|
120
|
+
}), v = I(u.current), g = v[0], y = v[v.length - 1], q = O(() => {
|
|
121
|
+
var e;
|
|
122
|
+
if (n.current) {
|
|
123
|
+
const m = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(" ") : []).filter((h) => h !== p);
|
|
124
|
+
m.length === 0 ? (n.current.removeAttribute("data-dialogs-open"), (e = n.current) == null || e.classList.remove("dialog-open")) : n.current.dataset.dialogsOpen = m.join(" ");
|
|
125
|
+
}
|
|
126
|
+
}, [p]);
|
|
127
|
+
k(() => {
|
|
128
|
+
if (typeof document > "u" || j)
|
|
129
|
+
return;
|
|
130
|
+
const e = (m) => {
|
|
131
|
+
m.composedPath()[0] === u.current && (a == null || a());
|
|
132
|
+
};
|
|
133
|
+
return document.addEventListener("click", e), () => document.removeEventListener("click", e);
|
|
134
|
+
}, [j, a]), k(() => {
|
|
135
|
+
var e, m, h, D;
|
|
136
|
+
if (r) {
|
|
137
|
+
if (f == null || f(), (e = u.current) == null || e.showModal(), !n.current) {
|
|
138
|
+
const i = document.body ?? ((m = u.current) == null ? void 0 : m.closest("body"));
|
|
139
|
+
i && (n.current = i);
|
|
140
|
+
}
|
|
141
|
+
if (!((h = u.current) != null && h.querySelector(":focus")) && (g == null || g.focus()), (D = n.current) == null || D.classList.add("dialog-open"), n.current) {
|
|
142
|
+
const i = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(" ") : [];
|
|
143
|
+
if (i.includes(p))
|
|
144
|
+
return;
|
|
145
|
+
i.push(p), n.current.dataset.dialogsOpen = i.join(" ");
|
|
146
|
+
}
|
|
147
|
+
return;
|
|
148
|
+
}
|
|
149
|
+
setTimeout(() => {
|
|
150
|
+
var i;
|
|
151
|
+
(i = u.current) == null || i.close(), q();
|
|
152
|
+
}, 1);
|
|
153
|
+
}, [g, p, f, r, q]);
|
|
154
|
+
const H = (e) => {
|
|
155
|
+
if (N == null || N(e), e.code === "Escape") {
|
|
156
|
+
if (e.preventDefault(), R)
|
|
157
|
+
return;
|
|
158
|
+
a == null || a();
|
|
159
|
+
return;
|
|
160
|
+
}
|
|
161
|
+
if (e.code === "Tab") {
|
|
162
|
+
if (e.shiftKey && e.target === g) {
|
|
163
|
+
e.preventDefault(), y == null || y.focus();
|
|
164
|
+
return;
|
|
165
|
+
}
|
|
166
|
+
if (e.target === y && !e.shiftKey) {
|
|
167
|
+
e.preventDefault(), g == null || g.focus();
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
}, M = O(() => {
|
|
172
|
+
a == null || a();
|
|
173
|
+
}, [a]);
|
|
174
|
+
return (
|
|
175
|
+
// dialog element does seem to be interactive on MDN guideline
|
|
176
|
+
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
|
|
177
|
+
/* @__PURE__ */ l.jsx(
|
|
178
|
+
"dialog",
|
|
179
|
+
{
|
|
180
|
+
className: F,
|
|
181
|
+
"data-anv": "dialog",
|
|
182
|
+
ref: X([c, u]),
|
|
183
|
+
onKeyDown: H,
|
|
184
|
+
...z,
|
|
185
|
+
children: /* @__PURE__ */ l.jsx(K.Provider, { value: { close: M, ref: u }, children: /* @__PURE__ */ l.jsx("section", { ref: B, className: s.container, children: d }) })
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
);
|
|
189
|
+
}
|
|
190
|
+
);
|
|
191
|
+
function re() {
|
|
192
|
+
const t = G(K);
|
|
193
|
+
if (!t)
|
|
194
|
+
throw new Error(
|
|
195
|
+
"useDialogContext must be used within a DialogContextProvider"
|
|
196
|
+
);
|
|
197
|
+
return t;
|
|
198
|
+
}
|
|
199
|
+
L.displayName = "Dialog";
|
|
200
|
+
const he = Object.assign(L, {
|
|
201
|
+
Header: w,
|
|
202
|
+
Footer: E,
|
|
203
|
+
Content: $,
|
|
204
|
+
CancelButton: b
|
|
205
|
+
});
|
|
206
|
+
export {
|
|
207
|
+
$ as B,
|
|
208
|
+
K as H,
|
|
209
|
+
b as N,
|
|
210
|
+
E as R,
|
|
211
|
+
w,
|
|
212
|
+
he as y
|
|
213
|
+
};
|
|
214
|
+
//# sourceMappingURL=Dialog-1984afe2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog-1984afe2.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as J } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"@floating-ui/react\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-eb2e706f.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","oe","se","c","N","forwardRef","o","l","s","a","f","ae","i","t","fr","S","a$1","$$1","R","G","B","H","createContext","K","re","C","L","O","F","P","d","useRef","T","m","useId","z","D","u","x","useCallback","_","y","useEffect","p","g","v","M","X","useMergeRefs","useContext","ye"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var ne=require("./Dialog.css");const s=require("./jsx-runtime-944c88e2-2b81c205.cjs"),n=require("react"),x=require("./index-ef2e9d11.cjs");require("./index-a53df036.cjs");const S=require("./getKeyboardFocusableElements-aba1bd01.cjs");require("./tinycolor-3b50a250.cjs");const T=require("./index-69174413.cjs"),z=require("./close-064c8acc-4984cc86.cjs"),G=require("./Text-8ed03ac7.cjs"),$=require("./index-eb2e706f-ff6c4157.cjs");const A="_dialog_1nq1n_4",I="_container_1nq1n_23",X="_content_1nq1n_36",Y="_header_1nq1n_44",Z="_footer_1nq1n_63",J="_large_1nq1n_100",Q="_fullscreen_1nq1n_100",U="_sticky_1nq1n_120",c={dialog:A,"close-dialog":"_close-dialog_1nq1n_1",container:I,content:X,header:Y,"close-container":"_close-container_1nq1n_56",footer:Z,large:J,fullscreen:Q,sticky:U,"close-button":"_close-button_1nq1n_126"},v=n.forwardRef((t,i)=>{const{onClick:o,...a}=t,{close:f}=V(),g=l=>{f(),o==null||o(l)};return s.fr.jsx($.S,{"aria-label":"Close dialog","data-anv":"dialog-cancel-button",onClick:g,ref:i,...a})});v.displayName="DialogCancelButton";const C=n.forwardRef((t,i)=>{const{children:o,...a}=t;return s.fr.jsxs("header",{className:c.header,"data-anv":"dialog-header",ref:i,...a,children:[s.fr.jsx(G.$,{variant:"headline",el:"h1",children:o}),s.fr.jsx("span",{className:c["close-container"],children:s.fr.jsx(v,{className:c["close-button"],size:"small",appearance:"ghost","aria-label":"Close dialog",icon:z.a})})]})});C.displayName="DialogHeader";const b=n.forwardRef((t,i)=>{const{children:o,sticky:a=!1,...f}=t,g=x.G(c.footer,{[c.sticky]:a});return s.fr.jsx("footer",{className:g,"data-anv":"dialog-footer",ref:i,...f,children:o})});b.displayName="DialogFooter";const N=n.forwardRef((t,i)=>{const{children:o,...a}=t,f=x.G(c.content,{});return s.fr.jsx("div",{className:f,"data-anv":"dialog-content",ref:i,...a,children:o})});N.displayName="DialogContent";const j=n.createContext(null),k=n.forwardRef((t,i)=>{const{className:o,open:a=!1,children:f,onOpen:g,onClose:l,onCancel:ee,onKeyDown:R,fullScreen:E=!1,disableCloseOnEscape:K=!1,disableCloseOnClickOutside:w=!1,size:L,...B}=t,d=n.useRef(null),F=n.useRef(null),r=n.useRef(null),h=n.useId(),H=x.G([c.dialog],o,{[c.fullscreen]:E,[c.large]:L==="large"}),q=S.a(d.current),p=q[0],y=q[q.length-1],D=n.useCallback(()=>{var e;if(r.current){const _=(r.current.dataset.dialogsOpen?r.current.dataset.dialogsOpen.split(" "):[]).filter(m=>m!==h);_.length===0?(r.current.removeAttribute("data-dialogs-open"),(e=r.current)==null||e.classList.remove("dialog-open")):r.current.dataset.dialogsOpen=_.join(" ")}},[h]);n.useEffect(()=>{if(typeof document>"u"||w)return;const e=_=>{_.composedPath()[0]===d.current&&(l==null||l())};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)},[w,l]),n.useEffect(()=>{var e,_,m,O;if(a){if(g==null||g(),(e=d.current)==null||e.showModal(),!r.current){const u=document.body??((_=d.current)==null?void 0:_.closest("body"));u&&(r.current=u)}if(!((m=d.current)!=null&&m.querySelector(":focus"))&&(p==null||p.focus()),(O=r.current)==null||O.classList.add("dialog-open"),r.current){const u=r.current.dataset.dialogsOpen?r.current.dataset.dialogsOpen.split(" "):[];if(u.includes(h))return;u.push(h),r.current.dataset.dialogsOpen=u.join(" ")}return}setTimeout(()=>{var u;(u=d.current)==null||u.close(),D()},1)},[p,h,g,a,D]);const M=e=>{if(R==null||R(e),e.code==="Escape"){if(e.preventDefault(),K)return;l==null||l();return}if(e.code==="Tab"){if(e.shiftKey&&e.target===p){e.preventDefault(),y==null||y.focus();return}if(e.target===y&&!e.shiftKey){e.preventDefault(),p==null||p.focus();return}}},P=n.useCallback(()=>{l==null||l()},[l]);return s.fr.jsx("dialog",{className:H,"data-anv":"dialog",ref:T.useMergeRefs([i,d]),onKeyDown:M,...B,children:s.fr.jsx(j.Provider,{value:{close:P,ref:d},children:s.fr.jsx("section",{ref:F,className:c.container,children:f})})})});function V(){const t=n.useContext(j);if(!t)throw new Error("useDialogContext must be used within a DialogContextProvider");return t}k.displayName="Dialog";const W=Object.assign(k,{Header:C,Footer:b,Content:N,CancelButton:v});exports.B=N;exports.H=j;exports.N=v;exports.R=b;exports.w=C;exports.ye=W;
|
|
2
|
+
//# sourceMappingURL=Dialog-de6969a2.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog-de6969a2.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Dialog.js"],"sourcesContent":["import \"./index12.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as h, createContext as A, useRef as b, useId as I, useCallback as k, useEffect as E, useContext as G } from \"react\";\nimport j from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport \"lodash.merge\";\nimport { getKeyboardFocusableElements as J } from \"./getKeyboardFocusableElements.js\";\nimport \"tinycolor2\";\nimport { useMergeRefs as Q } from \"@floating-ui/react\";\nimport { S as U } from \"./close-064c8acc.js\";\nimport { Text as V } from \"./Text.js\";\nimport { B as W } from \"./index-eb2e706f.js\";\nconst Y = \"_dialog_1nq1n_4\", Z = \"_container_1nq1n_23\", $ = \"_content_1nq1n_36\", ee = \"_header_1nq1n_44\", te = \"_footer_1nq1n_63\", ne = \"_large_1nq1n_100\", oe = \"_fullscreen_1nq1n_100\", se = \"_sticky_1nq1n_120\", c = {\n dialog: Y,\n \"close-dialog\": \"_close-dialog_1nq1n_1\",\n container: Z,\n content: $,\n header: ee,\n \"close-container\": \"_close-container_1nq1n_56\",\n footer: te,\n large: ne,\n fullscreen: oe,\n sticky: se,\n \"close-button\": \"_close-button_1nq1n_126\"\n}, N = h((o, l) => {\n const { onClick: s, ...a } = o, { close: f } = ae(), i = (t) => {\n f(), s == null || s(t);\n };\n return /* @__PURE__ */ r.jsx(\n W,\n {\n \"aria-label\": \"Close dialog\",\n \"data-anv\": \"dialog-cancel-button\",\n onClick: i,\n ref: l,\n ...a\n }\n );\n});\nN.displayName = \"DialogCancelButton\";\nconst w = h(\n (o, l) => {\n const { children: s, ...a } = o;\n return /* @__PURE__ */ r.jsxs(\n \"header\",\n {\n className: c.header,\n \"data-anv\": \"dialog-header\",\n ref: l,\n ...a,\n children: [\n /* @__PURE__ */ r.jsx(V, { variant: \"headline\", el: \"h1\", children: s }),\n /* @__PURE__ */ r.jsx(\"span\", { className: c[\"close-container\"], children: /* @__PURE__ */ r.jsx(\n N,\n {\n className: c[\"close-button\"],\n size: \"small\",\n appearance: \"ghost\",\n \"aria-label\": \"Close dialog\",\n icon: U\n }\n ) })\n ]\n }\n );\n }\n);\nw.displayName = \"DialogHeader\";\nconst R = h(\n (o, l) => {\n const { children: s, sticky: a = !1, ...f } = o, i = j(c.footer, {\n [c.sticky]: a\n });\n return /* @__PURE__ */ r.jsx(\n \"footer\",\n {\n className: i,\n \"data-anv\": \"dialog-footer\",\n ref: l,\n ...f,\n children: s\n }\n );\n }\n);\nR.displayName = \"DialogFooter\";\nconst B = h(\n (o, l) => {\n const { children: s, ...a } = o, f = j(c.content, {});\n return /* @__PURE__ */ r.jsx(\n \"div\",\n {\n className: f,\n \"data-anv\": \"dialog-content\",\n ref: l,\n ...a,\n children: s\n }\n );\n }\n);\nB.displayName = \"DialogContent\";\nconst H = A(null), K = h(\n (o, l) => {\n const {\n className: s,\n open: a = !1,\n children: f,\n onOpen: i,\n onClose: t,\n onCancel: re,\n onKeyDown: C,\n fullScreen: L = !1,\n disableCloseOnEscape: S = !1,\n disableCloseOnClickOutside: O = !1,\n size: F,\n ...P\n } = o, d = b(null), T = b(null), n = b(null), m = I(), z = j([c.dialog], s, {\n [c.fullscreen]: L,\n [c.large]: F === \"large\"\n }), D = J(d.current), u = D[0], x = D[D.length - 1], q = k(() => {\n var e;\n if (n.current) {\n const _ = (n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : []).filter((y) => y !== m);\n _.length === 0 ? (n.current.removeAttribute(\"data-dialogs-open\"), (e = n.current) == null || e.classList.remove(\"dialog-open\")) : n.current.dataset.dialogsOpen = _.join(\" \");\n }\n }, [m]);\n E(() => {\n if (typeof document > \"u\" || O)\n return;\n const e = (p) => {\n p.composedPath()[0] === d.current && (t == null || t());\n };\n return document.addEventListener(\"click\", e), () => document.removeEventListener(\"click\", e);\n }, [O, t]), E(() => {\n var e, p, _, y;\n if (a) {\n if (i == null || i(), (e = d.current) == null || e.showModal(), !n.current) {\n const g = document.body ?? ((p = d.current) == null ? void 0 : p.closest(\"body\"));\n g && (n.current = g);\n }\n if (!((_ = d.current) == null ? void 0 : _.querySelector(\":focus\")) && (u == null || u.focus()), (y = n.current) == null || y.classList.add(\"dialog-open\"), n.current) {\n const g = n.current.dataset.dialogsOpen ? n.current.dataset.dialogsOpen.split(\" \") : [];\n if (g.includes(m))\n return;\n g.push(m), n.current.dataset.dialogsOpen = g.join(\" \");\n }\n return;\n }\n setTimeout(() => {\n var v;\n (v = d.current) == null || v.close(), q();\n }, 1);\n }, [u, m, i, a, q]);\n const M = (e) => {\n if (C == null || C(e), e.code === \"Escape\") {\n if (e.preventDefault(), S)\n return;\n t == null || t();\n return;\n }\n if (e.code === \"Tab\") {\n if (e.shiftKey && e.target === u) {\n e.preventDefault(), x == null || x.focus();\n return;\n }\n if (e.target === x && !e.shiftKey) {\n e.preventDefault(), u == null || u.focus();\n return;\n }\n }\n }, X = k(() => {\n t == null || t();\n }, [t]);\n return (\n // dialog element does seem to be interactive on MDN guideline\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n /* @__PURE__ */ r.jsx(\n \"dialog\",\n {\n className: z,\n \"data-anv\": \"dialog\",\n ref: Q([l, d]),\n onKeyDown: M,\n ...P,\n children: /* @__PURE__ */ r.jsx(H.Provider, { value: { close: X, ref: d }, children: /* @__PURE__ */ r.jsx(\"section\", { ref: T, className: c.container, children: f }) })\n }\n )\n );\n }\n);\nfunction ae() {\n const o = G(H);\n if (!o)\n throw new Error(\n \"useDialogContext must be used within a DialogContextProvider\"\n );\n return o;\n}\nK.displayName = \"Dialog\";\nconst ye = Object.assign(K, {\n Header: w,\n Footer: R,\n Content: B,\n CancelButton: N\n});\nexport {\n ye as Dialog,\n N as DialogCancelButton,\n B as DialogContent,\n H as DialogContext,\n R as DialogFooter,\n w as DialogHeader\n};\n//# sourceMappingURL=Dialog.js.map\n"],"names":["Y","Z","$","ee","te","ne","oe","se","N","React","o","l","s","ae","i","t","jsxRuntime944c88e2","indexEb2e706f","w","Text","close064c8acc","R","index","B","H","K","re","C","L","S","O","F","P","T","n","m","z","D","getKeyboardFocusableElements","u","x","q","y","p","_","g","v","X","useMergeRefs","ye"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Dialog.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-494437bb.cjs"),a=require("./Dialog-de6969a2.cjs"),r=require("react"),c=require("./useTrackingId.cjs"),x=require("./childrenToString-0cd30a27.cjs"),j=r.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.ye,{ref:t,...e})),s=r.forwardRef((e,t)=>{const i={children:x.n(e.children)},o=c.useTrackingId({name:"Announcement",data:i,hasOverride:!!e["data-tracking-id"]});return n.jsxRuntimeExports.jsx(a.w,{ref:t,"data-tracking-id":o,...e})}),d=r.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.R,{ref:t,...e})),u=r.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.B,{ref:t,...e})),l=r.forwardRef((e,t)=>{const i={title:e.title,appearance:e.appearance,size:e.size,type:e.type},o=c.useTrackingId({name:"DialogCancelButton",data:i,hasOverride:!!e["data-tracking-id"]});return n.jsxRuntimeExports.jsx(a.N,{ref:t,"data-tracking-id":o,...e})}),g=Object.assign(j,{Header:s,Footer:d,Content:u,CancelButton:l});exports.Dialog=g;exports.DialogCancelButton=l;exports.DialogContent=u;exports.DialogFooter=d;exports.DialogHeader=s;exports.default=g;
|
|
2
2
|
//# sourceMappingURL=Dialog.cjs.map
|
package/Dialog.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.cjs","sources":["../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import {\n Dialog as CoreDialog,\n DialogHeader as CoreDialogHeader,\n DialogFooter as CoreDialogFooter,\n DialogContent as CoreDialogContent,\n DialogCancelButton as CoreDialogCancelButton,\n DialogProps as CoreDialogProps,\n DialogHeaderProps as CoreDialogHeaderProps,\n DialogFooterProps as CoreDialogFooterProps,\n DialogContentProps as CoreDialogContentProps,\n DialogCancelButtonProps as CoreDialogCancelButtonProps,\n} from \"@servicetitan/hammer-react/dist/Dialog\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type DialogProps = CoreDialogProps;\nexport type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;\nexport type DialogFooterProps = CoreDialogFooterProps;\nexport type DialogContentProps = CoreDialogContentProps;\nexport type DialogCancelButtonProps = CoreDialogCancelButtonProps &\n DataTrackingId;\n\nconst DialogElement = forwardRef(\n (props: DialogProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDialog ref={ref} {...props} />;\n }\n);\n\nexport const DialogHeader = forwardRef(\n (props: DialogHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\nexport const DialogFooter = forwardRef(\n (props: DialogFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogFooter ref={ref} {...props} />;\n }\n);\nexport const DialogContent = forwardRef(\n (props: DialogContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogContent ref={ref} {...props} />;\n }\n);\nexport const DialogCancelButton = forwardRef(\n (props: DialogCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n title: props.title,\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DialogCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const Dialog = Object.assign(DialogElement, {\n Header: DialogHeader,\n Footer: DialogFooter,\n Content: DialogContent,\n CancelButton: DialogCancelButton,\n});\n"],"names":["DialogElement","forwardRef","props","ref","jsx","CoreDialog","DialogHeader","data","childrenToString","trackingId","useTrackingId","CoreDialogHeader","DialogFooter","CoreDialogFooter","DialogContent","CoreDialogContent","DialogCancelButton","CoreDialogCancelButton","Dialog"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dialog.cjs","sources":["../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import {\n Dialog as CoreDialog,\n DialogHeader as CoreDialogHeader,\n DialogFooter as CoreDialogFooter,\n DialogContent as CoreDialogContent,\n DialogCancelButton as CoreDialogCancelButton,\n DialogProps as CoreDialogProps,\n DialogHeaderProps as CoreDialogHeaderProps,\n DialogFooterProps as CoreDialogFooterProps,\n DialogContentProps as CoreDialogContentProps,\n DialogCancelButtonProps as CoreDialogCancelButtonProps,\n} from \"@servicetitan/hammer-react/dist/Dialog\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react/dist/childrenToString\";\n\nexport type DialogProps = CoreDialogProps;\nexport type DialogHeaderProps = CoreDialogHeaderProps & DataTrackingId;\nexport type DialogFooterProps = CoreDialogFooterProps;\nexport type DialogContentProps = CoreDialogContentProps;\nexport type DialogCancelButtonProps = CoreDialogCancelButtonProps &\n DataTrackingId;\n\nconst DialogElement = forwardRef(\n (props: DialogProps, ref: Ref<HTMLDialogElement>) => {\n return <CoreDialog ref={ref} {...props} />;\n }\n);\n\nexport const DialogHeader = forwardRef(\n (props: DialogHeaderProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n };\n\n const trackingId = useTrackingId({\n name: \"Announcement\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogHeader ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\nexport const DialogFooter = forwardRef(\n (props: DialogFooterProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogFooter ref={ref} {...props} />;\n }\n);\nexport const DialogContent = forwardRef(\n (props: DialogContentProps, ref: Ref<HTMLDivElement>) => {\n return <CoreDialogContent ref={ref} {...props} />;\n }\n);\nexport const DialogCancelButton = forwardRef(\n (props: DialogCancelButtonProps, ref: Ref<HTMLButtonElement>) => {\n const data = {\n title: props.title,\n appearance: props.appearance,\n size: props.size,\n type: props.type,\n };\n\n const trackingId = useTrackingId({\n name: \"DialogCancelButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreDialogCancelButton\n ref={ref}\n data-tracking-id={trackingId}\n {...props}\n />\n );\n }\n);\n\nexport const Dialog = Object.assign(DialogElement, {\n Header: DialogHeader,\n Footer: DialogFooter,\n Content: DialogContent,\n CancelButton: DialogCancelButton,\n});\n"],"names":["DialogElement","forwardRef","props","ref","jsx","CoreDialog","DialogHeader","data","childrenToString","trackingId","useTrackingId","CoreDialogHeader","DialogFooter","CoreDialogFooter","DialogContent","CoreDialogContent","DialogCancelButton","CoreDialogCancelButton","Dialog"],"mappings":"8RAwBMA,EAAgBC,EAAA,WACpB,CAACC,EAAoBC,IACXC,EAAAA,kBAAAA,IAAAC,EAAAA,GAAA,CAAW,IAAAF,EAAW,GAAGD,CAAO,CAAA,CAE5C,EAEaI,EAAeL,EAAA,WAC1B,CAACC,EAA0BC,IAA6B,CACtD,MAAMI,EAAO,CACX,SAAUC,EAAAA,EAAiBN,EAAM,QAAQ,CAAA,EAGrCO,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACL,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGS,EAAiB,EAAA,CAAA,IAAAR,EAAU,mBAAkBM,EAAa,GAAGP,CAAO,CAAA,CAEzE,CACF,EACaU,EAAeX,EAAA,WAC1B,CAACC,EAA0BC,IACjBC,EAAAA,kBAAAA,IAAAS,EAAAA,EAAA,CAAiB,IAAAV,EAAW,GAAGD,CAAO,CAAA,CAElD,EACaY,EAAgBb,EAAA,WAC3B,CAACC,EAA2BC,IAClBC,EAAAA,kBAAAA,IAAAW,EAAAA,EAAA,CAAkB,IAAAZ,EAAW,GAAGD,CAAO,CAAA,CAEnD,EACac,EAAqBf,EAAA,WAChC,CAACC,EAAgCC,IAAgC,CAC/D,MAAMI,EAAO,CACX,MAAOL,EAAM,MACb,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,KAAMA,EAAM,IAAA,EAGRO,EAAaC,EAAAA,cAAc,CAC/B,KAAM,qBACN,KAAAH,EACA,YAAa,CAAC,CAACL,EAAM,kBAAkB,CAAA,CACxC,EAEC,OAAAE,EAAA,kBAAA,IAACa,EAAA,EAAA,CACC,IAAAd,EACA,mBAAkBM,EACjB,GAAGP,CAAA,CAAA,CAGV,CACF,EAEagB,EAAS,OAAO,OAAOlB,EAAe,CACjD,OAAQM,EACR,OAAQM,EACR,QAASE,EACT,aAAcE,CAChB,CAAC"}
|