@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta.6
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/dist/Alert/Alert.cjs.js +9 -10
- package/dist/Alert/Alert.esm.js +4 -5
- package/dist/Alert/styles.css +1 -0
- package/dist/Align/Align.cjs.js +7 -8
- package/dist/Align/Align.esm.js +1 -2
- package/dist/Align/styles.css +1 -0
- package/dist/AppButton/AppButton.cjs.js +4 -3
- package/dist/AppButton/AppButton.esm.js +4 -3
- package/dist/AppButton/styles.css +1 -0
- package/dist/Avatar/Avatar.cjs.js +7 -8
- package/dist/Avatar/Avatar.esm.js +7 -8
- package/dist/Avatar/styles.css +1 -0
- package/dist/AvatarGroup/AvatarGroup.cjs.js +14 -15
- package/dist/AvatarGroup/AvatarGroup.esm.js +7 -8
- package/dist/AvatarGroup/styles.css +1 -0
- package/dist/Badge/Badge.cjs.js +4 -5
- package/dist/Badge/Badge.esm.js +1 -2
- package/dist/Badge/styles.css +1 -0
- package/dist/Box/Box.cjs.js +6 -6
- package/dist/Box/Box.esm.js +2 -2
- package/dist/Box/styles.css +1 -0
- package/dist/BrandLogo/BrandLogo.cjs.js +3 -4
- package/dist/BrandLogo/BrandLogo.esm.js +3 -4
- package/dist/BrandLogo/styles.css +1 -0
- package/dist/Breadcrumbs/Breadcrumbs.cjs.js +4 -5
- package/dist/Breadcrumbs/Breadcrumbs.esm.js +4 -5
- package/dist/Breadcrumbs/styles.css +1 -0
- package/dist/Button/Button.cjs.js +5 -6
- package/dist/Button/Button.esm.js +5 -6
- package/dist/Button/styles.css +1 -0
- package/dist/ButtonV2/ButtonV2.cjs.js +4 -5
- package/dist/ButtonV2/ButtonV2.esm.js +4 -5
- package/dist/ButtonV2/styles.css +1 -0
- package/dist/Calendar/Calendar.cjs.js +9 -10
- package/dist/Calendar/Calendar.esm.js +9 -10
- package/dist/Calendar/styles.css +1 -0
- package/dist/CardFooter/CardFooter.cjs.js +17 -0
- package/dist/CardFooter/CardFooter.esm.js +9 -0
- package/dist/CardFooter/package.json +7 -0
- package/dist/CardFooter/styles.css +1 -0
- package/dist/CardHeading/CardHeading.cjs.js +14 -0
- package/dist/CardHeading/CardHeading.esm.js +6 -0
- package/dist/CardHeading/package.json +7 -0
- package/dist/CardHeading/styles.css +1 -0
- package/dist/Checkbox/Checkbox.cjs.js +8 -9
- package/dist/Checkbox/Checkbox.esm.js +8 -9
- package/dist/Checkbox/styles.css +1 -0
- package/dist/Columns/Columns.cjs.js +2 -3
- package/dist/Columns/Columns.esm.js +2 -3
- package/dist/Columns/styles.css +1 -0
- package/dist/ConditionalWrapper/ConditionalWrapper.cjs.js +10 -0
- package/dist/ConditionalWrapper/ConditionalWrapper.esm.js +2 -0
- package/dist/ConditionalWrapper/package.json +7 -0
- package/dist/DatePicker/DatePicker.cjs.js +18 -22
- package/dist/DatePicker/DatePicker.esm.js +18 -22
- package/dist/DatePicker/styles.css +1 -0
- package/dist/Disclosure/Disclosure.cjs.js +8 -9
- package/dist/Disclosure/Disclosure.esm.js +4 -5
- package/dist/Disclosure/styles.css +1 -0
- package/dist/DisclosureMini/DisclosureMini.cjs.js +5 -6
- package/dist/DisclosureMini/DisclosureMini.esm.js +5 -6
- package/dist/DisclosureMini/styles.css +1 -0
- package/dist/Elevation/Elevation.cjs.js +5 -5
- package/dist/Elevation/Elevation.esm.js +1 -1
- package/dist/Elevation/styles.css +1 -0
- package/dist/Filter/Filter.cjs.js +4 -4
- package/dist/Filter/Filter.esm.js +4 -4
- package/dist/Filter/styles.css +1 -0
- package/dist/FormControl/FormControl.cjs.js +7 -8
- package/dist/FormControl/FormControl.esm.js +7 -8
- package/dist/FormControl/styles.css +1 -0
- package/dist/Grid/Grid.cjs.js +2 -3
- package/dist/Grid/Grid.esm.js +2 -3
- package/dist/Grid/styles.css +1 -0
- package/dist/Group/Group.cjs.js +3 -3
- package/dist/Group/Group.esm.js +3 -3
- package/dist/Group/styles.css +1 -0
- package/dist/Heading/Heading.cjs.js +3 -4
- package/dist/Heading/Heading.esm.js +3 -4
- package/dist/Heading/styles.css +1 -0
- package/dist/HeroButton/HeroButton.cjs.js +4 -5
- package/dist/HeroButton/HeroButton.esm.js +4 -5
- package/dist/HeroButton/styles.css +1 -0
- package/dist/Hidden/Hidden.cjs.js +5 -5
- package/dist/Hidden/Hidden.esm.js +1 -1
- package/dist/Hidden/styles.css +1 -0
- package/dist/Icon/Icon.cjs.js +3 -4
- package/dist/Icon/Icon.esm.js +3 -4
- package/dist/Icon/styles.css +1 -0
- package/dist/Image/Image.cjs.js +2 -3
- package/dist/Image/Image.esm.js +2 -3
- package/dist/Image/styles.css +1 -0
- package/dist/ImpactCard/ImpactCard.cjs.js +15 -15
- package/dist/ImpactCard/ImpactCard.esm.js +9 -9
- package/dist/ImpactCard/styles.css +1 -0
- package/dist/InformationCard/InformationCard.cjs.js +25 -25
- package/dist/InformationCard/InformationCard.esm.js +13 -13
- package/dist/InformationCard/styles.css +1 -0
- package/dist/Link/Link.cjs.js +11 -12
- package/dist/Link/Link.esm.js +4 -5
- package/dist/Link/styles.css +1 -0
- package/dist/Markup/Markup.cjs.js +6 -6
- package/dist/Markup/Markup.esm.js +2 -2
- package/dist/Markup/styles.css +1 -0
- package/dist/MediaCard/MediaCard.cjs.js +14 -14
- package/dist/MediaCard/MediaCard.esm.js +14 -14
- package/dist/MediaCard/styles.css +1 -0
- package/dist/Modal/Modal.cjs.js +43 -1200
- package/dist/Modal/Modal.esm.js +12 -1168
- package/dist/Modal/styles.css +1 -0
- package/dist/Pagination/Pagination.cjs.js +12 -13
- package/dist/Pagination/Pagination.esm.js +3 -4
- package/dist/Pagination/styles.css +1 -0
- package/dist/PaginationSimple/PaginationSimple.cjs.js +9 -10
- package/dist/PaginationSimple/PaginationSimple.esm.js +3 -4
- package/dist/PaginationSimple/styles.css +1 -0
- package/dist/Poster/Poster.cjs.js +4 -5
- package/dist/Poster/Poster.esm.js +4 -5
- package/dist/Poster/styles.css +1 -0
- package/dist/ProgressBar/ProgressBar.cjs.js +12 -13
- package/dist/ProgressBar/ProgressBar.esm.js +6 -7
- package/dist/ProgressBar/styles.css +1 -0
- package/dist/ProgressStepper/ProgressStepper.cjs.js +5 -6
- package/dist/ProgressStepper/ProgressStepper.esm.js +5 -6
- package/dist/ProgressStepper/styles.css +1 -0
- package/dist/RadioGroup/RadioGroup.cjs.js +8 -9
- package/dist/RadioGroup/RadioGroup.esm.js +8 -9
- package/dist/RadioGroup/styles.css +1 -0
- package/dist/Rule/Rule.cjs.js +5 -5
- package/dist/Rule/Rule.esm.js +2 -2
- package/dist/Rule/styles.css +1 -0
- package/dist/ScrollToTop/ScrollToTop.cjs.js +8 -9
- package/dist/ScrollToTop/ScrollToTop.esm.js +3 -4
- package/dist/ScrollToTop/styles.css +1 -0
- package/dist/Section/Section.cjs.js +2 -2
- package/dist/Section/Section.esm.js +2 -2
- package/dist/Section/styles.css +1 -0
- package/dist/Select/Select.cjs.js +1165 -91
- package/dist/Select/Select.esm.js +1076 -21
- package/dist/Select/styles.css +1 -0
- package/dist/SiteFooter/SiteFooter.cjs.js +7 -8
- package/dist/SiteFooter/SiteFooter.esm.js +7 -8
- package/dist/SiteFooter/styles.css +1 -0
- package/dist/SiteHeaderV2/SiteHeaderV2.cjs.js +10 -12
- package/dist/SiteHeaderV2/SiteHeaderV2.esm.js +10 -12
- package/dist/SiteHeaderV2/styles.css +1 -0
- package/dist/SkipLink/SkipLink.cjs.js +4 -4
- package/dist/SkipLink/SkipLink.esm.js +3 -3
- package/dist/SkipLink/styles.css +1 -0
- package/dist/Surface/Surface.cjs.js +2 -2
- package/dist/Surface/Surface.esm.js +2 -2
- package/dist/Surface/styles.css +1 -0
- package/dist/Switch/Switch.cjs.js +16 -18
- package/dist/Switch/Switch.esm.js +12 -14
- package/dist/Switch/styles.css +1 -0
- package/dist/Tabs/Tabs.cjs.js +9 -11
- package/dist/Tabs/Tabs.esm.js +9 -11
- package/dist/Tabs/styles.css +1 -0
- package/dist/Tag/Tag.cjs.js +5 -6
- package/dist/Tag/Tag.esm.js +5 -6
- package/dist/Tag/styles.css +1 -0
- package/dist/Text/Text.cjs.js +3 -4
- package/dist/Text/Text.esm.js +3 -4
- package/dist/Text/styles.css +1 -0
- package/dist/TextArea/TextArea.cjs.js +55 -56
- package/dist/TextArea/TextArea.esm.js +51 -52
- package/dist/TextArea/styles.css +1 -0
- package/dist/TextInput/TextInput.cjs.js +9 -10
- package/dist/TextInput/TextInput.esm.js +9 -10
- package/dist/TextInput/styles.css +1 -0
- package/dist/Theme/Theme.cjs.js +5 -5
- package/dist/Theme/Theme.esm.js +1 -1
- package/dist/Theme/styles.css +1 -0
- package/dist/ThemeIcon/ThemeIcon.cjs.js +3 -4
- package/dist/ThemeIcon/ThemeIcon.esm.js +3 -4
- package/dist/ThemeIcon/styles.css +1 -0
- package/dist/Toast/Toast.cjs.js +8 -10
- package/dist/Toast/Toast.esm.js +8 -10
- package/dist/Toast/styles.css +1 -0
- package/dist/Truncate/Truncate.cjs.js +3 -3
- package/dist/Truncate/Truncate.esm.js +1 -1
- package/dist/Truncate/styles.css +1 -0
- package/dist/TypographyCard/TypographyCard.cjs.js +13 -13
- package/dist/TypographyCard/TypographyCard.esm.js +8 -8
- package/dist/TypographyCard/styles.css +1 -0
- package/dist/UniversalHeader/UniversalHeader.cjs.js +3 -3
- package/dist/UniversalHeader/UniversalHeader.esm.js +3 -3
- package/dist/UniversalHeader/styles.css +1 -0
- package/dist/VerticalSpace/VerticalSpace.cjs.js +2 -2
- package/dist/VerticalSpace/VerticalSpace.esm.js +2 -2
- package/dist/VerticalSpace/styles.css +1 -0
- package/dist/VideoPlayer/VideoPlayer.cjs.js +11 -12
- package/dist/VideoPlayer/VideoPlayer.esm.js +8 -9
- package/dist/VideoPlayer/styles.css +1 -0
- package/dist/Visible/Visible.cjs.js +5 -5
- package/dist/Visible/Visible.esm.js +1 -1
- package/dist/Visible/styles.css +1 -0
- package/dist/VisuallyHidden/VisuallyHidden.cjs.js +2 -1
- package/dist/VisuallyHidden/VisuallyHidden.esm.js +2 -1
- package/dist/VisuallyHidden/styles.css +1 -0
- package/dist/_shared/cjs/{Avatar-fc0d9b8b.js → Avatar-9277512a.js} +11 -12
- package/dist/_shared/cjs/{BrandLogo-1d2ca2c7.js → BrandLogo-ce65cd74.js} +7 -8
- package/dist/_shared/cjs/{Breadcrumbs-7af0af2c.js → Breadcrumbs-c7821aa9.js} +12 -12
- package/dist/_shared/cjs/{BtIconArrowRight.esm-5989f2ca.js → BtIconArrowRight.esm-6053bb79.js} +0 -8
- package/dist/_shared/cjs/{Button-7d891a89.js → Button-ea665c9c.js} +12 -13
- package/dist/_shared/cjs/{ButtonV2-b2db3f46.js → ButtonV2-373877da.js} +11 -11
- package/dist/_shared/cjs/{Calendar-649cc139.js → Calendar-e5184158.js} +912 -912
- package/dist/_shared/cjs/{CardFooter-5414bc4f.js → CardFooter-a1bb3ded.js} +3 -3
- package/dist/_shared/cjs/CardHeading-3ddcf774.js +16 -0
- package/dist/_shared/cjs/{Checkbox-0e423653.js → Checkbox-850dcf99.js} +11 -11
- package/dist/_shared/cjs/{Columns-1224bdff.js → Columns-5c6bab74.js} +9 -10
- package/dist/_shared/cjs/Combination-854a36ce.js +1203 -0
- package/dist/_shared/cjs/DatePicker-2bf10a10.js +956 -0
- package/dist/_shared/cjs/{DisclosureMini-c01ecce0.js → DisclosureMini-c730c24d.js} +10 -10
- package/dist/_shared/cjs/{Filter-3b897d92.js → Filter-c42eee70.js} +14 -14
- package/dist/_shared/cjs/{FormControl-88d48f42.js → FormControl-5c963e6e.js} +12 -12
- package/dist/_shared/cjs/{Grid-9e91fb3d.js → Grid-69ed0e5c.js} +10 -11
- package/dist/_shared/cjs/{Group-3d5ea240.js → Group-5233a907.js} +9 -9
- package/dist/_shared/cjs/{Heading-fb63844f.js → Heading-14378b72.js} +7 -8
- package/dist/_shared/cjs/{HeroButton-0586a7c4.js → HeroButton-db7d03d6.js} +11 -11
- package/dist/_shared/cjs/{Icon-0ec0c1fb.js → Icon-7f1e8a19.js} +8 -9
- package/dist/_shared/cjs/{Image-e9a5a326.js → Image-c8969ad9.js} +9 -10
- package/dist/_shared/cjs/{MediaCard-8f41b411.js → MediaCard-4ff9f5c0.js} +18 -18
- package/dist/_shared/cjs/{Poster-b7242b37.js → Poster-8fba5492.js} +13 -14
- package/dist/_shared/cjs/{ProgressStepper-fb8405c2.js → ProgressStepper-aaff6b51.js} +13 -13
- package/dist/_shared/cjs/{RadioGroup-a4186267.js → RadioGroup-6142dceb.js} +14 -14
- package/dist/_shared/cjs/{Section-ecfc659b.js → Section-46646353.js} +5 -5
- package/dist/_shared/cjs/{SiteFooter-7c4072b5.js → SiteFooter-cfe7163f.js} +11 -11
- package/dist/_shared/cjs/{SiteHeaderV2-94687999.js → SiteHeaderV2-043d976a.js} +63 -65
- package/dist/_shared/cjs/Surface-7500f314.js +174 -0
- package/dist/_shared/cjs/{Tabs-75c34f43.js → Tabs-bd1f208d.js} +24 -25
- package/dist/_shared/cjs/{Tag-452048f6.js → Tag-4eb2ed9e.js} +8 -8
- package/dist/_shared/cjs/{Text-1c1110a4.js → Text-284a7314.js} +7 -8
- package/dist/_shared/cjs/{TextInput-762e2309.js → TextInput-bcc3f86c.js} +12 -12
- package/dist/_shared/cjs/{ThemeIcon-ee814862.js → ThemeIcon-c3dc056d.js} +8 -9
- package/dist/_shared/cjs/{Toast-d06a89e0.js → Toast-69020185.js} +16 -17
- package/dist/_shared/cjs/{UniversalHeader-f6d9c63a.js → UniversalHeader-07be88fd.js} +6 -6
- package/dist/_shared/cjs/{VerticalSpace-e128ec68.js → VerticalSpace-973deefe.js} +5 -5
- package/dist/_shared/cjs/{VisuallyHidden-b0de4c7b.js → VisuallyHidden-25393f58.js} +3 -2
- package/dist/_shared/cjs/{component-df82bc05.js → component-4e71e3d3.js} +4 -4
- package/dist/_shared/cjs/{Combination-3a639f6d.js → floating-ui.react-dom-08b8b87c.js} +37 -1103
- package/dist/_shared/cjs/{index-7aa7f96a.js → index-568bc1da.js} +8 -1
- package/dist/_shared/cjs/{index-0c6319ec.js → index-677557a4.js} +1 -1
- package/dist/_shared/cjs/{index-3d629205.js → index-6cbaf5e0.js} +19 -1
- package/dist/_shared/cjs/{index-41b09e85.js → index-c137700a.js} +20 -1
- package/dist/_shared/cjs/{index-996dec94.js → index-dbab0ad6.js} +1 -1
- package/dist/_shared/cjs/{index.es-16759329.js → index.es-ba095ee5.js} +1 -1
- package/dist/_shared/cjs/{index-df60851b.js → index.es-c26e8978.js} +20 -6
- package/dist/_shared/esm/{Avatar-38cc0595.js → Avatar-b5ac0a89.js} +5 -6
- package/dist/_shared/esm/{BrandLogo-7ed8aeda.js → BrandLogo-fb863b5b.js} +2 -3
- package/dist/_shared/esm/{Breadcrumbs-9078b68e.js → Breadcrumbs-01ebed9b.js} +8 -8
- package/dist/_shared/esm/BtIconArrowRight.esm-93da96bb.js +24 -0
- package/dist/_shared/esm/{Button-dde2b46a.js → Button-1491784f.js} +4 -5
- package/dist/_shared/esm/{ButtonV2-49cd0615.js → ButtonV2-f9019e00.js} +3 -3
- package/dist/_shared/esm/{Calendar-60591442.js → Calendar-5c2fb044.js} +889 -889
- package/dist/_shared/esm/{CardFooter-c79fb2db.js → CardFooter-e4380cda.js} +3 -3
- package/dist/_shared/esm/CardHeading-4223432d.js +10 -0
- package/dist/_shared/esm/{Checkbox-0baca464.js → Checkbox-97def257.js} +5 -5
- package/dist/_shared/esm/{Columns-6a8f6fbb.js → Columns-9aa5df4a.js} +1 -2
- package/dist/_shared/esm/Combination-2af75870.js +1163 -0
- package/dist/_shared/esm/DatePicker-2d891441.js +927 -0
- package/dist/_shared/esm/{DisclosureMini-38f4c459.js → DisclosureMini-6292f721.js} +4 -4
- package/dist/_shared/esm/{Filter-49dcf5ce.js → Filter-71e06965.js} +11 -11
- package/dist/_shared/esm/{FormControl-d873f7fa.js → FormControl-e0acdf7a.js} +5 -5
- package/dist/_shared/esm/{Grid-fb9fc522.js → Grid-727d05d6.js} +1 -2
- package/dist/_shared/esm/{Group-66196f07.js → Group-b1b14ab4.js} +2 -2
- package/dist/_shared/esm/{Heading-906c7c7c.js → Heading-0dfbdb24.js} +2 -3
- package/dist/_shared/esm/{HeroButton-7ea692bf.js → HeroButton-bb983125.js} +3 -3
- package/dist/_shared/esm/{Icon-512f834f.js → Icon-428e8061.js} +2 -3
- package/dist/_shared/esm/{Image-57d08939.js → Image-c1dc10b5.js} +1 -2
- package/dist/_shared/esm/{MediaCard-c12d89ea.js → MediaCard-d83b5561.js} +10 -10
- package/dist/_shared/esm/{Poster-e05a8b45.js → Poster-ac72059a.js} +4 -5
- package/dist/_shared/esm/{ProgressStepper-189ed0f9.js → ProgressStepper-e3e7b392.js} +4 -4
- package/dist/_shared/esm/{RadioGroup-8ff17cbb.js → RadioGroup-0d337240.js} +7 -7
- package/dist/_shared/esm/{Section-1acbc06a.js → Section-c1dc6e37.js} +1 -1
- package/dist/_shared/esm/{SiteFooter-b65497e8.js → SiteFooter-7e924fb4.js} +6 -6
- package/dist/_shared/esm/{SiteHeaderV2-784b3bf8.js → SiteHeaderV2-94b9a407.js} +9 -11
- package/dist/_shared/esm/Surface-c425e5e6.js +164 -0
- package/dist/_shared/esm/{Tabs-21ac7dfe.js → Tabs-028cee5d.js} +10 -11
- package/dist/_shared/esm/{Tag-2513c185.js → Tag-1ae027ee.js} +4 -4
- package/dist/_shared/esm/{Text-a46fb76b.js → Text-96d8a35f.js} +2 -3
- package/dist/_shared/esm/{TextInput-94c7b1a4.js → TextInput-8e3b81bf.js} +5 -5
- package/dist/_shared/esm/{ThemeIcon-c2dc41a6.js → ThemeIcon-9fac63d0.js} +2 -3
- package/dist/_shared/esm/{Toast-de6ca2f3.js → Toast-ebe2cd97.js} +6 -7
- package/dist/_shared/esm/{UniversalHeader-456ad60c.js → UniversalHeader-22ff848b.js} +3 -3
- package/dist/_shared/esm/{VerticalSpace-b07cd8e6.js → VerticalSpace-6a3533db.js} +1 -1
- package/dist/_shared/esm/VisuallyHidden-cf45ac18.js +12 -0
- package/dist/_shared/esm/{component-d0a555cf.js → component-3e60a45e.js} +1 -1
- package/dist/_shared/esm/{Combination-ae3a3f08.js → floating-ui.react-dom-1bb71aae.js} +15 -1079
- package/dist/_shared/esm/{index-cace3545.js → index-3a2c1ceb.js} +25 -25
- package/dist/_shared/esm/{index-f97466e9.js → index-61497bd9.js} +1 -1
- package/dist/_shared/esm/{index-605031ca.js → index-ce6dee84.js} +53 -53
- package/dist/_shared/esm/{index-4e58de24.js → index-cf208294.js} +21 -3
- package/dist/_shared/esm/{index-fa93ec97.js → index-d083425f.js} +1 -1
- package/dist/_shared/esm/index-f6cc48d2.js +41 -0
- package/dist/_shared/esm/{index-7740883c.js → index-fb8b9df7.js} +9 -2
- package/dist/_shared/esm/{index-288c66b5.js → index.es-5496ec12.js} +20 -6
- package/dist/_shared/esm/{index.es-1b6d33c2.js → index.es-974af4a2.js} +1 -1
- package/dist/index.es.js +8433 -7929
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +8417 -7913
- package/dist/index.js.map +1 -1
- package/dist/styles.css +3 -3
- package/dist/types/components/CardHeading/index.d.ts +1 -0
- package/dist/types/components/ImpactCard/ImpactCard.d.ts +2 -2
- package/dist/types/components/MediaCard/MediaCard.d.ts +1 -1
- package/dist/types/components/Switch/Switch.d.ts +4 -0
- package/dist/types/components/TypographyCard/TypographyCard.d.ts +2 -2
- package/dist/types/helpers/index.d.ts +0 -2
- package/dist/types/styles.d.ts +3 -3
- package/package.json +17 -12
- package/dist/_shared/cjs/DatePicker-2417e55b.js +0 -550
- package/dist/_shared/cjs/Surface-8599dbe4.js +0 -57
- package/dist/_shared/cjs/index-039a9d35.js +0 -23
- package/dist/_shared/cjs/index-28447df0.js +0 -23
- package/dist/_shared/cjs/index-dcfdd5da.js +0 -11
- package/dist/_shared/cjs/suffix-modifier-c8a34402.js +0 -19
- package/dist/_shared/esm/BtIconArrowRight.esm-6a17d0ce.js +0 -31
- package/dist/_shared/esm/DatePicker-c7bb178e.js +0 -539
- package/dist/_shared/esm/Surface-71d21a9e.js +0 -48
- package/dist/_shared/esm/VisuallyHidden-06692fd3.js +0 -11
- package/dist/_shared/esm/index-5113ed53.js +0 -24
- package/dist/_shared/esm/index-6028d797.js +0 -21
- package/dist/_shared/esm/index-69089474.js +0 -21
- package/dist/_shared/esm/index-a624de47.js +0 -9
- package/dist/_shared/esm/suffix-modifier-1ce05abe.js +0 -17
- package/dist/types/helpers/filter-data-attrs.d.ts +0 -1
- package/dist/types/helpers/suffix-modifier.d.ts +0 -9
- package/dist/types/private-components/CardHeading/index.d.ts +0 -1
- package/dist/types/private-components/index.d.ts +0 -3
- package/dist/_shared/cjs/{ConditionalWrapper-be3b2625.js → ConditionalWrapper-bf944594.js} +0 -0
- package/dist/_shared/cjs/{index-7e31a45b.js → index-28fbfd5b.js} +52 -52
- package/dist/_shared/cjs/{index-3dd54df1.js → index-6f33b8c0.js} +23 -23
- /package/dist/_shared/esm/{ConditionalWrapper-59be8f35.js → ConditionalWrapper-b85979de.js} +0 -0
- /package/dist/types/{private-components → components}/CardFooter/CardFooter.d.ts +0 -0
- /package/dist/types/{private-components → components}/CardFooter/index.d.ts +0 -0
- /package/dist/types/{private-components → components}/CardHeading/CardHeading.d.ts +0 -0
- /package/dist/types/{private-components → components}/ConditionalWrapper/ConditionalWrapper.d.ts +0 -0
- /package/dist/types/{private-components → components}/ConditionalWrapper/index.d.ts +0 -0
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-df60851b.js');
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Suffixes a modifier value onto the end of a className, converting it to
|
|
7
|
-
* pascal case. i.e. turns suffixModifier("MyComponent--display", display)
|
|
8
|
-
* returns MyComponent--displayBlock.
|
|
9
|
-
*
|
|
10
|
-
* @param rootClassName The root className to append the suffix onto
|
|
11
|
-
* @param suffix The suffix to convert into pascal case.
|
|
12
|
-
*/
|
|
13
|
-
var suffixModifier = function (rootClassName, suffix) {
|
|
14
|
-
return "".concat(rootClassName).concat(index.camelcase(suffix, {
|
|
15
|
-
pascalCase: true
|
|
16
|
-
}));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
exports.suffixModifier = suffixModifier;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import { H as Heading } from './Heading-906c7c7c.js';
|
|
4
|
-
|
|
5
|
-
var CardHeading = function (_a) {
|
|
6
|
-
var onClick = _a.onClick, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onBlur = _a.onBlur, onFocus = _a.onFocus, href = _a.href, heading = _a.heading, _b = _a.size, size = _b === void 0 ? "m" : _b, _c = _a.linkData, linkData = _c === void 0 ? {} : _c, _d = _a.headingLevel, headingLevel = _d === void 0 ? "2" : _d;
|
|
7
|
-
return (React__default.createElement(Heading, { level: headingLevel, size: size }, href ? (React__default.createElement("a", __assign({ className: "arc-CardHeading-link", href: href, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, filterDataAttrs(linkData)), heading)) : (heading)));
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
const BtIconArrowRight = (props) =>
|
|
11
|
-
/*#__PURE__*/ React__default.createElement(
|
|
12
|
-
"svg",
|
|
13
|
-
Object.assign(
|
|
14
|
-
{
|
|
15
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
-
viewBox: "0 0 32 32",
|
|
17
|
-
},
|
|
18
|
-
props,
|
|
19
|
-
),
|
|
20
|
-
/*#__PURE__*/ React__default.createElement("defs", null),
|
|
21
|
-
/*#__PURE__*/ React__default.createElement("path", {
|
|
22
|
-
d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
|
|
23
|
-
fill: "currentColor",
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ React__default.createElement("path", {
|
|
26
|
-
d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
|
|
27
|
-
fill: "currentColor",
|
|
28
|
-
}),
|
|
29
|
-
);
|
|
30
|
-
|
|
31
|
-
export { BtIconArrowRight as B, CardHeading as C };
|
|
@@ -1,539 +0,0 @@
|
|
|
1
|
-
import { b as __spreadArray, _ as __rest, a as __assign } from './index-288c66b5.js';
|
|
2
|
-
import React__default, { useRef, useState, createElement, useCallback, forwardRef, useEffect } from 'react';
|
|
3
|
-
import { c as classNames } from './index-2e73c2e9.js';
|
|
4
|
-
import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $71cd76cc60e0454e$export$6f32135080cb4c3, _ as _extends, b as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, c as $5e63c961fc1ce211$export$8c6ed5c666ac1360, d as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from './index-cace3545.js';
|
|
5
|
-
import { $ as $cf1ac5d9fe0e8206$export$722aac194ae923, a as $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, b as $cf1ac5d9fe0e8206$export$b688253958b8dfe7, c as $f1701beae083dbae$export$602eac185826482c, d as $01b9c$RemoveScroll, e as $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c, f as $d3863c46a17e8a28$export$20e40289641fbbb6, g as $5cb92bef7577960e$export$177fb62ff3ec1f22, h as $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 } from './Combination-ae3a3f08.js';
|
|
6
|
-
import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from './index-7740883c.js';
|
|
7
|
-
import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-fa93ec97.js';
|
|
8
|
-
import { h as hideOthers, u as useThemeElement } from './component-d0a555cf.js';
|
|
9
|
-
import { C as Calendar, i as isBefore, a as isAfter, c as compareAsc } from './Calendar-60591442.js';
|
|
10
|
-
import { r as requiredArgs, t as toDate, i as isValid, f as format } from './index-605031ca.js';
|
|
11
|
-
import { T as TextInputWithPlaceHolder } from './TextInput-94c7b1a4.js';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* @name startOfDay
|
|
15
|
-
* @category Day Helpers
|
|
16
|
-
* @summary Return the start of a day for the given date.
|
|
17
|
-
*
|
|
18
|
-
* @description
|
|
19
|
-
* Return the start of a day for the given date.
|
|
20
|
-
* The result will be in the local timezone.
|
|
21
|
-
*
|
|
22
|
-
* @param {Date|Number} date - the original date
|
|
23
|
-
* @returns {Date} the start of a day
|
|
24
|
-
* @throws {TypeError} 1 argument required
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* // The start of a day for 2 September 2014 11:55:00:
|
|
28
|
-
* const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
|
|
29
|
-
* //=> Tue Sep 02 2014 00:00:00
|
|
30
|
-
*/
|
|
31
|
-
function startOfDay(dirtyDate) {
|
|
32
|
-
requiredArgs(1, arguments);
|
|
33
|
-
var date = toDate(dirtyDate);
|
|
34
|
-
date.setHours(0, 0, 0, 0);
|
|
35
|
-
return date;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* @name isSameDay
|
|
40
|
-
* @category Day Helpers
|
|
41
|
-
* @summary Are the given dates in the same day (and year and month)?
|
|
42
|
-
*
|
|
43
|
-
* @description
|
|
44
|
-
* Are the given dates in the same day (and year and month)?
|
|
45
|
-
*
|
|
46
|
-
* @param {Date|Number} dateLeft - the first date to check
|
|
47
|
-
* @param {Date|Number} dateRight - the second date to check
|
|
48
|
-
* @returns {Boolean} the dates are in the same day (and year and month)
|
|
49
|
-
* @throws {TypeError} 2 arguments required
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
|
|
53
|
-
* const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
|
|
54
|
-
* //=> true
|
|
55
|
-
*
|
|
56
|
-
* @example
|
|
57
|
-
* // Are 4 September and 4 October in the same day?
|
|
58
|
-
* const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
|
|
59
|
-
* //=> false
|
|
60
|
-
*
|
|
61
|
-
* @example
|
|
62
|
-
* // Are 4 September, 2014 and 4 September, 2015 in the same day?
|
|
63
|
-
* const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
|
|
64
|
-
* //=> false
|
|
65
|
-
*/
|
|
66
|
-
function isSameDay(dirtyDateLeft, dirtyDateRight) {
|
|
67
|
-
requiredArgs(2, arguments);
|
|
68
|
-
var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
|
|
69
|
-
var dateRightStartOfDay = startOfDay(dirtyDateRight);
|
|
70
|
-
return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
var parseRangeString = function (value) {
|
|
74
|
-
if (value === void 0) { value = ""; }
|
|
75
|
-
var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
|
|
76
|
-
var _d = start.split("/"), startDay = _d[0], startMonth = _d[1], startYear = _d[2];
|
|
77
|
-
var _e = end.split("/"), endDay = _e[0], endMonth = _e[1], endYear = _e[2];
|
|
78
|
-
return {
|
|
79
|
-
start: {
|
|
80
|
-
date: start,
|
|
81
|
-
day: startDay,
|
|
82
|
-
month: startMonth,
|
|
83
|
-
year: startYear
|
|
84
|
-
},
|
|
85
|
-
end: {
|
|
86
|
-
date: end,
|
|
87
|
-
day: endDay,
|
|
88
|
-
month: endMonth,
|
|
89
|
-
year: endYear
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
var parseDateString = function (value) {
|
|
95
|
-
var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
|
|
96
|
-
return {
|
|
97
|
-
day: day,
|
|
98
|
-
month: month,
|
|
99
|
-
year: year
|
|
100
|
-
};
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
var isDateValid = function (value) {
|
|
104
|
-
if (value === void 0) { value = ""; }
|
|
105
|
-
var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
|
|
106
|
-
return (/^\d{2}\/\d{2}\/\d{4}$/.test(value) &&
|
|
107
|
-
isValid(new Date("".concat(year, "-").concat(month, "-").concat(day))));
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
var isRangeValid = function (value) {
|
|
111
|
-
if (value === void 0) { value = ""; }
|
|
112
|
-
var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
|
|
113
|
-
return isDateValid(start) && isDateValid(end);
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
var DATE_FORMAT = "dd/MM/yyyy";
|
|
117
|
-
|
|
118
|
-
/* -------------------------------------------------------------------------------------------------
|
|
119
|
-
* Popover
|
|
120
|
-
* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$POPOVER_NAME = 'Popover';
|
|
121
|
-
const [$cb5cc270b50c6fcd$var$createPopoverContext, $cb5cc270b50c6fcd$export$c8393c9e73286932] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($cb5cc270b50c6fcd$var$POPOVER_NAME, [
|
|
122
|
-
$cf1ac5d9fe0e8206$export$722aac194ae923
|
|
123
|
-
]);
|
|
124
|
-
const $cb5cc270b50c6fcd$var$usePopperScope = $cf1ac5d9fe0e8206$export$722aac194ae923();
|
|
125
|
-
const [$cb5cc270b50c6fcd$var$PopoverProvider, $cb5cc270b50c6fcd$var$usePopoverContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$POPOVER_NAME);
|
|
126
|
-
const $cb5cc270b50c6fcd$export$5b6b19405a83ff9d = (props)=>{
|
|
127
|
-
const { __scopePopover: __scopePopover , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , modal: modal = false } = props;
|
|
128
|
-
const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);
|
|
129
|
-
const triggerRef = useRef(null);
|
|
130
|
-
const [hasCustomAnchor, setHasCustomAnchor] = useState(false);
|
|
131
|
-
const [open = false, setOpen] = $71cd76cc60e0454e$export$6f32135080cb4c3({
|
|
132
|
-
prop: openProp,
|
|
133
|
-
defaultProp: defaultOpen,
|
|
134
|
-
onChange: onOpenChange
|
|
135
|
-
});
|
|
136
|
-
return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9, popperScope, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverProvider, {
|
|
137
|
-
scope: __scopePopover,
|
|
138
|
-
contentId: $1746a345f3d73bb7$export$f680877a34711e37(),
|
|
139
|
-
triggerRef: triggerRef,
|
|
140
|
-
open: open,
|
|
141
|
-
onOpenChange: setOpen,
|
|
142
|
-
onOpenToggle: useCallback(()=>setOpen((prevOpen)=>!prevOpen
|
|
143
|
-
)
|
|
144
|
-
, [
|
|
145
|
-
setOpen
|
|
146
|
-
]),
|
|
147
|
-
hasCustomAnchor: hasCustomAnchor,
|
|
148
|
-
onCustomAnchorAdd: useCallback(()=>setHasCustomAnchor(true)
|
|
149
|
-
, []),
|
|
150
|
-
onCustomAnchorRemove: useCallback(()=>setHasCustomAnchor(false)
|
|
151
|
-
, []),
|
|
152
|
-
modal: modal
|
|
153
|
-
}, children));
|
|
154
|
-
};
|
|
155
|
-
/* -------------------------------------------------------------------------------------------------
|
|
156
|
-
* PopoverAnchor
|
|
157
|
-
* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$ANCHOR_NAME = 'PopoverAnchor';
|
|
158
|
-
const $cb5cc270b50c6fcd$export$96e5381f42521a79 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
159
|
-
const { __scopePopover: __scopePopover , ...anchorProps } = props;
|
|
160
|
-
const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$ANCHOR_NAME, __scopePopover);
|
|
161
|
-
const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover);
|
|
162
|
-
const { onCustomAnchorAdd: onCustomAnchorAdd , onCustomAnchorRemove: onCustomAnchorRemove } = context;
|
|
163
|
-
useEffect(()=>{
|
|
164
|
-
onCustomAnchorAdd();
|
|
165
|
-
return ()=>onCustomAnchorRemove()
|
|
166
|
-
;
|
|
167
|
-
}, [
|
|
168
|
-
onCustomAnchorAdd,
|
|
169
|
-
onCustomAnchorRemove
|
|
170
|
-
]);
|
|
171
|
-
return /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends({}, popperScope, anchorProps, {
|
|
172
|
-
ref: forwardedRef
|
|
173
|
-
}));
|
|
174
|
-
});
|
|
175
|
-
/* -------------------------------------------------------------------------------------------------
|
|
176
|
-
* PopoverPortal
|
|
177
|
-
* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PORTAL_NAME = 'PopoverPortal';
|
|
178
|
-
const [$cb5cc270b50c6fcd$var$PortalProvider, $cb5cc270b50c6fcd$var$usePortalContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, {
|
|
179
|
-
forceMount: undefined
|
|
180
|
-
});
|
|
181
|
-
const $cb5cc270b50c6fcd$export$dd679ffb4362d2d4 = (props)=>{
|
|
182
|
-
const { __scopePopover: __scopePopover , forceMount: forceMount , children: children , container: container } = props;
|
|
183
|
-
const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, __scopePopover);
|
|
184
|
-
return /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PortalProvider, {
|
|
185
|
-
scope: __scopePopover,
|
|
186
|
-
forceMount: forceMount
|
|
187
|
-
}, /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
|
|
188
|
-
present: forceMount || context.open
|
|
189
|
-
}, /*#__PURE__*/ createElement($f1701beae083dbae$export$602eac185826482c, {
|
|
190
|
-
asChild: true,
|
|
191
|
-
container: container
|
|
192
|
-
}, children)));
|
|
193
|
-
};
|
|
194
|
-
/* -------------------------------------------------------------------------------------------------
|
|
195
|
-
* PopoverContent
|
|
196
|
-
* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$CONTENT_NAME = 'PopoverContent';
|
|
197
|
-
const $cb5cc270b50c6fcd$export$d7e1f420b25549ff = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
198
|
-
const portalContext = $cb5cc270b50c6fcd$var$usePortalContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
|
|
199
|
-
const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
|
|
200
|
-
const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
|
|
201
|
-
return /*#__PURE__*/ createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
|
|
202
|
-
present: forceMount || context.open
|
|
203
|
-
}, context.modal ? /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentModal, _extends({}, contentProps, {
|
|
204
|
-
ref: forwardedRef
|
|
205
|
-
})) : /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentNonModal, _extends({}, contentProps, {
|
|
206
|
-
ref: forwardedRef
|
|
207
|
-
})));
|
|
208
|
-
});
|
|
209
|
-
/* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PopoverContentModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
210
|
-
const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
|
|
211
|
-
const contentRef = useRef(null);
|
|
212
|
-
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentRef);
|
|
213
|
-
const isRightClickOutsideRef = useRef(false); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
|
|
214
|
-
useEffect(()=>{
|
|
215
|
-
const content = contentRef.current;
|
|
216
|
-
if (content) return hideOthers(content);
|
|
217
|
-
}, []);
|
|
218
|
-
return /*#__PURE__*/ createElement($01b9c$RemoveScroll, {
|
|
219
|
-
as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
|
|
220
|
-
allowPinchZoom: true
|
|
221
|
-
}, /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentImpl, _extends({}, props, {
|
|
222
|
-
ref: composedRefs // we make sure we're not trapping once it's been closed
|
|
223
|
-
,
|
|
224
|
-
trapFocus: context.open,
|
|
225
|
-
disableOutsidePointerEvents: true,
|
|
226
|
-
onCloseAutoFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onCloseAutoFocus, (event)=>{
|
|
227
|
-
var _context$triggerRef$c;
|
|
228
|
-
event.preventDefault();
|
|
229
|
-
if (!isRightClickOutsideRef.current) (_context$triggerRef$c = context.triggerRef.current) === null || _context$triggerRef$c === void 0 || _context$triggerRef$c.focus();
|
|
230
|
-
}),
|
|
231
|
-
onPointerDownOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownOutside, (event)=>{
|
|
232
|
-
const originalEvent = event.detail.originalEvent;
|
|
233
|
-
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
234
|
-
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
235
|
-
isRightClickOutsideRef.current = isRightClick;
|
|
236
|
-
}, {
|
|
237
|
-
checkForDefaultPrevented: false
|
|
238
|
-
}) // When focus is trapped, a `focusout` event may still happen.
|
|
239
|
-
,
|
|
240
|
-
onFocusOutside: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusOutside, (event)=>event.preventDefault()
|
|
241
|
-
, {
|
|
242
|
-
checkForDefaultPrevented: false
|
|
243
|
-
})
|
|
244
|
-
})));
|
|
245
|
-
});
|
|
246
|
-
const $cb5cc270b50c6fcd$var$PopoverContentNonModal = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
247
|
-
const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
|
|
248
|
-
const hasInteractedOutsideRef = useRef(false);
|
|
249
|
-
const hasPointerDownOutsideRef = useRef(false);
|
|
250
|
-
return /*#__PURE__*/ createElement($cb5cc270b50c6fcd$var$PopoverContentImpl, _extends({}, props, {
|
|
251
|
-
ref: forwardedRef,
|
|
252
|
-
trapFocus: false,
|
|
253
|
-
disableOutsidePointerEvents: false,
|
|
254
|
-
onCloseAutoFocus: (event)=>{
|
|
255
|
-
var _props$onCloseAutoFoc;
|
|
256
|
-
(_props$onCloseAutoFoc = props.onCloseAutoFocus) === null || _props$onCloseAutoFoc === void 0 || _props$onCloseAutoFoc.call(props, event);
|
|
257
|
-
if (!event.defaultPrevented) {
|
|
258
|
-
var _context$triggerRef$c2;
|
|
259
|
-
if (!hasInteractedOutsideRef.current) (_context$triggerRef$c2 = context.triggerRef.current) === null || _context$triggerRef$c2 === void 0 || _context$triggerRef$c2.focus(); // Always prevent auto focus because we either focus manually or want user agent focus
|
|
260
|
-
event.preventDefault();
|
|
261
|
-
}
|
|
262
|
-
hasInteractedOutsideRef.current = false;
|
|
263
|
-
hasPointerDownOutsideRef.current = false;
|
|
264
|
-
},
|
|
265
|
-
onInteractOutside: (event)=>{
|
|
266
|
-
var _props$onInteractOuts, _context$triggerRef$c3;
|
|
267
|
-
(_props$onInteractOuts = props.onInteractOutside) === null || _props$onInteractOuts === void 0 || _props$onInteractOuts.call(props, event);
|
|
268
|
-
if (!event.defaultPrevented) {
|
|
269
|
-
hasInteractedOutsideRef.current = true;
|
|
270
|
-
if (event.detail.originalEvent.type === 'pointerdown') hasPointerDownOutsideRef.current = true;
|
|
271
|
-
} // Prevent dismissing when clicking the trigger.
|
|
272
|
-
// As the trigger is already setup to close, without doing so would
|
|
273
|
-
// cause it to close and immediately open.
|
|
274
|
-
const target = event.target;
|
|
275
|
-
const targetIsTrigger = (_context$triggerRef$c3 = context.triggerRef.current) === null || _context$triggerRef$c3 === void 0 ? void 0 : _context$triggerRef$c3.contains(target);
|
|
276
|
-
if (targetIsTrigger) event.preventDefault(); // On Safari if the trigger is inside a container with tabIndex={0}, when clicked
|
|
277
|
-
// we will get the pointer down outside event on the trigger, but then a subsequent
|
|
278
|
-
// focus outside event on the container, we ignore any focus outside event when we've
|
|
279
|
-
// already had a pointer down outside event.
|
|
280
|
-
if (event.detail.originalEvent.type === 'focusin' && hasPointerDownOutsideRef.current) event.preventDefault();
|
|
281
|
-
}
|
|
282
|
-
}));
|
|
283
|
-
});
|
|
284
|
-
/* -----------------------------------------------------------------------------------------------*/ const $cb5cc270b50c6fcd$var$PopoverContentImpl = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
|
|
285
|
-
const { __scopePopover: __scopePopover , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , disableOutsidePointerEvents: disableOutsidePointerEvents , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , ...contentProps } = props;
|
|
286
|
-
const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$CONTENT_NAME, __scopePopover);
|
|
287
|
-
const popperScope = $cb5cc270b50c6fcd$var$usePopperScope(__scopePopover); // Make sure the whole tree has focus guards as our `Popover` may be
|
|
288
|
-
// the last element in the DOM (beacuse of the `Portal`)
|
|
289
|
-
$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
|
|
290
|
-
return /*#__PURE__*/ createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
|
|
291
|
-
asChild: true,
|
|
292
|
-
loop: true,
|
|
293
|
-
trapped: trapFocus,
|
|
294
|
-
onMountAutoFocus: onOpenAutoFocus,
|
|
295
|
-
onUnmountAutoFocus: onCloseAutoFocus
|
|
296
|
-
}, /*#__PURE__*/ createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, {
|
|
297
|
-
asChild: true,
|
|
298
|
-
disableOutsidePointerEvents: disableOutsidePointerEvents,
|
|
299
|
-
onInteractOutside: onInteractOutside,
|
|
300
|
-
onEscapeKeyDown: onEscapeKeyDown,
|
|
301
|
-
onPointerDownOutside: onPointerDownOutside,
|
|
302
|
-
onFocusOutside: onFocusOutside,
|
|
303
|
-
onDismiss: ()=>context.onOpenChange(false)
|
|
304
|
-
}, /*#__PURE__*/ createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends({
|
|
305
|
-
"data-state": $cb5cc270b50c6fcd$var$getState(context.open),
|
|
306
|
-
role: "dialog",
|
|
307
|
-
id: context.contentId
|
|
308
|
-
}, popperScope, contentProps, {
|
|
309
|
-
ref: forwardedRef,
|
|
310
|
-
style: {
|
|
311
|
-
...contentProps.style,
|
|
312
|
-
'--radix-popover-content-transform-origin': 'var(--radix-popper-transform-origin)',
|
|
313
|
-
'--radix-popover-content-available-width': 'var(--radix-popper-available-width)',
|
|
314
|
-
'--radix-popover-content-available-height': 'var(--radix-popper-available-height)',
|
|
315
|
-
'--radix-popover-trigger-width': 'var(--radix-popper-anchor-width)',
|
|
316
|
-
'--radix-popover-trigger-height': 'var(--radix-popper-anchor-height)'
|
|
317
|
-
}
|
|
318
|
-
}))));
|
|
319
|
-
});
|
|
320
|
-
/* -----------------------------------------------------------------------------------------------*/ function $cb5cc270b50c6fcd$var$getState(open) {
|
|
321
|
-
return open ? 'open' : 'closed';
|
|
322
|
-
}
|
|
323
|
-
const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9 = $cb5cc270b50c6fcd$export$5b6b19405a83ff9d;
|
|
324
|
-
const $cb5cc270b50c6fcd$export$b688253958b8dfe7 = $cb5cc270b50c6fcd$export$96e5381f42521a79;
|
|
325
|
-
const $cb5cc270b50c6fcd$export$602eac185826482c = $cb5cc270b50c6fcd$export$dd679ffb4362d2d4;
|
|
326
|
-
const $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2 = $cb5cc270b50c6fcd$export$d7e1f420b25549ff;
|
|
327
|
-
|
|
328
|
-
const BtIconCalender = (props) =>
|
|
329
|
-
/*#__PURE__*/ React__default.createElement(
|
|
330
|
-
"svg",
|
|
331
|
-
Object.assign(
|
|
332
|
-
{
|
|
333
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
334
|
-
viewBox: "0 0 32 32",
|
|
335
|
-
},
|
|
336
|
-
props,
|
|
337
|
-
),
|
|
338
|
-
/*#__PURE__*/ React__default.createElement("defs", null),
|
|
339
|
-
/*#__PURE__*/ React__default.createElement("path", {
|
|
340
|
-
d: "M27,7H25V4.5a.5.5,0,0,0-1,0V7H8V4.5a.5.5,0,0,0-1,0V7H5A1.003,1.003,0,0,0,4,8V27a1.003,1.003,0,0,0,1,1H27a1.003,1.003,0,0,0,1-1V8A1.003,1.003,0,0,0,27,7ZM7,8v.5a.5.5,0,0,0,1,0V8H24v.5a.5.5,0,0,0,1,0V8h2v4H5V8ZM5,27V13H27V27Z",
|
|
341
|
-
fill: "currentColor",
|
|
342
|
-
}),
|
|
343
|
-
);
|
|
344
|
-
|
|
345
|
-
var formatDate = function (value) {
|
|
346
|
-
return format(value, DATE_FORMAT);
|
|
347
|
-
};
|
|
348
|
-
|
|
349
|
-
var isDisabledDate = function (disabledDates, date) {
|
|
350
|
-
return Boolean(disabledDates &&
|
|
351
|
-
disabledDates.find(function (disabledDate) { return isSameDay(date, disabledDate); }));
|
|
352
|
-
};
|
|
353
|
-
|
|
354
|
-
var convertDateStringToDate = function (value) {
|
|
355
|
-
if (value === void 0) { value = ""; }
|
|
356
|
-
var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
|
|
357
|
-
var isValidDate = isDateValid(value);
|
|
358
|
-
return isValidDate ? new Date("".concat(year, "-").concat(month, "-").concat(day)) : new Date();
|
|
359
|
-
};
|
|
360
|
-
|
|
361
|
-
var convertRangeStringToDates = function (value) {
|
|
362
|
-
if (value === void 0) { value = ""; }
|
|
363
|
-
var _a = parseRangeString(value), start = _a.start, end = _a.end;
|
|
364
|
-
return __spreadArray(__spreadArray([], (isDateValid(start.date)
|
|
365
|
-
? [new Date("".concat(start.year, "-").concat(start.month, "-").concat(start.day))]
|
|
366
|
-
: []), true), (isDateValid(end.date)
|
|
367
|
-
? [new Date("".concat(end.year, "-").concat(end.month, "-").concat(end.day))]
|
|
368
|
-
: []), true);
|
|
369
|
-
};
|
|
370
|
-
|
|
371
|
-
/**
|
|
372
|
-
* Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
|
|
373
|
-
*/
|
|
374
|
-
var DatePicker = forwardRef(function (_a, ref) {
|
|
375
|
-
var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, labelSize = _a.labelSize, inputSize = _a.inputSize, _b = _a.value, value = _b === void 0 ? "" : _b, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = __rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "labelSize", "inputSize", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
|
|
376
|
-
var _e = useThemeElement(), themeElement = _e[0], setThemeElement = _e[1];
|
|
377
|
-
var _f = useState("Choose date"), ariaLabel = _f[0], setAriaLabel = _f[1];
|
|
378
|
-
var _g = useState(false), showCalendar = _g[0], setShowCalendar = _g[1];
|
|
379
|
-
var buttonRef = useRef(null);
|
|
380
|
-
var ourRef = useRef(null);
|
|
381
|
-
var previousValidValue = useRef(value);
|
|
382
|
-
var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
|
|
383
|
-
var placeHolder = selectionType === "range"
|
|
384
|
-
? "".concat(lowerCaseDateFormat, " - ").concat(lowerCaseDateFormat)
|
|
385
|
-
: lowerCaseDateFormat;
|
|
386
|
-
useEffect(function () {
|
|
387
|
-
if (selectionType === "single" &&
|
|
388
|
-
isDateValid(value) &&
|
|
389
|
-
!isDisabledDate(disabledDates, convertDateStringToDate(value))) {
|
|
390
|
-
previousValidValue.current = value;
|
|
391
|
-
}
|
|
392
|
-
if (selectionType === "range" && isRangeValid(value)) {
|
|
393
|
-
var rangeHasDisabledDates = convertRangeStringToDates(value).some(function (rangeValue) { return isDisabledDate(disabledDates, rangeValue); });
|
|
394
|
-
if (!rangeHasDisabledDates) {
|
|
395
|
-
previousValidValue.current = value;
|
|
396
|
-
}
|
|
397
|
-
}
|
|
398
|
-
}, [value, disabledDates, selectionType]);
|
|
399
|
-
var getDatePickerRef = function (elementRef) {
|
|
400
|
-
ourRef.current = elementRef;
|
|
401
|
-
if (ref && typeof ref === "object") {
|
|
402
|
-
ref.current = elementRef;
|
|
403
|
-
}
|
|
404
|
-
if (ref && typeof ref === "function") {
|
|
405
|
-
ref(elementRef);
|
|
406
|
-
}
|
|
407
|
-
};
|
|
408
|
-
var dispatchChangeEvent = function (e, value) {
|
|
409
|
-
onChange &&
|
|
410
|
-
onChange(__assign(__assign({}, e), { target: __assign(__assign({}, e.target), { value: value }) }));
|
|
411
|
-
};
|
|
412
|
-
var handleRangeSelect = function (rangeSelection) {
|
|
413
|
-
var start = formatDate(rangeSelection.start);
|
|
414
|
-
var end = rangeSelection.end ? formatDate(rangeSelection.end) : null;
|
|
415
|
-
onRangeSelect &&
|
|
416
|
-
onRangeSelect(__assign(__assign({}, rangeSelection), { formattedRange: "".concat(start).concat(end ? " - ".concat(end) : "") }));
|
|
417
|
-
rangeSelection.isSelectionComplete && setShowCalendar(false);
|
|
418
|
-
};
|
|
419
|
-
var handleDateSelect = function (value) {
|
|
420
|
-
onDateSelect &&
|
|
421
|
-
onDateSelect({
|
|
422
|
-
date: value,
|
|
423
|
-
formattedDate: formatDate(value)
|
|
424
|
-
});
|
|
425
|
-
setShowCalendar(false);
|
|
426
|
-
};
|
|
427
|
-
var handleSingleSelectionBlur = function (e) {
|
|
428
|
-
if (value && isDateValid(value) && selectionType === "single") {
|
|
429
|
-
var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
|
|
430
|
-
var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
|
|
431
|
-
var isDateBeforeMinDate = minDate && isBefore(date, minDate);
|
|
432
|
-
var isDateAfterMaxDate = maxDate && isAfter(date, maxDate);
|
|
433
|
-
var isDisabledValue = isDisabledDate(disabledDates, date);
|
|
434
|
-
if (isDateBeforeMinDate) {
|
|
435
|
-
return dispatchChangeEvent(e, "".concat(formatDate(minDate)));
|
|
436
|
-
}
|
|
437
|
-
if (isDateAfterMaxDate) {
|
|
438
|
-
return dispatchChangeEvent(e, "".concat(formatDate(maxDate)));
|
|
439
|
-
}
|
|
440
|
-
if (isDisabledValue) {
|
|
441
|
-
var date_1 = previousValidValue.current
|
|
442
|
-
? convertDateStringToDate(previousValidValue.current)
|
|
443
|
-
: new Date();
|
|
444
|
-
return dispatchChangeEvent(e, "".concat(formatDate(date_1)));
|
|
445
|
-
}
|
|
446
|
-
}
|
|
447
|
-
};
|
|
448
|
-
var handleRangeSelectionBlur = function (e) {
|
|
449
|
-
if (isRangeValid(value) && selectionType === "range") {
|
|
450
|
-
var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
|
|
451
|
-
var isStartDateBeforeMinDate = minDate && isBefore(start, minDate);
|
|
452
|
-
var isEndDateAfterMaxDate = maxDate && isAfter(end, maxDate);
|
|
453
|
-
var isStartDateDisabled = isDisabledDate(disabledDates, start);
|
|
454
|
-
var isEndDateDisabled = isDisabledDate(disabledDates, end);
|
|
455
|
-
if (isStartDateBeforeMinDate && isEndDateAfterMaxDate) {
|
|
456
|
-
return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
|
|
457
|
-
}
|
|
458
|
-
if (isStartDateBeforeMinDate) {
|
|
459
|
-
return dispatchChangeEvent(e, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
|
|
460
|
-
}
|
|
461
|
-
if (isEndDateAfterMaxDate) {
|
|
462
|
-
return dispatchChangeEvent(e, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
|
|
463
|
-
}
|
|
464
|
-
if (isStartDateDisabled || isEndDateDisabled) {
|
|
465
|
-
var _b = previousValidValue.current
|
|
466
|
-
? convertRangeStringToDates(previousValidValue.current)
|
|
467
|
-
: [], start_1 = _b[0], end_1 = _b[1];
|
|
468
|
-
return dispatchChangeEvent(e, start_1 && end_1 ? "".concat(formatDate(start_1), " - ").concat(formatDate(end_1)) : "");
|
|
469
|
-
}
|
|
470
|
-
if (isAfter(start, end)) {
|
|
471
|
-
var _c = [start, end].sort(compareAsc), orderedStart = _c[0], orderedEnd = _c[1];
|
|
472
|
-
return dispatchChangeEvent(e, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
|
|
473
|
-
}
|
|
474
|
-
}
|
|
475
|
-
};
|
|
476
|
-
var handleBlur = function (e) {
|
|
477
|
-
onBlur && onBlur(e);
|
|
478
|
-
if (selectionType === "single") {
|
|
479
|
-
handleSingleSelectionBlur(e);
|
|
480
|
-
}
|
|
481
|
-
if (selectionType === "range") {
|
|
482
|
-
handleRangeSelectionBlur(e);
|
|
483
|
-
}
|
|
484
|
-
};
|
|
485
|
-
var handleChange = function (e) {
|
|
486
|
-
onChange && onChange(e);
|
|
487
|
-
};
|
|
488
|
-
var handleCalendarOpenChange = function (isOpen) {
|
|
489
|
-
if (document.activeElement)
|
|
490
|
-
setShowCalendar(isOpen);
|
|
491
|
-
};
|
|
492
|
-
var handleIconClick = function () {
|
|
493
|
-
var _a;
|
|
494
|
-
!((_a = ourRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) &&
|
|
495
|
-
!isDisabled &&
|
|
496
|
-
!isReadOnly &&
|
|
497
|
-
setShowCalendar(true);
|
|
498
|
-
};
|
|
499
|
-
var handleIconFocus = function () {
|
|
500
|
-
if (selectionType === "range" && isRangeValid(value)) {
|
|
501
|
-
var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
|
|
502
|
-
return setAriaLabel("Change dates, currently selected dates are ".concat(format(start, "EEEE do MMMM, yyyy"), " to ").concat(format(end, "EEEE do MMMM, yyyy")));
|
|
503
|
-
}
|
|
504
|
-
if (selectionType === "single" && isDateValid(value)) {
|
|
505
|
-
var date = convertDateStringToDate(value);
|
|
506
|
-
return setAriaLabel("Change date, currently selected date is ".concat(format(date, "EEEE do MMMM, yyyy")));
|
|
507
|
-
}
|
|
508
|
-
setAriaLabel("Choose Date");
|
|
509
|
-
};
|
|
510
|
-
var handleCalendarClose = function () {
|
|
511
|
-
var _a, _b;
|
|
512
|
-
if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY") {
|
|
513
|
-
(_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
514
|
-
}
|
|
515
|
-
};
|
|
516
|
-
var onCancelClick = function () {
|
|
517
|
-
setShowCalendar(false);
|
|
518
|
-
};
|
|
519
|
-
var handleAutoFocus = function (e) {
|
|
520
|
-
e.preventDefault();
|
|
521
|
-
};
|
|
522
|
-
return (React__default.createElement("div", { ref: setThemeElement, className: classNames({
|
|
523
|
-
"arc-DatePicker--constrained": !isFluid
|
|
524
|
-
}) },
|
|
525
|
-
React__default.createElement(TextInputWithPlaceHolder, __assign({ ref: getDatePickerRef, iconButton: {
|
|
526
|
-
onClick: handleIconClick,
|
|
527
|
-
onFocus: handleIconFocus,
|
|
528
|
-
icon: BtIconCalender,
|
|
529
|
-
label: ariaLabel,
|
|
530
|
-
ref: buttonRef
|
|
531
|
-
}, placeholder: placeHolder, errorMessage: errorMessage, helper: helper, id: id, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, label: label, labelSize: labelSize, maxLength: selectionType === "range" ? 23 : 10, name: name, onBlur: handleBlur, onChange: handleChange, onClickDisclosure: onClickDisclosure, type: "text", value: value, disclosureTitle: disclosureTitle, disclosureText: disclosureText, inputSize: inputSize }, props)),
|
|
532
|
-
React__default.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { open: showCalendar, onOpenChange: handleCalendarOpenChange },
|
|
533
|
-
React__default.createElement($cb5cc270b50c6fcd$export$b688253958b8dfe7, null),
|
|
534
|
-
React__default.createElement($cb5cc270b50c6fcd$export$602eac185826482c, { container: themeElement },
|
|
535
|
-
React__default.createElement($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, { align: "start", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
|
|
536
|
-
React__default.createElement(Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: selectionType, selectedDate: convertDateStringToDate(value), selectedRange: convertRangeStringToDates(value), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onDateSelect: handleDateSelect, onRangeSelect: handleRangeSelect }))))));
|
|
537
|
-
});
|
|
538
|
-
|
|
539
|
-
export { DATE_FORMAT as D, parseDateString as a, isDateValid as b, DatePicker as c, isRangeValid as i, parseRangeString as p };
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { b as __spreadArray, _ as __rest, a as __assign, c as camelcase, f as filterDataAttrs } from './index-288c66b5.js';
|
|
2
|
-
import { c as classNames } from './index-2e73c2e9.js';
|
|
3
|
-
import React__default, { createContext } from 'react';
|
|
4
|
-
|
|
5
|
-
var defaultContext = { surface: "light" };
|
|
6
|
-
var Context = createContext(defaultContext);
|
|
7
|
-
var Provider = Context.Provider;
|
|
8
|
-
/**
|
|
9
|
-
* Use `Surface` to compose content using the Arc system.
|
|
10
|
-
*/
|
|
11
|
-
var Surface = function (_a) {
|
|
12
|
-
var _b;
|
|
13
|
-
var background = _a.background, children = _a.children, _c = _a.growVertically, growVertically = _c === void 0 ? false : _c, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, props = __rest(_a, ["background", "children", "growVertically", "padding", "paddingHorizontal", "paddingVertical"]);
|
|
14
|
-
var surface = "light";
|
|
15
|
-
if (background === "dark-black" ||
|
|
16
|
-
background === "dark-brand-01" ||
|
|
17
|
-
background === "dark-brand-02" ||
|
|
18
|
-
background === "dark-neutral-01" ||
|
|
19
|
-
background === "dark-neutral-02") {
|
|
20
|
-
surface = "dark";
|
|
21
|
-
}
|
|
22
|
-
return (React__default.createElement(Provider, { value: { surface: surface } },
|
|
23
|
-
React__default.createElement("div", __assign({ "data-testid": "arc-surface", className: classNames((_b = {
|
|
24
|
-
"arc-Surface": true
|
|
25
|
-
},
|
|
26
|
-
_b["arc-Surface--".concat(background && camelcase(background), "Background")] = background,
|
|
27
|
-
_b["arc-Surface--growVertically"] = growVertically,
|
|
28
|
-
_b["arc-Surface--padding".concat(padding)] = padding,
|
|
29
|
-
_b["arc-Surface--paddingHorizontal".concat(paddingHorizontal)] = paddingHorizontal,
|
|
30
|
-
_b["arc-Surface--paddingVertical".concat(paddingVertical)] = paddingVertical,
|
|
31
|
-
_b)) }, filterDataAttrs(props)), children)));
|
|
32
|
-
};
|
|
33
|
-
var backgroundsShared = [
|
|
34
|
-
"dark-black",
|
|
35
|
-
"dark-brand-01",
|
|
36
|
-
"dark-brand-02",
|
|
37
|
-
"dark-neutral-01",
|
|
38
|
-
"dark-neutral-02",
|
|
39
|
-
"light-brand-01",
|
|
40
|
-
"light-brand-02",
|
|
41
|
-
"light-neutral-01",
|
|
42
|
-
"light-neutral-02",
|
|
43
|
-
"light-white",
|
|
44
|
-
];
|
|
45
|
-
var backgrounds = __spreadArray([], backgroundsShared, true);
|
|
46
|
-
var backgroundsBT = __spreadArray([], backgroundsShared, true);
|
|
47
|
-
|
|
48
|
-
export { Context as C, Surface as S, backgroundsBT as a, backgrounds as b };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Use `VisuallyHidden` to provide text for screen readers that is visually hidden on screen.
|
|
5
|
-
*/
|
|
6
|
-
var VisuallyHidden = function (_a) {
|
|
7
|
-
var children = _a.children;
|
|
8
|
-
return (React__default.createElement("span", { "data-testid": "visually-hidden", className: "arc-VisuallyHidden" }, children));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { VisuallyHidden as V };
|