@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
|
@@ -2,10 +2,11 @@ import "./Text.css";
|
|
|
2
2
|
import { f as o } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
3
|
import { K as y } from "./index-39087e81.js";
|
|
4
4
|
import { forwardRef as b } from "react";
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
import "./tinycolor-d415b1fd.js";
|
|
6
|
+
import { J as g } from "./useLayoutPropsUtil-4361a49d-f9f6e64c.js";
|
|
7
|
+
const p = "_headline_1gqm7_4", h = "_eyebrow_1gqm7_17", q = "_bodytext_1gqm7_30", v = "_xlarge_1gqm7_75", N = "_large_1gqm7_79", w = "_medium_1gqm7_83", j = "_small_1gqm7_86", z = "_subdued_1gqm7_104", T = "_inline_1gqm7_107", e = {
|
|
8
|
+
headline: p,
|
|
9
|
+
eyebrow: h,
|
|
9
10
|
bodytext: q,
|
|
10
11
|
xlarge: v,
|
|
11
12
|
large: N,
|
|
@@ -13,7 +14,7 @@ const h = "_headline_1gqm7_4", p = "_eyebrow_1gqm7_17", q = "_bodytext_1gqm7_30"
|
|
|
13
14
|
small: j,
|
|
14
15
|
subdued: z,
|
|
15
16
|
inline: T
|
|
16
|
-
}, $ = b((_,
|
|
17
|
+
}, $ = b((_, i) => {
|
|
17
18
|
const { layoutStyles: c, componentProps: u } = g(_);
|
|
18
19
|
if (_.variant === "headline") {
|
|
19
20
|
const {
|
|
@@ -23,20 +24,20 @@ const h = "_headline_1gqm7_4", p = "_eyebrow_1gqm7_17", q = "_bodytext_1gqm7_30"
|
|
|
23
24
|
el: s,
|
|
24
25
|
size: r = "medium",
|
|
25
26
|
style: m,
|
|
26
|
-
...
|
|
27
|
-
} = u,
|
|
27
|
+
...t
|
|
28
|
+
} = u, l = y(e.headline, n, {
|
|
28
29
|
[e[`${r}`]]: r
|
|
29
|
-
}),
|
|
30
|
+
}), d = { ...m, ...c };
|
|
30
31
|
return (
|
|
31
32
|
// @ts-expect-error ts(2604) HeadlineElement will work as element tag
|
|
32
33
|
/* @__PURE__ */ o.jsx(
|
|
33
34
|
s,
|
|
34
35
|
{
|
|
35
|
-
ref:
|
|
36
|
-
className:
|
|
36
|
+
ref: i,
|
|
37
|
+
className: l,
|
|
37
38
|
"data-anv": "Headline",
|
|
38
|
-
style:
|
|
39
|
-
...
|
|
39
|
+
style: d,
|
|
40
|
+
...t,
|
|
40
41
|
children: a
|
|
41
42
|
}
|
|
42
43
|
)
|
|
@@ -49,16 +50,16 @@ const h = "_headline_1gqm7_4", p = "_eyebrow_1gqm7_17", q = "_bodytext_1gqm7_30"
|
|
|
49
50
|
size: s = "medium",
|
|
50
51
|
style: r,
|
|
51
52
|
...m
|
|
52
|
-
} = u,
|
|
53
|
+
} = u, t = y(e.eyebrow, n, {
|
|
53
54
|
[e[`${s}`]]: s
|
|
54
|
-
}),
|
|
55
|
+
}), l = { ...r, ...c };
|
|
55
56
|
return /* @__PURE__ */ o.jsx(
|
|
56
57
|
"span",
|
|
57
58
|
{
|
|
58
|
-
ref:
|
|
59
|
-
className:
|
|
59
|
+
ref: i,
|
|
60
|
+
className: t,
|
|
60
61
|
"data-anv": "Eyebrow",
|
|
61
|
-
style:
|
|
62
|
+
style: l,
|
|
62
63
|
...m,
|
|
63
64
|
children: a
|
|
64
65
|
}
|
|
@@ -71,30 +72,30 @@ const h = "_headline_1gqm7_4", p = "_eyebrow_1gqm7_17", q = "_bodytext_1gqm7_30"
|
|
|
71
72
|
subdued: s,
|
|
72
73
|
inline: r,
|
|
73
74
|
style: m,
|
|
74
|
-
size:
|
|
75
|
-
...
|
|
76
|
-
} = u,
|
|
77
|
-
[e[`${
|
|
75
|
+
size: t = "medium",
|
|
76
|
+
...l
|
|
77
|
+
} = u, d = y(e.bodytext, n, {
|
|
78
|
+
[e[`${t}`]]: t,
|
|
78
79
|
[e.subdued]: s
|
|
79
80
|
}), f = { ...m, ...c };
|
|
80
81
|
return r ? /* @__PURE__ */ o.jsx(
|
|
81
82
|
"span",
|
|
82
83
|
{
|
|
83
|
-
ref:
|
|
84
|
-
className:
|
|
84
|
+
ref: i,
|
|
85
|
+
className: d,
|
|
85
86
|
"data-anv": "Text",
|
|
86
87
|
style: f,
|
|
87
|
-
...
|
|
88
|
+
...l,
|
|
88
89
|
children: a
|
|
89
90
|
}
|
|
90
91
|
) : /* @__PURE__ */ o.jsx(
|
|
91
92
|
"p",
|
|
92
93
|
{
|
|
93
|
-
ref:
|
|
94
|
-
className:
|
|
94
|
+
ref: i,
|
|
95
|
+
className: d,
|
|
95
96
|
"data-anv": "Text",
|
|
96
97
|
style: f,
|
|
97
|
-
...
|
|
98
|
+
...l,
|
|
98
99
|
children: a
|
|
99
100
|
}
|
|
100
101
|
);
|
|
@@ -104,4 +105,4 @@ $.displayName = "Text";
|
|
|
104
105
|
export {
|
|
105
106
|
$ as z
|
|
106
107
|
};
|
|
107
|
-
//# sourceMappingURL=Text-
|
|
108
|
+
//# sourceMappingURL=Text-796fd2cb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text-796fd2cb.js","sources":["../node_modules/@servicetitan/hammer-react/dist/Text.js"],"sourcesContent":["import \"./index30.css\";\nimport { j as d } from \"./jsx-runtime-944c88e2.js\";\nimport y from \"classnames\";\nimport { forwardRef as g } from \"react\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as p } from \"./useLayoutPropsUtil-4361a49d.js\";\nimport \"@floating-ui/react\";\nconst q = \"_headline_1gqm7_4\", v = \"_eyebrow_1gqm7_17\", h = \"_bodytext_1gqm7_30\", N = \"_xlarge_1gqm7_75\", w = \"_large_1gqm7_79\", T = \"_medium_1gqm7_83\", f = \"_small_1gqm7_86\", j = \"_subdued_1gqm7_104\", C = \"_inline_1gqm7_107\", e = {\n headline: q,\n eyebrow: v,\n bodytext: h,\n xlarge: N,\n large: w,\n medium: T,\n small: f,\n subdued: j,\n inline: C\n}, z = g((c, i) => {\n const { layoutStyles: _, componentProps: u } = p(c);\n if (c.variant === \"headline\") {\n const {\n variant: x,\n children: s,\n className: o,\n el: t,\n size: a = \"medium\",\n style: m,\n ...n\n } = u, l = y(e.headline, o, {\n [e[`${a}`]]: a\n }), r = { ...m, ..._ };\n return (\n // @ts-expect-error ts(2604) HeadlineElement will work as element tag\n /* @__PURE__ */ d.jsx(\n t,\n {\n ref: i,\n className: l,\n \"data-anv\": \"Headline\",\n style: r,\n ...n,\n children: s\n }\n )\n );\n } else if (c.variant === \"eyebrow\") {\n const {\n variant: x,\n children: s,\n className: o,\n size: t = \"medium\",\n style: a,\n ...m\n } = u, n = y(e.eyebrow, o, {\n [e[`${t}`]]: t\n }), l = { ...a, ..._ };\n return /* @__PURE__ */ d.jsx(\n \"span\",\n {\n ref: i,\n className: n,\n \"data-anv\": \"Eyebrow\",\n style: l,\n ...m,\n children: s\n }\n );\n } else {\n const {\n variant: x,\n children: s,\n className: o,\n subdued: t,\n inline: a,\n style: m,\n size: n = \"medium\",\n ...l\n } = u, r = y(e.bodytext, o, {\n [e[`${n}`]]: n,\n [e.subdued]: t\n }), b = { ...m, ..._ };\n return a ? /* @__PURE__ */ d.jsx(\n \"span\",\n {\n ref: i,\n className: r,\n \"data-anv\": \"Text\",\n style: b,\n ...l,\n children: s\n }\n ) : /* @__PURE__ */ d.jsx(\n \"p\",\n {\n ref: i,\n className: r,\n \"data-anv\": \"Text\",\n style: b,\n ...l,\n children: s\n }\n );\n }\n});\nz.displayName = \"Text\";\nexport {\n z as Text\n};\n//# sourceMappingURL=Text.js.map\n"],"names":["q","v","h","N","w","T","f","j","C","z","forwardRef","c","_","J","s","o","t","a","n","K","r","fr","b"],"mappings":";;;;;;AAQK,MAAAA,IAAA,qBAAAC,IAAA,qBAAAC,IAAA,sBAAAC,IAAA,oBAAAC,IAAA,mBAAAC,IAAA,oBAAAC,IAAA,mBAAAC,IAAA,sBAAAC,IAAA,qBAAA,IAAA;AAAA,EACL,UAAAR;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACA,GAAAC,IAAAC,EAAA,CAAAC,GAAA,MAAA;AACA,QAAA,EAAA,cAAAC,GAAA,gBAAA,EAAA,IAAAC,EAAAF,CAAA;AACA,MAAAA,EAAA,YAAA,YAAA;AACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAG;AAAA,MACA,WAAAC;AAAA,MACA,IAAAC;AAAA,MACA,MAAAC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAAC;AAAA,IACA,IAAA,GAAA,IAAAC,EAAA,EAAA,UAAAJ,GAAA;AAAA,MACA,CAAA,EAAA,GAAAE,CAAA,EAAA,CAAA,GAAAA;AAAA,IACA,CAAA,GAAAG,IAAA,EAAA,GAAA,GAAA,GAAAR,EAAA;AACA;AAAA;AAAA,MAEA,gBAAAS,EAAA;AAAA,QACAL;AAAA,QACA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,YAAA;AAAA,UACA,OAAAI;AAAA,UACA,GAAAF;AAAA,UACA,UAAAJ;AAAA,QACA;AAAA,MACA;AAAA;AAAA,EAEA,WAAAH,EAAA,YAAA,WAAA;AACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAG;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC,IAAA;AAAA,MACA,OAAAC;AAAA,MACA,GAAA;AAAA,IACA,IAAA,GAAAC,IAAAC,EAAA,EAAA,SAAAJ,GAAA;AAAA,MACA,CAAA,EAAA,GAAAC,CAAA,EAAA,CAAA,GAAAA;AAAA,IACA,CAAA,GAAA,IAAA,EAAA,GAAAC,GAAA,GAAAL,EAAA;AACA,WAAA,gBAAAS,EAAA;AAAA,MACA;AAAA,MACA;AAAA,QACA,KAAA;AAAA,QACA,WAAAH;AAAA,QACA,YAAA;AAAA,QACA,OAAA;AAAA,QACA,GAAA;AAAA,QACA,UAAAJ;AAAA,MACA;AAAA,IACA;AAAA,EACA,OAAA;AACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAA;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAA;AAAA,MACA,MAAAC,IAAA;AAAA,MACA,GAAA;AAAA,IACA,IAAA,GAAAE,IAAAD,EAAA,EAAA,UAAAJ,GAAA;AAAA,MACA,CAAA,EAAA,GAAAG,CAAA,EAAA,CAAA,GAAAA;AAAA,MACA,CAAA,EAAA,OAAA,GAAAF;AAAA,IACA,CAAA,GAAAM,IAAA,EAAA,GAAA,GAAA,GAAAV,EAAA;AACA,WAAAK,IAAA,gBAAAI,EAAA;AAAA,MACA;AAAA,MACA;AAAA,QACA,KAAA;AAAA,QACA,WAAAD;AAAA,QACA,YAAA;AAAA,QACA,OAAAE;AAAA,QACA,GAAA;AAAA,QACA,UAAAR;AAAA,MACA;AAAA,IACA,IAAA,gBAAAO,EAAA;AAAA,MACA;AAAA,MACA;AAAA,QACA,KAAA;AAAA,QACA,WAAAD;AAAA,QACA,YAAA;AAAA,QACA,OAAAE;AAAA,QACA,GAAA;AAAA,QACA,UAAAR;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA,CAAA;AACAL,EAAA,cAAA;","x_google_ignoreList":[0]}
|
package/Text.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-5c3ac4f7.cjs"),s=require("./Text-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-5c3ac4f7.cjs"),s=require("./Text-317031b1.cjs"),o=require("react"),e=o.forwardRef((t,r)=>u.jsxRuntimeExports.jsx(s.z,{ref:r,...t}));exports.Text=e;exports.default=e;
|
|
2
2
|
//# sourceMappingURL=Text.cjs.map
|
package/Text.js
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var se=require("./TextField.css");const r=require("./jsx-runtime-944c88e2-2b81c205.cjs"),i=require("react"),t=require("./index-d3c6e880.cjs"),J=require("./floating-ui.react-34d1b069.cjs"),h=require("./Helper-74a1f07f-1bd5ec70.cjs"),T=require("./Spinner-e6a0837b-a4cbf304.cjs");require("./tinycolor-3b50a250.cjs");const Y=require("./useLayoutPropsUtil-4361a49d-a262cd66.cjs");const Z="_textfield_76dug_4",G="_input_76dug_17",Q="_prefix_76dug_43",V="_suffix_76dug_44",W="_small_76dug_101",X="_large_76dug_104",ee="_error_76dug_113",e={textfield:Z,input:G,"input-wrapper":"_input-wrapper_76dug_30",prefix:Q,suffix:V,"loading-spinner":"_loading-spinner_76dug_63",small:W,large:X,error:ee},re=i.forwardRef(function(y,I){const{layoutStyles:N,componentProps:$}=Y.J(y),{className:R,error:l,errorAriaLive:w="assertive",label:S,moreInfo:F,prefix:u,suffix:o,size:a,type:M="text",required:d,onFocus:f,onBlur:c,id:P,description:p,hint:_,loading:A,disabled:B,labelProps:K,style:L,...U}=$,[k,x]=i.useState(!1),[z,g]=i.useState("off"),C=s=>{f==null||f(s),x(!0),g(w)},E=s=>{c==null||c(s),x(!1),g("off")},n=i.useId(),m=P??n,H=i.useId(),O=i.useId(),b=i.useId(),v=i.useRef(null),j=typeof l!="boolean"?l:void 0;let q=`label${n} `;q+=` helper${b}`;const D={...L,...N};return r.fr.jsxs("div",{className:t.K(e.textfield,R),style:D,children:[r.fr.jsx(h.j,{id:`label${n}`,htmlFor:m,moreInfo:F,openMoreInfo:k,required:d,...K,children:S}),r.fr.jsxs("div",{className:t.K(e["input-wrapper"],{[e.small]:a==="small",[e.large]:a==="large"}),role:"presentation",onClick:()=>{var s;return(s=v.current)==null?void 0:s.focus()},children:[u?r.fr.jsx("div",{className:e.prefix,id:`prefix${H}`,children:u}):null,r.fr.jsx("input",{id:m,className:t.K(e.input,{[e.error]:l}),onFocus:C,onBlur:E,ref:J.useMergeRefs([I,v]),required:d,type:M,disabled:B,...U,"aria-labelledby":q,"aria-invalid":l?!!l:void 0}),A?r.fr.jsx(T.l,{className:e["loading-spinner"]}):null,o?r.fr.jsx("div",{className:e.suffix,id:`suffix${O}`,children:o}):null]}),_||j||p?r.fr.jsx(h.v,{id:`helper${b}`,hint:_,errorMessage:j,errorAriaLive:z,description:p}):null]})}),ie=Object.assign(re,{});exports.be=ie;
|
|
2
|
+
//# sourceMappingURL=TextField-57bb98f0.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField-57bb98f0.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/TextField.js"],"sourcesContent":["import \"./index31.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as G, useState as h, useId as o, useRef as J } from \"react\";\nimport a from \"classnames\";\nimport { useMergeRefs as K } from \"@floating-ui/react\";\nimport { Label as Q } from \"./Label.js\";\nimport { H as V } from \"./Helper-74a1f07f.js\";\nimport { S as W } from \"./Spinner-e6a0837b.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as X } from \"./useLayoutPropsUtil-4361a49d.js\";\nconst Y = \"_textfield_76dug_4\", Z = \"_input_76dug_17\", ee = \"_prefix_76dug_43\", re = \"_suffix_76dug_44\", se = \"_small_76dug_101\", ie = \"_large_76dug_104\", oe = \"_error_76dug_113\", e = {\n textfield: Y,\n input: Z,\n \"input-wrapper\": \"_input-wrapper_76dug_30\",\n prefix: ee,\n suffix: re,\n \"loading-spinner\": \"_loading-spinner_76dug_63\",\n small: se,\n large: ie,\n error: oe\n}, te = G(\n function(L, N) {\n const { layoutStyles: $, componentProps: I } = X(L), {\n className: P,\n error: i,\n errorAriaLive: R = \"assertive\",\n label: U,\n moreInfo: w,\n prefix: p,\n suffix: d,\n size: f,\n type: A = \"text\",\n required: u,\n onFocus: t,\n onBlur: l,\n id: F,\n description: c,\n hint: m,\n loading: H,\n disabled: S,\n labelProps: E,\n style: M,\n ...T\n } = I, [C, x] = h(!1), [O, _] = h(\"off\"), k = (s) => {\n t == null || t(s), x(!0), _(R);\n }, q = (s) => {\n l == null || l(s), x(!1), _(\"off\");\n }, n = o(), g = F ?? n, z = o(), B = o(), b = o(), v = J(null), j = typeof i != \"boolean\" ? i : void 0;\n let y = `label${n} `;\n y += ` helper${b}`;\n const D = { ...M, ...$ };\n return /* @__PURE__ */ r.jsxs(\"div\", { className: a(e.textfield, P), style: D, children: [\n /* @__PURE__ */ r.jsx(\n Q,\n {\n id: `label${n}`,\n htmlFor: g,\n moreInfo: w,\n openMoreInfo: C,\n required: u,\n ...E,\n children: U\n }\n ),\n /* @__PURE__ */ r.jsxs(\n \"div\",\n {\n className: a(e[\"input-wrapper\"], {\n [e.small]: f === \"small\",\n [e.large]: f === \"large\"\n }),\n role: \"presentation\",\n onClick: () => {\n var s;\n return (s = v.current) == null ? void 0 : s.focus();\n },\n children: [\n p ? /* @__PURE__ */ r.jsx(\"div\", { className: e.prefix, id: `prefix${z}`, children: p }) : null,\n /* @__PURE__ */ r.jsx(\n \"input\",\n {\n id: g,\n className: a(e.input, {\n [e.error]: i\n }),\n onFocus: k,\n onBlur: q,\n ref: K([N, v]),\n required: u,\n type: A,\n disabled: S,\n ...T,\n \"aria-labelledby\": y,\n \"aria-invalid\": i ? !!i : void 0\n }\n ),\n H ? /* @__PURE__ */ r.jsx(W, { className: e[\"loading-spinner\"] }) : null,\n d ? /* @__PURE__ */ r.jsx(\"div\", { className: e.suffix, id: `suffix${B}`, children: d }) : null\n ]\n }\n ),\n m || j || c ? /* @__PURE__ */ r.jsx(\n V,\n {\n id: `helper${b}`,\n hint: m,\n errorMessage: j,\n errorAriaLive: O,\n description: c\n }\n ) : null\n ] });\n }\n), be = Object.assign(te, {});\nexport {\n be as TextField\n};\n//# sourceMappingURL=TextField.js.map\n"],"names":["Y","Z","ee","re","se","ie","oe","te","React","L","N","$","I","useLayoutPropsUtil4361a49d","P","i","R","U","w","p","d","f","A","u","t","l","F","c","m","H","S","E","M","T","C","O","_","k","q","g","z","B","y","jsxRuntime944c88e2","index","Helper74a1f07f","floatingUi_react","SpinnerE6a0837b","be"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import "./TextField.css";
|
|
2
2
|
import { f as r } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
-
import { forwardRef as
|
|
3
|
+
import { forwardRef as T, useState as $, useId as s, useRef as U } from "react";
|
|
4
4
|
import { K as n } from "./index-39087e81.js";
|
|
5
|
-
import { u as
|
|
6
|
-
import { j as G } from "./
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
5
|
+
import { u as Y } from "./floating-ui.react-20365654.js";
|
|
6
|
+
import { j as Z, v as G } from "./Helper-74a1f07f-12dff0ad.js";
|
|
7
|
+
import { l as Q } from "./Spinner-e6a0837b-9a5e00e0.js";
|
|
8
|
+
import "./tinycolor-d415b1fd.js";
|
|
9
|
+
import { J as V } from "./useLayoutPropsUtil-4361a49d-f9f6e64c.js";
|
|
9
10
|
const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43", re = "_suffix_76dug_44", ie = "_small_76dug_101", le = "_large_76dug_104", se = "_error_76dug_113", e = {
|
|
10
11
|
textfield: W,
|
|
11
12
|
input: X,
|
|
@@ -16,9 +17,9 @@ const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43",
|
|
|
16
17
|
small: ie,
|
|
17
18
|
large: le,
|
|
18
19
|
error: se
|
|
19
|
-
}, oe =
|
|
20
|
+
}, oe = T(
|
|
20
21
|
function(y, N) {
|
|
21
|
-
const { layoutStyles: w, componentProps: I } =
|
|
22
|
+
const { layoutStyles: w, componentProps: I } = V(y), {
|
|
22
23
|
className: q,
|
|
23
24
|
error: l,
|
|
24
25
|
errorAriaLive: F = "assertive",
|
|
@@ -29,8 +30,8 @@ const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43",
|
|
|
29
30
|
size: d,
|
|
30
31
|
type: A = "text",
|
|
31
32
|
required: u,
|
|
32
|
-
onFocus:
|
|
33
|
-
onBlur:
|
|
33
|
+
onFocus: p,
|
|
34
|
+
onBlur: f,
|
|
34
35
|
id: B,
|
|
35
36
|
description: m,
|
|
36
37
|
hint: _,
|
|
@@ -40,16 +41,16 @@ const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43",
|
|
|
40
41
|
style: z,
|
|
41
42
|
...C
|
|
42
43
|
} = I, [L, c] = $(!1), [O, x] = $("off"), D = (i) => {
|
|
43
|
-
|
|
44
|
+
p == null || p(i), c(!0), x(F);
|
|
44
45
|
}, E = (i) => {
|
|
45
|
-
|
|
46
|
-
}, o = s(), g = B ?? o, H = s(),
|
|
46
|
+
f == null || f(i), c(!1), x("off");
|
|
47
|
+
}, o = s(), g = B ?? o, H = s(), J = s(), v = s(), b = U(null), j = typeof l != "boolean" ? l : void 0;
|
|
47
48
|
let h = `label${o} `;
|
|
48
49
|
h += ` helper${v}`;
|
|
49
|
-
const
|
|
50
|
-
return /* @__PURE__ */ r.jsxs("div", { className: n(e.textfield, q), style:
|
|
50
|
+
const K = { ...z, ...w };
|
|
51
|
+
return /* @__PURE__ */ r.jsxs("div", { className: n(e.textfield, q), style: K, children: [
|
|
51
52
|
/* @__PURE__ */ r.jsx(
|
|
52
|
-
|
|
53
|
+
Z,
|
|
53
54
|
{
|
|
54
55
|
id: `label${o}`,
|
|
55
56
|
htmlFor: g,
|
|
@@ -83,7 +84,7 @@ const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43",
|
|
|
83
84
|
}),
|
|
84
85
|
onFocus: D,
|
|
85
86
|
onBlur: E,
|
|
86
|
-
ref:
|
|
87
|
+
ref: Y([N, b]),
|
|
87
88
|
required: u,
|
|
88
89
|
type: A,
|
|
89
90
|
disabled: S,
|
|
@@ -92,13 +93,13 @@ const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43",
|
|
|
92
93
|
"aria-invalid": l ? !!l : void 0
|
|
93
94
|
}
|
|
94
95
|
),
|
|
95
|
-
P ? /* @__PURE__ */ r.jsx(
|
|
96
|
-
t ? /* @__PURE__ */ r.jsx("div", { className: e.suffix, id: `suffix${
|
|
96
|
+
P ? /* @__PURE__ */ r.jsx(Q, { className: e["loading-spinner"] }) : null,
|
|
97
|
+
t ? /* @__PURE__ */ r.jsx("div", { className: e.suffix, id: `suffix${J}`, children: t }) : null
|
|
97
98
|
]
|
|
98
99
|
}
|
|
99
100
|
),
|
|
100
101
|
_ || j || m ? /* @__PURE__ */ r.jsx(
|
|
101
|
-
|
|
102
|
+
G,
|
|
102
103
|
{
|
|
103
104
|
id: `helper${v}`,
|
|
104
105
|
hint: _,
|
|
@@ -109,8 +110,8 @@ const W = "_textfield_76dug_4", X = "_input_76dug_17", ee = "_prefix_76dug_43",
|
|
|
109
110
|
) : null
|
|
110
111
|
] });
|
|
111
112
|
}
|
|
112
|
-
),
|
|
113
|
+
), ce = Object.assign(oe, {});
|
|
113
114
|
export {
|
|
114
|
-
|
|
115
|
+
ce as b
|
|
115
116
|
};
|
|
116
|
-
//# sourceMappingURL=TextField-
|
|
117
|
+
//# sourceMappingURL=TextField-7823e2ff.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField-7823e2ff.js","sources":["../node_modules/@servicetitan/hammer-react/dist/TextField.js"],"sourcesContent":["import \"./index31.css\";\nimport { j as r } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as G, useState as h, useId as o, useRef as J } from \"react\";\nimport a from \"classnames\";\nimport { useMergeRefs as K } from \"@floating-ui/react\";\nimport { Label as Q } from \"./Label.js\";\nimport { H as V } from \"./Helper-74a1f07f.js\";\nimport { S as W } from \"./Spinner-e6a0837b.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as X } from \"./useLayoutPropsUtil-4361a49d.js\";\nconst Y = \"_textfield_76dug_4\", Z = \"_input_76dug_17\", ee = \"_prefix_76dug_43\", re = \"_suffix_76dug_44\", se = \"_small_76dug_101\", ie = \"_large_76dug_104\", oe = \"_error_76dug_113\", e = {\n textfield: Y,\n input: Z,\n \"input-wrapper\": \"_input-wrapper_76dug_30\",\n prefix: ee,\n suffix: re,\n \"loading-spinner\": \"_loading-spinner_76dug_63\",\n small: se,\n large: ie,\n error: oe\n}, te = G(\n function(L, N) {\n const { layoutStyles: $, componentProps: I } = X(L), {\n className: P,\n error: i,\n errorAriaLive: R = \"assertive\",\n label: U,\n moreInfo: w,\n prefix: p,\n suffix: d,\n size: f,\n type: A = \"text\",\n required: u,\n onFocus: t,\n onBlur: l,\n id: F,\n description: c,\n hint: m,\n loading: H,\n disabled: S,\n labelProps: E,\n style: M,\n ...T\n } = I, [C, x] = h(!1), [O, _] = h(\"off\"), k = (s) => {\n t == null || t(s), x(!0), _(R);\n }, q = (s) => {\n l == null || l(s), x(!1), _(\"off\");\n }, n = o(), g = F ?? n, z = o(), B = o(), b = o(), v = J(null), j = typeof i != \"boolean\" ? i : void 0;\n let y = `label${n} `;\n y += ` helper${b}`;\n const D = { ...M, ...$ };\n return /* @__PURE__ */ r.jsxs(\"div\", { className: a(e.textfield, P), style: D, children: [\n /* @__PURE__ */ r.jsx(\n Q,\n {\n id: `label${n}`,\n htmlFor: g,\n moreInfo: w,\n openMoreInfo: C,\n required: u,\n ...E,\n children: U\n }\n ),\n /* @__PURE__ */ r.jsxs(\n \"div\",\n {\n className: a(e[\"input-wrapper\"], {\n [e.small]: f === \"small\",\n [e.large]: f === \"large\"\n }),\n role: \"presentation\",\n onClick: () => {\n var s;\n return (s = v.current) == null ? void 0 : s.focus();\n },\n children: [\n p ? /* @__PURE__ */ r.jsx(\"div\", { className: e.prefix, id: `prefix${z}`, children: p }) : null,\n /* @__PURE__ */ r.jsx(\n \"input\",\n {\n id: g,\n className: a(e.input, {\n [e.error]: i\n }),\n onFocus: k,\n onBlur: q,\n ref: K([N, v]),\n required: u,\n type: A,\n disabled: S,\n ...T,\n \"aria-labelledby\": y,\n \"aria-invalid\": i ? !!i : void 0\n }\n ),\n H ? /* @__PURE__ */ r.jsx(W, { className: e[\"loading-spinner\"] }) : null,\n d ? /* @__PURE__ */ r.jsx(\"div\", { className: e.suffix, id: `suffix${B}`, children: d }) : null\n ]\n }\n ),\n m || j || c ? /* @__PURE__ */ r.jsx(\n V,\n {\n id: `helper${b}`,\n hint: m,\n errorMessage: j,\n errorAriaLive: O,\n description: c\n }\n ) : null\n ] });\n }\n), be = Object.assign(te, {});\nexport {\n be as TextField\n};\n//# sourceMappingURL=TextField.js.map\n"],"names":["Y","Z","se","ie","oe","te","forwardRef","L","$","J","P","i","R","U","w","p","d","f","t","l$1","F","c","m","H","E","M","T","C","x","useState","_","k","s","q","n","useId","z","B","b","v$1","useRef","j$1","y","D","fr","K","j","useMergeRefs","l","v","be"],"mappings":"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","x_google_ignoreList":[0]}
|
package/TextField.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("./TextField-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("./TextField-57bb98f0.cjs"),s=require("react"),e=s.forwardRef((t,r)=>u.jsxRuntimeExports.jsx(i.be,{ref:r,...t}));exports.TextField=e;exports.default=e;
|
|
2
2
|
//# sourceMappingURL=TextField.cjs.map
|
package/TextField.js
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var Ce=require("./Textarea.css");const H=require("./jsx-runtime-944c88e2-2b81c205.cjs"),u=require("react"),ne=require("./index-d3c6e880.cjs"),N=require("./Helper-74a1f07f-1bd5ec70.cjs"),ie=require("./floating-ui.react-34d1b069.cjs");/* empty css */require("./tinycolor-3b50a250.cjs");const ae=require("./useLayoutPropsUtil-4361a49d-a262cd66.cjs"),O=require("./extends-fcb402fe.cjs");function oe(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const g=oe(u);var ue=u.useLayoutEffect,de=function(e){var t=g.useRef(e);return ue(function(){t.current=e}),t},P=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},se=function(e,t){var r=u.useRef();return u.useCallback(function(i){e.current=i,r.current&&P(r.current,null),r.current=t,t&&P(t,i)},[t])},k={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},le=function(e){Object.keys(k).forEach(function(t){e.style.setProperty(t,k[t],"important")})},A=le,o=null,B=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function ce(n,e,t,r){t===void 0&&(t=1),r===void 0&&(r=1/0),o||(o=document.createElement("textarea"),o.setAttribute("tabindex","-1"),o.setAttribute("aria-hidden","true"),A(o)),o.parentNode===null&&document.body.appendChild(o);var i=n.paddingSize,l=n.borderSize,a=n.sizingStyle,v=a.boxSizing;Object.keys(a).forEach(function(b){var x=b;o.style[x]=a[x]}),A(o),o.value=e;var d=B(o,n);o.value=e,d=B(o,n),o.value="x";var p=o.scrollHeight-i,c=p*t;v==="border-box"&&(c=c+i+l),d=Math.max(c,d);var f=p*r;return v==="border-box"&&(f=f+i+l),d=Math.min(f,d),[d,p]}var U=function(){},fe=function(e,t){return e.reduce(function(r,i){return r[i]=t[i],r},{})},he=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],ge=!!document.documentElement.currentStyle,ve=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=fe(he,t),i=r.boxSizing;if(i==="")return null;ge&&i==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var l=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),a=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:l,borderSize:a}},pe=ve;function D(n,e,t){var r=de(t);g.useLayoutEffect(function(){var i=function(a){return r.current(a)};if(n)return n.addEventListener(e,i),function(){return n.removeEventListener(e,i)}},[])}var be=function(e){D(window,"resize",e)},xe=function(e){D(document.fonts,"loadingdone",e)},me=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],Se=function(e,t){var r=e.cacheMeasurements,i=e.maxRows,l=e.minRows,a=e.onChange,v=a===void 0?U:a,d=e.onHeightChange,p=d===void 0?U:d,c=O._objectWithoutPropertiesLoose(e,me),f=c.value!==void 0,b=g.useRef(null),x=se(b,t),L=g.useRef(0),S=g.useRef(),y=function(){var h=b.current,R=r&&S.current?S.current:pe(h);if(R){S.current=R;var z=ce(R,h.value||h.placeholder||"x",l,i),m=z[0],C=z[1];L.current!==m&&(L.current=m,h.style.setProperty("height",m+"px","important"),p(m,{rowHeight:C}))}},w=function(h){f||y(),v(h)};return g.useLayoutEffect(y),be(y),xe(y),g.createElement("textarea",O._extends({},c,{onChange:w,ref:x}))},ye=g.forwardRef(Se);const ze="_textarea_15u14_4",Le="_counter_15u14_45",Re="_error_15u14_57",_e="_disabled_15u14_64",we="_readonly_15u14_74",_={textarea:ze,counter:Le,error:Re,disabled:_e,"disable-resize":"_disable-resize_15u14_71",readonly:we},G=u.forwardRef((n,e)=>{const{layoutStyles:t,componentProps:r}=ae.J(n),{className:i,disableResize:l,error:a,hint:v,description:d,label:p,moreInfo:c,onChange:f,required:b,showCounter:x,onFocus:L,onBlur:S,id:y,maxLength:w,autoHeight:T,labelProps:h,style:R,...z}=r,m=u.useRef(null),[C,F]=u.useState(0),[V,j]=u.useState(!1),[Y,q]=u.useState(!1),[J,K]=u.useState("off");u.useEffect(()=>{var s;F(((s=m.current)==null?void 0:s.defaultValue.length)??0)},[]);const X=s=>{f==null||f(s,{value:s.target.value}),C!==s.target.value.length&&j(!0),F(s.target.value.length)},Z=s=>{L==null||L(s),q(!0)},Q=s=>{S==null||S(s),q(!1),K("off"),j(!1)},E=u.useId(),W=y??E,I=u.useId(),$=typeof a!="boolean"?a:void 0;let M=`label${E} `;M+=` helper${I}`;const ee=ne.K([_.textarea],i,{[_.error]:a,[_["disable-resize"]]:l,[_.disabled]:z.disabled,[_.readonly]:z.readOnly}),te={...R,...t},re=T?ye:"textarea";return H.fr.jsxs("div",{className:ee,"data-anv":"Textarea",style:te,children:[H.fr.jsx(N.j,{id:`label${E}`,htmlFor:W,moreInfo:c,openMoreInfo:Y,required:b,...h,children:p}),H.fr.jsx(re,{rows:3,onChange:X,onFocus:Z,onBlur:Q,ref:ie.useMergeRefs([e,m]),required:b,maxLength:w,id:W,...z,"aria-labelledby":M,"aria-invalid":a?!!a:void 0}),v||x||$||d?H.fr.jsx(N.v,{id:`helper${I}`,hint:v,maxLength:w,inputLength:C,isTyping:V,showCounter:x,errorMessage:$,errorAriaLive:J,description:d}):null]})});G.displayName="Textarea";exports.ne=G;
|
|
2
|
+
//# sourceMappingURL=Textarea-03f882d5.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea-03f882d5.cjs","sources":["../node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js","../node_modules/use-latest/dist/use-latest.esm.js","../node_modules/use-composed-ref/dist/use-composed-ref.esm.js","../node_modules/react-textarea-autosize/dist/react-textarea-autosize.browser.esm.js","../node_modules/@servicetitan/hammer-react/dist/Textarea.js"],"sourcesContent":["import { useLayoutEffect } from 'react';\n\nvar index = useLayoutEffect ;\n\nexport default index;\n","import * as React from 'react';\nimport useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';\n\nvar useLatest = function useLatest(value) {\n var ref = React.useRef(value);\n useIsomorphicLayoutEffect(function () {\n ref.current = value;\n });\n return ref;\n};\n\nexport { useLatest as default };\n","import { useRef, useCallback } from 'react';\n\nvar updateRef = function updateRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n return;\n }\n ref.current = value;\n};\n\nvar useComposedRef = function useComposedRef(libRef, userRef) {\n var prevUserRef = useRef();\n return useCallback(function (instance) {\n libRef.current = instance;\n\n if (prevUserRef.current) {\n updateRef(prevUserRef.current, null);\n }\n\n prevUserRef.current = userRef;\n\n if (!userRef) {\n return;\n }\n\n updateRef(userRef, instance);\n }, [userRef]);\n};\n\nexport default useComposedRef;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport * as React from 'react';\nimport useLatest from 'use-latest';\nimport useComposedRef from 'use-composed-ref';\n\nvar HIDDEN_TEXTAREA_STYLE = {\n 'min-height': '0',\n 'max-height': 'none',\n height: '0',\n visibility: 'hidden',\n overflow: 'hidden',\n position: 'absolute',\n 'z-index': '-1000',\n top: '0',\n right: '0'\n};\nvar forceHiddenStyles = function forceHiddenStyles(node) {\n Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function (key) {\n node.style.setProperty(key, HIDDEN_TEXTAREA_STYLE[key], 'important');\n });\n};\nvar forceHiddenStyles$1 = forceHiddenStyles;\n\n// TODO: use labelled tuples once they are avaiable:\n// export type CalculatedNodeHeights = [height: number, rowHeight: number];\n// https://github.com/microsoft/TypeScript/issues/28259\n\nvar hiddenTextarea = null;\nvar getHeight = function getHeight(node, sizingData) {\n var height = node.scrollHeight;\n if (sizingData.sizingStyle.boxSizing === 'border-box') {\n // border-box: add border, since height = content + padding + border\n return height + sizingData.borderSize;\n }\n\n // remove padding, since height = content\n return height - sizingData.paddingSize;\n};\nfunction calculateNodeHeight(sizingData, value, minRows, maxRows) {\n if (minRows === void 0) {\n minRows = 1;\n }\n if (maxRows === void 0) {\n maxRows = Infinity;\n }\n if (!hiddenTextarea) {\n hiddenTextarea = document.createElement('textarea');\n hiddenTextarea.setAttribute('tabindex', '-1');\n hiddenTextarea.setAttribute('aria-hidden', 'true');\n forceHiddenStyles$1(hiddenTextarea);\n }\n if (hiddenTextarea.parentNode === null) {\n document.body.appendChild(hiddenTextarea);\n }\n var paddingSize = sizingData.paddingSize,\n borderSize = sizingData.borderSize,\n sizingStyle = sizingData.sizingStyle;\n var boxSizing = sizingStyle.boxSizing;\n Object.keys(sizingStyle).forEach(function (_key) {\n var key = _key;\n hiddenTextarea.style[key] = sizingStyle[key];\n });\n forceHiddenStyles$1(hiddenTextarea);\n hiddenTextarea.value = value;\n var height = getHeight(hiddenTextarea, sizingData);\n // Double set and calc due to Firefox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1795904\n hiddenTextarea.value = value;\n height = getHeight(hiddenTextarea, sizingData);\n\n // measure height of a textarea with a single row\n hiddenTextarea.value = 'x';\n var rowHeight = hiddenTextarea.scrollHeight - paddingSize;\n var minHeight = rowHeight * minRows;\n if (boxSizing === 'border-box') {\n minHeight = minHeight + paddingSize + borderSize;\n }\n height = Math.max(minHeight, height);\n var maxHeight = rowHeight * maxRows;\n if (boxSizing === 'border-box') {\n maxHeight = maxHeight + paddingSize + borderSize;\n }\n height = Math.min(maxHeight, height);\n return [height, rowHeight];\n}\n\nvar noop = function noop() {};\nvar pick = function pick(props, obj) {\n return props.reduce(function (acc, prop) {\n acc[prop] = obj[prop];\n return acc;\n }, {});\n};\n\nvar SIZING_STYLE = ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'boxSizing', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'letterSpacing', 'lineHeight', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop',\n// non-standard\n'tabSize', 'textIndent',\n// non-standard\n'textRendering', 'textTransform', 'width', 'wordBreak'];\nvar isIE = !!document.documentElement.currentStyle ;\nvar getSizingData = function getSizingData(node) {\n var style = window.getComputedStyle(node);\n if (style === null) {\n return null;\n }\n var sizingStyle = pick(SIZING_STYLE, style);\n var boxSizing = sizingStyle.boxSizing;\n\n // probably node is detached from DOM, can't read computed dimensions\n if (boxSizing === '') {\n return null;\n }\n\n // IE (Edge has already correct behaviour) returns content width as computed width\n // so we need to add manually padding and border widths\n if (isIE && boxSizing === 'border-box') {\n sizingStyle.width = parseFloat(sizingStyle.width) + parseFloat(sizingStyle.borderRightWidth) + parseFloat(sizingStyle.borderLeftWidth) + parseFloat(sizingStyle.paddingRight) + parseFloat(sizingStyle.paddingLeft) + 'px';\n }\n var paddingSize = parseFloat(sizingStyle.paddingBottom) + parseFloat(sizingStyle.paddingTop);\n var borderSize = parseFloat(sizingStyle.borderBottomWidth) + parseFloat(sizingStyle.borderTopWidth);\n return {\n sizingStyle: sizingStyle,\n paddingSize: paddingSize,\n borderSize: borderSize\n };\n};\nvar getSizingData$1 = getSizingData;\n\nfunction useListener(target, type, listener) {\n var latestListener = useLatest(listener);\n React.useLayoutEffect(function () {\n var handler = function handler(ev) {\n return latestListener.current(ev);\n };\n\n // might happen if document.fonts is not defined, for instance\n if (!target) {\n return;\n }\n target.addEventListener(type, handler);\n return function () {\n return target.removeEventListener(type, handler);\n };\n }, []);\n}\nvar useWindowResizeListener = function useWindowResizeListener(listener) {\n useListener(window, 'resize', listener);\n};\nvar useFontsLoadedListener = function useFontsLoadedListener(listener) {\n useListener(document.fonts, 'loadingdone', listener);\n};\n\nvar _excluded = [\"cacheMeasurements\", \"maxRows\", \"minRows\", \"onChange\", \"onHeightChange\"];\nvar TextareaAutosize = function TextareaAutosize(_ref, userRef) {\n var cacheMeasurements = _ref.cacheMeasurements,\n maxRows = _ref.maxRows,\n minRows = _ref.minRows,\n _ref$onChange = _ref.onChange,\n onChange = _ref$onChange === void 0 ? noop : _ref$onChange,\n _ref$onHeightChange = _ref.onHeightChange,\n onHeightChange = _ref$onHeightChange === void 0 ? noop : _ref$onHeightChange,\n props = _objectWithoutPropertiesLoose(_ref, _excluded);\n var isControlled = props.value !== undefined;\n var libRef = React.useRef(null);\n var ref = useComposedRef(libRef, userRef);\n var heightRef = React.useRef(0);\n var measurementsCacheRef = React.useRef();\n var resizeTextarea = function resizeTextarea() {\n var node = libRef.current;\n var nodeSizingData = cacheMeasurements && measurementsCacheRef.current ? measurementsCacheRef.current : getSizingData$1(node);\n if (!nodeSizingData) {\n return;\n }\n measurementsCacheRef.current = nodeSizingData;\n var _calculateNodeHeight = calculateNodeHeight(nodeSizingData, node.value || node.placeholder || 'x', minRows, maxRows),\n height = _calculateNodeHeight[0],\n rowHeight = _calculateNodeHeight[1];\n if (heightRef.current !== height) {\n heightRef.current = height;\n node.style.setProperty('height', height + \"px\", 'important');\n onHeightChange(height, {\n rowHeight: rowHeight\n });\n }\n };\n var handleChange = function handleChange(event) {\n if (!isControlled) {\n resizeTextarea();\n }\n onChange(event);\n };\n {\n React.useLayoutEffect(resizeTextarea);\n useWindowResizeListener(resizeTextarea);\n useFontsLoadedListener(resizeTextarea);\n return /*#__PURE__*/React.createElement(\"textarea\", _extends({}, props, {\n onChange: handleChange,\n ref: ref\n }));\n }\n};\nvar index = /* #__PURE__ */React.forwardRef(TextareaAutosize);\n\nexport { index as default };\n","import \"./index32.css\";\nimport { j as o } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as J, useRef as K, useState as a, useEffect as Q, useId as j } from \"react\";\nimport W from \"classnames\";\nimport { Label as X } from \"./Label.js\";\nimport { useMergeRefs as Y } from \"@floating-ui/react\";\nimport { H as Z } from \"./Helper-74a1f07f.js\";\nimport \"./Spinner.module-618b582c.js\";\nimport \"tinycolor2\";\nimport \"@servicetitan/hammer-token\";\nimport { u as ee } from \"./useLayoutPropsUtil-4361a49d.js\";\nimport re from \"react-textarea-autosize\";\nconst te = \"_textarea_15u14_4\", oe = \"_counter_15u14_45\", ae = \"_error_15u14_57\", se = \"_disabled_15u14_64\", le = \"_readonly_15u14_74\", t = {\n textarea: te,\n counter: oe,\n error: ae,\n disabled: se,\n \"disable-resize\": \"_disable-resize_15u14_71\",\n readonly: le\n}, ne = J(\n (H, I) => {\n const { layoutStyles: R, componentProps: z } = ee(H), {\n className: C,\n disableResize: N,\n error: r,\n // errorAriaLive: errorAriaLiveProp = \"assertive\",\n hint: u,\n description: c,\n label: P,\n moreInfo: $,\n onChange: s,\n required: p,\n showCounter: f,\n onFocus: l,\n onBlur: n,\n id: w,\n maxLength: m,\n autoHeight: A,\n labelProps: E,\n style: M,\n ...i\n } = z, b = K(null), [x, y] = a(0), [U, _] = a(!1), [O, h] = a(!1), [S, q] = a(\"off\");\n Q(() => {\n var e;\n y(((e = b.current) == null ? void 0 : e.defaultValue.length) ?? 0);\n }, []);\n const B = (e) => {\n s == null || s(e, { value: e.target.value }), x !== e.target.value.length && _(!0), y(e.target.value.length);\n }, F = (e) => {\n l == null || l(e), h(!0);\n }, V = (e) => {\n n == null || n(e), h(!1), q(\"off\"), _(!1);\n }, d = j(), g = w ?? d, v = j(), L = typeof r != \"boolean\" ? r : void 0;\n let T = `label${d} `;\n T += ` helper${v}`;\n const k = W([t.textarea], C, {\n [t.error]: r,\n [t[\"disable-resize\"]]: N,\n [t.disabled]: i.disabled,\n [t.readonly]: i.readOnly\n }), D = { ...M, ...R }, G = A ? re : \"textarea\";\n return /* @__PURE__ */ o.jsxs(\n \"div\",\n {\n className: k,\n \"data-anv\": \"Textarea\",\n style: D,\n children: [\n /* @__PURE__ */ o.jsx(\n X,\n {\n id: `label${d}`,\n htmlFor: g,\n moreInfo: $,\n openMoreInfo: O,\n required: p,\n ...E,\n children: P\n }\n ),\n /* @__PURE__ */ o.jsx(\n G,\n {\n rows: 3,\n onChange: B,\n onFocus: F,\n onBlur: V,\n ref: Y([I, b]),\n required: p,\n maxLength: m,\n id: g,\n ...i,\n \"aria-labelledby\": T,\n \"aria-invalid\": r ? !!r : void 0\n }\n ),\n u || f || L || c ? /* @__PURE__ */ o.jsx(\n Z,\n {\n id: `helper${v}`,\n hint: u,\n maxLength: m,\n inputLength: x,\n isTyping: U,\n showCounter: f,\n errorMessage: L,\n errorAriaLive: S,\n description: c\n }\n ) : null\n ]\n }\n );\n }\n);\nne.displayName = \"Textarea\";\nexport {\n ne as Textarea\n};\n//# sourceMappingURL=Textarea.js.map\n"],"names":["index$1","React","useLatest","value","ref","React__namespace","updateRef","useComposedRef","libRef","userRef","prevUserRef","instance","HIDDEN_TEXTAREA_STYLE","forceHiddenStyles","node","key","forceHiddenStyles$1","hiddenTextarea","getHeight","sizingData","height","calculateNodeHeight","minRows","maxRows","paddingSize","borderSize","sizingStyle","boxSizing","_key","rowHeight","minHeight","maxHeight","noop","pick","props","obj","acc","prop","SIZING_STYLE","isIE","getSizingData","style","getSizingData$1","useListener","target","type","listener","latestListener","handler","ev","useWindowResizeListener","useFontsLoadedListener","_excluded","TextareaAutosize","_ref","cacheMeasurements","_ref$onChange","onChange","_ref$onHeightChange","onHeightChange","_extends","isControlled","heightRef","measurementsCacheRef","resizeTextarea","nodeSizingData","_calculateNodeHeight","handleChange","event","index","te","oe","ae","se","le","t","ne","H","I","R","z","useLayoutPropsUtil4361a49d","C","N","r","u","c","P","$","s","p","f","l","n","w","m","A","E","M","i","b","x","y","U","_","O","h","S","q","e","B","F","V","d","g","v","L","T","k","index$2","D","G","jsxRuntime944c88e2","Helper74a1f07f","floatingUi_react"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4]}
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
import "./Textarea.css";
|
|
2
|
+
import { f as w } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
+
import * as c from "react";
|
|
4
|
+
import { useLayoutEffect as te, useRef as G, useCallback as ne, forwardRef as ie, useState as H, useEffect as oe, useId as A } from "react";
|
|
5
|
+
import { K as ae } from "./index-39087e81.js";
|
|
6
|
+
import { j as de, v as ue } from "./Helper-74a1f07f-12dff0ad.js";
|
|
7
|
+
import { u as se } from "./floating-ui.react-20365654.js";
|
|
8
|
+
/* empty css */import "./tinycolor-d415b1fd.js";
|
|
9
|
+
import { J as le } from "./useLayoutPropsUtil-4361a49d-f9f6e64c.js";
|
|
10
|
+
import { _ as fe, a as he } from "./extends-135d7828.js";
|
|
11
|
+
var ce = te, ge = function(e) {
|
|
12
|
+
var r = c.useRef(e);
|
|
13
|
+
return ce(function() {
|
|
14
|
+
r.current = e;
|
|
15
|
+
}), r;
|
|
16
|
+
}, B = function(e, r) {
|
|
17
|
+
if (typeof e == "function") {
|
|
18
|
+
e(r);
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
e.current = r;
|
|
22
|
+
}, pe = function(e, r) {
|
|
23
|
+
var t = G();
|
|
24
|
+
return ne(function(i) {
|
|
25
|
+
e.current = i, t.current && B(t.current, null), t.current = r, r && B(r, i);
|
|
26
|
+
}, [r]);
|
|
27
|
+
}, k = {
|
|
28
|
+
"min-height": "0",
|
|
29
|
+
"max-height": "none",
|
|
30
|
+
height: "0",
|
|
31
|
+
visibility: "hidden",
|
|
32
|
+
overflow: "hidden",
|
|
33
|
+
position: "absolute",
|
|
34
|
+
"z-index": "-1000",
|
|
35
|
+
top: "0",
|
|
36
|
+
right: "0"
|
|
37
|
+
}, ve = function(e) {
|
|
38
|
+
Object.keys(k).forEach(function(r) {
|
|
39
|
+
e.style.setProperty(r, k[r], "important");
|
|
40
|
+
});
|
|
41
|
+
}, P = ve, a = null, q = function(e, r) {
|
|
42
|
+
var t = e.scrollHeight;
|
|
43
|
+
return r.sizingStyle.boxSizing === "border-box" ? t + r.borderSize : t - r.paddingSize;
|
|
44
|
+
};
|
|
45
|
+
function me(n, e, r, t) {
|
|
46
|
+
r === void 0 && (r = 1), t === void 0 && (t = 1 / 0), a || (a = document.createElement("textarea"), a.setAttribute("tabindex", "-1"), a.setAttribute("aria-hidden", "true"), P(a)), a.parentNode === null && document.body.appendChild(a);
|
|
47
|
+
var i = n.paddingSize, s = n.borderSize, o = n.sizingStyle, g = o.boxSizing;
|
|
48
|
+
Object.keys(o).forEach(function(v) {
|
|
49
|
+
var m = v;
|
|
50
|
+
a.style[m] = o[m];
|
|
51
|
+
}), P(a), a.value = e;
|
|
52
|
+
var d = q(a, n);
|
|
53
|
+
a.value = e, d = q(a, n), a.value = "x";
|
|
54
|
+
var p = a.scrollHeight - i, l = p * r;
|
|
55
|
+
g === "border-box" && (l = l + i + s), d = Math.max(l, d);
|
|
56
|
+
var f = p * t;
|
|
57
|
+
return g === "border-box" && (f = f + i + s), d = Math.min(f, d), [d, p];
|
|
58
|
+
}
|
|
59
|
+
var O = function() {
|
|
60
|
+
}, be = function(e, r) {
|
|
61
|
+
return e.reduce(function(t, i) {
|
|
62
|
+
return t[i] = r[i], t;
|
|
63
|
+
}, {});
|
|
64
|
+
}, xe = [
|
|
65
|
+
"borderBottomWidth",
|
|
66
|
+
"borderLeftWidth",
|
|
67
|
+
"borderRightWidth",
|
|
68
|
+
"borderTopWidth",
|
|
69
|
+
"boxSizing",
|
|
70
|
+
"fontFamily",
|
|
71
|
+
"fontSize",
|
|
72
|
+
"fontStyle",
|
|
73
|
+
"fontWeight",
|
|
74
|
+
"letterSpacing",
|
|
75
|
+
"lineHeight",
|
|
76
|
+
"paddingBottom",
|
|
77
|
+
"paddingLeft",
|
|
78
|
+
"paddingRight",
|
|
79
|
+
"paddingTop",
|
|
80
|
+
// non-standard
|
|
81
|
+
"tabSize",
|
|
82
|
+
"textIndent",
|
|
83
|
+
// non-standard
|
|
84
|
+
"textRendering",
|
|
85
|
+
"textTransform",
|
|
86
|
+
"width",
|
|
87
|
+
"wordBreak"
|
|
88
|
+
], Se = !!document.documentElement.currentStyle, ye = function(e) {
|
|
89
|
+
var r = window.getComputedStyle(e);
|
|
90
|
+
if (r === null)
|
|
91
|
+
return null;
|
|
92
|
+
var t = be(xe, r), i = t.boxSizing;
|
|
93
|
+
if (i === "")
|
|
94
|
+
return null;
|
|
95
|
+
Se && i === "border-box" && (t.width = parseFloat(t.width) + parseFloat(t.borderRightWidth) + parseFloat(t.borderLeftWidth) + parseFloat(t.paddingRight) + parseFloat(t.paddingLeft) + "px");
|
|
96
|
+
var s = parseFloat(t.paddingBottom) + parseFloat(t.paddingTop), o = parseFloat(t.borderBottomWidth) + parseFloat(t.borderTopWidth);
|
|
97
|
+
return {
|
|
98
|
+
sizingStyle: t,
|
|
99
|
+
paddingSize: s,
|
|
100
|
+
borderSize: o
|
|
101
|
+
};
|
|
102
|
+
}, ze = ye;
|
|
103
|
+
function U(n, e, r) {
|
|
104
|
+
var t = ge(r);
|
|
105
|
+
c.useLayoutEffect(function() {
|
|
106
|
+
var i = function(o) {
|
|
107
|
+
return t.current(o);
|
|
108
|
+
};
|
|
109
|
+
if (n)
|
|
110
|
+
return n.addEventListener(e, i), function() {
|
|
111
|
+
return n.removeEventListener(e, i);
|
|
112
|
+
};
|
|
113
|
+
}, []);
|
|
114
|
+
}
|
|
115
|
+
var Le = function(e) {
|
|
116
|
+
U(window, "resize", e);
|
|
117
|
+
}, Re = function(e) {
|
|
118
|
+
U(document.fonts, "loadingdone", e);
|
|
119
|
+
}, _e = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"], Ce = function(e, r) {
|
|
120
|
+
var t = e.cacheMeasurements, i = e.maxRows, s = e.minRows, o = e.onChange, g = o === void 0 ? O : o, d = e.onHeightChange, p = d === void 0 ? O : d, l = fe(e, _e), f = l.value !== void 0, v = c.useRef(null), m = pe(v, r), z = c.useRef(0), x = c.useRef(), S = function() {
|
|
121
|
+
var h = v.current, L = t && x.current ? x.current : ze(h);
|
|
122
|
+
if (L) {
|
|
123
|
+
x.current = L;
|
|
124
|
+
var y = me(L, h.value || h.placeholder || "x", s, i), b = y[0], C = y[1];
|
|
125
|
+
z.current !== b && (z.current = b, h.style.setProperty("height", b + "px", "important"), p(b, {
|
|
126
|
+
rowHeight: C
|
|
127
|
+
}));
|
|
128
|
+
}
|
|
129
|
+
}, _ = function(h) {
|
|
130
|
+
f || S(), g(h);
|
|
131
|
+
};
|
|
132
|
+
return c.useLayoutEffect(S), Le(S), Re(S), /* @__PURE__ */ c.createElement("textarea", he({}, l, {
|
|
133
|
+
onChange: _,
|
|
134
|
+
ref: m
|
|
135
|
+
}));
|
|
136
|
+
}, we = /* @__PURE__ */ c.forwardRef(Ce);
|
|
137
|
+
const He = "_textarea_15u14_4", Ee = "_counter_15u14_45", Te = "_error_15u14_57", Fe = "_disabled_15u14_64", We = "_readonly_15u14_74", R = {
|
|
138
|
+
textarea: He,
|
|
139
|
+
counter: Ee,
|
|
140
|
+
error: Te,
|
|
141
|
+
disabled: Fe,
|
|
142
|
+
"disable-resize": "_disable-resize_15u14_71",
|
|
143
|
+
readonly: We
|
|
144
|
+
}, $e = ie(
|
|
145
|
+
(n, e) => {
|
|
146
|
+
const { layoutStyles: r, componentProps: t } = le(n), {
|
|
147
|
+
className: i,
|
|
148
|
+
disableResize: s,
|
|
149
|
+
error: o,
|
|
150
|
+
// errorAriaLive: errorAriaLiveProp = "assertive",
|
|
151
|
+
hint: g,
|
|
152
|
+
description: d,
|
|
153
|
+
label: p,
|
|
154
|
+
moreInfo: l,
|
|
155
|
+
onChange: f,
|
|
156
|
+
required: v,
|
|
157
|
+
showCounter: m,
|
|
158
|
+
onFocus: z,
|
|
159
|
+
onBlur: x,
|
|
160
|
+
id: S,
|
|
161
|
+
maxLength: _,
|
|
162
|
+
autoHeight: E,
|
|
163
|
+
labelProps: h,
|
|
164
|
+
style: L,
|
|
165
|
+
...y
|
|
166
|
+
} = t, b = G(null), [C, F] = H(0), [V, W] = H(!1), [Y, $] = H(!1), [D, J] = H("off");
|
|
167
|
+
oe(() => {
|
|
168
|
+
var u;
|
|
169
|
+
F(((u = b.current) == null ? void 0 : u.defaultValue.length) ?? 0);
|
|
170
|
+
}, []);
|
|
171
|
+
const K = (u) => {
|
|
172
|
+
f == null || f(u, { value: u.target.value }), C !== u.target.value.length && W(!0), F(u.target.value.length);
|
|
173
|
+
}, X = (u) => {
|
|
174
|
+
z == null || z(u), $(!0);
|
|
175
|
+
}, Z = (u) => {
|
|
176
|
+
x == null || x(u), $(!1), J("off"), W(!1);
|
|
177
|
+
}, T = A(), I = S ?? T, M = A(), N = typeof o != "boolean" ? o : void 0;
|
|
178
|
+
let j = `label${T} `;
|
|
179
|
+
j += ` helper${M}`;
|
|
180
|
+
const Q = ae([R.textarea], i, {
|
|
181
|
+
[R.error]: o,
|
|
182
|
+
[R["disable-resize"]]: s,
|
|
183
|
+
[R.disabled]: y.disabled,
|
|
184
|
+
[R.readonly]: y.readOnly
|
|
185
|
+
}), ee = { ...L, ...r }, re = E ? we : "textarea";
|
|
186
|
+
return /* @__PURE__ */ w.jsxs(
|
|
187
|
+
"div",
|
|
188
|
+
{
|
|
189
|
+
className: Q,
|
|
190
|
+
"data-anv": "Textarea",
|
|
191
|
+
style: ee,
|
|
192
|
+
children: [
|
|
193
|
+
/* @__PURE__ */ w.jsx(
|
|
194
|
+
de,
|
|
195
|
+
{
|
|
196
|
+
id: `label${T}`,
|
|
197
|
+
htmlFor: I,
|
|
198
|
+
moreInfo: l,
|
|
199
|
+
openMoreInfo: Y,
|
|
200
|
+
required: v,
|
|
201
|
+
...h,
|
|
202
|
+
children: p
|
|
203
|
+
}
|
|
204
|
+
),
|
|
205
|
+
/* @__PURE__ */ w.jsx(
|
|
206
|
+
re,
|
|
207
|
+
{
|
|
208
|
+
rows: 3,
|
|
209
|
+
onChange: K,
|
|
210
|
+
onFocus: X,
|
|
211
|
+
onBlur: Z,
|
|
212
|
+
ref: se([e, b]),
|
|
213
|
+
required: v,
|
|
214
|
+
maxLength: _,
|
|
215
|
+
id: I,
|
|
216
|
+
...y,
|
|
217
|
+
"aria-labelledby": j,
|
|
218
|
+
"aria-invalid": o ? !!o : void 0
|
|
219
|
+
}
|
|
220
|
+
),
|
|
221
|
+
g || m || N || d ? /* @__PURE__ */ w.jsx(
|
|
222
|
+
ue,
|
|
223
|
+
{
|
|
224
|
+
id: `helper${M}`,
|
|
225
|
+
hint: g,
|
|
226
|
+
maxLength: _,
|
|
227
|
+
inputLength: C,
|
|
228
|
+
isTyping: V,
|
|
229
|
+
showCounter: m,
|
|
230
|
+
errorMessage: N,
|
|
231
|
+
errorAriaLive: D,
|
|
232
|
+
description: d
|
|
233
|
+
}
|
|
234
|
+
) : null
|
|
235
|
+
]
|
|
236
|
+
}
|
|
237
|
+
);
|
|
238
|
+
}
|
|
239
|
+
);
|
|
240
|
+
$e.displayName = "Textarea";
|
|
241
|
+
export {
|
|
242
|
+
$e as n
|
|
243
|
+
};
|
|
244
|
+
//# sourceMappingURL=Textarea-6ca5ebf5.js.map
|