@servicetitan/anvil2 0.7.0 → 0.8.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-34e59155.cjs +2 -0
- package/Alert-34e59155.cjs.map +1 -0
- package/Alert-824b3ad4.js +88 -0
- package/Alert-824b3ad4.js.map +1 -0
- package/Alert.cjs +1 -1
- package/Alert.css +1 -1
- package/Alert.d.ts +11 -3
- package/Alert.js +1 -1
- package/{Announcement-55ce78e1.js → Announcement-ba080c3e.js} +34 -35
- package/Announcement-ba080c3e.js.map +1 -0
- package/Announcement-f76d3977.cjs +2 -0
- package/Announcement-f76d3977.cjs.map +1 -0
- package/Announcement.cjs +1 -1
- package/Announcement.css +1 -1
- package/Announcement.d.ts +11 -3
- package/Announcement.js +1 -1
- package/AnvilProvider.cjs +1 -1
- package/AnvilProvider.d.ts +9 -3
- package/AnvilProvider.js +1 -1
- package/Avatar-22bb74ca.js +118 -0
- package/Avatar-22bb74ca.js.map +1 -0
- package/Avatar-4e72aaae.cjs +2 -0
- package/Avatar-4e72aaae.cjs.map +1 -0
- package/Avatar.cjs +1 -1
- package/Avatar.css +1 -1
- package/Avatar.d.ts +31 -3
- package/Avatar.js +1 -1
- package/{Badge-0f0115d7.js → Badge-da23aed3.js} +12 -12
- package/Badge-da23aed3.js.map +1 -0
- package/Badge-ecee5e54.cjs +2 -0
- package/Badge-ecee5e54.cjs.map +1 -0
- package/Badge.cjs +1 -1
- package/Badge.css +1 -1
- package/Badge.d.ts +19 -3
- package/Badge.js +1 -1
- package/Button-66b9c955.js +274 -0
- package/Button-66b9c955.js.map +1 -0
- package/Button-bf9d62af.cjs +2 -0
- package/Button-bf9d62af.cjs.map +1 -0
- package/Button.cjs +1 -1
- package/Button.css +1 -1
- package/Button.d.ts +11 -3
- package/Button.js +1 -1
- package/ButtonCompound.cjs +1 -1
- package/ButtonCompound.d.ts +15 -3
- package/ButtonCompound.js +1 -1
- package/ButtonLink.cjs +1 -1
- package/ButtonLink.d.ts +25 -3
- package/ButtonLink.js +1 -1
- package/ButtonToggle.cjs +1 -1
- package/ButtonToggle.d.ts +22 -3
- package/ButtonToggle.js +1 -1
- package/{Calendar-eab84d20.js → Calendar-4d7aca93.js} +67 -68
- package/{Calendar-eab84d20.js.map → Calendar-4d7aca93.js.map} +1 -1
- package/Calendar-e1d1d08b.cjs +2 -0
- package/{Calendar-0180be99.cjs.map → Calendar-e1d1d08b.cjs.map} +1 -1
- package/Calendar.cjs +1 -1
- package/Calendar.d.ts +135 -3
- package/Calendar.js +1 -1
- package/Card-407156d2.cjs +2 -0
- package/Card-407156d2.cjs.map +1 -0
- package/Card-6ded141e.js +48 -0
- package/Card-6ded141e.js.map +1 -0
- package/Card.cjs +1 -1
- package/Card.css +1 -1
- package/Card.d.ts +11 -3
- package/Card.js +1 -1
- package/Checkbox-4cfbca71.cjs +2 -0
- package/Checkbox-4cfbca71.cjs.map +1 -0
- package/Checkbox-8d294c5e.js +146 -0
- package/Checkbox-8d294c5e.js.map +1 -0
- package/Checkbox.cjs +1 -1
- package/Checkbox.css +1 -1
- package/Checkbox.d.ts +32 -3
- package/Checkbox.js +1 -1
- package/Chip-2c170535.js +56 -0
- package/Chip-2c170535.js.map +1 -0
- package/Chip-befa36a3.cjs +2 -0
- package/Chip-befa36a3.cjs.map +1 -0
- package/Chip.cjs +1 -1
- package/Chip.css +1 -1
- package/Chip.d.ts +19 -3
- package/Chip.js +1 -1
- package/Combobox-087839e6.cjs +23 -0
- package/Combobox-087839e6.cjs.map +1 -0
- package/Combobox-8913ce4e.js +2771 -0
- package/Combobox-8913ce4e.js.map +1 -0
- package/Combobox.cjs +1 -1
- package/Combobox.css +1 -1
- package/Combobox.d.ts +24 -3
- package/Combobox.js +1 -1
- package/Details-54b5e7aa.js +120 -0
- package/Details-54b5e7aa.js.map +1 -0
- package/Details-c03ffac1.cjs +2 -0
- package/Details-c03ffac1.cjs.map +1 -0
- package/Details.cjs +1 -1
- package/Details.css +1 -1
- package/Details.d.ts +45 -3
- package/Details.js +1 -1
- package/Dialog-d409d130.js +180 -0
- package/Dialog-d409d130.js.map +1 -0
- package/Dialog-d53be5d6.cjs +2 -0
- package/Dialog-d53be5d6.cjs.map +1 -0
- package/Dialog.cjs +1 -1
- package/Dialog.css +1 -1
- package/Dialog.d.ts +78 -3
- package/Dialog.js +1 -1
- package/Divider-076892dc.cjs +2 -0
- package/Divider-076892dc.cjs.map +1 -0
- package/Divider-38187d6d.js +74 -0
- package/Divider-38187d6d.js.map +1 -0
- package/Divider.cjs +1 -1
- package/Divider.css +1 -1
- package/Divider.d.ts +18 -3
- package/Divider.js +1 -1
- package/{Drawer-cd9a525f.js → Drawer-ddd7914b.js} +28 -28
- package/{Drawer-cd9a525f.js.map → Drawer-ddd7914b.js.map} +1 -1
- package/{Drawer-13fddcc2.cjs → Drawer-ef353cb7.cjs} +2 -2
- package/{Drawer-13fddcc2.cjs.map → Drawer-ef353cb7.cjs.map} +1 -1
- package/Drawer.cjs +1 -1
- package/Drawer.d.ts +83 -3
- package/Drawer.js +1 -1
- package/Flex-516baf92.cjs +2 -0
- package/Flex-516baf92.cjs.map +1 -0
- package/Flex-f1146ad5.js +70 -0
- package/Flex-f1146ad5.js.map +1 -0
- package/Flex.cjs +1 -1
- package/Flex.css +1 -1
- package/Flex.d.ts +117 -3
- package/Flex.js +1 -1
- package/Grid-234bc5d1.js +78 -0
- package/Grid-234bc5d1.js.map +1 -0
- package/Grid-b47a9218.cjs +2 -0
- package/Grid-b47a9218.cjs.map +1 -0
- package/Grid.cjs +1 -1
- package/Grid.css +1 -1
- package/Grid.d.ts +129 -3
- package/Grid.js +1 -1
- package/{Label-e9a57a2f.cjs → Label-07b0f38c.cjs} +2 -2
- package/{Label-e9a57a2f.cjs.map → Label-07b0f38c.cjs.map} +1 -1
- package/{Label-578ce53c.js → Label-9db08425.js} +9 -9
- package/{Label-578ce53c.js.map → Label-9db08425.js.map} +1 -1
- package/Layout.cjs +2 -0
- package/Layout.cjs.map +1 -0
- package/Layout.d.ts +54 -0
- package/Layout.js +143 -0
- package/Layout.js.map +1 -0
- package/Link-0f117696.cjs +2 -0
- package/Link-0f117696.cjs.map +1 -0
- package/Link-e07677c7.js +46 -0
- package/Link-e07677c7.js.map +1 -0
- package/Link.cjs +1 -1
- package/Link.css +1 -1
- package/Link.d.ts +11 -3
- package/Link.js +1 -1
- package/ListView-29cf9116.js +411 -0
- package/ListView-29cf9116.js.map +1 -0
- package/ListView-650be398.cjs +2 -0
- package/ListView-650be398.cjs.map +1 -0
- package/ListView.cjs +1 -1
- package/ListView.cjs.map +1 -1
- package/ListView.css +1 -0
- package/ListView.d.ts +30 -3
- package/ListView.js +13 -341
- package/ListView.js.map +1 -1
- package/Listbox-30a94e14.cjs +2 -0
- package/Listbox-30a94e14.cjs.map +1 -0
- package/Listbox-b3bdffa7.js +319 -0
- package/Listbox-b3bdffa7.js.map +1 -0
- package/Listbox.cjs +1 -1
- package/Listbox.css +1 -1
- package/Listbox.d.ts +45 -3
- package/Listbox.js +4 -4
- package/LocalizationProvider.d.ts +18 -3
- package/Menu-8b2d56a2.cjs +2 -0
- package/Menu-8b2d56a2.cjs.map +1 -0
- package/{Menu-2d3d189e.js → Menu-ab1b5fb6.js} +97 -94
- package/Menu-ab1b5fb6.js.map +1 -0
- package/Menu.cjs +1 -1
- package/Menu.d.ts +28 -3
- package/Menu.js +1 -1
- package/Overflow.cjs +1 -1
- package/Overflow.cjs.map +1 -1
- package/Overflow.d.ts +18 -3
- package/Overflow.js +79 -80
- package/Overflow.js.map +1 -1
- package/Page.cjs +1 -1
- package/Page.d.ts +52 -3
- package/Page.js +16 -16
- package/Page.js.map +1 -1
- package/{Popover-0c9a593d.cjs → Popover-01a92903.cjs} +2 -2
- package/{Popover-0c9a593d.cjs.map → Popover-01a92903.cjs.map} +1 -1
- package/{Popover-c9e991b5.js → Popover-c03e96a7.js} +22 -22
- package/{Popover-c9e991b5.js.map → Popover-c03e96a7.js.map} +1 -1
- package/Popover.cjs +1 -1
- package/Popover.d.ts +116 -3
- package/Popover.js +1 -1
- package/ProgressBar-4f893820.cjs +2 -0
- package/ProgressBar-4f893820.cjs.map +1 -0
- package/{ProgressBar-0a9cc187.js → ProgressBar-ef621dd5.js} +23 -24
- package/ProgressBar-ef621dd5.js.map +1 -0
- package/ProgressBar.cjs +1 -1
- package/ProgressBar.d.ts +11 -3
- package/ProgressBar.js +1 -1
- package/Radio-5e9e9c5d.cjs +2 -0
- package/Radio-5e9e9c5d.cjs.map +1 -0
- package/Radio-dab030c5.js +122 -0
- package/Radio-dab030c5.js.map +1 -0
- package/Radio.cjs +1 -1
- package/Radio.css +1 -1
- package/Radio.d.ts +32 -3
- package/Radio.js +1 -1
- package/SideNav-a46daccc.cjs +2 -0
- package/SideNav-a46daccc.cjs.map +1 -0
- package/SideNav-abd95834.js +229 -0
- package/SideNav-abd95834.js.map +1 -0
- package/SideNav.cjs +2 -2
- package/SideNav.css +1 -1
- package/SideNav.d.ts +84 -3
- package/SideNav.js +1 -1
- package/{Spinner-0883e1ca-d594e9d0.js → Spinner-041df00b-fa2fcb57.js} +3 -3
- package/{Spinner-0883e1ca-d594e9d0.js.map → Spinner-041df00b-fa2fcb57.js.map} +1 -1
- package/Spinner-041df00b-fd40dc86.cjs +2 -0
- package/{Spinner-0883e1ca-fceb4a08.cjs.map → Spinner-041df00b-fd40dc86.cjs.map} +1 -1
- package/{SrOnly-de546b91.js → SrOnly-219e862e.js} +2 -2
- package/{SrOnly-de546b91.js.map → SrOnly-219e862e.js.map} +1 -1
- package/SrOnly-ed780dfc.cjs +2 -0
- package/{SrOnly-708eb40d.cjs.map → SrOnly-ed780dfc.cjs.map} +1 -1
- package/SrOnly.cjs +1 -1
- package/SrOnly.d.ts +8 -3
- package/SrOnly.js +1 -1
- package/Stepper-a7c03bda.cjs +2 -0
- package/Stepper-a7c03bda.cjs.map +1 -0
- package/{Stepper-80fa9d45.js → Stepper-acc83b95.js} +67 -68
- package/Stepper-acc83b95.js.map +1 -0
- package/Stepper.cjs +1 -1
- package/Stepper.css +1 -1
- package/Stepper.d.ts +132 -3
- package/Stepper.js +1 -1
- package/Switch-bad8af12.cjs +2 -0
- package/Switch-bad8af12.cjs.map +1 -0
- package/Switch-de621e8b.js +53 -0
- package/Switch-de621e8b.js.map +1 -0
- package/Switch.cjs +1 -1
- package/Switch.css +1 -1
- package/Switch.d.ts +20 -3
- package/Switch.js +1 -1
- package/{Tab-d436d249.js → Tab-2efb0b29.js} +129 -130
- package/Tab-2efb0b29.js.map +1 -0
- package/Tab-a7f56361.cjs +10 -0
- package/Tab-a7f56361.cjs.map +1 -0
- package/Tab.cjs +1 -1
- package/Tab.css +1 -1
- package/Tab.d.ts +51 -3
- package/Tab.js +12 -12
- package/Text-10643eec.js +103 -0
- package/Text-10643eec.js.map +1 -0
- package/Text-2c217682.cjs +2 -0
- package/Text-2c217682.cjs.map +1 -0
- package/Text.cjs +1 -1
- package/Text.css +1 -1
- package/Text.d.ts +11 -3
- package/Text.js +1 -1
- package/TextField-0e4b1063.cjs +2 -0
- package/TextField-0e4b1063.cjs.map +1 -0
- package/TextField-72d16321.js +116 -0
- package/TextField-72d16321.js.map +1 -0
- package/TextField.cjs +1 -1
- package/TextField.css +1 -1
- package/TextField.d.ts +38 -3
- package/TextField.js +4 -4
- package/Textarea-218e3338.cjs +2 -0
- package/Textarea-218e3338.cjs.map +1 -0
- package/Textarea-9332ebd4.js +113 -0
- package/Textarea-9332ebd4.js.map +1 -0
- package/Textarea.cjs +1 -1
- package/Textarea.css +1 -1
- package/Textarea.d.ts +9 -3
- package/Textarea.js +4 -4
- package/ThemeProvider.cjs +1 -1
- package/ThemeProvider.d.ts +12 -3
- package/ThemeProvider.js +1 -1
- package/{Tooltip-14c639ee.js → Tooltip-6f564b63.js} +27 -27
- package/Tooltip-6f564b63.js.map +1 -0
- package/Tooltip-ce4148a7.cjs +2 -0
- package/Tooltip-ce4148a7.cjs.map +1 -0
- package/Tooltip.cjs +1 -1
- package/Tooltip.css +1 -1
- package/Tooltip.d.ts +24 -3
- package/Tooltip.js +1 -1
- package/anvil2.cjs +1 -1
- package/anvil2.d.ts +1279 -1
- package/anvil2.js +159 -158
- package/anvil2.js.map +1 -1
- package/index-34a59514-84846dd5.cjs +2 -0
- package/index-34a59514-84846dd5.cjs.map +1 -0
- package/index-34a59514-87e04c7f.js +196 -0
- package/index-34a59514-87e04c7f.js.map +1 -0
- package/index-34a59514.css +1 -0
- package/index-4a524f55.js +594 -0
- package/index-4a524f55.js.map +1 -0
- package/{index-2901dc30.cjs → index-4deb58f0.cjs} +2 -2
- package/{index-2901dc30.cjs.map → index-4deb58f0.cjs.map} +1 -1
- package/{index-3540395e.cjs → index-5af41bd1.cjs} +2 -2
- package/{index-3540395e.cjs.map → index-5af41bd1.cjs.map} +1 -1
- package/index-870600c9.cjs +174 -0
- package/index-870600c9.cjs.map +1 -0
- package/index-8a331c33.cjs +2 -0
- package/index-8a331c33.cjs.map +1 -0
- package/{index-4e32870a.js → index-b6ca5fc4.js} +2 -2
- package/{index-4e32870a.js.map → index-b6ca5fc4.js.map} +1 -1
- package/{index-193c7238.js → index-bbef83ec.js} +2 -2
- package/{index-193c7238.js.map → index-bbef83ec.js.map} +1 -1
- package/index-ccf0845b.js +23330 -0
- package/index-ccf0845b.js.map +1 -0
- package/index.css +1 -1
- package/index2.css +1 -1
- package/index4.css +1 -1
- package/package.json +27 -25
- package/{sizeToToken-ec2a44d1-00f4b579.cjs → sizeToToken-ec2a44d1-7f023360.cjs} +2 -2
- package/{sizeToToken-ec2a44d1-00f4b579.cjs.map → sizeToToken-ec2a44d1-7f023360.cjs.map} +1 -1
- package/{sizeToToken-ec2a44d1-b81d7121.js → sizeToToken-ec2a44d1-bd89b4fa.js} +2 -2
- package/{sizeToToken-ec2a44d1-b81d7121.js.map → sizeToToken-ec2a44d1-bd89b4fa.js.map} +1 -1
- package/token.cjs +1 -1
- package/token.d.ts +4 -1
- package/token.js +1 -1
- package/useAccessibleColor.cjs +7 -5
- package/useAccessibleColor.cjs.map +1 -1
- package/useAccessibleColor.d.ts +6 -3
- package/useAccessibleColor.js +368 -311
- package/useAccessibleColor.js.map +1 -1
- package/usePrefersColorScheme-129544ad-b018d158.cjs +2 -0
- package/usePrefersColorScheme-129544ad-b018d158.cjs.map +1 -0
- package/{useAccessibleColor-3358f4f6-ddcfc9d6.js → usePrefersColorScheme-129544ad-f17399b0.js} +18 -18
- package/usePrefersColorScheme-129544ad-f17399b0.js.map +1 -0
- package/usePrefersColorScheme.cjs +1 -1
- package/usePrefersColorScheme.d.ts +6 -3
- package/usePrefersColorScheme.js +40 -39
- package/usePrefersColorScheme.js.map +1 -1
- package/useSize.d.ts +7 -3
- package/useSwipe.cjs +1 -1
- package/useSwipe.d.ts +6 -3
- package/useSwipe.js +39 -38
- package/useSwipe.js.map +1 -1
- package/Alert-5d565d02.cjs +0 -2
- package/Alert-5d565d02.cjs.map +0 -1
- package/Alert-cbfb26da.js +0 -89
- package/Alert-cbfb26da.js.map +0 -1
- package/Announcement-55ce78e1.js.map +0 -1
- package/Announcement-b7adf6c2.cjs +0 -2
- package/Announcement-b7adf6c2.cjs.map +0 -1
- package/Avatar-40698488.cjs +0 -2
- package/Avatar-40698488.cjs.map +0 -1
- package/Avatar-9a600991.js +0 -119
- package/Avatar-9a600991.js.map +0 -1
- package/Badge-0f0115d7.js.map +0 -1
- package/Badge-86767c59.cjs +0 -2
- package/Badge-86767c59.cjs.map +0 -1
- package/Button-45b5f34d.cjs +0 -2
- package/Button-45b5f34d.cjs.map +0 -1
- package/Button-a1d54612.js +0 -266
- package/Button-a1d54612.js.map +0 -1
- package/Calendar-0180be99.cjs +0 -2
- package/Card-a32e3a24.cjs +0 -2
- package/Card-a32e3a24.cjs.map +0 -1
- package/Card-df3afa75.js +0 -48
- package/Card-df3afa75.js.map +0 -1
- package/Checkbox-2afa867d.js +0 -140
- package/Checkbox-2afa867d.js.map +0 -1
- package/Checkbox-f391e391.cjs +0 -2
- package/Checkbox-f391e391.cjs.map +0 -1
- package/Chip-30904c6b.cjs +0 -2
- package/Chip-30904c6b.cjs.map +0 -1
- package/Chip-796feb5f.js +0 -57
- package/Chip-796feb5f.js.map +0 -1
- package/Combobox-0dbca8b9.cjs +0 -18
- package/Combobox-0dbca8b9.cjs.map +0 -1
- package/Combobox-78c98d99.js +0 -2660
- package/Combobox-78c98d99.js.map +0 -1
- package/Details-28451aba.js +0 -121
- package/Details-28451aba.js.map +0 -1
- package/Details-7cf82b2a.cjs +0 -2
- package/Details-7cf82b2a.cjs.map +0 -1
- package/Dialog-376e879f.js +0 -180
- package/Dialog-376e879f.js.map +0 -1
- package/Dialog-ee763250.cjs +0 -2
- package/Dialog-ee763250.cjs.map +0 -1
- package/Divider-18854176.js +0 -76
- package/Divider-18854176.js.map +0 -1
- package/Divider-4b53e9bc.cjs +0 -2
- package/Divider-4b53e9bc.cjs.map +0 -1
- package/Flex-91d902ab.js +0 -78
- package/Flex-91d902ab.js.map +0 -1
- package/Flex-fbbfca2c.cjs +0 -2
- package/Flex-fbbfca2c.cjs.map +0 -1
- package/Grid-7255ac0e.cjs +0 -2
- package/Grid-7255ac0e.cjs.map +0 -1
- package/Grid-b826f76e.js +0 -78
- package/Grid-b826f76e.js.map +0 -1
- package/Link-00858801.cjs +0 -2
- package/Link-00858801.cjs.map +0 -1
- package/Link-11e411de.js +0 -47
- package/Link-11e411de.js.map +0 -1
- package/Listbox-25f615e4.cjs +0 -2
- package/Listbox-25f615e4.cjs.map +0 -1
- package/Listbox-b77bf5db.js +0 -321
- package/Listbox-b77bf5db.js.map +0 -1
- package/Menu-1254197b.cjs +0 -2
- package/Menu-1254197b.cjs.map +0 -1
- package/Menu-2d3d189e.js.map +0 -1
- package/ProgressBar-0a9cc187.js.map +0 -1
- package/ProgressBar-a30e79f7.cjs +0 -2
- package/ProgressBar-a30e79f7.cjs.map +0 -1
- package/Radio-7a7d5069.js +0 -120
- package/Radio-7a7d5069.js.map +0 -1
- package/Radio-efc0b8b2.cjs +0 -2
- package/Radio-efc0b8b2.cjs.map +0 -1
- package/SideNav-044309df.js +0 -230
- package/SideNav-044309df.js.map +0 -1
- package/SideNav-c3ecdddf.cjs +0 -2
- package/SideNav-c3ecdddf.cjs.map +0 -1
- package/Spinner-0883e1ca-fceb4a08.cjs +0 -2
- package/SrOnly-708eb40d.cjs +0 -2
- package/Stepper-42d5bb17.cjs +0 -2
- package/Stepper-42d5bb17.cjs.map +0 -1
- package/Stepper-80fa9d45.js.map +0 -1
- package/Switch-8c2230ac.cjs +0 -2
- package/Switch-8c2230ac.cjs.map +0 -1
- package/Switch-accd063a.js +0 -54
- package/Switch-accd063a.js.map +0 -1
- package/Tab-d436d249.js.map +0 -1
- package/Tab-da39692d.cjs +0 -10
- package/Tab-da39692d.cjs.map +0 -1
- package/Text-1fa57df0.js +0 -103
- package/Text-1fa57df0.js.map +0 -1
- package/Text-c5b018fb.cjs +0 -2
- package/Text-c5b018fb.cjs.map +0 -1
- package/TextField-4d28f369.js +0 -117
- package/TextField-4d28f369.js.map +0 -1
- package/TextField-f582ca36.cjs +0 -2
- package/TextField-f582ca36.cjs.map +0 -1
- package/Textarea-074a1a2c.cjs +0 -2
- package/Textarea-074a1a2c.cjs.map +0 -1
- package/Textarea-d788d92b.js +0 -114
- package/Textarea-d788d92b.js.map +0 -1
- package/Tooltip-14c639ee.js.map +0 -1
- package/Tooltip-9b89dc01.cjs +0 -2
- package/Tooltip-9b89dc01.cjs.map +0 -1
- package/components/Alert/Alert.d.ts +0 -5
- package/components/Alert/Alert.stories.d.ts +0 -12
- package/components/Alert/index.d.ts +0 -2
- package/components/Announcement/Announcement.d.ts +0 -5
- package/components/Announcement/Announcement.stories.d.ts +0 -12
- package/components/Announcement/index.d.ts +0 -2
- package/components/Avatar/AvatarGroup.stories.d.ts +0 -13
- package/components/Avatar/index.d.ts +0 -2
- package/components/Badge/index.d.ts +0 -2
- package/components/Button/index.d.ts +0 -2
- package/components/ButtonCompound/ButtonCompound.d.ts +0 -7
- package/components/ButtonCompound/ButtonCompound.stories.d.ts +0 -12
- package/components/ButtonCompound/index.d.ts +0 -2
- package/components/ButtonLink/ButtonLink.d.ts +0 -15
- package/components/ButtonLink/ButtonLink.stories.d.ts +0 -20
- package/components/ButtonLink/index.d.ts +0 -2
- package/components/ButtonToggle/ButtonToggle.d.ts +0 -13
- package/components/ButtonToggle/ButtonToggle.stories.d.ts +0 -19
- package/components/ButtonToggle/index.d.ts +0 -2
- package/components/Calendar/index.d.ts +0 -2
- package/components/Card/Card.d.ts +0 -5
- package/components/Card/Card.stories.d.ts +0 -11
- package/components/Card/index.d.ts +0 -2
- package/components/Checkbox/index.d.ts +0 -2
- package/components/Chip/index.d.ts +0 -2
- package/components/Combobox/Combobox.d.ts +0 -12
- package/components/Combobox/index.d.ts +0 -2
- package/components/Details/index.d.ts +0 -2
- package/components/Dialog/index.d.ts +0 -2
- package/components/Divider/index.d.ts +0 -2
- package/components/Drawer/index.d.ts +0 -2
- package/components/Flex/index.d.ts +0 -2
- package/components/Grid/index.d.ts +0 -2
- package/components/Link/Link.d.ts +0 -5
- package/components/Link/Link.stories.d.ts +0 -11
- package/components/Link/index.d.ts +0 -2
- package/components/ListView/ListView.d.ts +0 -19
- package/components/ListView/ListView.stories.d.ts +0 -19
- package/components/ListView/index.d.ts +0 -2
- package/components/Listbox/Listbox.d.ts +0 -30
- package/components/Listbox/Listbox.stories.d.ts +0 -24
- package/components/Listbox/index.d.ts +0 -2
- package/components/Menu/Menu.d.ts +0 -15
- package/components/Menu/Menu.stories.d.ts +0 -17
- package/components/Menu/index.d.ts +0 -2
- package/components/Overflow/Overflow.d.ts +0 -9
- package/components/Overflow/Overflow.stories.d.ts +0 -10
- package/components/Overflow/index.d.ts +0 -2
- package/components/Page/Page.d.ts +0 -35
- package/components/Page/Page.stories.d.ts +0 -23
- package/components/Page/index.d.ts +0 -2
- package/components/Popover/index.d.ts +0 -2
- package/components/ProgressBar/ProgressBar.d.ts +0 -5
- package/components/ProgressBar/ProgressBar.stories.d.ts +0 -12
- package/components/ProgressBar/index.d.ts +0 -2
- package/components/Radio/index.d.ts +0 -2
- package/components/SideNav/index.d.ts +0 -2
- package/components/SrOnly/SrOnly.d.ts +0 -3
- package/components/SrOnly/SrOnly.stories.d.ts +0 -10
- package/components/SrOnly/index.d.ts +0 -2
- package/components/Stepper/index.d.ts +0 -2
- package/components/Switch/index.d.ts +0 -2
- package/components/Tab/index.d.ts +0 -2
- package/components/Text/Text.d.ts +0 -5
- package/components/Text/Text.stories.d.ts +0 -12
- package/components/Text/index.d.ts +0 -2
- package/components/TextField/index.d.ts +0 -2
- package/components/Textarea/Textarea.d.ts +0 -4
- package/components/Textarea/Textarea.stories.d.ts +0 -12
- package/components/Textarea/index.d.ts +0 -2
- package/components/Tooltip/Tooltip.d.ts +0 -11
- package/components/Tooltip/Tooltip.stories.d.ts +0 -15
- package/components/Tooltip/index.d.ts +0 -2
- package/components/index.d.ts +0 -36
- package/hooks/index.d.ts +0 -3
- package/hooks/useAccessibleColor/index.d.ts +0 -1
- package/hooks/usePrefersColorScheme/index.d.ts +0 -1
- package/hooks/useSize/index.d.ts +0 -4
- package/hooks/useSwipe/index.d.ts +0 -1
- package/index-01c2436e.js +0 -593
- package/index-01c2436e.js.map +0 -1
- package/index-11e70fb8-0028c824.cjs +0 -2
- package/index-11e70fb8-0028c824.cjs.map +0 -1
- package/index-11e70fb8-1d736146.js +0 -99
- package/index-11e70fb8-1d736146.js.map +0 -1
- package/index-11e70fb8.css +0 -1
- package/index-31788abb.cjs +0 -2
- package/index-31788abb.cjs.map +0 -1
- package/index-376d3301.js +0 -23084
- package/index-376d3301.js.map +0 -1
- package/index-3f97b6ab.cjs +0 -174
- package/index-3f97b6ab.cjs.map +0 -1
- package/index.d.ts +0 -3
- package/layoutPropsUtil-4ba98964-13bb2adf.cjs +0 -2
- package/layoutPropsUtil-4ba98964-13bb2adf.cjs.map +0 -1
- package/layoutPropsUtil-4ba98964-b3aa4269.js +0 -97
- package/layoutPropsUtil-4ba98964-b3aa4269.js.map +0 -1
- package/providers/AnvilProvider/index.d.ts +0 -1
- package/providers/LocalizationProvider/index.d.ts +0 -1
- package/providers/ThemeProvider/index.d.ts +0 -1
- package/providers/index.d.ts +0 -3
- package/token/index.d.ts +0 -1
- package/useAccessibleColor-3358f4f6-ddcfc9d6.js.map +0 -1
- package/useAccessibleColor-3358f4f6-ff947a77.cjs +0 -2
- package/useAccessibleColor-3358f4f6-ff947a77.cjs.map +0 -1
|
@@ -0,0 +1,411 @@
|
|
|
1
|
+
import "./ListView.css";
|
|
2
|
+
import { f as w } from "./jsx-runtime-944c88e2-e73fa629.js";
|
|
3
|
+
import { forwardRef as B, useRef as I, useId as G, useState as O, useEffect as E, createContext as H, useContext as Y } from "react";
|
|
4
|
+
import { q as P } from "./index-b6ca5fc4.js";
|
|
5
|
+
import { W as Z } from "./index-34a59514-87e04c7f.js";
|
|
6
|
+
import { u as W } from "./index-ccf0845b.js";
|
|
7
|
+
import { J as U } from "./Checkbox-8d294c5e.js";
|
|
8
|
+
const ee = "_listview_yg8cn_4", te = "_cell_yg8cn_67", D = {
|
|
9
|
+
listview: ee,
|
|
10
|
+
"listview-option": "_listview-option_yg8cn_17",
|
|
11
|
+
cell: te,
|
|
12
|
+
"cell-children": "_cell-children_yg8cn_98"
|
|
13
|
+
}, le = (l, t, e, c, b, f) => {
|
|
14
|
+
if (t)
|
|
15
|
+
switch (l.code) {
|
|
16
|
+
case "Enter":
|
|
17
|
+
case "Space":
|
|
18
|
+
t[e.row].focusables[e.col].click(), document.activeElement.click(), l.preventDefault();
|
|
19
|
+
break;
|
|
20
|
+
case "ArrowDown":
|
|
21
|
+
if (b == null || b.focus(), t[e.row].focusables[e.col].removeAttribute(
|
|
22
|
+
"data-interactive"
|
|
23
|
+
), e.row === t.length - 1) {
|
|
24
|
+
t[0].focusables[e.col].setAttribute(
|
|
25
|
+
"data-interactive",
|
|
26
|
+
"focus-visible"
|
|
27
|
+
), f(t[0].focusables[e.col].id), c((i) => ({ ...i, row: 0 }));
|
|
28
|
+
break;
|
|
29
|
+
}
|
|
30
|
+
t[e.row + 1].focusables[e.col].setAttribute(
|
|
31
|
+
"data-interactive",
|
|
32
|
+
"focus-visible"
|
|
33
|
+
), f(
|
|
34
|
+
t[e.row + 1].focusables[e.col].id
|
|
35
|
+
), c((i) => ({ ...i, row: e.row + 1 }));
|
|
36
|
+
break;
|
|
37
|
+
case "ArrowUp":
|
|
38
|
+
if (b == null || b.focus(), t[e.row].focusables[e.col].removeAttribute(
|
|
39
|
+
"data-interactive"
|
|
40
|
+
), e.row === 0) {
|
|
41
|
+
t[t.length - 1].focusables[e.col].setAttribute(
|
|
42
|
+
"data-interactive",
|
|
43
|
+
"focus-visible"
|
|
44
|
+
), f(
|
|
45
|
+
t[t.length - 1].focusables[e.col].id
|
|
46
|
+
), c((i) => ({ ...i, row: t.length - 1 }));
|
|
47
|
+
break;
|
|
48
|
+
}
|
|
49
|
+
t[e.row - 1].focusables[e.col].setAttribute(
|
|
50
|
+
"data-interactive",
|
|
51
|
+
"focus-visible"
|
|
52
|
+
), f(
|
|
53
|
+
t[e.row - 1].focusables[e.col].id
|
|
54
|
+
), c((i) => ({ ...i, row: e.row - 1 }));
|
|
55
|
+
break;
|
|
56
|
+
case "ArrowRight":
|
|
57
|
+
if (b == null || b.focus(), t[e.row].focusables[e.col].removeAttribute(
|
|
58
|
+
"data-interactive"
|
|
59
|
+
), e.col === t[e.row].focusables.length - 1) {
|
|
60
|
+
t[e.row].focusables[0].setAttribute(
|
|
61
|
+
"data-interactive",
|
|
62
|
+
"focus-visible"
|
|
63
|
+
), f(t[e.row].focusables[0].id), c((i) => ({
|
|
64
|
+
...i,
|
|
65
|
+
col: 0
|
|
66
|
+
}));
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
t[e.row].focusables[e.col + 1].setAttribute(
|
|
70
|
+
"data-interactive",
|
|
71
|
+
"focus-visible"
|
|
72
|
+
), f(
|
|
73
|
+
t[e.row].focusables[e.col + 1].id
|
|
74
|
+
), c((i) => ({ ...i, col: e.col + 1 }));
|
|
75
|
+
break;
|
|
76
|
+
case "ArrowLeft":
|
|
77
|
+
if (b == null || b.focus(), t[e.row].focusables[e.col].removeAttribute(
|
|
78
|
+
"data-interactive"
|
|
79
|
+
), e.col === 0) {
|
|
80
|
+
t[e.row].focusables[t[e.row].focusables.length - 1].setAttribute("data-interactive", "focus-visible"), f(
|
|
81
|
+
t[e.row].focusables[t[e.row].focusables.length - 1].id
|
|
82
|
+
), c((i) => ({
|
|
83
|
+
...i,
|
|
84
|
+
col: t[e.row].focusables.length - 1
|
|
85
|
+
}));
|
|
86
|
+
break;
|
|
87
|
+
}
|
|
88
|
+
t[e.row].focusables[e.col - 1].setAttribute(
|
|
89
|
+
"data-interactive",
|
|
90
|
+
"focus-visible"
|
|
91
|
+
), f(
|
|
92
|
+
t[e.row].focusables[e.col - 1].id
|
|
93
|
+
), c((i) => ({ ...i, col: e.col - 1 }));
|
|
94
|
+
break;
|
|
95
|
+
}
|
|
96
|
+
}, F = B(
|
|
97
|
+
(l, t) => {
|
|
98
|
+
const {
|
|
99
|
+
className: e,
|
|
100
|
+
children: c,
|
|
101
|
+
onClick: b,
|
|
102
|
+
onKeyDown: f,
|
|
103
|
+
onKeyUp: i,
|
|
104
|
+
onBlur: J,
|
|
105
|
+
onChange: K,
|
|
106
|
+
style: L,
|
|
107
|
+
disabled: g,
|
|
108
|
+
id: S,
|
|
109
|
+
...x
|
|
110
|
+
} = l, _ = I(null), s = W([t, _]), h = I(), N = I(null), M = G(), [y, C] = O(!1), { selectedItems: a, setSelectedItems: A, controlled: k, onSelectionChange: v } = ie();
|
|
111
|
+
E(() => {
|
|
112
|
+
var r;
|
|
113
|
+
const o = (r = _.current) == null ? void 0 : r.querySelectorAll(
|
|
114
|
+
"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])"
|
|
115
|
+
);
|
|
116
|
+
o == null || o.forEach((m, j) => {
|
|
117
|
+
m.setAttribute("tabindex", "-1"), !m.hasAttribute("id") && m.setAttribute("id", `${M}-${j}`);
|
|
118
|
+
});
|
|
119
|
+
}, []), E(() => {
|
|
120
|
+
if ("item" in l) {
|
|
121
|
+
const o = a.some((m) => {
|
|
122
|
+
var j;
|
|
123
|
+
return m.label === ((j = h.current) == null ? void 0 : j.label);
|
|
124
|
+
});
|
|
125
|
+
C(o);
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
const r = a.includes(l.label);
|
|
129
|
+
C(r);
|
|
130
|
+
}, [l, a]);
|
|
131
|
+
const V = (r) => {
|
|
132
|
+
R(), K == null || K(r);
|
|
133
|
+
};
|
|
134
|
+
function R() {
|
|
135
|
+
if ("item" in l) {
|
|
136
|
+
if (a.some(
|
|
137
|
+
(r) => {
|
|
138
|
+
var o;
|
|
139
|
+
return r.label === ((o = h.current) == null ? void 0 : o.label);
|
|
140
|
+
}
|
|
141
|
+
)) {
|
|
142
|
+
k || A(
|
|
143
|
+
(r) => r.filter(
|
|
144
|
+
(o) => {
|
|
145
|
+
var m;
|
|
146
|
+
return o.label !== ((m = h.current) == null ? void 0 : m.label);
|
|
147
|
+
}
|
|
148
|
+
)
|
|
149
|
+
), v == null || v(
|
|
150
|
+
a.filter(
|
|
151
|
+
(r) => {
|
|
152
|
+
var o;
|
|
153
|
+
return r.label !== ((o = h.current) == null ? void 0 : o.label);
|
|
154
|
+
}
|
|
155
|
+
)
|
|
156
|
+
);
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
k || A((r) => [...r, h.current]), v == null || v([...a, h.current]);
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
if (a.includes(l.label)) {
|
|
163
|
+
k || A(
|
|
164
|
+
(r) => r.filter((o) => o !== l.label)
|
|
165
|
+
), v == null || v(
|
|
166
|
+
a.filter((r) => r !== l.label)
|
|
167
|
+
);
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
k || A((r) => [...r, l.label]), v == null || v([...a, l.label]);
|
|
171
|
+
}
|
|
172
|
+
if ("item" in x) {
|
|
173
|
+
h.current = x.item;
|
|
174
|
+
const { item: r, ...o } = x;
|
|
175
|
+
return /* @__PURE__ */ w.jsxs(
|
|
176
|
+
"div",
|
|
177
|
+
{
|
|
178
|
+
className: P([D["listview-option"]], e),
|
|
179
|
+
"data-anv": "ListViewOption",
|
|
180
|
+
style: L,
|
|
181
|
+
ref: s,
|
|
182
|
+
"aria-disabled": g,
|
|
183
|
+
"aria-selected": y,
|
|
184
|
+
"aria-label": r.label,
|
|
185
|
+
role: "row",
|
|
186
|
+
...o,
|
|
187
|
+
children: [
|
|
188
|
+
/* @__PURE__ */ w.jsx("div", { className: D.cell, ref: N, role: "gridcell", children: /* @__PURE__ */ w.jsx(
|
|
189
|
+
U,
|
|
190
|
+
{
|
|
191
|
+
disabled: g,
|
|
192
|
+
checked: y,
|
|
193
|
+
"aria-label": r.label,
|
|
194
|
+
onChange: V
|
|
195
|
+
}
|
|
196
|
+
) }),
|
|
197
|
+
c
|
|
198
|
+
]
|
|
199
|
+
}
|
|
200
|
+
);
|
|
201
|
+
}
|
|
202
|
+
return /* @__PURE__ */ w.jsxs(
|
|
203
|
+
"div",
|
|
204
|
+
{
|
|
205
|
+
className: P([D["listview-option"]], e),
|
|
206
|
+
"data-anv": "ListViewOption",
|
|
207
|
+
style: L,
|
|
208
|
+
ref: s,
|
|
209
|
+
"aria-disabled": g,
|
|
210
|
+
"aria-selected": y,
|
|
211
|
+
"aria-label": "label" in l ? l.label : "Select",
|
|
212
|
+
role: "row",
|
|
213
|
+
...x,
|
|
214
|
+
children: [
|
|
215
|
+
/* @__PURE__ */ w.jsx("div", { className: D.cell, ref: N, role: "gridcell", children: /* @__PURE__ */ w.jsx(
|
|
216
|
+
U,
|
|
217
|
+
{
|
|
218
|
+
disabled: g,
|
|
219
|
+
checked: y,
|
|
220
|
+
"aria-label": "label" in l ? l.label : "Select",
|
|
221
|
+
onChange: V
|
|
222
|
+
}
|
|
223
|
+
) }),
|
|
224
|
+
c
|
|
225
|
+
]
|
|
226
|
+
}
|
|
227
|
+
);
|
|
228
|
+
}
|
|
229
|
+
);
|
|
230
|
+
F.displayName = "ListViewOption";
|
|
231
|
+
const T = B((l, t) => {
|
|
232
|
+
const { ...e } = l;
|
|
233
|
+
return /* @__PURE__ */ w.jsx("div", { role: "gridcell", ...e, ref: t });
|
|
234
|
+
});
|
|
235
|
+
T.displayName = "ListViewOptionCell";
|
|
236
|
+
const $ = H(null), re = (l) => l.querySelectorAll(
|
|
237
|
+
"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])"
|
|
238
|
+
), Q = function(l, t) {
|
|
239
|
+
const { layoutStyles: e, componentProps: c } = Z(l), {
|
|
240
|
+
onSelectionChange: b,
|
|
241
|
+
className: f,
|
|
242
|
+
selected: i,
|
|
243
|
+
defaultSelected: J,
|
|
244
|
+
style: K,
|
|
245
|
+
onKeyDown: L,
|
|
246
|
+
// Below is a feature that is on pause
|
|
247
|
+
// focusedItem: iFocusedItem,
|
|
248
|
+
...g
|
|
249
|
+
} = c, S = I(null), x = I(!0), _ = W([t, S]), [s, h] = O(), [N, M] = O(), [y, C] = O(
|
|
250
|
+
i ?? J ?? []
|
|
251
|
+
), [a, A] = O({
|
|
252
|
+
row: 0,
|
|
253
|
+
col: 0
|
|
254
|
+
}), k = {
|
|
255
|
+
...e,
|
|
256
|
+
...K
|
|
257
|
+
}, v = (n) => {
|
|
258
|
+
x.current && s && s[a.row].focusables[a.col].setAttribute(
|
|
259
|
+
"data-interactive",
|
|
260
|
+
"focus-visible"
|
|
261
|
+
);
|
|
262
|
+
}, V = () => {
|
|
263
|
+
var n;
|
|
264
|
+
s && ((n = s[a.row].focusables[a.col]) == null || n.removeAttribute(
|
|
265
|
+
"data-interactive"
|
|
266
|
+
));
|
|
267
|
+
}, R = (n) => {
|
|
268
|
+
L == null || L(n), s && (x.current = !0, le(
|
|
269
|
+
n,
|
|
270
|
+
s,
|
|
271
|
+
a,
|
|
272
|
+
A,
|
|
273
|
+
S.current,
|
|
274
|
+
(u) => M(u)
|
|
275
|
+
));
|
|
276
|
+
}, r = (n) => {
|
|
277
|
+
var u;
|
|
278
|
+
if (x.current = !1, s && S.current) {
|
|
279
|
+
(u = s[a.row].focusables[a.col]) == null || u.removeAttribute(
|
|
280
|
+
"data-interactive"
|
|
281
|
+
);
|
|
282
|
+
const d = n.target.closest(
|
|
283
|
+
"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [data-anv='Checkbox']"
|
|
284
|
+
), p = n.target.closest(
|
|
285
|
+
'[data-anv="ListViewOption"]'
|
|
286
|
+
);
|
|
287
|
+
if (!p || p.ariaDisabled)
|
|
288
|
+
return;
|
|
289
|
+
const q = s.findIndex((z) => z.node === p);
|
|
290
|
+
if (!d) {
|
|
291
|
+
s[q].focusables[0].click();
|
|
292
|
+
return;
|
|
293
|
+
}
|
|
294
|
+
const X = Array.prototype.indexOf.call(
|
|
295
|
+
s[q].focusables,
|
|
296
|
+
(d == null ? void 0 : d.getAttribute("data-anv")) === "Checkbox" ? d.children[0] : d
|
|
297
|
+
);
|
|
298
|
+
A({ row: q, col: X });
|
|
299
|
+
}
|
|
300
|
+
};
|
|
301
|
+
E(() => {
|
|
302
|
+
if (!S.current)
|
|
303
|
+
return;
|
|
304
|
+
const n = S.current.querySelectorAll(
|
|
305
|
+
"div[data-anv='ListViewOption']:not([aria-disabled='true'])"
|
|
306
|
+
), u = Array.from(n).map((d) => {
|
|
307
|
+
const p = re(d);
|
|
308
|
+
return {
|
|
309
|
+
node: d,
|
|
310
|
+
focusables: p
|
|
311
|
+
};
|
|
312
|
+
});
|
|
313
|
+
h(u);
|
|
314
|
+
}, [l.children]), E(() => {
|
|
315
|
+
if (!i)
|
|
316
|
+
return;
|
|
317
|
+
const n = i.reduce(
|
|
318
|
+
(u, d) => u.find((p) => p.label === d.label) ? u : u.concat([d]),
|
|
319
|
+
[]
|
|
320
|
+
);
|
|
321
|
+
C(n);
|
|
322
|
+
}, [i]);
|
|
323
|
+
const o = P([D.listview], f);
|
|
324
|
+
if ("items" in g) {
|
|
325
|
+
const { children: n, items: u, ...d } = g;
|
|
326
|
+
return /* @__PURE__ */ w.jsx(
|
|
327
|
+
$.Provider,
|
|
328
|
+
{
|
|
329
|
+
value: {
|
|
330
|
+
options: s,
|
|
331
|
+
onSelectionChange: b,
|
|
332
|
+
selectedItems: y,
|
|
333
|
+
setSelectedItems: C,
|
|
334
|
+
items: u,
|
|
335
|
+
controlled: !!i
|
|
336
|
+
},
|
|
337
|
+
children: /* @__PURE__ */ w.jsx(
|
|
338
|
+
"div",
|
|
339
|
+
{
|
|
340
|
+
ref: _,
|
|
341
|
+
className: o,
|
|
342
|
+
style: k,
|
|
343
|
+
"data-anv": "ListView",
|
|
344
|
+
role: "grid",
|
|
345
|
+
"aria-multiselectable": "true",
|
|
346
|
+
onFocus: v,
|
|
347
|
+
onBlur: V,
|
|
348
|
+
onKeyDown: R,
|
|
349
|
+
onMouseDown: r,
|
|
350
|
+
"aria-activedescendant": N,
|
|
351
|
+
tabIndex: 0,
|
|
352
|
+
...d,
|
|
353
|
+
children: n == null ? void 0 : n(
|
|
354
|
+
u.map((p) => p)
|
|
355
|
+
)
|
|
356
|
+
}
|
|
357
|
+
)
|
|
358
|
+
}
|
|
359
|
+
);
|
|
360
|
+
}
|
|
361
|
+
const { children: m, ...j } = g;
|
|
362
|
+
return /* @__PURE__ */ w.jsx(
|
|
363
|
+
$.Provider,
|
|
364
|
+
{
|
|
365
|
+
value: {
|
|
366
|
+
options: s,
|
|
367
|
+
onSelectionChange: b,
|
|
368
|
+
selectedItems: y,
|
|
369
|
+
setSelectedItems: C,
|
|
370
|
+
controlled: !!i
|
|
371
|
+
},
|
|
372
|
+
children: /* @__PURE__ */ w.jsx(
|
|
373
|
+
"div",
|
|
374
|
+
{
|
|
375
|
+
ref: _,
|
|
376
|
+
className: o,
|
|
377
|
+
style: k,
|
|
378
|
+
"data-anv": "ListView",
|
|
379
|
+
role: "grid",
|
|
380
|
+
onFocus: v,
|
|
381
|
+
onBlur: V,
|
|
382
|
+
onKeyDown: R,
|
|
383
|
+
onMouseDown: r,
|
|
384
|
+
"aria-activedescendant": N,
|
|
385
|
+
tabIndex: 0,
|
|
386
|
+
...j,
|
|
387
|
+
children: m
|
|
388
|
+
}
|
|
389
|
+
)
|
|
390
|
+
}
|
|
391
|
+
);
|
|
392
|
+
};
|
|
393
|
+
function ie() {
|
|
394
|
+
const l = Y($);
|
|
395
|
+
if (l == null)
|
|
396
|
+
throw new Error("useListView must be wrapped in <ListView />");
|
|
397
|
+
return l;
|
|
398
|
+
}
|
|
399
|
+
Q.displayName = "ListView";
|
|
400
|
+
const be = Object.assign(
|
|
401
|
+
B(Q),
|
|
402
|
+
{
|
|
403
|
+
Option: F,
|
|
404
|
+
OptionCell: T
|
|
405
|
+
}
|
|
406
|
+
);
|
|
407
|
+
export {
|
|
408
|
+
F as J,
|
|
409
|
+
be as d
|
|
410
|
+
};
|
|
411
|
+
//# sourceMappingURL=ListView-29cf9116.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListView-29cf9116.js","sources":["../node_modules/@servicetitan/hammer-react/dist/ListView.js"],"sourcesContent":["import \"./index21.css\";\nimport { j as y } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as $, useRef as H, useId as Z, useState as E, useEffect as B, createContext as F, useContext as p } from \"react\";\nimport q from \"classnames\";\nimport { u as I } from \"./index-34a59514.js\";\nimport { useMergeRefs as G } from \"@floating-ui/react\";\nimport { Checkbox as z } from \"./Checkbox.js\";\nconst ee = \"_listview_yg8cn_4\", te = \"_cell_yg8cn_67\", P = {\n listview: ee,\n \"listview-option\": \"_listview-option_yg8cn_17\",\n cell: te,\n \"cell-children\": \"_cell-children_yg8cn_98\"\n}, le = (l, t, e, f, n, A) => {\n if (t)\n switch (l.code) {\n case \"Enter\":\n case \"Space\":\n t[e.row].focusables[e.col].click(), document.activeElement.click(), l.preventDefault();\n break;\n case \"ArrowDown\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.row === t.length - 1) {\n t[0].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(t[0].focusables[e.col].id), f((r) => ({ ...r, row: 0 }));\n break;\n }\n t[e.row + 1].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row + 1].focusables[e.col].id\n ), f((r) => ({ ...r, row: e.row + 1 }));\n break;\n case \"ArrowUp\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.row === 0) {\n t[t.length - 1].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[t.length - 1].focusables[e.col].id\n ), f((r) => ({ ...r, row: t.length - 1 }));\n break;\n }\n t[e.row - 1].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row - 1].focusables[e.col].id\n ), f((r) => ({ ...r, row: e.row - 1 }));\n break;\n case \"ArrowRight\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.col === t[e.row].focusables.length - 1) {\n t[e.row].focusables[0].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(t[e.row].focusables[0].id), f((r) => ({\n ...r,\n col: 0\n }));\n break;\n }\n t[e.row].focusables[e.col + 1].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row].focusables[e.col + 1].id\n ), f((r) => ({ ...r, col: e.col + 1 }));\n break;\n case \"ArrowLeft\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.col === 0) {\n t[e.row].focusables[t[e.row].focusables.length - 1].setAttribute(\"data-interactive\", \"focus-visible\"), A(\n t[e.row].focusables[t[e.row].focusables.length - 1].id\n ), f((r) => ({\n ...r,\n col: t[e.row].focusables.length - 1\n }));\n break;\n }\n t[e.row].focusables[e.col - 1].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row].focusables[e.col - 1].id\n ), f((r) => ({ ...r, col: e.col - 1 }));\n break;\n }\n}, J = $(\n (l, t) => {\n const {\n className: e,\n children: f,\n onClick: n,\n onKeyDown: A,\n onKeyUp: r,\n onBlur: T,\n onChange: D,\n style: S,\n disabled: h,\n id: N,\n ...g\n } = l, R = H(null), c = G([t, R]), x = H(), _ = H(null), M = Z(), [V, O] = E(!1), { selectedItems: a, setSelectedItems: k, controlled: j, onSelectionChange: b } = ie();\n B(() => {\n var o;\n const u = (o = R.current) == null ? void 0 : o.querySelectorAll(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\"\n );\n u == null || u.forEach((s, d) => {\n s.setAttribute(\"tabindex\", \"-1\"), !s.hasAttribute(\"id\") && s.setAttribute(\"id\", `${M}-${d}`);\n });\n }, []), B(() => {\n if (\"item\" in l) {\n const o = a.some((s) => {\n var d;\n return s.label === ((d = x.current) == null ? void 0 : d.label);\n });\n O(o);\n return;\n }\n const u = a.includes(l.label);\n O(u);\n }, [l, a]);\n const m = (u) => {\n K(), D == null || D(u);\n };\n function K() {\n if (\"item\" in l) {\n if (a.some(\n (s) => {\n var d;\n return s.label === ((d = x.current) == null ? void 0 : d.label);\n }\n )) {\n j || k(\n (s) => s.filter(\n (d) => {\n var i;\n return d.label !== ((i = x.current) == null ? void 0 : i.label);\n }\n )\n ), b == null || b(\n a.filter(\n (s) => {\n var d;\n return s.label !== ((d = x.current) == null ? void 0 : d.label);\n }\n )\n );\n return;\n }\n j || k((s) => [...s, x.current]), b == null || b([...a, x.current]);\n return;\n }\n if (a.includes(l.label)) {\n j || k(\n (o) => o.filter((s) => s !== l.label)\n ), b == null || b(\n a.filter((o) => o !== l.label)\n );\n return;\n }\n j || k((o) => [...o, l.label]), b == null || b([...a, l.label]);\n }\n if (\"item\" in g) {\n x.current = g.item;\n const { item: u, ...o } = g;\n return /* @__PURE__ */ y.jsxs(\n \"div\",\n {\n className: q([P[\"listview-option\"]], e),\n \"data-anv\": \"ListViewOption\",\n style: S,\n ref: c,\n \"aria-disabled\": h,\n \"aria-selected\": V,\n \"aria-label\": u.label,\n role: \"row\",\n ...o,\n children: [\n /* @__PURE__ */ y.jsx(\"div\", { className: P.cell, ref: _, role: \"gridcell\", children: /* @__PURE__ */ y.jsx(\n z,\n {\n disabled: h,\n checked: V,\n \"aria-label\": u.label,\n onChange: m\n }\n ) }),\n f\n ]\n }\n );\n }\n return /* @__PURE__ */ y.jsxs(\n \"div\",\n {\n className: q([P[\"listview-option\"]], e),\n \"data-anv\": \"ListViewOption\",\n style: S,\n ref: c,\n \"aria-disabled\": h,\n \"aria-selected\": V,\n \"aria-label\": \"label\" in l ? l.label : \"Select\",\n role: \"row\",\n ...g,\n children: [\n /* @__PURE__ */ y.jsx(\"div\", { className: P.cell, ref: _, role: \"gridcell\", children: /* @__PURE__ */ y.jsx(\n z,\n {\n disabled: h,\n checked: V,\n \"aria-label\": \"label\" in l ? l.label : \"Select\",\n onChange: m\n }\n ) }),\n f\n ]\n }\n );\n }\n);\nJ.displayName = \"ListViewOption\";\nconst Q = $((l, t) => {\n const { ...e } = l;\n return /* @__PURE__ */ y.jsx(\"div\", { role: \"gridcell\", ...e, ref: t });\n});\nQ.displayName = \"ListViewOptionCell\";\nconst U = F(null), re = (l) => l.querySelectorAll(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\"\n), W = function(l, t) {\n const { layoutStyles: e, componentProps: f } = I(l), {\n onSelectionChange: n,\n className: A,\n selected: r,\n defaultSelected: T,\n style: D,\n onKeyDown: S,\n // Below is a feature that is on pause\n // focusedItem: iFocusedItem,\n ...h\n } = f, N = H(null), g = H(!0), R = G([t, N]), [c, x] = E(), [_, M] = E(), [V, O] = E(\n r ?? T ?? []\n ), [a, k] = E({\n row: 0,\n col: 0\n }), j = {\n ...e,\n ...D\n }, b = (i) => {\n g.current && c && c[a.row].focusables[a.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n );\n }, m = () => {\n var i;\n c && ((i = c[a.row].focusables[a.col]) == null || i.removeAttribute(\n \"data-interactive\"\n ));\n }, K = (i) => {\n S == null || S(i), c && (g.current = !0, le(\n i,\n c,\n a,\n k,\n N.current,\n (v) => M(v)\n ));\n }, u = (i) => {\n var v;\n if (g.current = !1, c && N.current) {\n (v = c[a.row].focusables[a.col]) == null || v.removeAttribute(\n \"data-interactive\"\n );\n const w = i.target.closest(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [data-anv='Checkbox']\"\n ), L = i.target.closest(\n '[data-anv=\"ListViewOption\"]'\n );\n if (!L || L.ariaDisabled)\n return;\n const C = c.findIndex((Y) => Y.node === L);\n if (!w) {\n c[C].focusables[0].click();\n return;\n }\n const X = Array.prototype.indexOf.call(\n c[C].focusables,\n (w == null ? void 0 : w.getAttribute(\"data-anv\")) === \"Checkbox\" ? w.children[0] : w\n );\n k({ row: C, col: X });\n }\n };\n B(() => {\n if (!N.current)\n return;\n const i = N.current.querySelectorAll(\n \"div[data-anv='ListViewOption']:not([aria-disabled='true'])\"\n ), v = Array.from(i).map((w) => {\n const L = re(w);\n return {\n node: w,\n focusables: L\n };\n });\n x(v);\n }, [l.children]), B(() => {\n if (!r)\n return;\n const i = r.reduce(\n (v, w) => v.find((C) => C.label === w.label) ? v : v.concat([w]),\n []\n );\n O(i);\n }, [r]);\n const o = q([P.listview], A);\n if (\"items\" in h) {\n const { children: i, items: v, ...w } = h;\n return /* @__PURE__ */ y.jsx(\n U.Provider,\n {\n value: {\n options: c,\n onSelectionChange: n,\n selectedItems: V,\n setSelectedItems: O,\n items: v,\n controlled: !!r\n },\n children: /* @__PURE__ */ y.jsx(\n \"div\",\n {\n ref: R,\n className: o,\n style: j,\n \"data-anv\": \"ListView\",\n role: \"grid\",\n \"aria-multiselectable\": \"true\",\n onFocus: b,\n onBlur: m,\n onKeyDown: K,\n onMouseDown: u,\n \"aria-activedescendant\": _,\n tabIndex: 0,\n ...w,\n children: i == null ? void 0 : i(\n v.map((L) => L)\n )\n }\n )\n }\n );\n }\n const { children: s, ...d } = h;\n return /* @__PURE__ */ y.jsx(\n U.Provider,\n {\n value: {\n options: c,\n onSelectionChange: n,\n selectedItems: V,\n setSelectedItems: O,\n controlled: !!r\n },\n children: /* @__PURE__ */ y.jsx(\n \"div\",\n {\n ref: R,\n className: o,\n style: j,\n \"data-anv\": \"ListView\",\n role: \"grid\",\n onFocus: b,\n onBlur: m,\n onKeyDown: K,\n onMouseDown: u,\n \"aria-activedescendant\": _,\n tabIndex: 0,\n ...d,\n children: s\n }\n )\n }\n );\n};\nfunction ie() {\n const l = p(U);\n if (l == null)\n throw new Error(\"useListView must be wrapped in <ListView />\");\n return l;\n}\nW.displayName = \"ListView\";\nconst de = Object.assign(\n $(W),\n {\n Option: J,\n OptionCell: Q\n }\n);\nexport {\n de as ListView,\n J as ListViewOption\n};\n//# sourceMappingURL=ListView.js.map\n"],"names":["P","f","n","A","r","J","forwardRef","T","D","S","h","N","g","R","useRef","c","useMergeRefs","x","_","useId","V","O","useState","k","j","b","useEffect","o","u","s","d","m","K","i","fr","q","J$1","Q","U","createContext","W","W$1","v","w","L","C","Y","useContext","de"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var ee=require("./ListView.css");const m=require("./jsx-runtime-944c88e2-2b81c205.cjs"),o=require("react"),K=require("./index-5af41bd1.cjs"),Q=require("./index-34a59514-84846dd5.cjs"),U=require("./index-870600c9.cjs"),B=require("./Checkbox-4cfbca71.cjs");const X="_listview_yg8cn_4",z="_cell_yg8cn_67",q={listview:X,"listview-option":"_listview-option_yg8cn_17",cell:z,"cell-children":"_cell-children_yg8cn_98"},G=(l,t,e,u,f,v)=>{if(t)switch(l.code){case"Enter":case"Space":t[e.row].focusables[e.col].click(),document.activeElement.click(),l.preventDefault();break;case"ArrowDown":if(f==null||f.focus(),t[e.row].focusables[e.col].removeAttribute("data-interactive"),e.row===t.length-1){t[0].focusables[e.col].setAttribute("data-interactive","focus-visible"),v(t[0].focusables[e.col].id),u(i=>({...i,row:0}));break}t[e.row+1].focusables[e.col].setAttribute("data-interactive","focus-visible"),v(t[e.row+1].focusables[e.col].id),u(i=>({...i,row:e.row+1}));break;case"ArrowUp":if(f==null||f.focus(),t[e.row].focusables[e.col].removeAttribute("data-interactive"),e.row===0){t[t.length-1].focusables[e.col].setAttribute("data-interactive","focus-visible"),v(t[t.length-1].focusables[e.col].id),u(i=>({...i,row:t.length-1}));break}t[e.row-1].focusables[e.col].setAttribute("data-interactive","focus-visible"),v(t[e.row-1].focusables[e.col].id),u(i=>({...i,row:e.row-1}));break;case"ArrowRight":if(f==null||f.focus(),t[e.row].focusables[e.col].removeAttribute("data-interactive"),e.col===t[e.row].focusables.length-1){t[e.row].focusables[0].setAttribute("data-interactive","focus-visible"),v(t[e.row].focusables[0].id),u(i=>({...i,col:0}));break}t[e.row].focusables[e.col+1].setAttribute("data-interactive","focus-visible"),v(t[e.row].focusables[e.col+1].id),u(i=>({...i,col:e.col+1}));break;case"ArrowLeft":if(f==null||f.focus(),t[e.row].focusables[e.col].removeAttribute("data-interactive"),e.col===0){t[e.row].focusables[t[e.row].focusables.length-1].setAttribute("data-interactive","focus-visible"),v(t[e.row].focusables[t[e.row].focusables.length-1].id),u(i=>({...i,col:t[e.row].focusables.length-1}));break}t[e.row].focusables[e.col-1].setAttribute("data-interactive","focus-visible"),v(t[e.row].focusables[e.col-1].id),u(i=>({...i,col:e.col-1}));break}},P=o.forwardRef((l,t)=>{const{className:e,children:u,onClick:f,onKeyDown:v,onKeyUp:i,onBlur:J,onChange:O,style:L,disabled:x,id:C,...y}=l,_=o.useRef(null),n=U.useMergeRefs([t,_]),g=o.useRef(),N=o.useRef(null),I=o.useId(),[A,j]=o.useState(!1),{selectedItems:s,setSelectedItems:S,controlled:k,onSelectionChange:w}=Y();o.useEffect(()=>{var r;const a=(r=_.current)==null?void 0:r.querySelectorAll("button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])");a==null||a.forEach((h,R)=>{h.setAttribute("tabindex","-1"),!h.hasAttribute("id")&&h.setAttribute("id",`${I}-${R}`)})},[]),o.useEffect(()=>{if("item"in l){const a=s.some(h=>{var R;return h.label===((R=g.current)==null?void 0:R.label)});j(a);return}const r=s.includes(l.label);j(r)},[l,s]);const V=r=>{D(),O==null||O(r)};function D(){if("item"in l){if(s.some(r=>{var a;return r.label===((a=g.current)==null?void 0:a.label)})){k||S(r=>r.filter(a=>{var h;return a.label!==((h=g.current)==null?void 0:h.label)})),w==null||w(s.filter(r=>{var a;return r.label!==((a=g.current)==null?void 0:a.label)}));return}k||S(r=>[...r,g.current]),w==null||w([...s,g.current]);return}if(s.includes(l.label)){k||S(r=>r.filter(a=>a!==l.label)),w==null||w(s.filter(r=>r!==l.label));return}k||S(r=>[...r,l.label]),w==null||w([...s,l.label])}if("item"in y){g.current=y.item;const{item:r,...a}=y;return m.fr.jsxs("div",{className:K.q([q["listview-option"]],e),"data-anv":"ListViewOption",style:L,ref:n,"aria-disabled":x,"aria-selected":A,"aria-label":r.label,role:"row",...a,children:[m.fr.jsx("div",{className:q.cell,ref:N,role:"gridcell",children:m.fr.jsx(B.J,{disabled:x,checked:A,"aria-label":r.label,onChange:V})}),u]})}return m.fr.jsxs("div",{className:K.q([q["listview-option"]],e),"data-anv":"ListViewOption",style:L,ref:n,"aria-disabled":x,"aria-selected":A,"aria-label":"label"in l?l.label:"Select",role:"row",...y,children:[m.fr.jsx("div",{className:q.cell,ref:N,role:"gridcell",children:m.fr.jsx(B.J,{disabled:x,checked:A,"aria-label":"label"in l?l.label:"Select",onChange:V})}),u]})});P.displayName="ListViewOption";const F=o.forwardRef((l,t)=>{const{...e}=l;return m.fr.jsx("div",{role:"gridcell",...e,ref:t})});F.displayName="ListViewOptionCell";const M=o.createContext(null),H=l=>l.querySelectorAll("button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])"),T=function(l,t){const{layoutStyles:e,componentProps:u}=Q.W(l),{onSelectionChange:f,className:v,selected:i,defaultSelected:J,style:O,onKeyDown:L,...x}=u,C=o.useRef(null),y=o.useRef(!0),_=U.useMergeRefs([t,C]),[n,g]=o.useState(),[N,I]=o.useState(),[A,j]=o.useState(i??J??[]),[s,S]=o.useState({row:0,col:0}),k={...e,...O},w=c=>{y.current&&n&&n[s.row].focusables[s.col].setAttribute("data-interactive","focus-visible")},V=()=>{var c;n&&((c=n[s.row].focusables[s.col])==null||c.removeAttribute("data-interactive"))},D=c=>{L==null||L(c),n&&(y.current=!0,G(c,n,s,S,C.current,d=>I(d)))},r=c=>{var d;if(y.current=!1,n&&C.current){(d=n[s.row].focusables[s.col])==null||d.removeAttribute("data-interactive");const b=c.target.closest("button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [data-anv='Checkbox']"),p=c.target.closest('[data-anv="ListViewOption"]');if(!p||p.ariaDisabled)return;const E=n.findIndex($=>$.node===p);if(!b){n[E].focusables[0].click();return}const W=Array.prototype.indexOf.call(n[E].focusables,(b==null?void 0:b.getAttribute("data-anv"))==="Checkbox"?b.children[0]:b);S({row:E,col:W})}};o.useEffect(()=>{if(!C.current)return;const c=C.current.querySelectorAll("div[data-anv='ListViewOption']:not([aria-disabled='true'])"),d=Array.from(c).map(b=>{const p=H(b);return{node:b,focusables:p}});g(d)},[l.children]),o.useEffect(()=>{if(!i)return;const c=i.reduce((d,b)=>d.find(p=>p.label===b.label)?d:d.concat([b]),[]);j(c)},[i]);const a=K.q([q.listview],v);if("items"in x){const{children:c,items:d,...b}=x;return m.fr.jsx(M.Provider,{value:{options:n,onSelectionChange:f,selectedItems:A,setSelectedItems:j,items:d,controlled:!!i},children:m.fr.jsx("div",{ref:_,className:a,style:k,"data-anv":"ListView",role:"grid","aria-multiselectable":"true",onFocus:w,onBlur:V,onKeyDown:D,onMouseDown:r,"aria-activedescendant":N,tabIndex:0,...b,children:c==null?void 0:c(d.map(p=>p))})})}const{children:h,...R}=x;return m.fr.jsx(M.Provider,{value:{options:n,onSelectionChange:f,selectedItems:A,setSelectedItems:j,controlled:!!i},children:m.fr.jsx("div",{ref:_,className:a,style:k,"data-anv":"ListView",role:"grid",onFocus:w,onBlur:V,onKeyDown:D,onMouseDown:r,"aria-activedescendant":N,tabIndex:0,...R,children:h})})};function Y(){const l=o.useContext(M);if(l==null)throw new Error("useListView must be wrapped in <ListView />");return l}T.displayName="ListView";const Z=Object.assign(o.forwardRef(T),{Option:P,OptionCell:F});exports.J=P;exports.de=Z;
|
|
2
|
+
//# sourceMappingURL=ListView-650be398.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListView-650be398.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/ListView.js"],"sourcesContent":["import \"./index21.css\";\nimport { j as y } from \"./jsx-runtime-944c88e2.js\";\nimport { forwardRef as $, useRef as H, useId as Z, useState as E, useEffect as B, createContext as F, useContext as p } from \"react\";\nimport q from \"classnames\";\nimport { u as I } from \"./index-34a59514.js\";\nimport { useMergeRefs as G } from \"@floating-ui/react\";\nimport { Checkbox as z } from \"./Checkbox.js\";\nconst ee = \"_listview_yg8cn_4\", te = \"_cell_yg8cn_67\", P = {\n listview: ee,\n \"listview-option\": \"_listview-option_yg8cn_17\",\n cell: te,\n \"cell-children\": \"_cell-children_yg8cn_98\"\n}, le = (l, t, e, f, n, A) => {\n if (t)\n switch (l.code) {\n case \"Enter\":\n case \"Space\":\n t[e.row].focusables[e.col].click(), document.activeElement.click(), l.preventDefault();\n break;\n case \"ArrowDown\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.row === t.length - 1) {\n t[0].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(t[0].focusables[e.col].id), f((r) => ({ ...r, row: 0 }));\n break;\n }\n t[e.row + 1].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row + 1].focusables[e.col].id\n ), f((r) => ({ ...r, row: e.row + 1 }));\n break;\n case \"ArrowUp\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.row === 0) {\n t[t.length - 1].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[t.length - 1].focusables[e.col].id\n ), f((r) => ({ ...r, row: t.length - 1 }));\n break;\n }\n t[e.row - 1].focusables[e.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row - 1].focusables[e.col].id\n ), f((r) => ({ ...r, row: e.row - 1 }));\n break;\n case \"ArrowRight\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.col === t[e.row].focusables.length - 1) {\n t[e.row].focusables[0].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(t[e.row].focusables[0].id), f((r) => ({\n ...r,\n col: 0\n }));\n break;\n }\n t[e.row].focusables[e.col + 1].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row].focusables[e.col + 1].id\n ), f((r) => ({ ...r, col: e.col + 1 }));\n break;\n case \"ArrowLeft\":\n if (n == null || n.focus(), t[e.row].focusables[e.col].removeAttribute(\n \"data-interactive\"\n ), e.col === 0) {\n t[e.row].focusables[t[e.row].focusables.length - 1].setAttribute(\"data-interactive\", \"focus-visible\"), A(\n t[e.row].focusables[t[e.row].focusables.length - 1].id\n ), f((r) => ({\n ...r,\n col: t[e.row].focusables.length - 1\n }));\n break;\n }\n t[e.row].focusables[e.col - 1].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n ), A(\n t[e.row].focusables[e.col - 1].id\n ), f((r) => ({ ...r, col: e.col - 1 }));\n break;\n }\n}, J = $(\n (l, t) => {\n const {\n className: e,\n children: f,\n onClick: n,\n onKeyDown: A,\n onKeyUp: r,\n onBlur: T,\n onChange: D,\n style: S,\n disabled: h,\n id: N,\n ...g\n } = l, R = H(null), c = G([t, R]), x = H(), _ = H(null), M = Z(), [V, O] = E(!1), { selectedItems: a, setSelectedItems: k, controlled: j, onSelectionChange: b } = ie();\n B(() => {\n var o;\n const u = (o = R.current) == null ? void 0 : o.querySelectorAll(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\"\n );\n u == null || u.forEach((s, d) => {\n s.setAttribute(\"tabindex\", \"-1\"), !s.hasAttribute(\"id\") && s.setAttribute(\"id\", `${M}-${d}`);\n });\n }, []), B(() => {\n if (\"item\" in l) {\n const o = a.some((s) => {\n var d;\n return s.label === ((d = x.current) == null ? void 0 : d.label);\n });\n O(o);\n return;\n }\n const u = a.includes(l.label);\n O(u);\n }, [l, a]);\n const m = (u) => {\n K(), D == null || D(u);\n };\n function K() {\n if (\"item\" in l) {\n if (a.some(\n (s) => {\n var d;\n return s.label === ((d = x.current) == null ? void 0 : d.label);\n }\n )) {\n j || k(\n (s) => s.filter(\n (d) => {\n var i;\n return d.label !== ((i = x.current) == null ? void 0 : i.label);\n }\n )\n ), b == null || b(\n a.filter(\n (s) => {\n var d;\n return s.label !== ((d = x.current) == null ? void 0 : d.label);\n }\n )\n );\n return;\n }\n j || k((s) => [...s, x.current]), b == null || b([...a, x.current]);\n return;\n }\n if (a.includes(l.label)) {\n j || k(\n (o) => o.filter((s) => s !== l.label)\n ), b == null || b(\n a.filter((o) => o !== l.label)\n );\n return;\n }\n j || k((o) => [...o, l.label]), b == null || b([...a, l.label]);\n }\n if (\"item\" in g) {\n x.current = g.item;\n const { item: u, ...o } = g;\n return /* @__PURE__ */ y.jsxs(\n \"div\",\n {\n className: q([P[\"listview-option\"]], e),\n \"data-anv\": \"ListViewOption\",\n style: S,\n ref: c,\n \"aria-disabled\": h,\n \"aria-selected\": V,\n \"aria-label\": u.label,\n role: \"row\",\n ...o,\n children: [\n /* @__PURE__ */ y.jsx(\"div\", { className: P.cell, ref: _, role: \"gridcell\", children: /* @__PURE__ */ y.jsx(\n z,\n {\n disabled: h,\n checked: V,\n \"aria-label\": u.label,\n onChange: m\n }\n ) }),\n f\n ]\n }\n );\n }\n return /* @__PURE__ */ y.jsxs(\n \"div\",\n {\n className: q([P[\"listview-option\"]], e),\n \"data-anv\": \"ListViewOption\",\n style: S,\n ref: c,\n \"aria-disabled\": h,\n \"aria-selected\": V,\n \"aria-label\": \"label\" in l ? l.label : \"Select\",\n role: \"row\",\n ...g,\n children: [\n /* @__PURE__ */ y.jsx(\"div\", { className: P.cell, ref: _, role: \"gridcell\", children: /* @__PURE__ */ y.jsx(\n z,\n {\n disabled: h,\n checked: V,\n \"aria-label\": \"label\" in l ? l.label : \"Select\",\n onChange: m\n }\n ) }),\n f\n ]\n }\n );\n }\n);\nJ.displayName = \"ListViewOption\";\nconst Q = $((l, t) => {\n const { ...e } = l;\n return /* @__PURE__ */ y.jsx(\"div\", { role: \"gridcell\", ...e, ref: t });\n});\nQ.displayName = \"ListViewOptionCell\";\nconst U = F(null), re = (l) => l.querySelectorAll(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\"\n), W = function(l, t) {\n const { layoutStyles: e, componentProps: f } = I(l), {\n onSelectionChange: n,\n className: A,\n selected: r,\n defaultSelected: T,\n style: D,\n onKeyDown: S,\n // Below is a feature that is on pause\n // focusedItem: iFocusedItem,\n ...h\n } = f, N = H(null), g = H(!0), R = G([t, N]), [c, x] = E(), [_, M] = E(), [V, O] = E(\n r ?? T ?? []\n ), [a, k] = E({\n row: 0,\n col: 0\n }), j = {\n ...e,\n ...D\n }, b = (i) => {\n g.current && c && c[a.row].focusables[a.col].setAttribute(\n \"data-interactive\",\n \"focus-visible\"\n );\n }, m = () => {\n var i;\n c && ((i = c[a.row].focusables[a.col]) == null || i.removeAttribute(\n \"data-interactive\"\n ));\n }, K = (i) => {\n S == null || S(i), c && (g.current = !0, le(\n i,\n c,\n a,\n k,\n N.current,\n (v) => M(v)\n ));\n }, u = (i) => {\n var v;\n if (g.current = !1, c && N.current) {\n (v = c[a.row].focusables[a.col]) == null || v.removeAttribute(\n \"data-interactive\"\n );\n const w = i.target.closest(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [data-anv='Checkbox']\"\n ), L = i.target.closest(\n '[data-anv=\"ListViewOption\"]'\n );\n if (!L || L.ariaDisabled)\n return;\n const C = c.findIndex((Y) => Y.node === L);\n if (!w) {\n c[C].focusables[0].click();\n return;\n }\n const X = Array.prototype.indexOf.call(\n c[C].focusables,\n (w == null ? void 0 : w.getAttribute(\"data-anv\")) === \"Checkbox\" ? w.children[0] : w\n );\n k({ row: C, col: X });\n }\n };\n B(() => {\n if (!N.current)\n return;\n const i = N.current.querySelectorAll(\n \"div[data-anv='ListViewOption']:not([aria-disabled='true'])\"\n ), v = Array.from(i).map((w) => {\n const L = re(w);\n return {\n node: w,\n focusables: L\n };\n });\n x(v);\n }, [l.children]), B(() => {\n if (!r)\n return;\n const i = r.reduce(\n (v, w) => v.find((C) => C.label === w.label) ? v : v.concat([w]),\n []\n );\n O(i);\n }, [r]);\n const o = q([P.listview], A);\n if (\"items\" in h) {\n const { children: i, items: v, ...w } = h;\n return /* @__PURE__ */ y.jsx(\n U.Provider,\n {\n value: {\n options: c,\n onSelectionChange: n,\n selectedItems: V,\n setSelectedItems: O,\n items: v,\n controlled: !!r\n },\n children: /* @__PURE__ */ y.jsx(\n \"div\",\n {\n ref: R,\n className: o,\n style: j,\n \"data-anv\": \"ListView\",\n role: \"grid\",\n \"aria-multiselectable\": \"true\",\n onFocus: b,\n onBlur: m,\n onKeyDown: K,\n onMouseDown: u,\n \"aria-activedescendant\": _,\n tabIndex: 0,\n ...w,\n children: i == null ? void 0 : i(\n v.map((L) => L)\n )\n }\n )\n }\n );\n }\n const { children: s, ...d } = h;\n return /* @__PURE__ */ y.jsx(\n U.Provider,\n {\n value: {\n options: c,\n onSelectionChange: n,\n selectedItems: V,\n setSelectedItems: O,\n controlled: !!r\n },\n children: /* @__PURE__ */ y.jsx(\n \"div\",\n {\n ref: R,\n className: o,\n style: j,\n \"data-anv\": \"ListView\",\n role: \"grid\",\n onFocus: b,\n onBlur: m,\n onKeyDown: K,\n onMouseDown: u,\n \"aria-activedescendant\": _,\n tabIndex: 0,\n ...d,\n children: s\n }\n )\n }\n );\n};\nfunction ie() {\n const l = p(U);\n if (l == null)\n throw new Error(\"useListView must be wrapped in <ListView />\");\n return l;\n}\nW.displayName = \"ListView\";\nconst de = Object.assign(\n $(W),\n {\n Option: J,\n OptionCell: Q\n }\n);\nexport {\n de as ListView,\n J as ListViewOption\n};\n//# sourceMappingURL=ListView.js.map\n"],"names":["ee","te","P","le","f","n","A","r","J","React","T","D","S","h","N","g","R","c","AnvilProvider","x","_","M","V","O","a","k","j","b","ie","o","u","s","d","m","K","i","jsxRuntime944c88e2","index","Checkbox","Q","U","re","W","index34a59514","v","w","L","C","Y","X","de"],"mappings":"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","x_google_ignoreList":[0]}
|
package/ListView.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./jsx-runtime-5c3ac4f7.cjs"),s=require("./ListView-650be398.cjs"),r=require("react"),u=function(e,t){return i.jsxRuntimeExports.jsx(s.de,{ref:t,...e})},n=r.forwardRef((e,t)=>i.jsxRuntimeExports.jsx(s.J,{ref:t,...e})),o=Object.assign(r.forwardRef(u),{Option:n});exports.ListView=o;exports.ListViewOption=n;exports.default=o;
|
|
2
2
|
//# sourceMappingURL=ListView.cjs.map
|
package/ListView.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.cjs","sources":["../node_modules/@servicetitan/hammer-react/dist/ListView.js","../src/components/ListView/ListView.tsx"],"sourcesContent":["import \"./index2.css\";\nimport { j as b } from \"./jsx-runtime-944c88e2.js\";\nimport { createContext as X, forwardRef as z, useRef as N, useState as I, useEffect as L, useContext as Y, useId as Z } from \"react\";\nimport E from \"classnames\";\nimport \"./index-11e70fb8.js\";\nimport { l as $ } from \"./layoutPropsUtil-4ba98964.js\";\nimport { useMergeRefs as G } from \"@floating-ui/react\";\nimport { Checkbox as M } from \"./Checkbox.js\";\nconst ee = \"_listview_1ad7q_4\", te = \"_cell_1ad7q_45\", R = {\n listview: ee,\n \"listview-option\": \"_listview-option_1ad7q_17\",\n cell: te,\n \"not-collapsible\": \"_not-collapsible_1ad7q_100\",\n \"has-indicator\": \"_has-indicator_1ad7q_111\"\n}, P = X(null), J = function(i, r) {\n const { layoutStyles: A, componentProps: c } = $(i), { onSelectionChange: V, className: C, selected: x, style: _, ...O } = c, w = N(null), j = G([r, w]), [s, h] = I(), [m, p] = I(x ?? []), [k, g] = I(), d = {\n ...A,\n ..._\n };\n L(() => {\n if (!w.current)\n return;\n const l = w.current.querySelectorAll(\n \"div[data-anv='ListViewOption'] > div:not([aria-disabled='true'])\"\n );\n h(l), !Array.prototype.some.call(\n l,\n (u) => u.getAttribute(\"tabindex\") === \"0\"\n ) && l[0].setAttribute(\"tabindex\", \"0\");\n }, [i.children]), L(() => {\n if (!x)\n return;\n const l = x.reduce(\n (e, u) => e.find((f) => f.label === u.label) ? e : e.concat([u]),\n []\n );\n p(l);\n }, [x]), L(() => {\n if (!s)\n return;\n const l = Array.prototype.filter.call(s, (e) => e.ariaSelected === \"true\").map((e) => e.id);\n g(l.join(\" \"));\n }, [s, m]);\n const D = E([R.listview], C);\n if (\"items\" in O) {\n const { children: l, items: e, ...u } = O;\n return /* @__PURE__ */ b.jsx(\n P.Provider,\n {\n value: {\n options: s,\n onSelectionChange: V,\n selectedItems: m,\n setSelectedItems: p,\n items: e,\n controlled: !!x\n },\n children: /* @__PURE__ */ b.jsx(\n \"div\",\n {\n ref: j,\n className: D,\n style: d,\n \"data-anv\": \"ListView\",\n role: \"grid\",\n \"aria-multiselectable\": \"true\",\n \"aria-activedescendant\": k,\n \"aria-rowcount\": s == null ? void 0 : s.length,\n \"aria-colcount\": 2,\n tabIndex: -1,\n ...u,\n children: l == null ? void 0 : l(\n e.map((S) => S)\n )\n }\n )\n }\n );\n }\n const { children: o, ...v } = O;\n return /* @__PURE__ */ b.jsx(\n P.Provider,\n {\n value: {\n options: s,\n onSelectionChange: V,\n selectedItems: m,\n setSelectedItems: p,\n controlled: !!x\n },\n children: /* @__PURE__ */ b.jsx(\n \"div\",\n {\n ref: j,\n className: D,\n style: d,\n \"data-anv\": \"ListView\",\n role: \"grid\",\n ...v,\n children: o\n }\n )\n }\n );\n};\nfunction re() {\n const i = Y(P);\n if (i == null)\n throw new Error(\"useListView must be wrapped in <ListView />\");\n return i;\n}\nJ.displayName = \"ListView\";\nconst be = Object.assign(\n z(J),\n {}\n), ie = (i, r, A) => {\n const c = Array.prototype.indexOf.call(r, A.current);\n switch (i.key) {\n case \"ArrowDown\":\n if (i.preventDefault(), !r)\n return;\n if (r[c].setAttribute(\"tabindex\", \"-1\"), c === r.length - 1) {\n r[0].setAttribute(\"tabindex\", \"0\"), r[0].focus();\n break;\n }\n r[c + 1].setAttribute(\"tabindex\", \"0\"), r[c + 1].focus();\n break;\n case \"ArrowUp\":\n if (i.preventDefault(), !r)\n return;\n if (r[c].setAttribute(\"tabindex\", \"-1\"), c === 0) {\n r[r.length - 1].setAttribute(\"tabindex\", \"0\"), r[r.length - 1].focus();\n break;\n }\n r[c - 1].setAttribute(\"tabindex\", \"0\"), r[c - 1].focus();\n break;\n }\n}, le = z(\n (i, r) => {\n const {\n className: A,\n children: c,\n defaultSelected: V = !1,\n selected: C,\n onClick: x,\n onKeyDown: _,\n onKeyUp: O,\n onBlur: w,\n style: j,\n disabled: s,\n ...h\n } = i, [m, p] = I(V), [k, g] = I(-1), d = N(), {\n controlled: D,\n selectedItems: o,\n setSelectedItems: v,\n options: l,\n onSelectionChange: e\n } = re(), u = N(null), S = G([r, u]), f = N(), q = N(null), [Q, W] = I(0), K = Z();\n function H(a) {\n g(-1), w == null || w(a);\n }\n function U(a) {\n s || F();\n }\n function B(a) {\n if (s)\n return;\n ie(a, l, q);\n let t;\n switch (a.code) {\n case \"Enter\":\n case \"Space\":\n if (a.target !== q.current)\n break;\n F();\n break;\n case \"ArrowRight\":\n if (!d.current)\n break;\n k === d.current.length - 1 ? t = 0 : t = k + 1, d.current[t].focus(), g(t);\n break;\n case \"ArrowLeft\":\n if (!d.current)\n break;\n k < 1 ? t = d.current.length - 1 : t = k - 1, d.current[t].focus(), g(t);\n break;\n }\n _ == null || _(a);\n }\n function F() {\n if (D)\n return;\n if (p((t) => !t), \"item\" in i) {\n if (o.some(\n (n) => {\n var y;\n return n.label === ((y = f.current) == null ? void 0 : y.label);\n }\n )) {\n v(\n (n) => n.filter(\n (y) => {\n var T;\n return y.label !== ((T = f.current) == null ? void 0 : T.label);\n }\n )\n ), e == null || e(\n o.filter(\n (n) => {\n var y;\n return n.label !== ((y = f.current) == null ? void 0 : y.label);\n }\n )\n );\n return;\n }\n v((n) => [...n, f.current]), e == null || e([...o, f.current]);\n return;\n }\n if (o.includes(i.label)) {\n v((t) => t.filter((n) => n !== i.label)), e == null || e(\n o.filter((t) => t !== i.label)\n );\n return;\n }\n v((t) => [...t, i.label]), e == null || e([...o, i.label]);\n }\n if (L(() => {\n var a, t;\n d.current = (a = u.current) == null ? void 0 : a.querySelectorAll(\n \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\"\n ), (t = d.current) == null || t.forEach((n) => {\n n.setAttribute(\"tabindex\", \"-1\");\n }), \"label\" in i && V && v((n) => [...n, i.label]);\n }, []), L(() => {\n if (!f.current)\n return;\n const a = o.some(\n (t) => {\n var n;\n return t.label === ((n = f.current) == null ? void 0 : n.label);\n }\n );\n p(a);\n }, [o]), L(() => {\n l && W(Array.prototype.indexOf.call(l, u.current));\n }, [l]), \"item\" in h) {\n f.current = h.item;\n const { item: a, ...t } = h;\n return /* @__PURE__ */ b.jsx(\n \"div\",\n {\n className: E([R[\"listview-option\"]], A),\n \"data-anv\": \"ListViewOption\",\n style: j,\n ref: S,\n onBlur: H,\n role: \"row\",\n \"aria-rowindex\": Q,\n ...t,\n children: /* @__PURE__ */ b.jsxs(\n \"div\",\n {\n className: R.cell,\n ref: q,\n role: \"gridcell\",\n \"aria-colindex\": 1,\n id: K,\n \"aria-selected\": m,\n \"aria-disabled\": s,\n onKeyDown: B,\n tabIndex: -1,\n children: [\n /* @__PURE__ */ b.jsx(\n M,\n {\n checked: m ?? !1,\n disabled: s,\n onClick: U,\n \"aria-label\": \"Select\"\n }\n ),\n c\n ]\n }\n )\n }\n );\n }\n return /* @__PURE__ */ b.jsx(\n \"div\",\n {\n className: E([R[\"listview-option\"]], A),\n \"data-anv\": \"ListViewOption\",\n style: j,\n ref: S,\n onBlur: H,\n role: \"row\",\n ...h,\n children: /* @__PURE__ */ b.jsxs(\n \"div\",\n {\n className: R.cell,\n ref: q,\n role: \"gridcell\",\n \"aria-colindex\": 1,\n id: K,\n \"aria-selected\": m,\n \"aria-disabled\": s,\n onKeyDown: B,\n tabIndex: -1,\n children: [\n /* @__PURE__ */ b.jsx(\n M,\n {\n checked: m ?? !1,\n disabled: s,\n onClick: U,\n \"aria-label\": \"Select\"\n }\n ),\n c\n ]\n }\n )\n }\n );\n }\n);\nle.displayName = \"ListViewOption\";\nexport {\n be as ListView,\n le as ListViewOption\n};\n//# sourceMappingURL=ListView.js.map\n","import {\n ListViewProps as CoreListViewProps,\n ListView as CoreListView,\n ListViewOption as CoreListViewOption,\n ListViewOptionProps as CoreListViewOptionProps,\n} from \"@servicetitan/hammer-react/dist/ListView\";\nimport { ForwardedRef, Ref, forwardRef } from \"react\";\n\nexport type ListViewProps<T extends { label: string }> = CoreListViewProps<T>;\nexport type ListViewOptionProps = CoreListViewOptionProps;\n\nconst ListViewElement = function <T extends { label: string }>(\n props: ListViewProps<T>,\n ref: ForwardedRef<HTMLUListElement>\n) {\n return <CoreListView ref={ref} {...props} />;\n};\n\nexport const ListViewOption = forwardRef(\n (props: ListViewOptionProps, ref: Ref<HTMLDivElement>) => {\n return <CoreListViewOption ref={ref} {...props} />;\n }\n);\n\nexport const ListView = Object.assign(\n forwardRef(ListViewElement) as <T extends { label: string }>(\n props: ListViewProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> }\n ) => ReturnType<typeof ListViewElement>,\n {\n Option: ListViewOption,\n }\n);\n"],"names":["ee","te","R","P","React","J","i","A","c","layoutPropsUtil4ba98964","V","C","x","_","O","w","j","AnvilProvider","h","m","p","k","g","d","l","u","e","f","D","index","jsxRuntime944c88e2","S","o","v","re","be","ie","le","q","Q","W","K","H","a","U","F","B","t","n","y","T","Checkbox","ListViewElement","props","ref","jsxRuntime","ListViewOption","ListView"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"ListView.cjs","sources":["../src/components/ListView/ListView.tsx"],"sourcesContent":["import {\n ListViewProps as CoreListViewProps,\n ListView as CoreListView,\n ListViewOption as CoreListViewOption,\n ListViewOptionProps as CoreListViewOptionProps,\n} from \"@servicetitan/hammer-react/dist/ListView\";\nimport { ForwardedRef, Ref, forwardRef } from \"react\";\n\nexport type ListViewProps<T extends { label: string }> = CoreListViewProps<T>;\nexport type ListViewOptionProps = CoreListViewOptionProps;\n\nconst ListViewElement = function <T extends { label: string }>(\n props: ListViewProps<T>,\n ref: ForwardedRef<HTMLUListElement>\n) {\n return <CoreListView ref={ref} {...props} />;\n};\n\nexport const ListViewOption = forwardRef(\n (props: ListViewOptionProps, ref: Ref<HTMLDivElement>) => {\n return <CoreListViewOption ref={ref} {...props} />;\n }\n);\n\nexport const ListView = Object.assign(\n forwardRef(ListViewElement) as <T extends { label: string }>(\n props: ListViewProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> }\n ) => ReturnType<typeof ListViewElement>,\n {\n Option: ListViewOption,\n }\n);\n"],"names":["ListViewElement","props","ref","jsx","CoreListView","ListViewOption","forwardRef","CoreListViewOption","ListView"],"mappings":"kNAWMA,EAAkB,SACtBC,EACAC,EACA,CACA,OAAQC,EAAAA,kBAAAA,IAAAC,EAAAA,GAAA,CAAa,IAAAF,EAAW,GAAGD,CAAO,CAAA,CAC5C,EAEaI,EAAiBC,EAAA,WAC5B,CAACL,EAA4BC,IACnBC,EAAAA,kBAAAA,IAAAI,EAAAA,EAAA,CAAmB,IAAAL,EAAW,GAAGD,CAAO,CAAA,CAEpD,EAEaO,EAAW,OAAO,OAC7BF,EAAAA,WAAWN,CAAe,EAG1B,CACE,OAAQK,CACV,CACF"}
|
package/ListView.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,600;0,6..12,700;1,6..12,400;1,6..12,600;1,6..12,700&display=swap";@layer reset,base,state,application;@layer reset{._listview_yg8cn_4,._listview_yg8cn_4 ._listview-option_yg8cn_17{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex}}@layer base{._listview_yg8cn_4{order:var(--order);grid-area:var(--gridArea);flex:var(--flex);place-content:var(--placeContent);place-items:var(--placeItems);place-self:var(--placeSelf);width:100%;flex-direction:column;gap:.25rem}._listview-option_yg8cn_17{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex;align-items:center;flex:100%;position:relative;color:var(--anv-link-font-color, var(--foreground-color, #141414));padding-block-start:.5rem;padding-block-end:.5rem;padding-inline-start:1rem;padding-inline-end:1rem;border-radius:.375rem;line-height:1.125rem;gap:.5rem}._listview-option_yg8cn_17 ._cell_yg8cn_67{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex;align-items:center;width:fit-content;cursor:pointer;position:relative;gap:.5rem;font-size:.875rem}._listview-option_yg8cn_17:before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}._listview-option_yg8cn_17:not([aria-disabled=true])[data-interactive=hover]:not([aria-disabled=true]):before,._listview-option_yg8cn_17:not([aria-disabled=true]):hover:before{content:"";background-color:var(--anv-link-background-color-hover, var(--overlay-color-hover, rgba(20, 20, 20, .0784313725)))}._listview-option_yg8cn_17 ._cell-children_yg8cn_98{all:unset;font-family:Nunito Sans,sans-serif;font-size:100%;color:var(--foreground-color, #141414);margin:0;padding:0;border-style:none;border-width:0;border-color:transparent;box-sizing:border-box;display:flex;align-items:center;width:fit-content;cursor:pointer;position:relative;gap:.5rem;font-size:.875rem;color:var(--anv-link-font-color, var(--foreground-color, #141414));justify-content:space-between;flex-grow:1}._listview-option_yg8cn_17[aria-disabled=true]{opacity:.6;cursor:not-allowed}._listview-option_yg8cn_17[aria-disabled=true] *{pointer-events:none}}
|
package/ListView.d.ts
CHANGED
|
@@ -1,3 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { ForwardedRef } from 'react';
|
|
2
|
+
import { ForwardRefExoticComponent } from 'react';
|
|
3
|
+
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
4
|
+
import { ListViewOptionProps as ListViewOptionProps_2 } from '@servicetitan/hammer-react/dist/ListView';
|
|
5
|
+
import { ListViewProps as ListViewProps_2 } from '@servicetitan/hammer-react/dist/ListView';
|
|
6
|
+
import { RefAttributes } from 'react';
|
|
7
|
+
|
|
8
|
+
declare const ListView: (<T extends {
|
|
9
|
+
label: string;
|
|
10
|
+
}>(props: ListViewProps<T> & {
|
|
11
|
+
ref?: React.ForwardedRef<HTMLUListElement>;
|
|
12
|
+
}) => ReturnType<typeof ListViewElement>) & {
|
|
13
|
+
Option: ForwardRefExoticComponent<ListViewOptionProps_2 & RefAttributes<HTMLDivElement>>;
|
|
14
|
+
};
|
|
15
|
+
export { ListView }
|
|
16
|
+
export default ListView;
|
|
17
|
+
|
|
18
|
+
declare const ListViewElement: <T extends {
|
|
19
|
+
label: string;
|
|
20
|
+
}>(props: ListViewProps<T>, ref: ForwardedRef<HTMLUListElement>) => JSX_2.Element;
|
|
21
|
+
|
|
22
|
+
export declare const ListViewOption: ForwardRefExoticComponent<ListViewOptionProps_2 & RefAttributes<HTMLDivElement>>;
|
|
23
|
+
|
|
24
|
+
export declare type ListViewOptionProps = ListViewOptionProps_2;
|
|
25
|
+
|
|
26
|
+
export declare type ListViewProps<T extends {
|
|
27
|
+
label: string;
|
|
28
|
+
}> = ListViewProps_2<T>;
|
|
29
|
+
|
|
30
|
+
export { }
|