@servicetitan/anvil2 0.9.2 → 0.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{Alert-ac9a1bcd.js → Alert-6c7fe683.js} +34 -31
- package/Alert-6c7fe683.js.map +1 -0
- package/Alert-d282381d.cjs +2 -0
- package/Alert-d282381d.cjs.map +1 -0
- package/Alert.cjs +1 -1
- package/Alert.js +1 -1
- package/Announcement-0d1097c0.cjs +2 -0
- package/Announcement-0d1097c0.cjs.map +1 -0
- package/{Announcement-b9468739.js → Announcement-fa1a5266.js} +34 -31
- package/Announcement-fa1a5266.js.map +1 -0
- package/Announcement.cjs +1 -1
- package/Announcement.js +1 -1
- package/{Avatar-97b575d8.js → Avatar-2bbf623d.js} +18 -18
- package/Avatar-2bbf623d.js.map +1 -0
- package/Avatar-d474138f.cjs +2 -0
- package/Avatar-d474138f.cjs.map +1 -0
- package/Avatar.cjs +1 -1
- package/Avatar.js +1 -1
- package/{Badge-dbafadd5.js → Badge-2c63f232.js} +11 -10
- package/Badge-2c63f232.js.map +1 -0
- package/Badge-a5267e61.cjs +2 -0
- package/Badge-a5267e61.cjs.map +1 -0
- package/Badge.cjs +1 -1
- package/Badge.js +1 -1
- package/{Button-dc48bb3a.js → Button-1837beaf.js} +85 -83
- package/Button-1837beaf.js.map +1 -0
- package/Button-d7338178.cjs +2 -0
- package/Button-d7338178.cjs.map +1 -0
- package/Button.cjs +1 -1
- package/Button.js +1 -1
- package/ButtonCompound.cjs +1 -1
- package/ButtonCompound.js +1 -1
- package/ButtonLink.cjs +1 -1
- package/ButtonLink.js +1 -1
- package/ButtonToggle.cjs +1 -1
- package/ButtonToggle.js +1 -1
- package/Calendar-6170a262.cjs +2 -0
- package/Calendar-6170a262.cjs.map +1 -0
- package/{Calendar-83436bb1.js → Calendar-94a2af59.js} +528 -539
- package/Calendar-94a2af59.js.map +1 -0
- package/Calendar.cjs +1 -1
- package/Calendar.js +1 -1
- package/Card-9ee8218c.cjs +2 -0
- package/Card-9ee8218c.cjs.map +1 -0
- package/Card-cc1e0def.js +52 -0
- package/Card-cc1e0def.js.map +1 -0
- package/Card.cjs +1 -1
- package/Card.d.ts +7 -1
- package/Card.js +1 -1
- package/Checkbox-49324efd.cjs +2 -0
- package/Checkbox-49324efd.cjs.map +1 -0
- package/{Checkbox-a250869f.js → Checkbox-74836b15.js} +22 -20
- package/Checkbox-74836b15.js.map +1 -0
- package/Checkbox.cjs +1 -1
- package/Checkbox.js +1 -1
- package/Chip-2c19dfc4.cjs +2 -0
- package/Chip-2c19dfc4.cjs.map +1 -0
- package/Chip-c309468f.js +71 -0
- package/Chip-c309468f.js.map +1 -0
- package/Chip.cjs +1 -1
- package/Chip.css +1 -1
- package/Chip.d.ts +1 -0
- package/Chip.js +1 -1
- package/Combobox.cjs +1 -1
- package/Combobox.js +7 -7
- package/{Details-c6f10fa4.js → Details-2730bddb.js} +47 -45
- package/Details-2730bddb.js.map +1 -0
- package/Details-fdd49b05.cjs +2 -0
- package/Details-fdd49b05.cjs.map +1 -0
- package/Details.cjs +1 -1
- package/Details.js +1 -1
- package/Dialog-2a957ffe.cjs +2 -0
- package/Dialog-2a957ffe.cjs.map +1 -0
- package/{Dialog-fd3430f5.js → Dialog-da7cf1ae.js} +56 -55
- package/Dialog-da7cf1ae.js.map +1 -0
- package/Dialog.cjs +1 -1
- package/Dialog.cjs.map +1 -1
- package/Dialog.d.ts +6 -0
- package/Dialog.js +21 -17
- package/Dialog.js.map +1 -1
- package/Divider-7ef2a224.cjs +2 -0
- package/Divider-7ef2a224.cjs.map +1 -0
- package/{Divider-394d2459.js → Divider-a686c1f1.js} +7 -6
- package/Divider-a686c1f1.js.map +1 -0
- package/Divider.cjs +1 -1
- package/Divider.d.ts +1 -1
- package/Divider.js +1 -1
- package/{Drawer-99157473.cjs → Drawer-150c1703.cjs} +2 -2
- package/{Drawer-99157473.cjs.map → Drawer-150c1703.cjs.map} +1 -1
- package/{Drawer-46932ce0.js → Drawer-de9f3da9.js} +3 -3
- package/{Drawer-46932ce0.js.map → Drawer-de9f3da9.js.map} +1 -1
- package/Drawer.cjs +1 -1
- package/Drawer.js +1 -1
- package/Flex-29c4ffce.cjs +2 -0
- package/Flex-29c4ffce.cjs.map +1 -0
- package/{Flex-12077c9d.js → Flex-9956f1b3.js} +16 -15
- package/Flex-9956f1b3.js.map +1 -0
- package/Flex.cjs +1 -1
- package/Flex.js +1 -1
- package/Grid-5fbf04d4.cjs +2 -0
- package/Grid-5fbf04d4.cjs.map +1 -0
- package/{Grid-107fc6b6.js → Grid-9c813cf7.js} +9 -8
- package/Grid-9c813cf7.js.map +1 -0
- package/Grid.cjs +1 -1
- package/Grid.js +1 -1
- package/Helper-74a1f07f-12dff0ad.js +91 -0
- package/Helper-74a1f07f-12dff0ad.js.map +1 -0
- package/Helper-74a1f07f-1bd5ec70.cjs +2 -0
- package/Helper-74a1f07f-1bd5ec70.cjs.map +1 -0
- package/{Label.css → Helper-74a1f07f.css} +1 -1
- package/Icon-38342b79.cjs +2 -0
- package/Icon-38342b79.cjs.map +1 -0
- package/Icon-4fb5288e.js +48 -0
- package/Icon-4fb5288e.js.map +1 -0
- package/Icon.cjs +2 -0
- package/Icon.cjs.map +1 -0
- package/{index-cb7af0c9.css → Icon.css} +1 -1
- package/Icon.d.ts +21 -0
- package/Icon.js +11 -0
- package/Icon.js.map +1 -0
- package/Layout.cjs +1 -1
- package/Layout.js +109 -109
- package/Link-0ee242d1.cjs +2 -0
- package/Link-0ee242d1.cjs.map +1 -0
- package/{Link-c6b4090e.js → Link-3d4ebd58.js} +20 -18
- package/Link-3d4ebd58.js.map +1 -0
- package/Link.cjs +1 -1
- package/Link.js +1 -1
- package/ListView-3f377300.cjs +2 -0
- package/ListView-3f377300.cjs.map +1 -0
- package/{ListView-e895e6a8.js → ListView-6652d49f.js} +32 -31
- package/ListView-6652d49f.js.map +1 -0
- package/ListView.cjs +1 -1
- package/ListView.js +4 -4
- package/{Listbox-39c32ced.js → Listbox-97e11191.js} +35 -33
- package/Listbox-97e11191.js.map +1 -0
- package/Listbox-b5f4e327.cjs +2 -0
- package/Listbox-b5f4e327.cjs.map +1 -0
- package/Listbox.cjs +1 -1
- package/Listbox.js +5 -5
- package/Menu-d5956ea2.cjs +2 -0
- package/Menu-d5956ea2.cjs.map +1 -0
- package/{Menu-cc458844.js → Menu-dbe0fd3a.js} +30 -30
- package/Menu-dbe0fd3a.js.map +1 -0
- package/Menu.cjs +1 -1
- package/Menu.js +1 -1
- package/Overflow.cjs +1 -1
- package/Overflow.cjs.map +1 -1
- package/Overflow.js +24 -23
- package/Overflow.js.map +1 -1
- package/Page.cjs +1 -1
- package/Page.cjs.map +1 -1
- package/Page.js +64 -64
- package/{Popover-16e123eb.cjs → Popover-20b9a021.cjs} +2 -2
- package/{Popover-16e123eb.cjs.map → Popover-20b9a021.cjs.map} +1 -1
- package/{Popover-bbf3a937.js → Popover-5d8c0428.js} +2 -2
- package/{Popover-bbf3a937.js.map → Popover-5d8c0428.js.map} +1 -1
- package/Popover.cjs +1 -1
- package/Popover.js +1 -1
- package/{ProgressBar-b002f299.js → ProgressBar-8bc6ae09.js} +30 -28
- package/ProgressBar-8bc6ae09.js.map +1 -0
- package/ProgressBar-df4d363c.cjs +2 -0
- package/ProgressBar-df4d363c.cjs.map +1 -0
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.js +1 -1
- package/{Radio-45648d07.js → Radio-bab9334f.js} +14 -12
- package/Radio-bab9334f.js.map +1 -0
- package/Radio-c14a8ea0.cjs +2 -0
- package/Radio-c14a8ea0.cjs.map +1 -0
- package/Radio.cjs +1 -1
- package/Radio.js +1 -1
- package/{SideNav-430e523d.js → SideNav-2760a049.js} +45 -43
- package/SideNav-2760a049.js.map +1 -0
- package/SideNav-3e46e3c4.cjs +2 -0
- package/SideNav-3e46e3c4.cjs.map +1 -0
- package/SideNav.cjs +5 -5
- package/SideNav.cjs.map +1 -1
- package/SideNav.js +63 -62
- package/SideNav.js.map +1 -1
- package/Spinner-e6a0837b-9a5e00e0.js +17 -0
- package/Spinner-e6a0837b-9a5e00e0.js.map +1 -0
- package/Spinner-e6a0837b-a4cbf304.cjs +2 -0
- package/Spinner-e6a0837b-a4cbf304.cjs.map +1 -0
- package/Spinner.css +1 -0
- package/Stepper-114de1c0.js +388 -0
- package/Stepper-114de1c0.js.map +1 -0
- package/Stepper-26ff6dd3.cjs +2 -0
- package/Stepper-26ff6dd3.cjs.map +1 -0
- package/Stepper.cjs +1 -1
- package/Stepper.css +1 -1
- package/Stepper.js +4 -4
- package/{Switch-681bcdd4.js → Switch-48443bc7.js} +20 -18
- package/Switch-48443bc7.js.map +1 -0
- package/Switch-c6a36b99.cjs +2 -0
- package/Switch-c6a36b99.cjs.map +1 -0
- package/Switch.cjs +1 -1
- package/Switch.js +1 -1
- package/Tab-51af7435.cjs +10 -0
- package/Tab-51af7435.cjs.map +1 -0
- package/{Tab-93702f1d.js → Tab-a5d9cec6.js} +24 -21
- package/Tab-a5d9cec6.js.map +1 -0
- package/Tab.cjs +1 -1
- package/Tab.js +1 -1
- package/Text-317031b1.cjs +2 -0
- package/Text-317031b1.cjs.map +1 -0
- package/{Text-dbff9cb7.js → Text-796fd2cb.js} +29 -28
- package/Text-796fd2cb.js.map +1 -0
- package/Text.cjs +1 -1
- package/Text.js +1 -1
- package/TextField-57bb98f0.cjs +2 -0
- package/TextField-57bb98f0.cjs.map +1 -0
- package/{TextField-0b30ba31.js → TextField-7823e2ff.js} +23 -22
- package/TextField-7823e2ff.js.map +1 -0
- package/TextField.cjs +1 -1
- package/TextField.js +1 -1
- package/Textarea-03f882d5.cjs +2 -0
- package/Textarea-03f882d5.cjs.map +1 -0
- package/Textarea-6ca5ebf5.js +244 -0
- package/Textarea-6ca5ebf5.js.map +1 -0
- package/Textarea.cjs +1 -1
- package/Textarea.js +6 -6
- package/Toast-c7f439ad.cjs +9 -0
- package/Toast-c7f439ad.cjs.map +1 -0
- package/Toast-e171c00b.js +551 -0
- package/Toast-e171c00b.js.map +1 -0
- package/Toast.cjs +2 -0
- package/Toast.cjs.map +1 -0
- package/Toast.d.ts +41 -0
- package/Toast.js +12 -0
- package/Toast.js.map +1 -0
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +112 -57
- package/anvil2.js +175 -167
- package/anvil2.js.map +1 -1
- package/extends-135d7828.js +23 -0
- package/extends-135d7828.js.map +1 -0
- package/extends-fcb402fe.cjs +2 -0
- package/extends-fcb402fe.cjs.map +1 -0
- package/index-09d89a47.js +678 -0
- package/index-09d89a47.js.map +1 -0
- package/index-67ae73fa-45a2ebfb.cjs +23 -0
- package/{index-56139b56-2d7be688.cjs.map → index-67ae73fa-45a2ebfb.cjs.map} +1 -1
- package/{index-56139b56-cfb3b366.js → index-67ae73fa-8e31624a.js} +18 -15
- package/{index-56139b56-cfb3b366.js.map → index-67ae73fa-8e31624a.js.map} +1 -1
- package/index-92baae54.cjs +21 -0
- package/index-92baae54.cjs.map +1 -0
- package/index.css +1 -1
- package/index3.css +1 -1
- package/{use-reduced-motion-68bea567.js → motion-1dee7c9a.js} +1217 -1234
- package/motion-1dee7c9a.js.map +1 -0
- package/motion-f7215751.cjs +2 -0
- package/motion-f7215751.cjs.map +1 -0
- package/package.json +30 -30
- package/use-reduced-motion-00575ab2.cjs +2 -0
- package/use-reduced-motion-00575ab2.cjs.map +1 -0
- package/use-reduced-motion-fa02c531.js +28 -0
- package/use-reduced-motion-fa02c531.js.map +1 -0
- package/useAccessibleColor.cjs +1 -8
- package/useAccessibleColor.cjs.map +1 -1
- package/useAccessibleColor.js +41 -577
- package/useAccessibleColor.js.map +1 -1
- package/useLayoutPropsUtil-4361a49d-a262cd66.cjs +2 -0
- package/useLayoutPropsUtil-4361a49d-a262cd66.cjs.map +1 -0
- package/useLayoutPropsUtil-4361a49d-f9f6e64c.js +99 -0
- package/useLayoutPropsUtil-4361a49d-f9f6e64c.js.map +1 -0
- package/usePrefersColorScheme.cjs +1 -1
- package/usePrefersColorScheme.js +33 -33
- package/useSwipe-82769b09-835234e6.js +17 -0
- package/useSwipe-82769b09-835234e6.js.map +1 -0
- package/useSwipe-82769b09-dba26ed2.cjs +2 -0
- package/useSwipe-82769b09-dba26ed2.cjs.map +1 -0
- package/useSwipe.cjs +1 -1
- package/useSwipe.js +36 -35
- package/useSwipe.js.map +1 -1
- package/warning-412414f5-31461705.cjs +2 -0
- package/warning-412414f5-31461705.cjs.map +1 -0
- package/warning-412414f5-36733091.js +6 -0
- package/warning-412414f5-36733091.js.map +1 -0
- package/Alert-ac9a1bcd.js.map +0 -1
- package/Alert-c7461f76.cjs +0 -2
- package/Alert-c7461f76.cjs.map +0 -1
- package/Announcement-546f0bd9.cjs +0 -2
- package/Announcement-546f0bd9.cjs.map +0 -1
- package/Announcement-b9468739.js.map +0 -1
- package/Avatar-97b575d8.js.map +0 -1
- package/Avatar-97f653b7.cjs +0 -2
- package/Avatar-97f653b7.cjs.map +0 -1
- package/Badge-3adb51a5.cjs +0 -2
- package/Badge-3adb51a5.cjs.map +0 -1
- package/Badge-dbafadd5.js.map +0 -1
- package/Button-1a56b573.cjs +0 -2
- package/Button-1a56b573.cjs.map +0 -1
- package/Button-dc48bb3a.js.map +0 -1
- package/Calendar-0659f8b4.cjs +0 -2
- package/Calendar-0659f8b4.cjs.map +0 -1
- package/Calendar-83436bb1.js.map +0 -1
- package/Card-67e4a72d.js +0 -48
- package/Card-67e4a72d.js.map +0 -1
- package/Card-da5a5c50.cjs +0 -2
- package/Card-da5a5c50.cjs.map +0 -1
- package/Checkbox-92a6dd20.cjs +0 -2
- package/Checkbox-92a6dd20.cjs.map +0 -1
- package/Checkbox-a250869f.js.map +0 -1
- package/Chip-467cb19a.js +0 -59
- package/Chip-467cb19a.js.map +0 -1
- package/Chip-e7800a85.cjs +0 -2
- package/Chip-e7800a85.cjs.map +0 -1
- package/Details-44527230.cjs +0 -2
- package/Details-44527230.cjs.map +0 -1
- package/Details-c6f10fa4.js.map +0 -1
- package/Dialog-fbc91a0e.cjs +0 -2
- package/Dialog-fbc91a0e.cjs.map +0 -1
- package/Dialog-fd3430f5.js.map +0 -1
- package/Divider-063f94ad.cjs +0 -2
- package/Divider-063f94ad.cjs.map +0 -1
- package/Divider-394d2459.js.map +0 -1
- package/Flex-12077c9d.js.map +0 -1
- package/Flex-d3632e09.cjs +0 -2
- package/Flex-d3632e09.cjs.map +0 -1
- package/Grid-107fc6b6.js.map +0 -1
- package/Grid-f506406d.cjs +0 -2
- package/Grid-f506406d.cjs.map +0 -1
- package/Label-cc07cfc5.js +0 -47
- package/Label-cc07cfc5.js.map +0 -1
- package/Label-de03a1de.cjs +0 -2
- package/Label-de03a1de.cjs.map +0 -1
- package/Link-3b673823.cjs +0 -2
- package/Link-3b673823.cjs.map +0 -1
- package/Link-c6b4090e.js.map +0 -1
- package/ListView-2b4699a6.cjs +0 -2
- package/ListView-2b4699a6.cjs.map +0 -1
- package/ListView-e895e6a8.js.map +0 -1
- package/Listbox-39c32ced.js.map +0 -1
- package/Listbox-5ffb93f8.cjs +0 -2
- package/Listbox-5ffb93f8.cjs.map +0 -1
- package/Menu-3d2a2077.cjs +0 -2
- package/Menu-3d2a2077.cjs.map +0 -1
- package/Menu-cc458844.js.map +0 -1
- package/ProgressBar-b002f299.js.map +0 -1
- package/ProgressBar-dfd1189e.cjs +0 -2
- package/ProgressBar-dfd1189e.cjs.map +0 -1
- package/Radio-45648d07.js.map +0 -1
- package/Radio-941f3286.cjs +0 -2
- package/Radio-941f3286.cjs.map +0 -1
- package/SideNav-430e523d.js.map +0 -1
- package/SideNav-7228b784.cjs +0 -2
- package/SideNav-7228b784.cjs.map +0 -1
- package/Spinner-2bb1850c-00c03d61.cjs +0 -2
- package/Spinner-2bb1850c-00c03d61.cjs.map +0 -1
- package/Spinner-2bb1850c-d70e6345.js +0 -13
- package/Spinner-2bb1850c-d70e6345.js.map +0 -1
- package/Stepper-7182de9a.cjs +0 -2
- package/Stepper-7182de9a.cjs.map +0 -1
- package/Stepper-a9bc37e2.js +0 -373
- package/Stepper-a9bc37e2.js.map +0 -1
- package/Switch-5007f230.cjs +0 -2
- package/Switch-5007f230.cjs.map +0 -1
- package/Switch-681bcdd4.js.map +0 -1
- package/Tab-920f6aad.cjs +0 -10
- package/Tab-920f6aad.cjs.map +0 -1
- package/Tab-93702f1d.js.map +0 -1
- package/Text-96a3b0cb.cjs +0 -2
- package/Text-96a3b0cb.cjs.map +0 -1
- package/Text-dbff9cb7.js.map +0 -1
- package/TextField-0b30ba31.js.map +0 -1
- package/TextField-58320cef.cjs +0 -2
- package/TextField-58320cef.cjs.map +0 -1
- package/Textarea-6573a847.cjs +0 -2
- package/Textarea-6573a847.cjs.map +0 -1
- package/Textarea-b387b2d7.js +0 -114
- package/Textarea-b387b2d7.js.map +0 -1
- package/index-064ddc3d.js +0 -698
- package/index-064ddc3d.js.map +0 -1
- package/index-56139b56-2d7be688.cjs +0 -23
- package/index-910707bd.cjs +0 -21
- package/index-910707bd.cjs.map +0 -1
- package/index-cb7af0c9-2d919802.cjs +0 -2
- package/index-cb7af0c9-2d919802.cjs.map +0 -1
- package/index-cb7af0c9-4f28e075.js +0 -193
- package/index-cb7af0c9-4f28e075.js.map +0 -1
- package/use-reduced-motion-162cddef.cjs +0 -2
- package/use-reduced-motion-162cddef.cjs.map +0 -1
- package/use-reduced-motion-68bea567.js.map +0 -1
- /package/{index4.css → Toast.css} +0 -0
- /package/{index-56139b56.css → index-67ae73fa.css} +0 -0
package/Overflow.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import "./index2.css";
|
|
2
|
-
import { j as
|
|
2
|
+
import { j as P } from "./jsx-runtime-944c88e2.js";
|
|
3
3
|
import { f as e } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
4
|
-
import { forwardRef as b, useState as E, useRef as
|
|
5
|
-
import
|
|
4
|
+
import { forwardRef as b, useState as E, useRef as D, useEffect as F } from "react";
|
|
5
|
+
import "./tinycolor-d415b1fd.js";
|
|
6
|
+
import { J as R } from "./useLayoutPropsUtil-4361a49d-f9f6e64c.js";
|
|
6
7
|
import { K as H } from "./index-39087e81.js";
|
|
7
|
-
import { j as
|
|
8
|
-
const
|
|
9
|
-
overflow:
|
|
8
|
+
import { j as L } from "./Flex-9956f1b3.js";
|
|
9
|
+
const G = "_overflow_1i4u9_2", K = "_expanded_1i4u9_2", q = "_content_1i4u9_55", A = "_horizontal_1i4u9_96", t = {
|
|
10
|
+
overflow: G,
|
|
10
11
|
expanded: K,
|
|
11
12
|
"shadow-top": "_shadow-top_1i4u9_2",
|
|
12
13
|
"shadow-right": "_shadow-right_1i4u9_6",
|
|
@@ -18,7 +19,7 @@ const J = "_overflow_1i4u9_2", K = "_expanded_1i4u9_2", q = "_content_1i4u9_55",
|
|
|
18
19
|
horizontal: A
|
|
19
20
|
}, z = b(
|
|
20
21
|
(a, i) => {
|
|
21
|
-
const { row: x = 1, ...g } = a, { layoutStyles: w, componentProps: C } =
|
|
22
|
+
const { row: x = 1, ...g } = a, { layoutStyles: w, componentProps: C } = R(g), [l, v] = E(!1), { className: N, style: W, children: s, ...u } = C, m = {
|
|
22
23
|
...W,
|
|
23
24
|
...w,
|
|
24
25
|
"--overflow-text-row": l ? "initial" : x
|
|
@@ -80,9 +81,9 @@ const J = "_overflow_1i4u9_2", K = "_expanded_1i4u9_2", q = "_content_1i4u9_55",
|
|
|
80
81
|
}
|
|
81
82
|
);
|
|
82
83
|
z.displayName = "OverflowText";
|
|
83
|
-
const
|
|
84
|
+
const $ = b(
|
|
84
85
|
(a, i) => {
|
|
85
|
-
const { layoutStyles: x, componentProps: g } =
|
|
86
|
+
const { layoutStyles: x, componentProps: g } = R(a), {
|
|
86
87
|
children: w,
|
|
87
88
|
className: C,
|
|
88
89
|
direction: l = "column",
|
|
@@ -92,13 +93,13 @@ const B = b(
|
|
|
92
93
|
truncate: s,
|
|
93
94
|
gap: u,
|
|
94
95
|
...m
|
|
95
|
-
} = g, n =
|
|
96
|
+
} = g, n = D(null), [_, y] = E(!1), [r, f] = E({
|
|
96
97
|
left: !1,
|
|
97
98
|
right: !1,
|
|
98
99
|
top: !1,
|
|
99
100
|
bottom: !1
|
|
100
101
|
});
|
|
101
|
-
|
|
102
|
+
F(() => {
|
|
102
103
|
if (!n.current)
|
|
103
104
|
return;
|
|
104
105
|
if (l === "row") {
|
|
@@ -148,15 +149,15 @@ const B = b(
|
|
|
148
149
|
}, c = {
|
|
149
150
|
minHeight: N ?? void 0
|
|
150
151
|
}, d = typeof s == "object" ? s.expandText : "Show more...", p = typeof s == "object" ? s.collapseText : "Show less...", O = (k) => {
|
|
151
|
-
var I,
|
|
152
|
-
if (y((
|
|
152
|
+
var I, J;
|
|
153
|
+
if (y((B) => !B), setTimeout(() => {
|
|
153
154
|
h();
|
|
154
155
|
}, 100), typeof s == "object") {
|
|
155
156
|
if (_) {
|
|
156
157
|
(I = s.onCollapse) == null || I.call(s, k);
|
|
157
158
|
return;
|
|
158
159
|
}
|
|
159
|
-
(
|
|
160
|
+
(J = s.onExpand) == null || J.call(s, k);
|
|
160
161
|
}
|
|
161
162
|
};
|
|
162
163
|
return /* @__PURE__ */ e.jsxs(
|
|
@@ -170,7 +171,7 @@ const B = b(
|
|
|
170
171
|
r.top ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-top"] }) : null,
|
|
171
172
|
r.left ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-left"] }) : null,
|
|
172
173
|
/* @__PURE__ */ e.jsx(
|
|
173
|
-
|
|
174
|
+
L,
|
|
174
175
|
{
|
|
175
176
|
className: t.content,
|
|
176
177
|
onScroll: h,
|
|
@@ -213,7 +214,7 @@ const B = b(
|
|
|
213
214
|
r.left ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-left"] }) : null,
|
|
214
215
|
r.top ? /* @__PURE__ */ e.jsx("div", { className: t["shadow-top"] }) : null,
|
|
215
216
|
/* @__PURE__ */ e.jsx(
|
|
216
|
-
|
|
217
|
+
L,
|
|
217
218
|
{
|
|
218
219
|
className: t.content,
|
|
219
220
|
onScroll: h,
|
|
@@ -232,19 +233,19 @@ const B = b(
|
|
|
232
233
|
);
|
|
233
234
|
}
|
|
234
235
|
);
|
|
235
|
-
|
|
236
|
-
const M = Object.assign(
|
|
236
|
+
$.displayName = "Overflow";
|
|
237
|
+
const M = Object.assign($, {
|
|
237
238
|
Text: z
|
|
238
239
|
}), Q = b(
|
|
239
|
-
(a, i) => /* @__PURE__ */
|
|
240
|
+
(a, i) => /* @__PURE__ */ P.jsx(M, { ref: i, ...a })
|
|
240
241
|
), U = b(
|
|
241
|
-
(a, i) => /* @__PURE__ */
|
|
242
|
-
),
|
|
242
|
+
(a, i) => /* @__PURE__ */ P.jsx(z, { ref: i, ...a })
|
|
243
|
+
), lt = Object.assign(Q, {
|
|
243
244
|
Text: U
|
|
244
245
|
});
|
|
245
246
|
export {
|
|
246
|
-
|
|
247
|
+
lt as Overflow,
|
|
247
248
|
U as OverflowText,
|
|
248
|
-
|
|
249
|
+
lt as default
|
|
249
250
|
};
|
|
250
251
|
//# sourceMappingURL=Overflow.js.map
|
package/Overflow.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overflow.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js","../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import \"./index.css\";\nimport { j as e } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as W, useState as C, useRef as q, useEffect as A } from \"react\";\nimport { u as L } from \"./index-cb7af0c9.js\";\nimport H from \"classnames\";\nimport \"@servicetitan/hammer-token\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_1i4u9_2\", D = \"_expanded_1i4u9_2\", G = \"_content_1i4u9_55\", J = \"_horizontal_1i4u9_96\", t = {\n overflow: B,\n expanded: D,\n \"shadow-top\": \"_shadow-top_1i4u9_2\",\n \"shadow-right\": \"_shadow-right_1i4u9_6\",\n \"shadow-bottom\": \"_shadow-bottom_1i4u9_10\",\n \"shadow-left\": \"_shadow-left_1i4u9_14\",\n \"overflow-text\": \"_overflow-text_1i4u9_21\",\n \"expand-button\": \"_expand-button_1i4u9_34\",\n content: G,\n horizontal: J\n}, I = W(\n (f, x) => {\n const { row: u = 1, ...N } = f, { layoutStyles: w, componentProps: E } = L(N), [l, v] = C(!1), { className: g, style: O, children: o, ...h } = E, p = {\n ...O,\n ...w,\n \"--overflow-text-row\": l ? \"initial\" : u\n };\n if (\"expandable\" in f && f.expandable === !0) {\n const {\n expandable: _,\n expandText: j,\n collapseText: a,\n onExpand: c,\n onCollapse: d,\n ...b\n } = h, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (i) => {\n if (v((m) => !m), l) {\n d == null || d(i);\n return;\n }\n c == null || c(i);\n }, r = H(\n [t[\"overflow-text\"]],\n [t.expandable],\n {\n [t.expanded]: l\n }\n );\n return /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x,\n className: r,\n style: p,\n ...b,\n children: [\n /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o }),\n /* @__PURE__ */ e.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: s,\n \"aria-hidden\": !0,\n children: l ? S : y\n }\n )\n ]\n }\n );\n }\n const n = H([t[\"overflow-text\"]]);\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n ref: x,\n className: n,\n style: p,\n ...h,\n children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n }\n );\n }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n (f, x) => {\n const { layoutStyles: u, componentProps: N } = L(f), {\n children: w,\n className: E,\n direction: l = \"column\",\n style: v,\n height: g,\n width: O,\n truncate: o,\n gap: h,\n ...p\n } = N, n = q(null), [_, j] = C(!1), [a, c] = C({\n left: !1,\n right: !1,\n top: !1,\n bottom: !1\n });\n A(() => {\n if (!n.current)\n return;\n if (l === \"row\") {\n const r = n.current.offsetWidth < n.current.scrollWidth;\n c((i) => ({\n ...i,\n right: r\n }));\n return;\n }\n const s = n.current.offsetHeight < n.current.scrollHeight;\n c((r) => ({\n ...r,\n bottom: s\n }));\n }, [l]);\n const d = () => {\n if (!n.current)\n return;\n const s = n.current;\n if (l === \"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, i = s.scrollTop < s.scrollHeight - s.offsetHeight;\n c({\n top: r,\n bottom: i,\n left: !1,\n right: !1\n });\n }, b = H([t.overflow], {\n [t.vertical]: l === \"column\",\n [t.horizontal]: l === \"row\",\n [t.expanded]: _\n });\n if (o) {\n const s = {\n ...v,\n ...u\n }, r = {\n minHeight: g ?? void 0\n }, i = typeof o == \"object\" ? o.expandText : \"Show more...\", m = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n var k, z;\n if (j((U) => !U), setTimeout(() => {\n d();\n }, 100), typeof o == \"object\") {\n if (_) {\n (k = o.onCollapse) == null || k.call(o, R);\n return;\n }\n (z = o.onExpand) == null || z.call(o, R);\n }\n };\n return /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x,\n style: s,\n className: b,\n ...p,\n children: [\n a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n /* @__PURE__ */ e.jsx(\n P,\n {\n className: t.content,\n onScroll: d,\n style: r,\n ref: n,\n direction: l,\n gap: h,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n /* @__PURE__ */ e.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: T,\n children: _ ? m : i\n }\n )\n ]\n }\n );\n }\n const y = {\n ...v,\n ...u\n }, S = {\n minHeight: g ?? void 0\n };\n return /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x,\n style: y,\n className: b,\n ...p,\n children: [\n a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n /* @__PURE__ */ e.jsx(\n P,\n {\n className: t.content,\n onScroll: d,\n ref: n,\n style: S,\n direction: l,\n gap: h,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n ]\n }\n );\n }\n);\nF.displayName = \"Overflow\";\nconst $ = Object.assign(F, {\n Text: I\n});\nexport {\n $ as Overflow,\n I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n","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\";\n\nexport type OverflowProps = CoreOverflowProps;\nexport type OverflowTextProps = CoreOverflowTextProps;\n\nconst OverflowElement = forwardRef(\n (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n return <CoreOverflow ref={ref} {...props} />;\n }\n);\nexport const OverflowText = forwardRef(\n (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n return <CoreOverflowText ref={ref} {...props} />;\n }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n Text: OverflowText,\n});\n"],"names":["B","D","G","J","I","forwardRef","f","x","u","N","E","de","useState","g","O","o","h","p","j","a","c","d","b","y","s","i","m","r","K","fr","F","useRef","j$1","useEffect","T","R","k","z","U","$","OverflowElement","props","ref","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Overflow.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Overflow.js","../src/components/Overflow/Overflow.tsx"],"sourcesContent":["import \"./index.css\";\nimport { j as e } 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 { u as L } from \"./useLayoutPropsUtil-4361a49d.js\";\nimport \"@floating-ui/react\";\nimport H from \"classnames\";\nimport { Flex as P } from \"./Flex.js\";\nconst B = \"_overflow_1i4u9_2\", D = \"_expanded_1i4u9_2\", G = \"_content_1i4u9_55\", J = \"_horizontal_1i4u9_96\", t = {\n overflow: B,\n expanded: D,\n \"shadow-top\": \"_shadow-top_1i4u9_2\",\n \"shadow-right\": \"_shadow-right_1i4u9_6\",\n \"shadow-bottom\": \"_shadow-bottom_1i4u9_10\",\n \"shadow-left\": \"_shadow-left_1i4u9_14\",\n \"overflow-text\": \"_overflow-text_1i4u9_21\",\n \"expand-button\": \"_expand-button_1i4u9_34\",\n content: G,\n horizontal: J\n}, I = W(\n (f, x) => {\n const { row: u = 1, ...N } = f, { layoutStyles: w, componentProps: E } = L(N), [l, v] = C(!1), { className: g, style: O, children: o, ...p } = E, m = {\n ...O,\n ...w,\n \"--overflow-text-row\": l ? \"initial\" : u\n };\n if (\"expandable\" in f && f.expandable === !0) {\n const {\n expandable: _,\n expandText: j,\n collapseText: a,\n onExpand: c,\n onCollapse: d,\n ...b\n } = p, y = j ?? \"Show more...\", S = a ?? \"Show less...\", s = (i) => {\n if (v((h) => !h), l) {\n d == null || d(i);\n return;\n }\n c == null || c(i);\n }, r = H(\n [t[\"overflow-text\"]],\n [t.expandable],\n {\n [t.expanded]: l\n }\n );\n return /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x,\n className: r,\n style: m,\n ...b,\n children: [\n /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o }),\n /* @__PURE__ */ e.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: s,\n \"aria-hidden\": !0,\n children: l ? S : y\n }\n )\n ]\n }\n );\n }\n const n = H([t[\"overflow-text\"]]);\n return /* @__PURE__ */ e.jsx(\n \"div\",\n {\n ref: x,\n className: n,\n style: m,\n ...p,\n children: /* @__PURE__ */ e.jsx(\"div\", { className: t.content, children: o })\n }\n );\n }\n);\nI.displayName = \"OverflowText\";\nconst F = W(\n (f, x) => {\n const { layoutStyles: u, componentProps: N } = L(f), {\n children: w,\n className: E,\n direction: l = \"column\",\n style: v,\n height: g,\n width: O,\n truncate: o,\n gap: p,\n ...m\n } = N, n = q(null), [_, j] = C(!1), [a, c] = C({\n left: !1,\n right: !1,\n top: !1,\n bottom: !1\n });\n A(() => {\n if (!n.current)\n return;\n if (l === \"row\") {\n const r = n.current.offsetWidth < n.current.scrollWidth;\n c((i) => ({\n ...i,\n right: r\n }));\n return;\n }\n const s = n.current.offsetHeight < n.current.scrollHeight;\n c((r) => ({\n ...r,\n bottom: s\n }));\n }, [l]);\n const d = () => {\n if (!n.current)\n return;\n const s = n.current;\n if (l === \"row\") {\n const h = s.scrollLeft > 0, T = s.scrollLeft < s.scrollWidth - s.offsetWidth;\n c({\n left: h,\n right: T,\n top: !1,\n bottom: !1\n });\n return;\n }\n const r = s.scrollTop > 0, i = s.scrollTop < s.scrollHeight - s.offsetHeight;\n c({\n top: r,\n bottom: i,\n left: !1,\n right: !1\n });\n }, b = H([t.overflow], {\n [t.vertical]: l === \"column\",\n [t.horizontal]: l === \"row\",\n [t.expanded]: _\n });\n if (o) {\n const s = {\n ...v,\n ...u\n }, r = {\n minHeight: g ?? void 0\n }, i = typeof o == \"object\" ? o.expandText : \"Show more...\", h = typeof o == \"object\" ? o.collapseText : \"Show less...\", T = (R) => {\n var k, z;\n if (j((U) => !U), setTimeout(() => {\n d();\n }, 100), typeof o == \"object\") {\n if (_) {\n (k = o.onCollapse) == null || k.call(o, R);\n return;\n }\n (z = o.onExpand) == null || z.call(o, R);\n }\n };\n return /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x,\n style: s,\n className: b,\n ...m,\n children: [\n a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n /* @__PURE__ */ e.jsx(\n P,\n {\n className: t.content,\n onScroll: d,\n style: r,\n ref: n,\n direction: l,\n gap: p,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null,\n /* @__PURE__ */ e.jsx(\n \"button\",\n {\n className: t[\"expand-button\"],\n onClick: T,\n children: _ ? h : i\n }\n )\n ]\n }\n );\n }\n const y = {\n ...v,\n ...u\n }, S = {\n minHeight: g ?? void 0\n };\n return /* @__PURE__ */ e.jsxs(\n \"div\",\n {\n ref: x,\n style: y,\n className: b,\n ...m,\n children: [\n a.left ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-left\"] }) : null,\n a.top ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-top\"] }) : null,\n /* @__PURE__ */ e.jsx(\n P,\n {\n className: t.content,\n onScroll: d,\n ref: n,\n style: S,\n direction: l,\n gap: p,\n tabIndex: 0,\n children: w\n }\n ),\n a.bottom ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-bottom\"] }) : null,\n a.right ? /* @__PURE__ */ e.jsx(\"div\", { className: t[\"shadow-right\"] }) : null\n ]\n }\n );\n }\n);\nF.displayName = \"Overflow\";\nconst et = Object.assign(F, {\n Text: I\n});\nexport {\n et as Overflow,\n I as OverflowText\n};\n//# sourceMappingURL=Overflow.js.map\n","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\";\n\nexport type OverflowProps = CoreOverflowProps;\nexport type OverflowTextProps = CoreOverflowTextProps;\n\nconst OverflowElement = forwardRef(\n (props: OverflowProps, ref: Ref<HTMLDivElement>) => {\n return <CoreOverflow ref={ref} {...props} />;\n }\n);\nexport const OverflowText = forwardRef(\n (props: OverflowTextProps, ref: Ref<HTMLDivElement>) => {\n return <CoreOverflowText ref={ref} {...props} />;\n }\n);\n\nexport const Overflow = Object.assign(OverflowElement, {\n Text: OverflowText,\n});\n"],"names":["B","D","G","J","I","forwardRef","f","x","u","N","E","J$1","useState","g","O","o","p","j","a","c","d","b","y","s","i","h","r","K","fr","F","useRef","j$1","useEffect","T","R","k","z","U","et","OverflowElement","props","ref","jsxRuntimeExports","OverflowText","Overflow"],"mappings":"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","x_google_ignoreList":[0]}
|
package/Page.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var D=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
var D=require("./index3.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),x=require("./index-d3c6e880.cjs"),E=require("./Button.cjs"),S=require("./useSize.cjs"),_=require("./Tooltip.cjs");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(a,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return a.default=e,Object.freeze(a)}const p=P(i),N="_page_1vr84_7",C="_content_1vr84_25",y="_sidebar_1vr84_33",O="_panel_1vr84_105",q="_collapsed_1vr84_144",M="_open_1vr84_144",T="_small_1vr84_144",B="_medium_1vr84_147",K="_large_1vr84_150",L="_noPadding_1vr84_184",r={page:N,content:C,"content-inner":"_content-inner_1vr84_29",sidebar:y,"sidebar-inner":"_sidebar-inner_1vr84_44","toggle-button-wrapper":"_toggle-button-wrapper_1vr84_69","toggle-button-tooltip":"_toggle-button-tooltip_1vr84_77","toggle-button":"_toggle-button_1vr84_69","sidebar-header":"_sidebar-header_1vr84_92",panel:O,"panel-inner":"_panel-inner_1vr84_113","virtual-scroll-container":"_virtual-scroll-container_1vr84_126",collapsed:q,open:M,small:T,medium:B,large:K,"header-content":"_header-content_1vr84_172",noPadding:L};function k(...e){return p.useCallback(a=>{for(let s=0;s<e.length;s++){const t=e[s];typeof t=="function"?t(a):t&&typeof t=="object"&&(t.current=a)}},e)}const z=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.createElement("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})),I=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",...e},p.createElement("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"})),H=i.forwardRef((e,a)=>{const{children:s,...t}=e;return n.jsxRuntimeExports.jsx("div",{className:r.page,ref:a,...t,children:s})}),h=i.createContext(null),b=i.forwardRef((e,a)=>{const{children:s,className:t,localStorageKey:d="sidebar-collapsd",...c}=e,[l,g]=i.useState(()=>{const u=localStorage.getItem(d);return u?JSON.parse(u):!1}),o=x.K([r.sidebar],t,{[r.collapsed]:l}),m=()=>{g(u=>(localStorage.setItem(d,JSON.stringify(!u)),!u))};return n.jsxRuntimeExports.jsx(h.Provider,{value:{collapsed:l},children:n.jsxRuntimeExports.jsxs("div",{className:o,ref:a,...c,children:[n.jsxRuntimeExports.jsx("div",{className:r["sidebar-inner"],"aria-hidden":l,children:n.jsxRuntimeExports.jsx("div",{tabIndex:0,children:s})}),n.jsxRuntimeExports.jsx("div",{className:r["toggle-button-wrapper"],children:n.jsxRuntimeExports.jsxs(_.default,{placement:"right",children:[n.jsxRuntimeExports.jsx(_.default.Trigger,{className:r["toggle-button-tooltip"],children:n.jsxRuntimeExports.jsx(E.default,{size:"small",onClick:m,className:r["toggle-button"],"aria-label":l?"Open Sidebar":"Close Sidebar",icon:l?z:I})}),n.jsxRuntimeExports.jsx(_.default.Content,{children:l?"Open Sidebar":"Close Sidebar"})]})})]})})}),f=i.forwardRef((e,a)=>{const{children:s,className:t,...d}=e,c=i.useContext(h),l=x.K([r["sidebar-header"]],t);return n.jsxRuntimeExports.jsx("div",{className:l,ref:a,...d,children:n.jsxRuntimeExports.jsx("div",{className:r["header-content"],"aria-hidden":c==null?void 0:c.collapsed,children:s})})}),j=i.forwardRef((e,a)=>{const{children:s,className:t,...d}=e,c=x.K([r.content],t),l=i.useRef(null),g=i.useRef(null),o=S.useSize(l);return i.useEffect(()=>{function m(){var v;const u=window.scrollY;(v=g.current)==null||v.scrollTo(0,u??0)}return window.addEventListener("scroll",m,{passive:!0}),()=>{window.removeEventListener("scroll",m)}},[]),n.jsxRuntimeExports.jsxs("main",{className:c,ref:k(l,a),...d,children:[n.jsxRuntimeExports.jsx("div",{className:r["content-inner"],children:s}),n.jsxRuntimeExports.jsx("div",{className:r["virtual-scroll-container"],ref:g,style:{left:o&&(o==null?void 0:o.left)+(o==null?void 0:o.width)},children:n.jsxRuntimeExports.jsx("div",{style:{width:1,height:o?o.height+o.y*2:0}})})]})}),R=i.forwardRef((e,a)=>{const{children:s,open:t,size:d="medium",noPadding:c,style:l,className:g,...o}=e,m=x.K([r.panel],[r[d]],g,{[r.open]:t,[r.noPadding]:c});return n.jsxRuntimeExports.jsx("aside",{className:m,"aria-hidden":!t,"aria-disabled":!t,ref:a,...o,children:n.jsxRuntimeExports.jsx("div",{className:r["panel-inner"],tabIndex:t?0:-1,style:l,children:n.jsxRuntimeExports.jsx("div",{children:s})})})}),w=Object.assign(H,{Sidebar:b,SidebarHeader:f,Content:j,Panel:R});exports.Page=w;exports.PageContent=j;exports.PagePanel=R;exports.PageSidebar=b;exports.PageSidebarHeader=f;exports.default=w;
|
|
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/filled/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_left.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgNiA4LjU5IDcuNDEgMTMuMTcgMTJsLTQuNTggNC41OUwxMCAxOGw2LTZ6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNDEgNy40MSAxNCA2bC02IDYgNiA2IDEuNDEtMS40MUwxMC44MyAxMnoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\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/filled/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/filled/chevron_left.svg\";\nimport Tooltip from \"../Tooltip\";\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 {children}\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};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n localStorageKey = \"sidebar-collapsd\",\n ...rest\n } = props;\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 return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div tabIndex={0}>{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 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\n useEffect(() => {\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 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 >\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<\"aside\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLAreaElement>) => {\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\"]]: open,\n [styles[\"noPadding\"]]: noPadding,\n });\n\n return (\n <aside\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={open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </aside>\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","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","localStorageKey","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
|
1
|
+
{"version":3,"file":"Page.cjs","sources":["../node_modules/@react-hook/merged-ref/dist/module/index.js","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_right.svg","../node_modules/@servicetitan/hammer-icon/mdi/filled/chevron_left.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgNiA4LjU5IDcuNDEgMTMuMTcgMTJsLTQuNTggNC41OUwxMCAxOGw2LTZ6Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNDEgNy40MSAxNCA2bC02IDYgNiA2IDEuNDEtMS40MUwxMC44MyAxMnoiLz48L3N2Zz4=\"","import {\n ComponentPropsWithoutRef,\n Ref,\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/filled/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/filled/chevron_left.svg\";\nimport Tooltip from \"../Tooltip\";\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 {children}\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};\nexport const PageSidebar = forwardRef(\n (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n const {\n children,\n className,\n localStorageKey = \"sidebar-collapsd\",\n ...rest\n } = props;\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 return (\n <PageSideBarContext.Provider value={{ collapsed }}>\n <div className={classNames} ref={ref} {...rest}>\n <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n <div tabIndex={0}>{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 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\n useEffect(() => {\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 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 >\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<\"aside\"> & {\n open?: boolean;\n size?: \"small\" | \"medium\" | \"large\";\n noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n (props: PagePanelProps, ref: Ref<HTMLAreaElement>) => {\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\"]]: open,\n [styles[\"noPadding\"]]: noPadding,\n });\n\n return (\n <aside\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={open ? 0 : -1}\n style={style}\n >\n <div>{children}</div>\n </div>\n </aside>\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","PageElement","React","children","rest","jsxRuntime","styles","PageSideBarContext","PageSidebar","className","localStorageKey","collapsed","setCollapsed","sidebarState","classNames","index","onToggleButtonClick","prev","Tooltip","Button","PageSidebarHeader","context","PageContent","mainRef","virtualScrollRef","size","useSize","updatePosition","newValue","_a","PagePanel","open","noPadding","style","Page"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
package/Page.js
CHANGED
|
@@ -2,70 +2,70 @@ import "./index3.css";
|
|
|
2
2
|
import { j as e } from "./jsx-runtime-944c88e2.js";
|
|
3
3
|
import * as _ from "react";
|
|
4
4
|
import { forwardRef as p, createContext as x, useState as w, useContext as j, useRef as b, useEffect as N } from "react";
|
|
5
|
-
import { K as
|
|
5
|
+
import { K as v } from "./index-39087e81.js";
|
|
6
6
|
import S from "./Button.js";
|
|
7
7
|
import { useSize as P } from "./useSize.js";
|
|
8
8
|
import u from "./Tooltip.js";
|
|
9
|
-
const C = "
|
|
9
|
+
const C = "_page_1vr84_7", y = "_content_1vr84_25", E = "_sidebar_1vr84_33", R = "_panel_1vr84_105", B = "_collapsed_1vr84_144", L = "_open_1vr84_144", O = "_small_1vr84_144", I = "_medium_1vr84_147", T = "_large_1vr84_150", k = "_noPadding_1vr84_184", s = {
|
|
10
10
|
page: C,
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
content: y,
|
|
12
|
+
"content-inner": "_content-inner_1vr84_29",
|
|
13
|
+
sidebar: E,
|
|
14
|
+
"sidebar-inner": "_sidebar-inner_1vr84_44",
|
|
15
|
+
"toggle-button-wrapper": "_toggle-button-wrapper_1vr84_69",
|
|
16
|
+
"toggle-button-tooltip": "_toggle-button-tooltip_1vr84_77",
|
|
17
|
+
"toggle-button": "_toggle-button_1vr84_69",
|
|
18
|
+
"sidebar-header": "_sidebar-header_1vr84_92",
|
|
13
19
|
panel: R,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
|
|
23
|
-
"sidebar-header": "_sidebar-header_dlfsc_112",
|
|
24
|
-
"header-content": "_header-content_dlfsc_125",
|
|
25
|
-
content: T,
|
|
26
|
-
"content-inner": "_content-inner_dlfsc_133",
|
|
27
|
-
noPadding: k,
|
|
28
|
-
"virtual-scroll-container": "_virtual-scroll-container_dlfsc_176"
|
|
20
|
+
"panel-inner": "_panel-inner_1vr84_113",
|
|
21
|
+
"virtual-scroll-container": "_virtual-scroll-container_1vr84_126",
|
|
22
|
+
collapsed: B,
|
|
23
|
+
open: L,
|
|
24
|
+
small: O,
|
|
25
|
+
medium: I,
|
|
26
|
+
large: T,
|
|
27
|
+
"header-content": "_header-content_1vr84_172",
|
|
28
|
+
noPadding: k
|
|
29
29
|
};
|
|
30
|
-
function M(...
|
|
30
|
+
function M(...n) {
|
|
31
31
|
return _.useCallback(
|
|
32
|
-
(
|
|
33
|
-
for (let a = 0; a <
|
|
34
|
-
const t =
|
|
35
|
-
typeof t == "function" ? t(
|
|
32
|
+
(l) => {
|
|
33
|
+
for (let a = 0; a < n.length; a++) {
|
|
34
|
+
const t = n[a];
|
|
35
|
+
typeof t == "function" ? t(l) : t && typeof t == "object" && (t.current = l);
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
39
|
-
|
|
39
|
+
n
|
|
40
40
|
);
|
|
41
41
|
}
|
|
42
|
-
const z = (
|
|
43
|
-
const { children: a, ...t } =
|
|
44
|
-
return /* @__PURE__ */ e.jsx("div", { className:
|
|
45
|
-
}),
|
|
46
|
-
(
|
|
42
|
+
const z = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ _.createElement("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })), H = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...n }, /* @__PURE__ */ _.createElement("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" })), J = p((n, l) => {
|
|
43
|
+
const { children: a, ...t } = n;
|
|
44
|
+
return /* @__PURE__ */ e.jsx("div", { className: s.page, ref: l, ...t, children: a });
|
|
45
|
+
}), f = x(null), K = p(
|
|
46
|
+
(n, l) => {
|
|
47
47
|
const {
|
|
48
48
|
children: a,
|
|
49
49
|
className: t,
|
|
50
|
-
localStorageKey:
|
|
51
|
-
...
|
|
52
|
-
} =
|
|
53
|
-
const d = localStorage.getItem(
|
|
50
|
+
localStorageKey: c = "sidebar-collapsd",
|
|
51
|
+
...i
|
|
52
|
+
} = n, [o, m] = w(() => {
|
|
53
|
+
const d = localStorage.getItem(c);
|
|
54
54
|
return d ? JSON.parse(d) : !1;
|
|
55
|
-
}),
|
|
56
|
-
[
|
|
55
|
+
}), r = v([s.sidebar], t, {
|
|
56
|
+
[s.collapsed]: o
|
|
57
57
|
}), g = () => {
|
|
58
|
-
m((d) => (localStorage.setItem(
|
|
58
|
+
m((d) => (localStorage.setItem(c, JSON.stringify(!d)), !d));
|
|
59
59
|
};
|
|
60
|
-
return /* @__PURE__ */ e.jsx(
|
|
61
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
62
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
63
|
-
/* @__PURE__ */ e.jsx(u.Trigger, { className:
|
|
60
|
+
return /* @__PURE__ */ e.jsx(f.Provider, { value: { collapsed: o }, children: /* @__PURE__ */ e.jsxs("div", { className: r, ref: l, ...i, children: [
|
|
61
|
+
/* @__PURE__ */ e.jsx("div", { className: s["sidebar-inner"], "aria-hidden": o, children: /* @__PURE__ */ e.jsx("div", { tabIndex: 0, children: a }) }),
|
|
62
|
+
/* @__PURE__ */ e.jsx("div", { className: s["toggle-button-wrapper"], children: /* @__PURE__ */ e.jsxs(u, { placement: "right", children: [
|
|
63
|
+
/* @__PURE__ */ e.jsx(u.Trigger, { className: s["toggle-button-tooltip"], children: /* @__PURE__ */ e.jsx(
|
|
64
64
|
S,
|
|
65
65
|
{
|
|
66
66
|
size: "small",
|
|
67
67
|
onClick: g,
|
|
68
|
-
className:
|
|
68
|
+
className: s["toggle-button"],
|
|
69
69
|
"aria-label": o ? "Open Sidebar" : "Close Sidebar",
|
|
70
70
|
icon: o ? z : H
|
|
71
71
|
}
|
|
@@ -75,20 +75,20 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
|
|
|
75
75
|
] }) });
|
|
76
76
|
}
|
|
77
77
|
), V = p(
|
|
78
|
-
(
|
|
79
|
-
const { children: a, className: t, ...
|
|
80
|
-
return /* @__PURE__ */ e.jsx("div", { className: o, ref:
|
|
78
|
+
(n, l) => {
|
|
79
|
+
const { children: a, className: t, ...c } = n, i = j(f), o = v([s["sidebar-header"]], t);
|
|
80
|
+
return /* @__PURE__ */ e.jsx("div", { className: o, ref: l, ...c, children: /* @__PURE__ */ e.jsx(
|
|
81
81
|
"div",
|
|
82
82
|
{
|
|
83
|
-
className:
|
|
84
|
-
"aria-hidden":
|
|
83
|
+
className: s["header-content"],
|
|
84
|
+
"aria-hidden": i == null ? void 0 : i.collapsed,
|
|
85
85
|
children: a
|
|
86
86
|
}
|
|
87
87
|
) });
|
|
88
88
|
}
|
|
89
89
|
), Y = p(
|
|
90
|
-
(
|
|
91
|
-
const { children: a, className: t, ...
|
|
90
|
+
(n, l) => {
|
|
91
|
+
const { children: a, className: t, ...c } = n, i = v([s.content], t), o = b(null), m = b(null), r = P(o);
|
|
92
92
|
return N(() => {
|
|
93
93
|
function g() {
|
|
94
94
|
var h;
|
|
@@ -98,18 +98,18 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
|
|
|
98
98
|
return window.addEventListener("scroll", g, { passive: !0 }), () => {
|
|
99
99
|
window.removeEventListener("scroll", g);
|
|
100
100
|
};
|
|
101
|
-
}, []), /* @__PURE__ */ e.jsxs("main", { className:
|
|
102
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
101
|
+
}, []), /* @__PURE__ */ e.jsxs("main", { className: i, ref: M(o, l), ...c, children: [
|
|
102
|
+
/* @__PURE__ */ e.jsx("div", { className: s["content-inner"], children: a }),
|
|
103
103
|
/* @__PURE__ */ e.jsx(
|
|
104
104
|
"div",
|
|
105
105
|
{
|
|
106
|
-
className:
|
|
106
|
+
className: s["virtual-scroll-container"],
|
|
107
107
|
ref: m,
|
|
108
|
-
style: { left:
|
|
108
|
+
style: { left: r && (r == null ? void 0 : r.left) + (r == null ? void 0 : r.width) },
|
|
109
109
|
children: /* @__PURE__ */ e.jsx(
|
|
110
110
|
"div",
|
|
111
111
|
{
|
|
112
|
-
style: { width: 1, height:
|
|
112
|
+
style: { width: 1, height: r ? r.height + r.y * 2 : 0 }
|
|
113
113
|
}
|
|
114
114
|
)
|
|
115
115
|
}
|
|
@@ -117,18 +117,18 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
|
|
|
117
117
|
] });
|
|
118
118
|
}
|
|
119
119
|
), q = p(
|
|
120
|
-
(
|
|
120
|
+
(n, l) => {
|
|
121
121
|
const {
|
|
122
122
|
children: a,
|
|
123
123
|
open: t,
|
|
124
|
-
size:
|
|
125
|
-
noPadding:
|
|
124
|
+
size: c = "medium",
|
|
125
|
+
noPadding: i,
|
|
126
126
|
style: o,
|
|
127
127
|
className: m,
|
|
128
|
-
...
|
|
129
|
-
} =
|
|
130
|
-
[
|
|
131
|
-
[
|
|
128
|
+
...r
|
|
129
|
+
} = n, g = v([s.panel], [s[c]], m, {
|
|
130
|
+
[s.open]: t,
|
|
131
|
+
[s.noPadding]: i
|
|
132
132
|
});
|
|
133
133
|
return /* @__PURE__ */ e.jsx(
|
|
134
134
|
"aside",
|
|
@@ -136,12 +136,12 @@ const z = (s) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
|
|
|
136
136
|
className: g,
|
|
137
137
|
"aria-hidden": !t,
|
|
138
138
|
"aria-disabled": !t,
|
|
139
|
-
ref:
|
|
140
|
-
...
|
|
139
|
+
ref: l,
|
|
140
|
+
...r,
|
|
141
141
|
children: /* @__PURE__ */ e.jsx(
|
|
142
142
|
"div",
|
|
143
143
|
{
|
|
144
|
-
className:
|
|
144
|
+
className: s["panel-inner"],
|
|
145
145
|
tabIndex: t ? 0 : -1,
|
|
146
146
|
style: o,
|
|
147
147
|
children: /* @__PURE__ */ e.jsx("div", { children: a })
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var te=require("./Popover.css");const d=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),e=require("./floating-ui.react-34d1b069.cjs"),V=require("./index-d3c6e880.cjs");require("./index-e2836ada.cjs");require("./LocalizationProvider.cjs");const M=require("./index-8af7c338.cjs"),I=require("./Button-
|
|
2
|
-
//# sourceMappingURL=Popover-
|
|
1
|
+
var te=require("./Popover.css");const d=require("./jsx-runtime-944c88e2-2b81c205.cjs"),r=require("react"),e=require("./floating-ui.react-34d1b069.cjs"),V=require("./index-d3c6e880.cjs");require("./index-e2836ada.cjs");require("./LocalizationProvider.cjs");const M=require("./index-8af7c338.cjs"),I=require("./Button-d7338178.cjs");function X({defaultOpen:n,placement:l="bottom",modal:t,open:s,onOpenChange:i,onClose:o,disableCloseOnClickOutside:c,disableCloseOnEscape:f,openOnHover:h,fillAvailableHeight:u,matchReferenceWidth:p,fixedWidth:a,disableCaret:g,noPadding:b,disableShift:x,disableFlip:C,disableFlipFallback:R,disableAutoUpdate:v,disableFocusLock:O}={}){const[z,B]=r.useState(n),[k,K]=r.useState(),[A,N]=r.useState(),F=s??z,P=i??B,_=r.useRef(null),j=e.useFloating({placement:l,open:F,onOpenChange:P,whileElementsMounted:v?void 0:e.autoUpdate,middleware:[e.offset(8),e.size({padding:5,apply({rects:G,availableHeight:J,elements:Q}){Object.assign(Q.floating.style,{...p?{width:`${G.reference.width}px`}:a?{width:"40dvw"}:{},...u?{maxHeight:`${Math.max(236,J-20)}px`}:{},zIndex:1})}}),e.flip({mainAxis:!C,crossAxis:!1,fallbackAxisSideDirection:R?"none":"end",padding:5}),e.shift({padding:5,mainAxis:!x,crossAxis:!1,limiter:e.limitShift({mainAxis:!x})}),e.arrow({element:g?null:_,padding:5})]}),w=j.context,U=e.useClick(w,{enabled:s==null&&!h}),W=e.useHover(w,{enabled:s==null&&!!h,handleClose:e.safePolygon()}),$=e.useDismiss(w,{escapeKey:!f,outsidePress:()=>c?!1:(o==null||o(),!0)}),T=e.useRole(w),q=e.useInteractions([U,W,$,T]);return r.useMemo(()=>({open:F,setOpen:P,onClose:o,...q,...j,modal:t,labelId:k,descriptionId:A,setLabelId:K,setDescriptionId:N,arrowRef:_,disableCaret:g,noPadding:b,fillAvailableHeight:u,matchReferenceWidth:p,fixedWidth:a,disableFlipFallback:R,disableAutoUpdate:v,disableFocusLock:O}),[F,P,o,q,j,t,k,A,g,b,u,p,a,R,v,O])}const S=r.createContext(null),m=()=>{const n=r.useContext(S);if(n==null)throw new Error("Popover components must be wrapped in <Popover />");return n},H=function(n){const{children:l}=n,t=m(),s=r.useRef(null),i=e.useMergeRefs([t.refs.setReference,s]);return l({"data-state":t.open?"open":"closed",...t.getReferenceProps({ref:i})})},Y="_content_fwc72_4",Z="_arrow_fwc72_26",y={content:Y,arrow:Z,"no-padding":"_no-padding_fwc72_37"},D=r.forwardRef(function({className:n,style:l,...t},s){const{context:i,theme:o,mode:c,disableCaret:f,noPadding:h,onClose:u,disableFocusLock:p,...a}=m(),g=e.useMergeRefs([a.refs.setFloating,s]);if(!i.open)return null;const b=V.K(n,y.content,{[y["no-padding"]]:h}),x=C=>{C.code==="Escape"&&(u==null||u())};return d.fr.jsx(e.FloatingPortal,{children:d.fr.jsx(e.FloatingFocusManager,{context:i,modal:a.modal,order:["reference","content"],disabled:p,children:d.fr.jsx(M.k,{theme:o,mode:c,children:d.fr.jsxs("div",{ref:g,style:{...a.floatingStyles,...l},"aria-labelledby":a.labelId,"aria-describedby":a.descriptionId,className:b,...a.getFloatingProps(t),onKeyDown:x,role:"presentation",children:[!f&&d.fr.jsx(e.FloatingArrow,{ref:a.arrowRef,context:i,className:y.arrow}),t.children]})})})})}),E=r.forwardRef(function(n,l){const{setOpen:t,onClose:s}=m();return d.fr.jsx(I.C,{ref:l,...n,onClick:i=>{var o;(o=n.onClick)==null||o.call(n,i),s==null||s(),t(!1)}})}),L=r.forwardRef(function(n,l){const{children:t,size:s,...i}=n,o=m(),c=t.ref,f=e.useMergeRefs([o.refs.setReference,l,c]);return d.fr.jsx(I.C,{ref:f,size:s,"data-state":o.open?"open":"closed",...o.getReferenceProps(i),children:t})});function ee({children:n,modal:l,...t}){const s=X({modal:l,...t}),{theme:i,mode:o="light"}=r.useContext(M.C),c=r.useMemo(()=>({...s,theme:i,mode:o}),[o,s,i]);return d.fr.jsx(S.Provider,{value:c,children:n})}const ne=Object.assign(ee,{Trigger:H,Close:E,Content:D,Button:L});exports.Be=ne;exports.P=m;exports.Re=L;exports.he=D;exports.je=E;exports.we=H;
|
|
2
|
+
//# sourceMappingURL=Popover-20b9a021.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover-16e123eb.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Popover.js"],"sourcesContent":["import \"./index22.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { useState as C, useRef as B, useMemo as k, createContext as V, useContext as z, forwardRef as I } from \"react\";\nimport { useFloating as X, autoUpdate as Y, offset as Z, size as W, flip as ee, shift as ne, limitShift as oe, arrow as te, useClick as re, useHover as se, safePolygon as ce, useDismiss as ie, useRole as ae, useInteractions as le, useMergeRefs as T, FloatingPortal as de, FloatingFocusManager as fe, FloatingArrow as pe } from \"@floating-ui/react\";\nimport ue from \"classnames\";\nimport \"./index-1d2e443c.js\";\nimport \"./LocalizationProvider.js\";\nimport { T as me, a as xe } from \"./index-ecf518e3.js\";\nimport { Button as A } from \"./Button.js\";\nfunction ge({\n defaultOpen: i,\n placement: o = \"bottom\",\n modal: r,\n open: e,\n onOpenChange: t,\n onClose: n,\n disableCloseOnClickOutside: s,\n disableCloseOnEscape: f,\n openOnHover: d,\n fillAvailableHeight: p,\n matchReferenceWidth: l,\n fixedWidth: u,\n disableCaret: c,\n noPadding: x,\n disableShift: g,\n disableFlip: v,\n disableFlipFallback: m,\n disableAutoUpdate: h,\n disableFocusLock: b\n} = {}) {\n const [K, N] = C(i), [D, S] = C(), [E, $] = C(), j = e ?? K, R = t ?? N, M = B(null), y = X({\n placement: o,\n open: j,\n onOpenChange: R,\n whileElementsMounted: h ? void 0 : Y,\n middleware: [\n Z(8),\n W({\n padding: 5,\n apply({ rects: J, availableHeight: Q, elements: U }) {\n Object.assign(U.floating.style, {\n ...l ? { width: `${J.reference.width}px` } : u ? { width: \"40dvw\" } : {},\n ...p ? (\n // { maxHeight: \"60dvh\" }\n // Minimum height is 236px before flip\n { maxHeight: `${Math.max(236, Q - 20)}px` }\n ) : {},\n zIndex: 1\n });\n }\n }),\n ee({\n mainAxis: !v,\n crossAxis: !1,\n fallbackAxisSideDirection: m ? \"none\" : \"end\",\n padding: 5\n }),\n ne({\n padding: 5,\n mainAxis: !g,\n crossAxis: !1,\n limiter: oe({\n mainAxis: !g\n })\n }),\n te({ element: c ? null : M, padding: 5 })\n ]\n }), w = y.context, L = re(w, {\n enabled: e == null && !d\n }), q = se(w, {\n enabled: e == null && !!d,\n handleClose: ce()\n }), G = ie(w, {\n escapeKey: !f,\n outsidePress: () => s ? !1 : (n == null || n(), !0)\n }), H = ae(w), O = le([L, q, G, H]);\n return k(\n () => ({\n open: j,\n setOpen: R,\n onClose: n,\n ...O,\n ...y,\n modal: r,\n labelId: D,\n descriptionId: E,\n setLabelId: S,\n setDescriptionId: $,\n arrowRef: M,\n disableCaret: c,\n noPadding: x,\n fillAvailableHeight: p,\n matchReferenceWidth: l,\n fixedWidth: u,\n disableFlipFallback: m,\n disableAutoUpdate: h,\n disableFocusLock: b\n }),\n [\n j,\n R,\n n,\n O,\n y,\n r,\n D,\n E,\n c,\n x,\n p,\n l,\n u,\n m,\n h,\n b\n ]\n );\n}\nconst F = V(null), P = () => {\n const i = z(F);\n if (i == null)\n throw new Error(\"Popover components must be wrapped in <Popover />\");\n return i;\n}, we = function(o) {\n const { children: r } = o, e = P(), t = B(null), n = T([e.refs.setReference, t]);\n return r({\n \"data-state\": e.open ? \"open\" : \"closed\",\n ...e.getReferenceProps({ ref: n })\n });\n}, Pe = \"_content_fwc72_4\", ve = \"_arrow_fwc72_26\", _ = {\n content: Pe,\n arrow: ve,\n \"no-padding\": \"_no-padding_fwc72_37\"\n}, he = I(\n function({ className: o, style: r, ...e }, t) {\n const {\n context: n,\n theme: s,\n mode: f,\n disableCaret: d,\n noPadding: p,\n onClose: l,\n disableFocusLock: u,\n ...c\n } = P(), x = T([c.refs.setFloating, t]);\n if (!n.open)\n return null;\n const g = ue(o, _.content, {\n [_[\"no-padding\"]]: p\n }), v = (m) => {\n m.code === \"Escape\" && (l == null || l());\n };\n return /* @__PURE__ */ a.jsx(de, { children: /* @__PURE__ */ a.jsx(\n fe,\n {\n context: n,\n modal: c.modal,\n order: [\"reference\", \"content\"],\n disabled: u,\n children: /* @__PURE__ */ a.jsx(me, { theme: s, mode: f, children: /* @__PURE__ */ a.jsxs(\n \"div\",\n {\n ref: x,\n style: { ...c.floatingStyles, ...r },\n \"aria-labelledby\": c.labelId,\n \"aria-describedby\": c.descriptionId,\n className: g,\n ...c.getFloatingProps(e),\n onKeyDown: v,\n role: \"presentation\",\n children: [\n !d && /* @__PURE__ */ a.jsx(\n pe,\n {\n ref: c.arrowRef,\n context: n,\n className: _.arrow\n }\n ),\n e.children\n ]\n }\n ) })\n }\n ) });\n }\n), je = I(\n function(o, r) {\n const { setOpen: e, onClose: t } = P();\n return /* @__PURE__ */ a.jsx(\n A,\n {\n ref: r,\n ...o,\n onClick: (n) => {\n var s;\n (s = o.onClick) == null || s.call(o, n), t == null || t(), e(!1);\n }\n }\n );\n }\n), Re = I(\n function(o, r) {\n const { children: e, size: t, ...n } = o, s = P(), f = e.ref, d = T([\n s.refs.setReference,\n r,\n f\n ]);\n return /* @__PURE__ */ a.jsx(\n A,\n {\n ref: d,\n size: t,\n \"data-state\": s.open ? \"open\" : \"closed\",\n ...s.getReferenceProps(n),\n children: e\n }\n );\n }\n);\nfunction ye({\n children: i,\n modal: o,\n ...r\n}) {\n const e = ge({ modal: o, ...r }), { theme: t, mode: n = \"light\" } = z(xe), s = k(\n () => ({ ...e, theme: t, mode: n }),\n [n, e, t]\n );\n return /* @__PURE__ */ a.jsx(F.Provider, { value: s, children: i });\n}\nconst Be = Object.assign(ye, {\n Trigger: we,\n Close: je,\n Content: he,\n Button: Re\n});\nexport {\n Be as Popover,\n Re as PopoverButton,\n je as PopoverClose,\n he as PopoverContent,\n we as PopoverTrigger,\n P as usePopoverContext\n};\n//# sourceMappingURL=Popover.js.map\n"],"names":["ge","i","o","r","e","t","n","s","d","p","l","u","c","x","g","v","m","h","b","K","N","React","D","S","E","$","j","R","M","y","floatingUi_react","J","Q","U","L","q","G","H","O","F","P","we","Pe","ve","_","he","f","index","jsxRuntime944c88e2","ThemeProvider","je","Button","Re","ye","Be"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Popover-20b9a021.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/Popover.js"],"sourcesContent":["import \"./index22.css\";\nimport { j as a } from \"./jsx-runtime-944c88e2.js\";\nimport { useState as C, useRef as B, useMemo as k, createContext as V, useContext as z, forwardRef as I } from \"react\";\nimport { useFloating as X, autoUpdate as Y, offset as Z, size as W, flip as ee, shift as ne, limitShift as oe, arrow as te, useClick as re, useHover as se, safePolygon as ce, useDismiss as ie, useRole as ae, useInteractions as le, useMergeRefs as T, FloatingPortal as de, FloatingFocusManager as fe, FloatingArrow as pe } from \"@floating-ui/react\";\nimport ue from \"classnames\";\nimport \"./index-1d2e443c.js\";\nimport \"./LocalizationProvider.js\";\nimport { T as me, a as xe } from \"./index-ecf518e3.js\";\nimport { Button as A } from \"./Button.js\";\nfunction ge({\n defaultOpen: i,\n placement: o = \"bottom\",\n modal: r,\n open: e,\n onOpenChange: t,\n onClose: n,\n disableCloseOnClickOutside: s,\n disableCloseOnEscape: f,\n openOnHover: d,\n fillAvailableHeight: p,\n matchReferenceWidth: l,\n fixedWidth: u,\n disableCaret: c,\n noPadding: x,\n disableShift: g,\n disableFlip: v,\n disableFlipFallback: m,\n disableAutoUpdate: h,\n disableFocusLock: b\n} = {}) {\n const [K, N] = C(i), [D, S] = C(), [E, $] = C(), j = e ?? K, R = t ?? N, M = B(null), y = X({\n placement: o,\n open: j,\n onOpenChange: R,\n whileElementsMounted: h ? void 0 : Y,\n middleware: [\n Z(8),\n W({\n padding: 5,\n apply({ rects: J, availableHeight: Q, elements: U }) {\n Object.assign(U.floating.style, {\n ...l ? { width: `${J.reference.width}px` } : u ? { width: \"40dvw\" } : {},\n ...p ? (\n // { maxHeight: \"60dvh\" }\n // Minimum height is 236px before flip\n { maxHeight: `${Math.max(236, Q - 20)}px` }\n ) : {},\n zIndex: 1\n });\n }\n }),\n ee({\n mainAxis: !v,\n crossAxis: !1,\n fallbackAxisSideDirection: m ? \"none\" : \"end\",\n padding: 5\n }),\n ne({\n padding: 5,\n mainAxis: !g,\n crossAxis: !1,\n limiter: oe({\n mainAxis: !g\n })\n }),\n te({ element: c ? null : M, padding: 5 })\n ]\n }), w = y.context, L = re(w, {\n enabled: e == null && !d\n }), q = se(w, {\n enabled: e == null && !!d,\n handleClose: ce()\n }), G = ie(w, {\n escapeKey: !f,\n outsidePress: () => s ? !1 : (n == null || n(), !0)\n }), H = ae(w), O = le([L, q, G, H]);\n return k(\n () => ({\n open: j,\n setOpen: R,\n onClose: n,\n ...O,\n ...y,\n modal: r,\n labelId: D,\n descriptionId: E,\n setLabelId: S,\n setDescriptionId: $,\n arrowRef: M,\n disableCaret: c,\n noPadding: x,\n fillAvailableHeight: p,\n matchReferenceWidth: l,\n fixedWidth: u,\n disableFlipFallback: m,\n disableAutoUpdate: h,\n disableFocusLock: b\n }),\n [\n j,\n R,\n n,\n O,\n y,\n r,\n D,\n E,\n c,\n x,\n p,\n l,\n u,\n m,\n h,\n b\n ]\n );\n}\nconst F = V(null), P = () => {\n const i = z(F);\n if (i == null)\n throw new Error(\"Popover components must be wrapped in <Popover />\");\n return i;\n}, we = function(o) {\n const { children: r } = o, e = P(), t = B(null), n = T([e.refs.setReference, t]);\n return r({\n \"data-state\": e.open ? \"open\" : \"closed\",\n ...e.getReferenceProps({ ref: n })\n });\n}, Pe = \"_content_fwc72_4\", ve = \"_arrow_fwc72_26\", _ = {\n content: Pe,\n arrow: ve,\n \"no-padding\": \"_no-padding_fwc72_37\"\n}, he = I(\n function({ className: o, style: r, ...e }, t) {\n const {\n context: n,\n theme: s,\n mode: f,\n disableCaret: d,\n noPadding: p,\n onClose: l,\n disableFocusLock: u,\n ...c\n } = P(), x = T([c.refs.setFloating, t]);\n if (!n.open)\n return null;\n const g = ue(o, _.content, {\n [_[\"no-padding\"]]: p\n }), v = (m) => {\n m.code === \"Escape\" && (l == null || l());\n };\n return /* @__PURE__ */ a.jsx(de, { children: /* @__PURE__ */ a.jsx(\n fe,\n {\n context: n,\n modal: c.modal,\n order: [\"reference\", \"content\"],\n disabled: u,\n children: /* @__PURE__ */ a.jsx(me, { theme: s, mode: f, children: /* @__PURE__ */ a.jsxs(\n \"div\",\n {\n ref: x,\n style: { ...c.floatingStyles, ...r },\n \"aria-labelledby\": c.labelId,\n \"aria-describedby\": c.descriptionId,\n className: g,\n ...c.getFloatingProps(e),\n onKeyDown: v,\n role: \"presentation\",\n children: [\n !d && /* @__PURE__ */ a.jsx(\n pe,\n {\n ref: c.arrowRef,\n context: n,\n className: _.arrow\n }\n ),\n e.children\n ]\n }\n ) })\n }\n ) });\n }\n), je = I(\n function(o, r) {\n const { setOpen: e, onClose: t } = P();\n return /* @__PURE__ */ a.jsx(\n A,\n {\n ref: r,\n ...o,\n onClick: (n) => {\n var s;\n (s = o.onClick) == null || s.call(o, n), t == null || t(), e(!1);\n }\n }\n );\n }\n), Re = I(\n function(o, r) {\n const { children: e, size: t, ...n } = o, s = P(), f = e.ref, d = T([\n s.refs.setReference,\n r,\n f\n ]);\n return /* @__PURE__ */ a.jsx(\n A,\n {\n ref: d,\n size: t,\n \"data-state\": s.open ? \"open\" : \"closed\",\n ...s.getReferenceProps(n),\n children: e\n }\n );\n }\n);\nfunction ye({\n children: i,\n modal: o,\n ...r\n}) {\n const e = ge({ modal: o, ...r }), { theme: t, mode: n = \"light\" } = z(xe), s = k(\n () => ({ ...e, theme: t, mode: n }),\n [n, e, t]\n );\n return /* @__PURE__ */ a.jsx(F.Provider, { value: s, children: i });\n}\nconst Be = Object.assign(ye, {\n Trigger: we,\n Close: je,\n Content: he,\n Button: Re\n});\nexport {\n Be as Popover,\n Re as PopoverButton,\n je as PopoverClose,\n he as PopoverContent,\n we as PopoverTrigger,\n P as usePopoverContext\n};\n//# sourceMappingURL=Popover.js.map\n"],"names":["ge","i","o","r","e","t","n","s","d","p","l","u","c","x","g","v","m","h","b","K","N","React","D","S","E","$","j","R","M","y","floatingUi_react","J","Q","U","L","q","G","H","O","F","P","we","Pe","ve","_","he","f","index","jsxRuntime944c88e2","ThemeProvider","je","Button","Re","ye","Be"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -6,7 +6,7 @@ import { K as me } from "./index-39087e81.js";
|
|
|
6
6
|
import "./index-589b232f.js";
|
|
7
7
|
import "./LocalizationProvider.js";
|
|
8
8
|
import { k as ue, C as he } from "./index-1123f5f4.js";
|
|
9
|
-
import { C as E } from "./Button-
|
|
9
|
+
import { C as E } from "./Button-1837beaf.js";
|
|
10
10
|
function ge({
|
|
11
11
|
defaultOpen: e,
|
|
12
12
|
placement: a = "bottom",
|
|
@@ -243,4 +243,4 @@ export {
|
|
|
243
243
|
Fe as j,
|
|
244
244
|
be as w
|
|
245
245
|
};
|
|
246
|
-
//# sourceMappingURL=Popover-
|
|
246
|
+
//# sourceMappingURL=Popover-5d8c0428.js.map
|