@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Overflow-057bbf4e.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js"],"sourcesContent":["import \"./index21.css\";\nimport { j as o } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as L } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nimport E from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_4bvd0_2\", D = \"_expanded_4bvd0_2\", G = \"_content_4bvd0_55\", J = \"_horizontal_4bvd0_99\", K = \"_truncate_4bvd0_102\", t = {\n overflow: B,\n expanded: D,\n \"shadow-top\": \"_shadow-top_4bvd0_2\",\n \"shadow-right\": \"_shadow-right_4bvd0_6\",\n \"shadow-bottom\": \"_shadow-bottom_4bvd0_10\",\n \"shadow-left\": \"_shadow-left_4bvd0_14\",\n \"overflow-text\": \"_overflow-text_4bvd0_21\",\n \"expand-button\": \"_expand-button_4bvd0_34\",\n content: G,\n horizontal: J,\n truncate: K\n}, I = W(\n (f, x) => {\n const { rows: v = 1, ...N } = f, { layoutStyles: w, componentProps: O } = L(N), [n, u] = C(!1), { className: g, style: H, children: e, ...h } = O, p = {\n ...H,\n ...w,\n \"--overflow-text-row\": n ? \"initial\" : v\n };\n if (\"expandable\" in f && f.expandable === !0) {\n const {\n expandable: b,\n expandText: j,\n collapseText: a,\n onExpand: c,\n onCollapse: i,\n ..._\n } = h, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (d) => {\n if (u((m) => !m), n) {\n i == null || i(d);\n return;\n }\n c == null || c(d);\n }, r = E(\n [t[\"overflow-text\"]],\n [t.expandable],\n {\n [t.expanded]: n\n }\n );\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n ref: x,\n className: r,\n style: p,\n \"data-anv\": \"overflow-text\",\n ..._,\n children: [\n /* @__PURE__ */ o.jsx(\"div\", { className: t.content, children: e }),\n /* @__PURE__ */ o.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: s,\n \"aria-hidden\": !0,\n children: n ? S : y\n }\n )\n ]\n }\n );\n }\n const l = E([t[\"overflow-text\"]]);\n return /* @__PURE__ */ o.jsx(\n \"div\",\n {\n ref: x,\n className: l,\n style: p,\n \"data-anv\": \"overflow-text\",\n ...h,\n children: /* @__PURE__ */ o.jsx(\"div\", { className: t.content, children: e })\n }\n );\n }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n (f, x) => {\n const { layoutStyles: v, componentProps: N } = L(f), {\n children: w,\n className: O,\n direction: n = \"column\",\n style: u,\n height: g,\n width: H,\n truncate: e,\n gap: h,\n ...p\n } = N, l = q(null), [b, j] = C(!1), [a, c] = C({\n left: !1,\n right: !1,\n top: !1,\n bottom: !1\n });\n A(() => {\n if (!l.current)\n return;\n if (n === \"row\") {\n const r = l.current.offsetWidth < l.current.scrollWidth;\n c((d) => ({\n ...d,\n right: r\n }));\n return;\n }\n const s = l.current.offsetHeight < l.current.scrollHeight;\n c((r) => ({\n ...r,\n bottom: s\n }));\n }, [n]);\n const i = () => {\n if (!l.current)\n return;\n const s = l.current;\n if (n === \"row\") {\n const m = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n c({\n left: m,\n right: T,\n top: !1,\n bottom: !1\n });\n return;\n }\n const r = s.scrollTop > 0, d = s.scrollTop < s.scrollHeight - s.offsetHeight;\n c({\n top: r,\n bottom: d,\n left: !1,\n right: !1\n });\n }, _ = E([t.overflow], {\n [t.vertical]: n === \"column\",\n [t.horizontal]: n === \"row\",\n [t.truncate]: !!e,\n [t.expanded]: b\n });\n if (e) {\n const s = {\n ...u,\n ...v\n }, r = {\n height: g ?? void 0\n }, d = typeof e == \"object\" ? e.expandText : \"Show more...\", m = typeof e == \"object\" ? e.collapseText : \"Show less...\", T = (R) => {\n var k, z;\n if (j((U) => !U), setTimeout(() => {\n i();\n }, 100), typeof e == \"object\") {\n if (b) {\n (k = e.onCollapse) == null || k.call(e, R);\n return;\n }\n (z = e.onExpand) == null || z.call(e, R);\n }\n };\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n ref: x,\n style: s,\n className: _,\n \"data-anv\": \"overflow\",\n ...p,\n children: [\n a.top && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n a.left && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n /* @__PURE__ */ o.jsx(\n P,\n {\n className: t.content,\n onScroll: i,\n style: r,\n ref: l,\n direction: n,\n gap: h,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n /* @__PURE__ */ o.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: T,\n children: b ? m : d\n }\n )\n ]\n }\n );\n }\n const y = {\n ...u,\n ...v\n }, S = {\n height: g ?? void 0\n };\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n ref: x,\n style: y,\n className: _,\n \"data-anv\": \"overflow\",\n ...p,\n children: [\n a.left ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n a.top ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n /* @__PURE__ */ o.jsx(\n P,\n {\n className: t.content,\n onScroll: i,\n ref: l,\n style: S,\n direction: n,\n gap: h,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n ]\n }\n );\n }\n);\nF.displayName = \"Overflow\";\nconst ot = Object.assign(F, {\n Text: I\n});\nexport {\n ot as Overflow,\n I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n"],"names":["B","D","G","J","K","I","React","f","x","v","w","O","useLayoutPropsUtil","n","u","H","h","p","b","j","a","c","i","_","y","S","d","m","r","index","jsxRuntime944c88e2","F","T","R","k","z","U","Flex","ot"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import "./Overflow.css";
|
|
2
|
+
import { f as o } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
+
import { forwardRef as I, useState as H, useRef as B, useEffect as D } from "react";
|
|
4
|
+
import "./tinycolor-d415b1fd.js";
|
|
5
|
+
import { J } from "./useLayoutPropsUtil-f34e9597.js";
|
|
6
|
+
import { G as O } from "./index-c6e22bb9.js";
|
|
7
|
+
import { j as G } from "./Flex-d06c75c0.js";
|
|
8
|
+
const F = "_overflow_4bvd0_2", K = "_expanded_4bvd0_2", R = "_content_4bvd0_55", q = "_horizontal_4bvd0_99", A = "_truncate_4bvd0_102", t = {
|
|
9
|
+
overflow: F,
|
|
10
|
+
expanded: K,
|
|
11
|
+
"shadow-top": "_shadow-top_4bvd0_2",
|
|
12
|
+
"shadow-right": "_shadow-right_4bvd0_6",
|
|
13
|
+
"shadow-bottom": "_shadow-bottom_4bvd0_10",
|
|
14
|
+
"shadow-left": "_shadow-left_4bvd0_14",
|
|
15
|
+
"overflow-text": "_overflow-text_4bvd0_21",
|
|
16
|
+
"expand-button": "_expand-button_4bvd0_34",
|
|
17
|
+
content: R,
|
|
18
|
+
horizontal: q,
|
|
19
|
+
truncate: A
|
|
20
|
+
}, $ = I(
|
|
21
|
+
(h, f) => {
|
|
22
|
+
const { rows: v = 1, ...j } = h, { layoutStyles: x, componentProps: z } = J(j), [s, w] = H(!1), { className: N, style: C, children: e, ...m } = z, p = {
|
|
23
|
+
...C,
|
|
24
|
+
...x,
|
|
25
|
+
"--overflow-text-row": s ? "initial" : v
|
|
26
|
+
};
|
|
27
|
+
if ("expandable" in h && h.expandable === !0) {
|
|
28
|
+
const {
|
|
29
|
+
expandable: b,
|
|
30
|
+
expandText: g,
|
|
31
|
+
collapseText: r,
|
|
32
|
+
onExpand: d,
|
|
33
|
+
onCollapse: i,
|
|
34
|
+
..._
|
|
35
|
+
} = m, y = g ?? "Show more...", S = r ?? "Show less...", l = (c) => {
|
|
36
|
+
if (w((u) => !u), s) {
|
|
37
|
+
i == null || i(c);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
d == null || d(c);
|
|
41
|
+
}, a = O(
|
|
42
|
+
[t["overflow-text"]],
|
|
43
|
+
[t.expandable],
|
|
44
|
+
{
|
|
45
|
+
[t.expanded]: s
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
return /* @__PURE__ */ o.jsxs(
|
|
49
|
+
"div",
|
|
50
|
+
{
|
|
51
|
+
ref: f,
|
|
52
|
+
className: a,
|
|
53
|
+
style: p,
|
|
54
|
+
"data-anv": "overflow-text",
|
|
55
|
+
..._,
|
|
56
|
+
children: [
|
|
57
|
+
/* @__PURE__ */ o.jsx("div", { className: t.content, children: e }),
|
|
58
|
+
/* @__PURE__ */ o.jsx(
|
|
59
|
+
"button",
|
|
60
|
+
{
|
|
61
|
+
className: t["expand-button"],
|
|
62
|
+
onClick: l,
|
|
63
|
+
"aria-hidden": !0,
|
|
64
|
+
children: s ? S : y
|
|
65
|
+
}
|
|
66
|
+
)
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
const n = O([t["overflow-text"]]);
|
|
72
|
+
return /* @__PURE__ */ o.jsx(
|
|
73
|
+
"div",
|
|
74
|
+
{
|
|
75
|
+
ref: f,
|
|
76
|
+
className: n,
|
|
77
|
+
style: p,
|
|
78
|
+
"data-anv": "overflow-text",
|
|
79
|
+
...m,
|
|
80
|
+
children: /* @__PURE__ */ o.jsx("div", { className: t.content, children: e })
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
$.displayName = "OverflowText";
|
|
86
|
+
const L = I(
|
|
87
|
+
(h, f) => {
|
|
88
|
+
const { layoutStyles: v, componentProps: j } = J(h), {
|
|
89
|
+
children: x,
|
|
90
|
+
className: z,
|
|
91
|
+
direction: s = "column",
|
|
92
|
+
style: w,
|
|
93
|
+
height: N,
|
|
94
|
+
width: C,
|
|
95
|
+
truncate: e,
|
|
96
|
+
gap: m,
|
|
97
|
+
...p
|
|
98
|
+
} = j, n = B(null), [b, g] = H(!1), [r, d] = H({
|
|
99
|
+
left: !1,
|
|
100
|
+
right: !1,
|
|
101
|
+
top: !1,
|
|
102
|
+
bottom: !1
|
|
103
|
+
});
|
|
104
|
+
D(() => {
|
|
105
|
+
if (!n.current)
|
|
106
|
+
return;
|
|
107
|
+
if (s === "row") {
|
|
108
|
+
const a = n.current.offsetWidth < n.current.scrollWidth;
|
|
109
|
+
d((c) => ({
|
|
110
|
+
...c,
|
|
111
|
+
right: a
|
|
112
|
+
}));
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
const l = n.current.offsetHeight < n.current.scrollHeight;
|
|
116
|
+
d((a) => ({
|
|
117
|
+
...a,
|
|
118
|
+
bottom: l
|
|
119
|
+
}));
|
|
120
|
+
}, [s]);
|
|
121
|
+
const i = () => {
|
|
122
|
+
if (!n.current)
|
|
123
|
+
return;
|
|
124
|
+
const l = n.current;
|
|
125
|
+
if (s === "row") {
|
|
126
|
+
const u = l.scrollLeft > 0, T = l.scrollLeft < l.scrollWidth - l.offsetWidth;
|
|
127
|
+
d({
|
|
128
|
+
left: u,
|
|
129
|
+
right: T,
|
|
130
|
+
top: !1,
|
|
131
|
+
bottom: !1
|
|
132
|
+
});
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
const a = l.scrollTop > 0, c = l.scrollTop < l.scrollHeight - l.offsetHeight;
|
|
136
|
+
d({
|
|
137
|
+
top: a,
|
|
138
|
+
bottom: c,
|
|
139
|
+
left: !1,
|
|
140
|
+
right: !1
|
|
141
|
+
});
|
|
142
|
+
}, _ = O([t.overflow], {
|
|
143
|
+
[t.vertical]: s === "column",
|
|
144
|
+
[t.horizontal]: s === "row",
|
|
145
|
+
[t.truncate]: !!e,
|
|
146
|
+
[t.expanded]: b
|
|
147
|
+
});
|
|
148
|
+
if (e) {
|
|
149
|
+
const l = {
|
|
150
|
+
...w,
|
|
151
|
+
...v
|
|
152
|
+
}, a = {
|
|
153
|
+
height: N ?? void 0
|
|
154
|
+
}, c = typeof e == "object" ? e.expandText : "Show more...", u = typeof e == "object" ? e.collapseText : "Show less...", T = (W) => {
|
|
155
|
+
var k, E;
|
|
156
|
+
if (g((P) => !P), setTimeout(() => {
|
|
157
|
+
i();
|
|
158
|
+
}, 100), typeof e == "object") {
|
|
159
|
+
if (b) {
|
|
160
|
+
(k = e.onCollapse) == null || k.call(e, W);
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
(E = e.onExpand) == null || E.call(e, W);
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
return /* @__PURE__ */ o.jsxs(
|
|
167
|
+
"div",
|
|
168
|
+
{
|
|
169
|
+
ref: f,
|
|
170
|
+
style: l,
|
|
171
|
+
className: _,
|
|
172
|
+
"data-anv": "overflow",
|
|
173
|
+
...p,
|
|
174
|
+
children: [
|
|
175
|
+
r.top && !e ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-top"] }) : null,
|
|
176
|
+
r.left && !e ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-left"] }) : null,
|
|
177
|
+
/* @__PURE__ */ o.jsx(
|
|
178
|
+
G,
|
|
179
|
+
{
|
|
180
|
+
className: t.content,
|
|
181
|
+
onScroll: i,
|
|
182
|
+
style: a,
|
|
183
|
+
ref: n,
|
|
184
|
+
direction: s,
|
|
185
|
+
gap: m,
|
|
186
|
+
tabIndex: 0,
|
|
187
|
+
children: x
|
|
188
|
+
}
|
|
189
|
+
),
|
|
190
|
+
r.bottom && !e ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-bottom"] }) : null,
|
|
191
|
+
r.right && !e ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-right"] }) : null,
|
|
192
|
+
/* @__PURE__ */ o.jsx(
|
|
193
|
+
"button",
|
|
194
|
+
{
|
|
195
|
+
className: t["expand-button"],
|
|
196
|
+
onClick: T,
|
|
197
|
+
children: b ? u : c
|
|
198
|
+
}
|
|
199
|
+
)
|
|
200
|
+
]
|
|
201
|
+
}
|
|
202
|
+
);
|
|
203
|
+
}
|
|
204
|
+
const y = {
|
|
205
|
+
...w,
|
|
206
|
+
...v
|
|
207
|
+
}, S = {
|
|
208
|
+
height: N ?? void 0
|
|
209
|
+
};
|
|
210
|
+
return /* @__PURE__ */ o.jsxs(
|
|
211
|
+
"div",
|
|
212
|
+
{
|
|
213
|
+
ref: f,
|
|
214
|
+
style: y,
|
|
215
|
+
className: _,
|
|
216
|
+
"data-anv": "overflow",
|
|
217
|
+
...p,
|
|
218
|
+
children: [
|
|
219
|
+
r.left ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-left"] }) : null,
|
|
220
|
+
r.top ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-top"] }) : null,
|
|
221
|
+
/* @__PURE__ */ o.jsx(
|
|
222
|
+
G,
|
|
223
|
+
{
|
|
224
|
+
className: t.content,
|
|
225
|
+
onScroll: i,
|
|
226
|
+
ref: n,
|
|
227
|
+
style: S,
|
|
228
|
+
direction: s,
|
|
229
|
+
gap: m,
|
|
230
|
+
tabIndex: 0,
|
|
231
|
+
children: x
|
|
232
|
+
}
|
|
233
|
+
),
|
|
234
|
+
r.bottom ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-bottom"] }) : null,
|
|
235
|
+
r.right ? /* @__PURE__ */ o.jsx("div", { className: t["shadow-right"] }) : null
|
|
236
|
+
]
|
|
237
|
+
}
|
|
238
|
+
);
|
|
239
|
+
}
|
|
240
|
+
);
|
|
241
|
+
L.displayName = "Overflow";
|
|
242
|
+
const tt = Object.assign(L, {
|
|
243
|
+
Text: $
|
|
244
|
+
});
|
|
245
|
+
export {
|
|
246
|
+
$ as I,
|
|
247
|
+
tt as o
|
|
248
|
+
};
|
|
249
|
+
//# sourceMappingURL=Overflow-a026904d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Overflow-a026904d.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js"],"sourcesContent":["import \"./index21.css\";\nimport { j as o } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { useLayoutPropsUtil as L } from \"./useLayoutPropsUtil.js\";\nimport \"@floating-ui/react\";\nimport E from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_4bvd0_2\", D = \"_expanded_4bvd0_2\", G = \"_content_4bvd0_55\", J = \"_horizontal_4bvd0_99\", K = \"_truncate_4bvd0_102\", t = {\n overflow: B,\n expanded: D,\n \"shadow-top\": \"_shadow-top_4bvd0_2\",\n \"shadow-right\": \"_shadow-right_4bvd0_6\",\n \"shadow-bottom\": \"_shadow-bottom_4bvd0_10\",\n \"shadow-left\": \"_shadow-left_4bvd0_14\",\n \"overflow-text\": \"_overflow-text_4bvd0_21\",\n \"expand-button\": \"_expand-button_4bvd0_34\",\n content: G,\n horizontal: J,\n truncate: K\n}, I = W(\n (f, x) => {\n const { rows: v = 1, ...N } = f, { layoutStyles: w, componentProps: O } = L(N), [n, u] = C(!1), { className: g, style: H, children: e, ...h } = O, p = {\n ...H,\n ...w,\n \"--overflow-text-row\": n ? \"initial\" : v\n };\n if (\"expandable\" in f && f.expandable === !0) {\n const {\n expandable: b,\n expandText: j,\n collapseText: a,\n onExpand: c,\n onCollapse: i,\n ..._\n } = h, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (d) => {\n if (u((m) => !m), n) {\n i == null || i(d);\n return;\n }\n c == null || c(d);\n }, r = E(\n [t[\"overflow-text\"]],\n [t.expandable],\n {\n [t.expanded]: n\n }\n );\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n ref: x,\n className: r,\n style: p,\n \"data-anv\": \"overflow-text\",\n ..._,\n children: [\n /* @__PURE__ */ o.jsx(\"div\", { className: t.content, children: e }),\n /* @__PURE__ */ o.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: s,\n \"aria-hidden\": !0,\n children: n ? S : y\n }\n )\n ]\n }\n );\n }\n const l = E([t[\"overflow-text\"]]);\n return /* @__PURE__ */ o.jsx(\n \"div\",\n {\n ref: x,\n className: l,\n style: p,\n \"data-anv\": \"overflow-text\",\n ...h,\n children: /* @__PURE__ */ o.jsx(\"div\", { className: t.content, children: e })\n }\n );\n }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n (f, x) => {\n const { layoutStyles: v, componentProps: N } = L(f), {\n children: w,\n className: O,\n direction: n = \"column\",\n style: u,\n height: g,\n width: H,\n truncate: e,\n gap: h,\n ...p\n } = N, l = q(null), [b, j] = C(!1), [a, c] = C({\n left: !1,\n right: !1,\n top: !1,\n bottom: !1\n });\n A(() => {\n if (!l.current)\n return;\n if (n === \"row\") {\n const r = l.current.offsetWidth < l.current.scrollWidth;\n c((d) => ({\n ...d,\n right: r\n }));\n return;\n }\n const s = l.current.offsetHeight < l.current.scrollHeight;\n c((r) => ({\n ...r,\n bottom: s\n }));\n }, [n]);\n const i = () => {\n if (!l.current)\n return;\n const s = l.current;\n if (n === \"row\") {\n const m = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n c({\n left: m,\n right: T,\n top: !1,\n bottom: !1\n });\n return;\n }\n const r = s.scrollTop > 0, d = s.scrollTop < s.scrollHeight - s.offsetHeight;\n c({\n top: r,\n bottom: d,\n left: !1,\n right: !1\n });\n }, _ = E([t.overflow], {\n [t.vertical]: n === \"column\",\n [t.horizontal]: n === \"row\",\n [t.truncate]: !!e,\n [t.expanded]: b\n });\n if (e) {\n const s = {\n ...u,\n ...v\n }, r = {\n height: g ?? void 0\n }, d = typeof e == \"object\" ? e.expandText : \"Show more...\", m = typeof e == \"object\" ? e.collapseText : \"Show less...\", T = (R) => {\n var k, z;\n if (j((U) => !U), setTimeout(() => {\n i();\n }, 100), typeof e == \"object\") {\n if (b) {\n (k = e.onCollapse) == null || k.call(e, R);\n return;\n }\n (z = e.onExpand) == null || z.call(e, R);\n }\n };\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n ref: x,\n style: s,\n className: _,\n \"data-anv\": \"overflow\",\n ...p,\n children: [\n a.top && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n a.left && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n /* @__PURE__ */ o.jsx(\n P,\n {\n className: t.content,\n onScroll: i,\n style: r,\n ref: l,\n direction: n,\n gap: h,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right && !e ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n /* @__PURE__ */ o.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: T,\n children: b ? m : d\n }\n )\n ]\n }\n );\n }\n const y = {\n ...u,\n ...v\n }, S = {\n height: g ?? void 0\n };\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n ref: x,\n style: y,\n className: _,\n \"data-anv\": \"overflow\",\n ...p,\n children: [\n a.left ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n a.top ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n /* @__PURE__ */ o.jsx(\n P,\n {\n className: t.content,\n onScroll: i,\n ref: l,\n style: S,\n direction: n,\n gap: h,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right ? /* @__PURE__ */ o.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n ]\n }\n );\n }\n);\nF.displayName = \"Overflow\";\nconst ot = Object.assign(F, {\n Text: I\n});\nexport {\n ot as Overflow,\n I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n"],"names":["B","D","G","J","K","I","forwardRef","f","x","N","w","O","J$1","n","u","useState","g","H","h","j","a","c","s","d","m","r","G$1","fr","l","F","useRef","j$1","useEffect","R","z","U","ot"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Overflow.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 a=require("./jsx-runtime-494437bb.cjs"),i=require("./Overflow-057bbf4e.cjs"),c=require("react"),d=require("./useTrackingId.cjs"),s=require("./childrenToString-0cd30a27.cjs"),u=c.forwardRef((e,t)=>{const r={children:s.n(e.children),height:e.height,truncate:e.truncate},n=d.useTrackingId({name:"Overflow",data:r,hasOverride:!!e["data-tracking-id"]});return a.jsxRuntimeExports.jsx(i.ot,{ref:t,"data-tracking-id":n,...e})}),l=c.forwardRef((e,t)=>{const r={children:e.children,rows:e.rows,expandable:e.expandable,expandText:e.expandText,collapseText:e.collapseText},n=d.useTrackingId({name:"OverflowText",data:r,hasOverride:!!e["data-tracking-id"]});return a.jsxRuntimeExports.jsx(i.I,{ref:t,"data-tracking-id":n,...e})}),o=Object.assign(u,{Text:l});exports.Overflow=o;exports.OverflowText=l;exports.default=o;
|
|
2
2
|
//# sourceMappingURL=Overflow.cjs.map
|
package/Overflow.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overflow.cjs","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import {\n OverflowProps as CoreOverflowProps,\n Overflow as CoreOverflow,\n OverflowText as CoreOverflowText,\n OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n height: props.height,\n truncate: props.truncate,\n };\n\n const trackingId = useTrackingId({\n name: \"Overflow\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\nexport const OverflowText = forwardRef(\n (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: props.children,\n rows: props.rows,\n expandable: props.expandable,\n expandText: props.expandText,\n collapseText: props.collapseText,\n };\n\n const trackingId = useTrackingId({\n name: \"OverflowText\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n Text: OverflowText,\n});\n"],"names":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Overflow.cjs","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import {\n OverflowProps as CoreOverflowProps,\n Overflow as CoreOverflow,\n OverflowText as CoreOverflowText,\n OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\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 OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n height: props.height,\n truncate: props.truncate,\n };\n\n const trackingId = useTrackingId({\n name: \"Overflow\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\nexport const OverflowText = forwardRef(\n (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: props.children,\n rows: props.rows,\n expandable: props.expandable,\n expandText: props.expandText,\n collapseText: props.collapseText,\n };\n\n const trackingId = useTrackingId({\n name: \"OverflowText\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n Text: OverflowText,\n});\n"],"names":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":"gSAcMA,EAAkBC,EAAA,WACtB,CAACC,EAAsBC,IAA6B,CAClD,MAAMC,EAAO,CACX,SAAUC,EAAAA,EAAiBH,EAAM,QAAQ,EACzC,OAAQA,EAAM,OACd,SAAUA,EAAM,QAAA,EAGZI,EAAaC,EAAAA,cAAc,CAC/B,KAAM,WACN,KAAAH,EACA,YAAa,CAAC,CAACF,EAAM,kBAAkB,CAAA,CACxC,EACD,+BAAQM,EAAa,GAAA,CAAA,IAAAL,EAAU,mBAAkBG,EAAa,GAAGJ,CAAO,CAAA,CAC1E,CACF,EACaO,EAAeR,EAAA,WAC1B,CAACC,EAA0BC,IAA6B,CACtD,MAAMC,EAAO,CACX,SAAUF,EAAM,SAChB,KAAMA,EAAM,KACZ,WAAYA,EAAM,WAClB,WAAYA,EAAM,WAClB,aAAcA,EAAM,YAAA,EAGhBI,EAAaC,EAAAA,cAAc,CAC/B,KAAM,eACN,KAAAH,EACA,YAAa,CAAC,CAACF,EAAM,kBAAkB,CAAA,CACxC,EACD,+BACGQ,EAAiB,EAAA,CAAA,IAAAP,EAAU,mBAAkBG,EAAa,GAAGJ,CAAO,CAAA,CAEzE,CACF,EAEaS,EAAW,OAAO,OAAOX,EAAiB,CACrD,KAAMS,CACR,CAAC"}
|
package/Overflow.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-top_4bvd0_2{background-image:radial-gradient(50% 1.5rem at 50% top,var(--overlay-color-active, rgba(20, 20, 20, .1607843137)),transparent)}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-right_4bvd0_6{background-image:radial-gradient(1.5rem 50% at right 50%,var(--overlay-color-active, rgba(20, 20, 20, .1607843137)),transparent)}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-bottom_4bvd0_10{background-image:radial-gradient(50% 1.5rem at 50% bottom,var(--overlay-color-active, rgba(20, 20, 20, .1607843137)),transparent)}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-left_4bvd0_14{background-image:radial-gradient(1.5rem 50% at left 50%,var(--overlay-color-active, rgba(20, 20, 20, .1607843137)),transparent)}@layer starter,reset,base,state,application;@layer reset{._overflow_4bvd0_2,._overflow-text_4bvd0_21{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}._expand-button_4bvd0_34{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color-primary, #0265dc);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:inline-flex}}@layer base{._overflow_4bvd0_2{grid-template-rows:0fr;gap:.5rem;position:relative;transition:all .2s cubic-bezier(0,0,.4,1)}._overflow_4bvd0_2 ._content_4bvd0_55{overflow:auto;scrollbar-gutter:stable;outline-offset:.125rem;outline:0 solid var(--focus-ring-color, #0265dc);transition:outline .2s cubic-bezier(0,0,.4,1);border-radius:.375rem;width:-webkit-fill-available}._overflow_4bvd0_2 ._content_4bvd0_55:focus-visible{outline-width:.125rem}._overflow-text_4bvd0_21{gap:.5rem;flex-direction:column}._overflow-text_4bvd0_21 ._content_4bvd0_55{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;line-clamp:var(--overflow-text-row);-webkit-line-clamp:var(--overflow-text-row);line-height:1.5;text-overflow:ellipsis;min-height:calc(1.5rem * var(--overflow-text-row))}._expand-button_4bvd0_34{cursor:pointer;align-items:center;align-self:flex-start;width:fit-content;border-radius:.25rem;text-decoration:underline;outline:0 solid var(--focus-ring-color, #0265dc);outline-offset:.125rem}}@layer state{._overflow_4bvd0_2._expanded_4bvd0_2{grid-template-rows:1fr}._overflow_4bvd0_2 ._content_4bvd0_55:focus-visible{outline-width:.125rem}._overflow_4bvd0_2._horizontal_4bvd0_99{grid-template-rows:1fr}._overflow_4bvd0_2._truncate_4bvd0_102{display:grid}._overflow_4bvd0_2._truncate_4bvd0_102 ._content_4bvd0_55{overflow:hidden}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-left_4bvd0_14{position:absolute;left:0;height:100%;width:1.5rem;pointer-events:none}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-right_4bvd0_6{position:absolute;right:0;height:100%;width:1.5rem;pointer-events:none}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-top_4bvd0_2{position:absolute;top:0;width:100%;height:1.5rem;pointer-events:none}._overflow_4bvd0_2:not(._expanded_4bvd0_2) ._shadow-bottom_4bvd0_10{position:absolute;bottom:0;width:100%;height:1.5rem;pointer-events:none}._overflow-text_4bvd0_21._expanded_4bvd0_2 ._content_4bvd0_55{min-height:fit-content}._expand-button_4bvd0_34:focus-visible{outline-width:.125rem}._expand-button_4bvd0_34:hover{opacity:.8}}@layer application{@media (prefers-reduced-motion: reduce){._overflow_4bvd0_2{transition-duration:.01ms!important}}}
|
package/Overflow.js
CHANGED
|
@@ -1,68 +1,42 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { o as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { useTrackingId as
|
|
5
|
-
import "./
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
import "./Calendar-31bcb381.js";
|
|
11
|
-
import "./Card-bb358803.js";
|
|
12
|
-
import "./ListView-3b1adecb.js";
|
|
13
|
-
import "./Chip-6dde28bc.js";
|
|
14
|
-
import { C as c } from "./index-c41dc41a.js";
|
|
15
|
-
import "./ProgressBar-c1b5c7c3.js";
|
|
16
|
-
import "./Divider-b3bff73a.js";
|
|
17
|
-
import "./Flex-d338e855.js";
|
|
18
|
-
import "./Grid-5bad450f.js";
|
|
19
|
-
import "./Icon-b94f924c.js";
|
|
20
|
-
import "./Listbox-60fbdaa1.js";
|
|
21
|
-
import "./SideNav-33a404ec.js";
|
|
22
|
-
import "./SrOnly-864bd4cb.js";
|
|
23
|
-
import "./jsx-runtime-944c88e2-e73fa629.js";
|
|
24
|
-
import "./index-e0f6271a.js";
|
|
25
|
-
import "./Tab-dd4ab045.js";
|
|
26
|
-
import "./Text-465104f6.js";
|
|
27
|
-
import "./Toast-6cd7d2e1.js";
|
|
28
|
-
import "./index-d46fa8de-f8bf17b6.js";
|
|
29
|
-
import "./useLayoutPropsUtil-e307abc7-cbe2fb6d.js";
|
|
30
|
-
import "./index-3f218083.js";
|
|
31
|
-
import "./LocalizationProvider.js";
|
|
32
|
-
const p = m(
|
|
33
|
-
(t, r) => {
|
|
34
|
-
const i = {
|
|
35
|
-
children: c(t.children),
|
|
1
|
+
import { j as r } from "./jsx-runtime-82a9ddf6.js";
|
|
2
|
+
import { o as c, I as o } from "./Overflow-a026904d.js";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { useTrackingId as d } from "./useTrackingId.js";
|
|
5
|
+
import { n as l } from "./childrenToString-416df522.js";
|
|
6
|
+
const x = i(
|
|
7
|
+
(t, e) => {
|
|
8
|
+
const a = {
|
|
9
|
+
children: l(t.children),
|
|
36
10
|
height: t.height,
|
|
37
11
|
truncate: t.truncate
|
|
38
|
-
},
|
|
12
|
+
}, n = d({
|
|
39
13
|
name: "Overflow",
|
|
40
|
-
data:
|
|
14
|
+
data: a,
|
|
41
15
|
hasOverride: !!t["data-tracking-id"]
|
|
42
16
|
});
|
|
43
|
-
return /* @__PURE__ */
|
|
17
|
+
return /* @__PURE__ */ r.jsx(c, { ref: e, "data-tracking-id": n, ...t });
|
|
44
18
|
}
|
|
45
|
-
),
|
|
46
|
-
(t,
|
|
47
|
-
const
|
|
19
|
+
), m = i(
|
|
20
|
+
(t, e) => {
|
|
21
|
+
const a = {
|
|
48
22
|
children: t.children,
|
|
49
23
|
rows: t.rows,
|
|
50
24
|
expandable: t.expandable,
|
|
51
25
|
expandText: t.expandText,
|
|
52
26
|
collapseText: t.collapseText
|
|
53
|
-
},
|
|
27
|
+
}, n = d({
|
|
54
28
|
name: "OverflowText",
|
|
55
|
-
data:
|
|
29
|
+
data: a,
|
|
56
30
|
hasOverride: !!t["data-tracking-id"]
|
|
57
31
|
});
|
|
58
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ r.jsx(o, { ref: e, "data-tracking-id": n, ...t });
|
|
59
33
|
}
|
|
60
|
-
),
|
|
61
|
-
Text:
|
|
34
|
+
), O = Object.assign(x, {
|
|
35
|
+
Text: m
|
|
62
36
|
});
|
|
63
37
|
export {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
38
|
+
O as Overflow,
|
|
39
|
+
m as OverflowText,
|
|
40
|
+
O as default
|
|
67
41
|
};
|
|
68
42
|
//# sourceMappingURL=Overflow.js.map
|
package/Overflow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import {\n OverflowProps as CoreOverflowProps,\n Overflow as CoreOverflow,\n OverflowText as CoreOverflowText,\n OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\nimport { Ref, forwardRef } from \"react\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport { DataTrackingId } from \"../../types/DataTrackingId\";\nimport { childrenToString } from \"@servicetitan/hammer-react\";\n\nexport type OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n height: props.height,\n truncate: props.truncate,\n };\n\n const trackingId = useTrackingId({\n name: \"Overflow\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\nexport const OverflowText = forwardRef(\n (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: props.children,\n rows: props.rows,\n expandable: props.expandable,\n expandText: props.expandText,\n collapseText: props.collapseText,\n };\n\n const trackingId = useTrackingId({\n name: \"OverflowText\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n Text: OverflowText,\n});\n"],"names":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Overflow.js","sources":["../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import {\n OverflowProps as CoreOverflowProps,\n Overflow as CoreOverflow,\n OverflowText as CoreOverflowText,\n OverflowTextProps as CoreOverflowTextProps,\n} from \"@servicetitan/hammer-react/dist/Overflow\";\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 OverflowProps = CoreOverflowProps & DataTrackingId;\nexport type OverflowTextProps = CoreOverflowTextProps & DataTrackingId;\n\nconst OverflowElement = forwardRef(\n (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: childrenToString(props.children),\n height: props.height,\n truncate: props.truncate,\n };\n\n const trackingId = useTrackingId({\n name: \"Overflow\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return <CoreOverflow ref={ref} data-tracking-id={trackingId} {...props} />;\n }\n);\nexport const OverflowText = forwardRef(\n (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n const data = {\n children: props.children,\n rows: props.rows,\n expandable: props.expandable,\n expandText: props.expandText,\n collapseText: props.collapseText,\n };\n\n const trackingId = useTrackingId({\n name: \"OverflowText\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n return (\n <CoreOverflowText ref={ref} data-tracking-id={trackingId} {...props} />\n );\n }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n Text: OverflowText,\n});\n"],"names":["OverflowElement","forwardRef","props","ref","data","childrenToString","trackingId","useTrackingId","CoreOverflow","OverflowText","CoreOverflowText","Overflow"],"mappings":";;;;;AAcA,MAAMA,IAAkBC;AAAA,EACtB,CAACC,GAAsBC,MAA6B;AAClD,UAAMC,IAAO;AAAA,MACX,UAAUC,EAAiBH,EAAM,QAAQ;AAAA,MACzC,QAAQA,EAAM;AAAA,MACd,UAAUA,EAAM;AAAA,IAAA,GAGZI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCAAQM,GAAa,EAAA,KAAAL,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAC1E;AACF,GACaO,IAAeR;AAAA,EAC1B,CAACC,GAA0BC,MAA6B;AACtD,UAAMC,IAAO;AAAA,MACX,UAAUF,EAAM;AAAA,MAChB,MAAMA,EAAM;AAAA,MACZ,YAAYA,EAAM;AAAA,MAClB,YAAYA,EAAM;AAAA,MAClB,cAAcA,EAAM;AAAA,IAAA,GAGhBI,IAAaC,EAAc;AAAA,MAC/B,MAAM;AAAA,MACN,MAAAH;AAAA,MACA,aAAa,CAAC,CAACF,EAAM,kBAAkB;AAAA,IAAA,CACxC;AACD,iCACGQ,GAAiB,EAAA,KAAAP,GAAU,oBAAkBG,GAAa,GAAGJ,EAAO,CAAA;AAAA,EAEzE;AACF,GAEaS,IAAW,OAAO,OAAOX,GAAiB;AAAA,EACrD,MAAMS;AACR,CAAC;"}
|
package/Page.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var se=require("./
|
|
1
|
+
var se=require("./index13.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./jsx-runtime-494437bb.cjs"),o=require("react"),_=require("./index-ef2e9d11.cjs"),R=require("./Button.cjs"),O=require("./useSize.cjs"),j=require("./Tooltip.cjs"),k=require("./primitive-898a5f6f.cjs"),T=require("./useTrackingId.cjs"),S=require("./index-40821bc4.cjs");require("./LocalizationProvider.cjs");require("./index-11b6ca91-d30fd1d3.cjs");const E=require("./Dialog.cjs"),b=require("./Popover.cjs"),L=require("./Flex.cjs"),z=require("./Icon.cjs");function W(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(a,s,n.get?n:{enumerable:!0,get:()=>e[s]})}}return a.default=e,Object.freeze(a)}const d=W(o),H="_page_3p54k_7",I="_container_3p54k_16",G="_content_3p54k_32",A="_sidebar_3p54k_41",D="_panel_3p54k_124",K="_collapsed_3p54k_160",J="_open_3p54k_160",F="_small_3p54k_160",U="_medium_3p54k_163",V="_large_3p54k_166",Y="_noPadding_3p54k_256",r={page:H,container:I,content:G,"content-inner":"_content-inner_3p54k_36",sidebar:A,"sidebar-inner":"_sidebar-inner_3p54k_50","toggle-button-wrapper":"_toggle-button-wrapper_3p54k_77","toggle-button-tooltip":"_toggle-button-tooltip_3p54k_85","toggle-button":"_toggle-button_3p54k_77","sidebar-header":"_sidebar-header_3p54k_103","sidebar-adaptive-trigger-container":"_sidebar-adaptive-trigger-container_3p54k_109","sidebar-adaptive-container":"_sidebar-adaptive-container_3p54k_118","sidebar-adaptive":"_sidebar-adaptive_3p54k_109",panel:D,"panel-inner":"_panel-inner_3p54k_131","virtual-scroll-container":"_virtual-scroll-container_3p54k_142",collapsed:K,open:J,small:F,medium:U,large:V,noPadding:Y,"sidebar-adaptive-trigger":"_sidebar-adaptive-trigger_3p54k_109"};function Q(...e){return d.useCallback(a=>{for(let s=0;s<e.length;s++){const n=e[s];typeof n=="function"?n(a):n&&typeof n=="object"&&(n.current=a)}},e)}const X=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"})),Z=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"})),$=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z"})),ee=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z"})),te=e=>d.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},d.createElement("path",{d:"M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z"})),ne=o.forwardRef((e,a)=>{const{children:s,...n}=e;return t.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...n,children:t.jsxRuntimeExports.jsx("div",{className:r.container,children:s})})}),N=o.createContext(null),P=o.forwardRef((e,a)=>{var w;const{children:s,className:n,currentPageTitle:g,localStorageKey:c="sidebar-collapsed",...m}=e,f={localStorageKey:c},{breakpoint:i}=o.useContext(S.M),u=T.useTrackingId({name:"PageSidebarButton",data:f,hasOverride:!!e["data-tracking-id"]}),[l,x]=o.useState(()=>{const p=localStorage.getItem(c);return p?JSON.parse(p):!1}),v=_.G([r.sidebar],n,{[r.collapsed]:l}),h=()=>{x(p=>(localStorage.setItem(c,JSON.stringify(!p)),!p))},B=+(((w=k.BreakpointMd)==null?void 0:w.value.replace("px",""))??0);return((i==null?void 0:i.innerWidth)??0)<B?t.jsxRuntimeExports.jsxs(b.default,{fillAvailableHeight:!0,matchReferenceWidth:!0,noPadding:!0,disableCaret:!0,children:[t.jsxRuntimeExports.jsx(b.default.Trigger,{children:p=>(typeof document<"u"&&(p["data-state"]==="open"?document.body.style.overflow="hidden":document.body.style.overflow="auto"),t.jsxRuntimeExports.jsx("div",{className:r["sidebar-adaptive-trigger-container"],children:t.jsxRuntimeExports.jsxs(R.default,{className:r["sidebar-adaptive-trigger"],icon:$,appearance:"ghost",...p,children:[g||"Menu",t.jsxRuntimeExports.jsx(z.default,{flexGrow:"1",justifyContent:"end",svg:p["data-state"]==="open"?te:ee})]})}))}),t.jsxRuntimeExports.jsx(b.default.Content,{className:r["sidebar-adaptive-container"],children:t.jsxRuntimeExports.jsx(L.default,{direction:"column",className:r["sidebar-adaptive"],ref:a,children:s})})]}):t.jsxRuntimeExports.jsx(N.Provider,{value:{collapsed:l},children:t.jsxRuntimeExports.jsxs("div",{className:v,ref:a,...m,children:[t.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":l,children:t.jsxRuntimeExports.jsx("div",{children:s})}),t.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:t.jsxRuntimeExports.jsxs(j.default,{placement:"right",children:[t.jsxRuntimeExports.jsx(j.default.Trigger,{className:r["toggle-button-tooltip"],children:t.jsxRuntimeExports.jsx(R.default,{size:"small",onClick:h,className:r["toggle-button"],"aria-label":l?"Open Sidebar":"Close Sidebar","data-tracking-id":u,icon:l?X:Z})}),t.jsxRuntimeExports.jsx(j.default.Content,{children:l?"Open Sidebar":"Close Sidebar"})]})})]})})}),y=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,c=o.useContext(N),m=_.G([r["sidebar-header"]],n);return t.jsxRuntimeExports.jsx("div",{className:m,ref:a,...g,children:t.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:s})})}),C=o.forwardRef((e,a)=>{const{children:s,className:n,...g}=e,c=_.G([r.content],n),m=o.useRef(null),f=o.useRef(null),i=O.useSize(m),u=o.useRef(!0);o.useEffect(()=>{if(typeof window>"u"||!u.current)return;function x(){var h;const v=window.scrollY;(h=f.current)==null||h.scrollTo(0,v??0)}return window.addEventListener("scroll",x,{passive:!0}),()=>{window.removeEventListener("scroll",x)}},[]);function l(x){typeof window>"u"||u.current||window.scrollTo(0,x.target.scrollTop)}return t.jsxRuntimeExports.jsxs("main",{className:c,ref:Q(m,a),...g,children:[t.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:s}),t.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:f,style:{left:i&&(i==null?void 0:i.left)+(i==null?void 0:i.width)},onScrollCapture:l,onMouseEnter:()=>{u.current=!1},onMouseLeave:()=>{u.current=!0},children:t.jsxRuntimeExports.jsx("div",{style:{width:1,height:i?i.height+i.y*2:0}})})]})}),M=o.forwardRef((e,a)=>{var h;const{children:s,open:n,size:g="medium",noPadding:c,style:m,className:f,...i}=e,u=_.G([r.panel],[r[g]],f,{[r.open]:typeof n>"u"?!0:n,[r.persistent]:typeof n>"u",[r.noPadding]:c}),{breakpoint:l}=o.useContext(S.M),x=+(((h=k.BreakpointMd)==null?void 0:h.value.replace("px",""))??0),v=(l==null?void 0:l.innerWidth)??0;return typeof n<"u"&&v<x?t.jsxRuntimeExports.jsx(E.default,{open:n,children:t.jsxRuntimeExports.jsx(E.default.Content,{children:t.jsxRuntimeExports.jsx("div",{className:u,"aria-hidden":!n,"aria-disabled":!n,ref:a,...i,children:s})})}):t.jsxRuntimeExports.jsx("div",{className:u,"aria-hidden":!n,"aria-disabled":!n,ref:a,...i,children:t.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:typeof n<"u"&&n?0:-1,style:m,children:t.jsxRuntimeExports.jsx("div",{children:s})})})}),q=Object.assign(ne,{Sidebar:P,SidebarHeader:y,Content:C,Panel:M});exports.Page=q;exports.PageContent=C;exports.PagePanel=M;exports.PageSidebar=P;exports.PageSidebarHeader=y;exports.default=q;
|
|
2
2
|
//# sourceMappingURL=Page.cjs.map
|
package/Page.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n return React.useCallback(element => {\n for (let i = 0; i < refs.length; i++) {\n const ref = refs[i];\n if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n }\n }, // eslint-disable-next-line react-hooks/exhaustive-deps\n refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n AnvilProviderContext,\n AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n const { children, ...rest } = props;\n\n return (\n <div className={styles[\"page\"]} ref={ref} {...rest}>\n <div className={styles[\"container\"]}>{children}</div>\n </div>\n );\n});\n\ntype PageSideBarContextProps = {\n collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n localStorageKey?: string;\n [\"data-tracking-id\"]?: string;\n currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n currentPageTitle,\n localStorageKey = \"sidebar-collapsed\",\n ...rest\n } = props;\n\n const data = {\n localStorageKey,\n };\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const trackingId = useTrackingId({\n name: \"PageSidebarButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const [collapsed, setCollapsed] = useState<boolean>(() => {\n // getting stored value\n const sidebarState = localStorage.getItem(localStorageKey);\n return sidebarState ? JSON.parse(sidebarState) : false;\n });\n const classNames = cx([styles[\"sidebar\"]], className, {\n [styles[\"collapsed\"]]: collapsed,\n });\n const onToggleButtonClick = () => {\n setCollapsed((prev) => {\n localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n return !prev;\n });\n };\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (innerWidth < breakpointWidth) {\n return (\n <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n <Popover.Trigger>\n {(props) => {\n if (typeof document !== \"undefined\") {\n props[\"data-state\"] === \"open\"\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"auto\");\n }\n return (\n <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n <Button\n className={styles[\"sidebar-adaptive-trigger\"]}\n icon={SegmentSVG}\n appearance=\"ghost\"\n {...props}\n >\n {!currentPageTitle ? \"Menu\" : currentPageTitle}\n <Icon\n flexGrow=\"1\"\n justifyContent=\"end\"\n svg={\n props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n }\n />\n </Button>\n </div>\n );\n }}\n </Popover.Trigger>\n <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n <Flex\n direction=\"column\"\n className={styles[\"sidebar-adaptive\"]}\n ref={ref}\n >\n {children}\n </Flex>\n </Popover.Content>\n </Popover>\n );\n }\n\n return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div>{children}</div>\n </div>\n <div className={styles[\"toggle-button-wrapper\"]}>\n <Tooltip placement=\"right\">\n <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n <Button\n size=\"small\"\n onClick={onToggleButtonClick}\n className={styles[\"toggle-button\"]}\n aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n data-tracking-id={trackingId}\n icon={collapsed ? OpenSVG : CloseSVG}\n />\n </Tooltip.Trigger>\n <Tooltip.Content>\n {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n </Tooltip.Content>\n </Tooltip>\n </div>\n </div>\n </PageSideBarContext.Provider>\n );\n }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n const { children, className, ...rest } = props;\n const context = useContext(PageSideBarContext);\n const classNames = cx([styles[\"sidebar-header\"]], className);\n\n return (\n <div className={classNames} ref={ref} {...rest}>\n <div\n className={styles[\"header-content\"]}\n aria-hidden={context?.collapsed}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n const { children, className, ...rest } = props;\n const classNames = cx([styles[\"content\"]], className);\n const mainRef = useRef<HTMLAreaElement>(null);\n const virtualScrollRef = useRef<HTMLDivElement>(null);\n const size = useSize(mainRef);\n const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\n function updatePosition() {\n const newValue = window.scrollY;\n\n virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n }\n window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", updatePosition);\n };\n }, []);\n\n function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n }\n\n return (\n <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n <div className={styles[\"content-inner\"]}>{children}</div>\n <div\n className={styles[\"virtual-scroll-container\"]}\n ref={virtualScrollRef}\n style={{ left: size && size?.left + size?.width }}\n onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\n >\n <div\n style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n />\n </div>\n </main>\n );\n }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n open,\n size = \"medium\",\n noPadding,\n style,\n className,\n ...rest\n } = props;\n const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n [styles[\"persistent\"]]: typeof open === \"undefined\",\n [styles[\"noPadding\"]]: noPadding,\n });\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n return (\n <Dialog open={open}>\n <Dialog.Content>\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n </Dialog.Content>\n </Dialog>\n );\n }\n return (\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n <div\n className={styles[\"panel-inner\"]}\n tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </div>\n );\n }\n);\n\nexport const Page = Object.assign(PageElement, {\n Sidebar: PageSidebar,\n SidebarHeader: PageSidebarHeader,\n Content: PageContent,\n Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","AnvilProvider","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","breakpointWidth","_a","primitive","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","blocker","updatePosition","newValue","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|
|
1
|
+
{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/chevron_left.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/segment.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg","../node_modules/@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n return React.useCallback(element => {\n for (let i = 0; i < refs.length; i++) {\n const ref = refs[i];\n if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n }\n }, // eslint-disable-next-line react-hooks/exhaustive-deps\n refs);\n}\n\nexport default useMergedRef;","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOS4yOSA2LjcxYS45OTYuOTk2IDAgMCAwIDAgMS40MUwxMy4xNyAxMmwtMy44OCAzLjg4YS45OTYuOTk2IDAgMSAwIDEuNDEgMS40MWw0LjU5LTQuNTlhLjk5Ni45OTYgMCAwIDAgMC0xLjQxTDEwLjcgNi43Yy0uMzgtLjM4LTEuMDItLjM4LTEuNDEuMDF6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTQuNzEgNi43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMOC43MSAxMS4zYS45OTYuOTk2IDAgMCAwIDAgMS40MWw0LjU5IDQuNTlhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEwLjgzIDEybDMuODgtMy44OGMuMzktLjM5LjM4LTEuMDMgMC0xLjQxeiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMThoMTBjLjU1IDAgMS0uNDUgMS0xcy0uNDUtMS0xLTFIMTBjLS41NSAwLTEgLjQ1LTEgMXMuNDUgMSAxIDF6TTMgN2MwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUg0Yy0uNTUgMC0xIC40NS0xIDF6bTcgNmgxMGMuNTUgMCAxLS40NSAxLTFzLS40NS0xLTEtMUgxMGMtLjU1IDAtMSAuNDUtMSAxcy40NSAxIDEgMXoiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiA5LjI5IDEyIDEzLjE3bDMuODgtMy44OGEuOTk2Ljk5NiAwIDEgMSAxLjQxIDEuNDFsLTQuNTkgNC41OWEuOTk2Ljk5NiAwIDAgMS0xLjQxIDBMNi43IDEwLjdhLjk5Ni45OTYgMCAwIDEgMC0xLjQxYy4zOS0uMzggMS4wMy0uMzkgMS40MiAweiIvPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOC4xMiAxNC43MSAxMiAxMC44M2wzLjg4IDMuODhhLjk5Ni45OTYgMCAxIDAgMS40MS0xLjQxTDEyLjcgOC43MWEuOTk2Ljk5NiAwIDAgMC0xLjQxIDBMNi43IDEzLjNhLjk5Ni45OTYgMCAwIDAgMCAxLjQxYy4zOS4zOCAxLjAzLjM5IDEuNDIgMHoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\n UIEvent,\n createContext,\n forwardRef,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\nimport Button from \"../Button\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport useSize from \"../../hooks/useSize\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport Tooltip from \"../Tooltip\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport { useTrackingId } from \"../../hooks/useTrackingId\";\nimport {\n AnvilProviderContext,\n AnvilProviderContextProps,\n} from \"../../providers\";\nimport Dialog from \"../Dialog\";\nimport Popover from \"../Popover\";\nimport Flex from \"../Flex\";\nimport Icon from \"../Icon\";\n\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n const { children, ...rest } = props;\n\n return (\n <div className={styles[\"page\"]} ref={ref} {...rest}>\n <div className={styles[\"container\"]}>{children}</div>\n </div>\n );\n});\n\ntype PageSideBarContextProps = {\n collapsed: boolean;\n};\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n localStorageKey?: string;\n [\"data-tracking-id\"]?: string;\n currentPageTitle?: string;\n};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n currentPageTitle,\n localStorageKey = \"sidebar-collapsed\",\n ...rest\n } = props;\n\n const data = {\n localStorageKey,\n };\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const trackingId = useTrackingId({\n name: \"PageSidebarButton\",\n data,\n hasOverride: !!props[\"data-tracking-id\"],\n });\n\n const [collapsed, setCollapsed] = useState<boolean>(() => {\n // getting stored value\n const sidebarState = localStorage.getItem(localStorageKey);\n return sidebarState ? JSON.parse(sidebarState) : false;\n });\n const classNames = cx([styles[\"sidebar\"]], className, {\n [styles[\"collapsed\"]]: collapsed,\n });\n const onToggleButtonClick = () => {\n setCollapsed((prev) => {\n localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n return !prev;\n });\n };\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (innerWidth < breakpointWidth) {\n return (\n <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n <Popover.Trigger>\n {(props) => {\n if (typeof document !== \"undefined\") {\n props[\"data-state\"] === \"open\"\n ? (document.body.style.overflow = \"hidden\")\n : (document.body.style.overflow = \"auto\");\n }\n return (\n <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n <Button\n className={styles[\"sidebar-adaptive-trigger\"]}\n icon={SegmentSVG}\n appearance=\"ghost\"\n {...props}\n >\n {!currentPageTitle ? \"Menu\" : currentPageTitle}\n <Icon\n flexGrow=\"1\"\n justifyContent=\"end\"\n svg={\n props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n }\n />\n </Button>\n </div>\n );\n }}\n </Popover.Trigger>\n <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n <Flex\n direction=\"column\"\n className={styles[\"sidebar-adaptive\"]}\n ref={ref}\n >\n {children}\n </Flex>\n </Popover.Content>\n </Popover>\n );\n }\n\n return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div>{children}</div>\n </div>\n <div className={styles[\"toggle-button-wrapper\"]}>\n <Tooltip placement=\"right\">\n <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n <Button\n size=\"small\"\n onClick={onToggleButtonClick}\n className={styles[\"toggle-button\"]}\n aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n data-tracking-id={trackingId}\n icon={collapsed ? OpenSVG : CloseSVG}\n />\n </Tooltip.Trigger>\n <Tooltip.Content>\n {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n </Tooltip.Content>\n </Tooltip>\n </div>\n </div>\n </PageSideBarContext.Provider>\n );\n }\n);\n\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n const { children, className, ...rest } = props;\n const context = useContext(PageSideBarContext);\n const classNames = cx([styles[\"sidebar-header\"]], className);\n\n return (\n <div className={classNames} ref={ref} {...rest}>\n <div\n className={styles[\"header-content\"]}\n aria-hidden={context?.collapsed}\n >\n {children}\n </div>\n </div>\n );\n }\n);\n\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n const { children, className, ...rest } = props;\n const classNames = cx([styles[\"content\"]], className);\n const mainRef = useRef<HTMLAreaElement>(null);\n const virtualScrollRef = useRef<HTMLDivElement>(null);\n const size = useSize(mainRef);\n const blocker = useRef(true);\n\n useEffect(() => {\n if (typeof window === \"undefined\") return;\n if (!blocker.current) return;\n function updatePosition() {\n const newValue = window.scrollY;\n\n virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n }\n window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n return () => {\n window.removeEventListener(\"scroll\", updatePosition);\n };\n }, []);\n\n function scrollBody(e: UIEvent<HTMLElement>) {\n if (typeof window === \"undefined\") return;\n if (blocker.current) return;\n window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n }\n\n return (\n <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n <div className={styles[\"content-inner\"]}>{children}</div>\n <div\n className={styles[\"virtual-scroll-container\"]}\n ref={virtualScrollRef}\n style={{ left: size && size?.left + size?.width }}\n onScrollCapture={scrollBody}\n onMouseEnter={() => {\n blocker.current = false;\n }}\n onMouseLeave={() => {\n blocker.current = true;\n }}\n >\n <div\n style={{ width: 1, height: size ? size.height + size.y * 2 : 0 }}\n />\n </div>\n </main>\n );\n }\n);\n\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n open,\n size = \"medium\",\n noPadding,\n style,\n className,\n ...rest\n } = props;\n const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n [styles[\"persistent\"]]: typeof open === \"undefined\",\n [styles[\"noPadding\"]]: noPadding,\n });\n\n const { breakpoint } =\n useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n const breakpointWidth = +(\n core.primitive?.BreakpointMd?.value.replace(\"px\", \"\") ?? 0\n );\n const innerWidth = breakpoint?.innerWidth ?? 0;\n\n if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n return (\n <Dialog open={open}>\n <Dialog.Content>\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n {children}\n </div>\n </Dialog.Content>\n </Dialog>\n );\n }\n return (\n <div\n className={classNames}\n aria-hidden={!open}\n aria-disabled={!open}\n ref={ref}\n {...rest}\n >\n <div\n className={styles[\"panel-inner\"]}\n tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </div>\n );\n }\n);\n\nexport const Page = Object.assign(PageElement, {\n Sidebar: PageSidebar,\n SidebarHeader: PageSidebarHeader,\n Content: PageContent,\n Panel: PagePanel,\n});\n"],"names":["useMergedRef","refs","React__namespace","element","i","ref","SvgChevronRight","props","SvgChevronLeft","SvgSegment","SvgKeyboardArrowDown","SvgKeyboardArrowUp","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","currentPageTitle","localStorageKey","data","breakpoint","AnvilProvider","trackingId","useTrackingId","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","breakpointWidth","_a","primitive","Popover","props2","Button","Icon","Flex","Tooltip","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","blocker","updatePosition","newValue","scrollBody","e","PagePanel","open","noPadding","style","innerWidth","Dialog","Page"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
|