@arc-ui/components 11.6.0 → 11.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/dist/Alert/Alert.cjs.d.ts +1 -1
- package/dist/Alert/Alert.cjs.js +12 -91
- package/dist/Alert/Alert.esm.d.ts +1 -1
- package/dist/Alert/Alert.esm.js +5 -84
- package/dist/Badge/Badge.cjs.js +4 -4
- package/dist/Badge/Badge.esm.js +5 -5
- package/dist/Box/Box.cjs.d.ts +40 -0
- package/dist/Box/Box.cjs.js +32 -0
- package/dist/Box/Box.esm.d.ts +40 -0
- package/dist/Box/Box.esm.js +24 -0
- package/dist/Box/package.json +7 -0
- package/dist/BrandLogo/BrandLogo.cjs.d.ts +1 -1
- package/dist/BrandLogo/BrandLogo.cjs.js +2 -2
- package/dist/BrandLogo/BrandLogo.esm.d.ts +1 -1
- package/dist/BrandLogo/BrandLogo.esm.js +2 -2
- package/dist/Breadcrumbs/Breadcrumbs.cjs.d.ts +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.cjs.js +4 -4
- package/dist/Breadcrumbs/Breadcrumbs.esm.d.ts +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.esm.js +4 -4
- package/dist/Button/Button.cjs.d.ts +1 -1
- package/dist/Button/Button.cjs.js +3 -3
- package/dist/Button/Button.esm.d.ts +1 -1
- package/dist/Button/Button.esm.js +3 -3
- package/dist/Card/Card.cjs.d.ts +1 -1
- package/dist/Card/Card.cjs.js +5 -5
- package/dist/Card/Card.esm.d.ts +1 -1
- package/dist/Card/Card.esm.js +5 -5
- package/dist/Checkbox/Checkbox.cjs.d.ts +1 -1
- package/dist/Checkbox/Checkbox.cjs.js +5 -5
- package/dist/Checkbox/Checkbox.esm.d.ts +1 -1
- package/dist/Checkbox/Checkbox.esm.js +5 -5
- package/dist/Columns/Columns.cjs.d.ts +1 -1
- package/dist/Columns/Columns.esm.d.ts +1 -1
- package/dist/Curve/Curve.cjs.d.ts +1 -1
- package/dist/Curve/Curve.cjs.js +1 -1
- package/dist/Curve/Curve.esm.d.ts +1 -1
- package/dist/Curve/Curve.esm.js +1 -1
- package/dist/Disclosure/Disclosure.cjs.d.ts +1 -1
- package/dist/Disclosure/Disclosure.cjs.js +2 -2
- package/dist/Disclosure/Disclosure.esm.d.ts +1 -1
- package/dist/Disclosure/Disclosure.esm.js +2 -2
- package/dist/DisclosureMini/DisclosureMini.cjs.d.ts +1 -1
- package/dist/DisclosureMini/DisclosureMini.cjs.js +3 -3
- package/dist/DisclosureMini/DisclosureMini.esm.d.ts +1 -1
- package/dist/DisclosureMini/DisclosureMini.esm.js +3 -3
- package/dist/Filter/Filter.cjs.d.ts +1 -1
- package/dist/Filter/Filter.cjs.js +2 -2
- package/dist/Filter/Filter.esm.d.ts +1 -1
- package/dist/Filter/Filter.esm.js +2 -2
- package/dist/FormControl/FormControl.cjs.d.ts +1 -1
- package/dist/FormControl/FormControl.cjs.js +4 -4
- package/dist/FormControl/FormControl.esm.d.ts +1 -1
- package/dist/FormControl/FormControl.esm.js +4 -4
- package/dist/Group/Group.cjs.d.ts +1 -1
- package/dist/Group/Group.cjs.js +2 -2
- package/dist/Group/Group.esm.d.ts +1 -1
- package/dist/Group/Group.esm.js +2 -2
- package/dist/Heading/Heading.cjs.d.ts +1 -1
- package/dist/Heading/Heading.cjs.js +2 -2
- package/dist/Heading/Heading.esm.d.ts +1 -1
- package/dist/Heading/Heading.esm.js +2 -2
- package/dist/Icon/Icon.cjs.d.ts +1 -1
- package/dist/Icon/Icon.cjs.js +2 -2
- package/dist/Icon/Icon.esm.d.ts +1 -1
- package/dist/Icon/Icon.esm.js +2 -2
- package/dist/Image/Image.cjs.d.ts +1 -1
- package/dist/Image/Image.cjs.js +2 -1
- package/dist/Image/Image.esm.d.ts +1 -1
- package/dist/Image/Image.esm.js +1 -1
- package/dist/Markup/Markup.cjs.js +1 -1
- package/dist/Markup/Markup.esm.js +1 -1
- package/dist/Modal/Modal.cjs.d.ts +53 -0
- package/dist/Modal/Modal.cjs.js +677 -0
- package/dist/Modal/Modal.esm.d.ts +53 -0
- package/dist/Modal/Modal.esm.js +669 -0
- package/dist/Modal/package.json +7 -0
- package/dist/Pagination/Pagination.cjs.js +6 -6
- package/dist/Pagination/Pagination.esm.js +6 -6
- package/dist/PaginationSimple/PaginationSimple.cjs.js +6 -6
- package/dist/PaginationSimple/PaginationSimple.esm.js +6 -6
- package/dist/Poster/Poster.cjs.d.ts +1 -1
- package/dist/Poster/Poster.cjs.js +3 -3
- package/dist/Poster/Poster.esm.d.ts +1 -1
- package/dist/Poster/Poster.esm.js +3 -3
- package/dist/ProgressBar/ProgressBar.cjs.js +7 -7
- package/dist/ProgressBar/ProgressBar.esm.js +8 -8
- package/dist/ProgressStepper/ProgressStepper.cjs.d.ts +89 -0
- package/dist/ProgressStepper/ProgressStepper.cjs.js +152 -0
- package/dist/ProgressStepper/ProgressStepper.esm.d.ts +89 -0
- package/dist/ProgressStepper/ProgressStepper.esm.js +144 -0
- package/dist/ProgressStepper/package.json +7 -0
- package/dist/RadioGroup/RadioGroup.cjs.d.ts +1 -1
- package/dist/RadioGroup/RadioGroup.cjs.js +5 -5
- package/dist/RadioGroup/RadioGroup.esm.d.ts +1 -1
- package/dist/RadioGroup/RadioGroup.esm.js +5 -5
- package/dist/Rule/Rule.cjs.js +1 -1
- package/dist/Rule/Rule.esm.js +1 -1
- package/dist/ScrollToTop/ScrollToTop.cjs.js +2 -2
- package/dist/ScrollToTop/ScrollToTop.esm.js +2 -2
- package/dist/Select/Select.cjs.d.ts +1 -1
- package/dist/Select/Select.cjs.js +453 -916
- package/dist/Select/Select.esm.d.ts +1 -1
- package/dist/Select/Select.esm.js +419 -882
- package/dist/SiteFooter/SiteFooter.cjs.d.ts +1 -1
- package/dist/SiteFooter/SiteFooter.cjs.js +4 -4
- package/dist/SiteFooter/SiteFooter.esm.d.ts +1 -1
- package/dist/SiteFooter/SiteFooter.esm.js +5 -5
- package/dist/SiteHeader/SiteHeader.cjs.d.ts +1 -1
- package/dist/SiteHeader/SiteHeader.cjs.js +6 -6
- package/dist/SiteHeader/SiteHeader.esm.d.ts +1 -1
- package/dist/SiteHeader/SiteHeader.esm.js +6 -6
- package/dist/Surface/Surface.cjs.d.ts +1 -1
- package/dist/Surface/Surface.cjs.js +1 -1
- package/dist/Surface/Surface.esm.d.ts +1 -1
- package/dist/Surface/Surface.esm.js +1 -1
- package/dist/Switch/Switch.cjs.d.ts +1 -1
- package/dist/Switch/Switch.cjs.js +242 -18
- package/dist/Switch/Switch.esm.d.ts +1 -1
- package/dist/Switch/Switch.esm.js +236 -12
- package/dist/Tabs/Tabs.cjs.d.ts +75 -0
- package/dist/Tabs/Tabs.cjs.js +514 -0
- package/dist/Tabs/Tabs.esm.d.ts +75 -0
- package/dist/Tabs/Tabs.esm.js +506 -0
- package/dist/Tabs/package.json +7 -0
- package/dist/Tag/Tag.cjs.js +2 -2
- package/dist/Tag/Tag.esm.js +2 -2
- package/dist/Text/Text.cjs.d.ts +1 -1
- package/dist/Text/Text.cjs.js +2 -2
- package/dist/Text/Text.esm.d.ts +1 -1
- package/dist/Text/Text.esm.js +2 -2
- package/dist/TextArea/TextArea.cjs.d.ts +4 -1
- package/dist/TextArea/TextArea.cjs.js +22 -21
- package/dist/TextArea/TextArea.esm.d.ts +4 -1
- package/dist/TextArea/TextArea.esm.js +22 -21
- package/dist/TextInput/TextInput.cjs.d.ts +1 -1
- package/dist/TextInput/TextInput.cjs.js +5 -5
- package/dist/TextInput/TextInput.esm.d.ts +1 -1
- package/dist/TextInput/TextInput.esm.js +5 -5
- package/dist/Toast/Toast.cjs.d.ts +52 -0
- package/dist/Toast/Toast.cjs.js +743 -0
- package/dist/Toast/Toast.esm.d.ts +52 -0
- package/dist/Toast/Toast.esm.js +735 -0
- package/dist/Toast/package.json +7 -0
- package/dist/Truncate/Truncate.cjs.js +3 -2
- package/dist/Truncate/Truncate.esm.js +3 -2
- package/dist/UniversalHeader/UniversalHeader.cjs.d.ts +1 -1
- package/dist/UniversalHeader/UniversalHeader.cjs.js +2 -2
- package/dist/UniversalHeader/UniversalHeader.esm.d.ts +1 -1
- package/dist/UniversalHeader/UniversalHeader.esm.js +2 -2
- package/dist/_shared/cjs/{BrandLogo-8008f0c4.js → BrandLogo-8107d59f.js} +1 -1
- package/dist/_shared/cjs/{Breadcrumbs-8b554370.js → Breadcrumbs-0906dd10.js} +10 -10
- package/dist/_shared/cjs/BtIconTick-42fcc5ec.js +91 -0
- package/dist/_shared/cjs/{Button-27512fee.d.ts → Button-5aaa6776.d.ts} +4 -0
- package/dist/_shared/cjs/{Button-27512fee.js → Button-5aaa6776.js} +4 -4
- package/dist/_shared/cjs/{Card-804ab0e5.js → Card-fd189ba8.js} +4 -4
- package/dist/_shared/cjs/{Checkbox-21d3c4f6.js → Checkbox-02c546ca.js} +2 -2
- package/dist/_shared/cjs/Columns-e90798f8.d.ts +1 -1
- package/dist/_shared/cjs/{Curve-b05589d8.d.ts → Curve-781ef633.d.ts} +5 -2
- package/dist/_shared/cjs/{Curve-b05589d8.js → Curve-781ef633.js} +5 -2
- package/dist/_shared/cjs/{DisclosureMini-067e0319.js → DisclosureMini-52706ee6.js} +2 -2
- package/dist/_shared/cjs/{Filter-f7d2fbda.js → Filter-a7574fe7.js} +1 -1
- package/dist/_shared/cjs/{FormControl-9aaddd54.js → FormControl-1e1bf2bf.js} +2 -2
- package/dist/_shared/cjs/{Group-d83f8c2e.js → Group-f85dd4c0.js} +1 -1
- package/dist/_shared/cjs/{Heading-d45f6a7f.d.ts → Heading-e3332dcf.d.ts} +4 -0
- package/dist/_shared/cjs/{Heading-d45f6a7f.js → Heading-e3332dcf.js} +3 -3
- package/dist/_shared/cjs/{Icon-9ae8dbe1.js → Icon-e1dd45eb.js} +1 -1
- package/dist/_shared/cjs/{Image-3bf4b4f3.js → Image-0e393cbf.js} +2 -0
- package/dist/_shared/cjs/{Poster-e05bbe13.d.ts → Poster-faea1ad3.d.ts} +1 -1
- package/dist/_shared/cjs/{Poster-e05bbe13.js → Poster-faea1ad3.js} +2 -2
- package/dist/_shared/{esm/RadioGroup-1fd0f389.d.ts → cjs/RadioGroup-d7664b0c.d.ts} +1 -1
- package/dist/_shared/cjs/{RadioGroup-81805ef9.js → RadioGroup-d7664b0c.js} +2 -2
- package/dist/_shared/cjs/{SiteFooter-c540b5f1.js → SiteFooter-5da774e1.js} +3 -3
- package/dist/_shared/cjs/SiteHeader-c25ee36e.d.ts +3 -3
- package/dist/_shared/cjs/{SiteHeader.rehydrator-f7fa2efe.js → SiteHeader.rehydrator-acc9d8c4.js} +4 -4
- package/dist/_shared/cjs/{Surface-6da0a78e.d.ts → Surface-b7c51b2b.d.ts} +3 -2
- package/dist/_shared/cjs/{Surface-6da0a78e.js → Surface-b7c51b2b.js} +1 -1
- package/dist/_shared/{esm/Text-00e9743b.d.ts → cjs/Text-fa447e2d.d.ts} +4 -0
- package/dist/_shared/cjs/{Text-6f2827e6.js → Text-fa447e2d.js} +3 -3
- package/dist/_shared/{esm/TextInput-7ed03a48.d.ts → cjs/TextInput-13050538.d.ts} +3 -1
- package/dist/_shared/{esm/TextInput-1631dbc4.d.ts → cjs/TextInput-f4549637.d.ts} +1 -1
- package/dist/_shared/cjs/{TextInput-33314fc4.js → TextInput-f4549637.js} +2 -2
- package/dist/_shared/cjs/{UniversalHeader-cc1d9e5a.js → UniversalHeader-da622e1a.js} +1 -1
- package/dist/_shared/cjs/extends-bb8ffacd.js +21 -0
- package/dist/_shared/cjs/index-27b53d49.js +174 -0
- package/dist/_shared/cjs/index-699086a7.d.ts +1 -1
- package/dist/_shared/cjs/index-74488a9f.d.ts +1 -1
- package/dist/_shared/cjs/{index.module-af7c85f2.js → index-952918c9.js} +199 -110
- package/dist/_shared/cjs/index-96c4d581.js +289 -0
- package/dist/_shared/cjs/index-c81c9401.d.ts +3 -3
- package/dist/_shared/cjs/index-e340924e.d.ts +1 -1
- package/dist/_shared/cjs/index-e6d20018.d.ts +1 -1
- package/dist/_shared/cjs/index-eb06f640.d.ts +1 -1
- package/dist/_shared/cjs/index-ec260f5e.js +869 -0
- package/dist/_shared/cjs/index-f419cf04.d.ts +1 -1
- package/dist/_shared/cjs/index-fb4b8fda.js +47 -0
- package/dist/_shared/cjs/index.module-bbcc4e18.js +126 -0
- package/dist/_shared/esm/{BrandLogo-56699561.js → BrandLogo-9ec620e8.js} +1 -1
- package/dist/_shared/esm/{Breadcrumbs-04590057.js → Breadcrumbs-dafa8dde.js} +10 -10
- package/dist/_shared/esm/BtIconTick-5fe50cc7.js +83 -0
- package/dist/_shared/esm/{Button-d319fa11.d.ts → Button-d1dbcf79.d.ts} +4 -0
- package/dist/_shared/esm/{Button-d319fa11.js → Button-d1dbcf79.js} +4 -4
- package/dist/_shared/esm/{Card-e79eb6c8.js → Card-e62c3ff6.js} +4 -4
- package/dist/_shared/esm/{Checkbox-94300d8c.js → Checkbox-d8891198.js} +2 -2
- package/dist/_shared/esm/Columns-8704515b.d.ts +1 -1
- package/dist/_shared/esm/{Curve-3e87b1bc.d.ts → Curve-bbc5589c.d.ts} +5 -2
- package/dist/_shared/esm/{Curve-3e87b1bc.js → Curve-bbc5589c.js} +5 -2
- package/dist/_shared/esm/{DisclosureMini-022beae3.js → DisclosureMini-9b819941.js} +2 -2
- package/dist/_shared/esm/{Filter-41b391e3.js → Filter-a01aed11.js} +1 -1
- package/dist/_shared/esm/{FormControl-5e3fdca3.js → FormControl-f18e2f59.js} +2 -2
- package/dist/_shared/esm/{Group-d62c3f56.js → Group-fb26fd32.js} +1 -1
- package/dist/_shared/esm/{Heading-b61432fb.d.ts → Heading-0f629151.d.ts} +4 -0
- package/dist/_shared/esm/{Heading-b61432fb.js → Heading-0f629151.js} +3 -3
- package/dist/_shared/esm/{Icon-fd247973.js → Icon-c1af47bc.js} +1 -1
- package/dist/_shared/esm/{Image-3596ce55.js → Image-3ed3863c.js} +2 -1
- package/dist/_shared/esm/{Poster-107d6954.d.ts → Poster-a83ae770.d.ts} +1 -1
- package/dist/_shared/esm/{Poster-107d6954.js → Poster-a83ae770.js} +2 -2
- package/dist/_shared/{cjs/RadioGroup-81805ef9.d.ts → esm/RadioGroup-be16d5d3.d.ts} +1 -1
- package/dist/_shared/esm/{RadioGroup-1fd0f389.js → RadioGroup-be16d5d3.js} +2 -2
- package/dist/_shared/esm/{SiteFooter-8075a9bd.js → SiteFooter-a182cb18.js} +3 -3
- package/dist/_shared/esm/SiteHeader-c25ee36e.d.ts +3 -3
- package/dist/_shared/esm/{SiteHeader.rehydrator-4da8ac64.js → SiteHeader.rehydrator-023b7b76.js} +4 -4
- package/dist/_shared/esm/{Surface-bb100ef8.d.ts → Surface-dde51789.d.ts} +3 -2
- package/dist/_shared/esm/{Surface-bb100ef8.js → Surface-dde51789.js} +1 -1
- package/dist/_shared/{cjs/Text-6f2827e6.d.ts → esm/Text-40457811.d.ts} +4 -0
- package/dist/_shared/esm/{Text-00e9743b.js → Text-40457811.js} +3 -3
- package/dist/_shared/{cjs/TextInput-7ed03a48.d.ts → esm/TextInput-13050538.d.ts} +3 -1
- package/dist/_shared/{cjs/TextInput-33314fc4.d.ts → esm/TextInput-4424c195.d.ts} +1 -1
- package/dist/_shared/esm/{TextInput-1631dbc4.js → TextInput-4424c195.js} +2 -2
- package/dist/_shared/esm/{UniversalHeader-7926abde.js → UniversalHeader-1c5a886d.js} +1 -1
- package/dist/_shared/esm/extends-4575346e.js +19 -0
- package/dist/_shared/esm/{index.module-599b86dd.js → index-22aad354.js} +196 -105
- package/dist/_shared/esm/index-369dce7f.js +847 -0
- package/dist/_shared/esm/index-699086a7.d.ts +1 -1
- package/dist/_shared/esm/index-74488a9f.d.ts +1 -1
- package/dist/_shared/esm/index-8000d9e3.js +168 -0
- package/dist/_shared/esm/index-94ecc5f8.js +280 -0
- package/dist/_shared/esm/index-bed18a88.js +26 -0
- package/dist/_shared/esm/index-c81c9401.d.ts +3 -3
- package/dist/_shared/esm/index-e340924e.d.ts +1 -1
- package/dist/_shared/esm/index-e6d20018.d.ts +1 -1
- package/dist/_shared/esm/index-eb06f640.d.ts +1 -1
- package/dist/_shared/esm/index-f419cf04.d.ts +1 -1
- package/dist/_shared/esm/index.module-5ed90b21.js +122 -0
- package/dist/index.es.js +2808 -1035
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +3015 -1241
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/components/Box/Box.d.ts +36 -0
- package/dist/types/components/Box/index.d.ts +1 -0
- package/dist/types/components/Button/Button.d.ts +4 -0
- package/dist/types/components/Columns/Columns.d.ts +1 -1
- package/dist/types/components/Columns/index.d.ts +1 -1
- package/dist/types/components/Curve/Curve.d.ts +5 -2
- package/dist/types/components/Heading/Heading.d.ts +4 -0
- package/dist/types/components/Image/index.d.ts +1 -1
- package/dist/types/components/MediaCard/MediaCard.d.ts +57 -0
- package/dist/types/components/MediaCard/index.d.ts +1 -0
- package/dist/types/components/Modal/Modal.d.ts +31 -9
- package/dist/types/components/ProgressStepper/ProgressStepper.d.ts +28 -0
- package/dist/types/components/ProgressStepper/ProgressStepperItem/ProgressStepperItem.d.ts +62 -0
- package/dist/types/components/ProgressStepper/index.d.ts +1 -0
- package/dist/types/components/ProgressStepper/progressStatus.d.ts +1 -0
- package/dist/types/components/Surface/Surface.d.ts +2 -1
- package/dist/types/components/Surface/index.d.ts +1 -1
- package/dist/types/components/Tabs/Tab/Tab.d.ts +22 -0
- package/dist/types/components/Tabs/Tab/index.d.ts +1 -0
- package/dist/types/components/Tabs/TabContent/TabContent.d.ts +12 -0
- package/dist/types/components/Tabs/TabContent/index.d.ts +1 -0
- package/dist/types/components/Tabs/Tabs.d.ts +27 -0
- package/dist/types/components/Tabs/TabsList/TabsList.d.ts +20 -0
- package/dist/types/components/Tabs/TabsList/index.d.ts +1 -0
- package/dist/types/components/Tabs/index.d.ts +1 -0
- package/dist/types/components/Text/Text.d.ts +4 -0
- package/dist/types/components/TextArea/TextArea.d.ts +3 -0
- package/dist/types/components/TextInput/TextInput.d.ts +2 -0
- package/dist/types/components/Toast/Toast.d.ts +14 -0
- package/dist/types/components/Toast/ToastNotification.d.ts +39 -0
- package/dist/types/components/Toast/index.d.ts +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/styles.d.ts +6 -0
- package/package.json +8 -6
- /package/dist/_shared/cjs/{BrandLogo-8008f0c4.d.ts → BrandLogo-8107d59f.d.ts} +0 -0
- /package/dist/_shared/cjs/{Breadcrumbs-8b554370.d.ts → Breadcrumbs-0906dd10.d.ts} +0 -0
- /package/dist/_shared/cjs/{Card-804ab0e5.d.ts → Card-fd189ba8.d.ts} +0 -0
- /package/dist/_shared/cjs/{Checkbox-21d3c4f6.d.ts → Checkbox-02c546ca.d.ts} +0 -0
- /package/dist/_shared/cjs/{DisclosureMini-067e0319.d.ts → DisclosureMini-52706ee6.d.ts} +0 -0
- /package/dist/_shared/cjs/{Filter-f7d2fbda.d.ts → Filter-a7574fe7.d.ts} +0 -0
- /package/dist/_shared/cjs/{FormControl-9aaddd54.d.ts → FormControl-1e1bf2bf.d.ts} +0 -0
- /package/dist/_shared/cjs/{Group-d83f8c2e.d.ts → Group-f85dd4c0.d.ts} +0 -0
- /package/dist/_shared/cjs/{Icon-9ae8dbe1.d.ts → Icon-e1dd45eb.d.ts} +0 -0
- /package/dist/_shared/cjs/{Image-3bf4b4f3.d.ts → Image-0e393cbf.d.ts} +0 -0
- /package/dist/_shared/cjs/{SiteFooter-c540b5f1.d.ts → SiteFooter-5da774e1.d.ts} +0 -0
- /package/dist/_shared/cjs/{SiteHeader.rehydrator-f7fa2efe.d.ts → SiteHeader.rehydrator-acc9d8c4.d.ts} +0 -0
- /package/dist/_shared/cjs/{UniversalHeader-cc1d9e5a.d.ts → UniversalHeader-da622e1a.d.ts} +0 -0
- /package/dist/_shared/esm/{BrandLogo-56699561.d.ts → BrandLogo-9ec620e8.d.ts} +0 -0
- /package/dist/_shared/esm/{Breadcrumbs-04590057.d.ts → Breadcrumbs-dafa8dde.d.ts} +0 -0
- /package/dist/_shared/esm/{Card-e79eb6c8.d.ts → Card-e62c3ff6.d.ts} +0 -0
- /package/dist/_shared/esm/{Checkbox-94300d8c.d.ts → Checkbox-d8891198.d.ts} +0 -0
- /package/dist/_shared/esm/{DisclosureMini-022beae3.d.ts → DisclosureMini-9b819941.d.ts} +0 -0
- /package/dist/_shared/esm/{Filter-41b391e3.d.ts → Filter-a01aed11.d.ts} +0 -0
- /package/dist/_shared/esm/{FormControl-5e3fdca3.d.ts → FormControl-f18e2f59.d.ts} +0 -0
- /package/dist/_shared/esm/{Group-d62c3f56.d.ts → Group-fb26fd32.d.ts} +0 -0
- /package/dist/_shared/esm/{Icon-fd247973.d.ts → Icon-c1af47bc.d.ts} +0 -0
- /package/dist/_shared/esm/{Image-3596ce55.d.ts → Image-3ed3863c.d.ts} +0 -0
- /package/dist/_shared/esm/{SiteFooter-8075a9bd.d.ts → SiteFooter-a182cb18.d.ts} +0 -0
- /package/dist/_shared/esm/{SiteHeader.rehydrator-4da8ac64.d.ts → SiteHeader.rehydrator-023b7b76.d.ts} +0 -0
- /package/dist/_shared/esm/{UniversalHeader-7926abde.d.ts → UniversalHeader-1c5a886d.d.ts} +0 -0
package/dist/_shared/esm/{SiteHeader.rehydrator-4da8ac64.js → SiteHeader.rehydrator-023b7b76.js}
RENAMED
|
@@ -5,11 +5,11 @@ import { u as useMediaQuery, a as ArcBreakpointL } from './index.es-00cb3bcb.js'
|
|
|
5
5
|
import { B as BtIconChevronDown2Px_2 } from './BtIconChevronDown2Px-782876e2.js';
|
|
6
6
|
import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
|
|
7
7
|
import { a as BtIconChevronRight2Px_2, B as BtIconChevronLeft2Px_2 } from './BtIconChevronRight2Px-b8e7b4ad.js';
|
|
8
|
-
import { S as Surface } from './Surface-
|
|
9
|
-
import { B as BrandLogo } from './BrandLogo-
|
|
10
|
-
import { B as Button } from './Button-
|
|
8
|
+
import { S as Surface } from './Surface-dde51789.js';
|
|
9
|
+
import { B as BrandLogo } from './BrandLogo-9ec620e8.js';
|
|
10
|
+
import { B as Button } from './Button-d1dbcf79.js';
|
|
11
11
|
import { s as suffixModifier } from './suffix-modifier-7e640670.js';
|
|
12
|
-
import { T as Text } from './Text-
|
|
12
|
+
import { T as Text } from './Text-40457811.js';
|
|
13
13
|
|
|
14
14
|
var Item = function (_a) {
|
|
15
15
|
var _b;
|
|
@@ -12,12 +12,13 @@ declare const Surface: FC<SurfaceProps>;
|
|
|
12
12
|
declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
|
|
13
13
|
declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
|
|
14
14
|
type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
|
|
15
|
+
type SurfaceBackgroundColor = "black" | "brand" | "brand-flat" | "dark" | "darker" | "coral" | "turquoise" | "light" | "lighter" | "white";
|
|
15
16
|
interface SurfaceProps extends HTMLAttributes<HTMLElement> {
|
|
16
17
|
/**
|
|
17
18
|
* Background colour of the Surface. Contents will change colour to meet
|
|
18
19
|
* accessibility requirements.
|
|
19
20
|
*/
|
|
20
|
-
background?:
|
|
21
|
+
background?: SurfaceBackgroundColor;
|
|
21
22
|
/**
|
|
22
23
|
* Content to display on the Surface.
|
|
23
24
|
*/
|
|
@@ -47,4 +48,4 @@ interface SurfaceProps extends HTMLAttributes<HTMLElement> {
|
|
|
47
48
|
*/
|
|
48
49
|
paddingVertical?: SurfacePadding;
|
|
49
50
|
}
|
|
50
|
-
export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceProps, Context as SurfaceContext };
|
|
51
|
+
export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor, SurfaceProps, Context as SurfaceContext };
|
|
@@ -20,7 +20,7 @@ var Surface = function (_a) {
|
|
|
20
20
|
surface = "dark";
|
|
21
21
|
}
|
|
22
22
|
return (React__default.createElement(Provider, { value: { surface: surface } },
|
|
23
|
-
React__default.createElement("div", __assign({ className: classNames((_b = {
|
|
23
|
+
React__default.createElement("div", __assign({ "data-testid": "arc-surface", className: classNames((_b = {
|
|
24
24
|
"arc-Surface": true
|
|
25
25
|
},
|
|
26
26
|
_b["arc-Surface--".concat(background &&
|
|
@@ -2,16 +2,16 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-
|
|
|
2
2
|
import { c as classNames } from './index-2ae58626.js';
|
|
3
3
|
import React__default, { useContext } from 'react';
|
|
4
4
|
import { s as suffixModifier } from './suffix-modifier-7e640670.js';
|
|
5
|
-
import { C as Context } from './Surface-
|
|
5
|
+
import { C as Context } from './Surface-dde51789.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Use `Text` to display text.
|
|
9
9
|
*/
|
|
10
10
|
var Text = function (_a) {
|
|
11
11
|
var _b;
|
|
12
|
-
var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, props = __rest(_a, ["align", "children", "isInline", "isMeasured", "size", "tone"]);
|
|
12
|
+
var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, id = _a.id, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, props = __rest(_a, ["align", "children", "id", "isInline", "isMeasured", "size", "tone"]);
|
|
13
13
|
var surface = useContext(Context).surface;
|
|
14
|
-
return (React__default.createElement("span", __assign({ className: classNames((_b = {
|
|
14
|
+
return (React__default.createElement("span", __assign({ id: id, className: classNames((_b = {
|
|
15
15
|
"arc-Text": true
|
|
16
16
|
},
|
|
17
17
|
_b[suffixModifier("arc-Text--align", align)] = align !== "left",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { FC } from "react";
|
|
4
|
-
import { FormControlProps } from "./FormControl-
|
|
4
|
+
import { FormControlProps } from "./FormControl-f18e2f59";
|
|
5
5
|
type EventType = React.ChangeEvent<HTMLInputElement>;
|
|
6
6
|
/**
|
|
7
7
|
* Use `TextInput` to allow custom user text entry with a keyboard.
|
|
@@ -11,6 +11,8 @@ interface TextInputProps extends Omit<FormControlProps, "children" | "elementTyp
|
|
|
11
11
|
/**
|
|
12
12
|
* Uncontrolled default value of the TextInput. If the TextInput is controlled
|
|
13
13
|
* via `value`/`onChange`, `defaultValue` will be ignored.
|
|
14
|
+
*
|
|
15
|
+
* `defaultValue` is not to be used instead of helper text.
|
|
14
16
|
*/
|
|
15
17
|
defaultValue?: string;
|
|
16
18
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
|
|
2
2
|
import { c as classNames } from './index-2ae58626.js';
|
|
3
3
|
import React__default, { forwardRef, useContext, useState } from 'react';
|
|
4
|
-
import { u as useAriaDescribedby, F as FormControl } from './FormControl-
|
|
5
|
-
import { C as Context } from './Surface-
|
|
4
|
+
import { u as useAriaDescribedby, F as FormControl } from './FormControl-f18e2f59.js';
|
|
5
|
+
import { C as Context } from './Surface-dde51789.js';
|
|
6
6
|
import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
|
|
2
2
|
import React__default, { useEffect } from 'react';
|
|
3
|
-
import { S as Surface } from './Surface-
|
|
3
|
+
import { S as Surface } from './Surface-dde51789.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Use `UniversalHeader` to display a group-level page header.
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
function _extends() {
|
|
2
|
+
_extends = Object.assign || function (target) {
|
|
3
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
4
|
+
var source = arguments[i];
|
|
5
|
+
|
|
6
|
+
for (var key in source) {
|
|
7
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
8
|
+
target[key] = source[key];
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
return target;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
return _extends.apply(this, arguments);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { _extends as _ };
|
|
@@ -1,24 +1,7 @@
|
|
|
1
|
-
import { createContext, useMemo, createElement, useContext,
|
|
1
|
+
import { useCallback, createContext, useMemo, createElement, useContext, useRef, useEffect, useState, forwardRef, Children, isValidElement, cloneElement, Fragment, useLayoutEffect, useReducer } from 'react';
|
|
2
|
+
import { _ as _extends } from './extends-4575346e.js';
|
|
2
3
|
import { flushSync } from 'react-dom';
|
|
3
4
|
|
|
4
|
-
function _extends() {
|
|
5
|
-
_extends = Object.assign || function (target) {
|
|
6
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
7
|
-
var source = arguments[i];
|
|
8
|
-
|
|
9
|
-
for (var key in source) {
|
|
10
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
11
|
-
target[key] = source[key];
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
return target;
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
return _extends.apply(this, arguments);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
5
|
function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true } = {}) {
|
|
23
6
|
return function handleEvent(event) {
|
|
24
7
|
originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
|
|
@@ -26,6 +9,29 @@ function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEven
|
|
|
26
9
|
};
|
|
27
10
|
}
|
|
28
11
|
|
|
12
|
+
/**
|
|
13
|
+
* Set a given ref to a given value
|
|
14
|
+
* This utility takes care of different types of refs: callback refs and RefObject(s)
|
|
15
|
+
*/ function $6ed0406888f73fc4$var$setRef(ref, value) {
|
|
16
|
+
if (typeof ref === 'function') ref(value);
|
|
17
|
+
else if (ref !== null && ref !== undefined) ref.current = value;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* A utility to compose multiple refs together
|
|
21
|
+
* Accepts callback refs and RefObject(s)
|
|
22
|
+
*/ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
|
|
23
|
+
return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
|
|
24
|
+
)
|
|
25
|
+
;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* A custom hook that composes multiple refs
|
|
29
|
+
* Accepts callback refs and RefObject(s)
|
|
30
|
+
*/ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
|
|
31
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32
|
+
return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
|
|
33
|
+
}
|
|
34
|
+
|
|
29
35
|
/* -------------------------------------------------------------------------------------------------
|
|
30
36
|
* createContextScope
|
|
31
37
|
* -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
|
|
@@ -124,26 +130,61 @@ function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEven
|
|
|
124
130
|
}
|
|
125
131
|
|
|
126
132
|
/**
|
|
127
|
-
*
|
|
128
|
-
*
|
|
129
|
-
*/ function $
|
|
130
|
-
|
|
131
|
-
|
|
133
|
+
* A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
|
|
134
|
+
* prop or avoid re-executing effects when passed as a dependency
|
|
135
|
+
*/ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
|
|
136
|
+
const callbackRef = useRef(callback);
|
|
137
|
+
useEffect(()=>{
|
|
138
|
+
callbackRef.current = callback;
|
|
139
|
+
}); // https://github.com/facebook/react/issues/19240
|
|
140
|
+
return useMemo(()=>(...args)=>{
|
|
141
|
+
var _callbackRef$current;
|
|
142
|
+
return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
|
|
143
|
+
}
|
|
144
|
+
, []);
|
|
132
145
|
}
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
;
|
|
146
|
+
|
|
147
|
+
function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{} }) {
|
|
148
|
+
const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
|
|
149
|
+
defaultProp: defaultProp,
|
|
150
|
+
onChange: onChange
|
|
151
|
+
});
|
|
152
|
+
const isControlled = prop !== undefined;
|
|
153
|
+
const value1 = isControlled ? prop : uncontrolledProp;
|
|
154
|
+
const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
|
|
155
|
+
const setValue = useCallback((nextValue)=>{
|
|
156
|
+
if (isControlled) {
|
|
157
|
+
const setter = nextValue;
|
|
158
|
+
const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
|
|
159
|
+
if (value !== prop) handleChange(value);
|
|
160
|
+
} else setUncontrolledProp(nextValue);
|
|
161
|
+
}, [
|
|
162
|
+
isControlled,
|
|
163
|
+
prop,
|
|
164
|
+
setUncontrolledProp,
|
|
165
|
+
handleChange
|
|
166
|
+
]);
|
|
167
|
+
return [
|
|
168
|
+
value1,
|
|
169
|
+
setValue
|
|
170
|
+
];
|
|
140
171
|
}
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
172
|
+
function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange }) {
|
|
173
|
+
const uncontrolledState = useState(defaultProp);
|
|
174
|
+
const [value] = uncontrolledState;
|
|
175
|
+
const prevValueRef = useRef(value);
|
|
176
|
+
const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
|
|
177
|
+
useEffect(()=>{
|
|
178
|
+
if (prevValueRef.current !== value) {
|
|
179
|
+
handleChange(value);
|
|
180
|
+
prevValueRef.current = value;
|
|
181
|
+
}
|
|
182
|
+
}, [
|
|
183
|
+
value,
|
|
184
|
+
prevValueRef,
|
|
185
|
+
handleChange
|
|
186
|
+
]);
|
|
187
|
+
return uncontrolledState;
|
|
147
188
|
}
|
|
148
189
|
|
|
149
190
|
/* -------------------------------------------------------------------------------------------------
|
|
@@ -178,7 +219,7 @@ $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
|
|
|
178
219
|
const { children: children , ...slotProps } = props;
|
|
179
220
|
if (/*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ cloneElement(children, {
|
|
180
221
|
...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
|
|
181
|
-
ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref)
|
|
222
|
+
ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
|
|
182
223
|
});
|
|
183
224
|
return Children.count(children) > 1 ? Children.only(null) : null;
|
|
184
225
|
});
|
|
@@ -226,9 +267,11 @@ const $8927f6f2acc4f386$var$NODES = [
|
|
|
226
267
|
'a',
|
|
227
268
|
'button',
|
|
228
269
|
'div',
|
|
270
|
+
'form',
|
|
229
271
|
'h2',
|
|
230
272
|
'h3',
|
|
231
273
|
'img',
|
|
274
|
+
'input',
|
|
232
275
|
'label',
|
|
233
276
|
'li',
|
|
234
277
|
'nav',
|
|
@@ -301,21 +344,6 @@ const $8927f6f2acc4f386$var$NODES = [
|
|
|
301
344
|
);
|
|
302
345
|
}
|
|
303
346
|
|
|
304
|
-
/**
|
|
305
|
-
* A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
|
|
306
|
-
* prop or avoid re-executing effects when passed as a dependency
|
|
307
|
-
*/ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
|
|
308
|
-
const callbackRef = useRef(callback);
|
|
309
|
-
useEffect(()=>{
|
|
310
|
-
callbackRef.current = callback;
|
|
311
|
-
}); // https://github.com/facebook/react/issues/19240
|
|
312
|
-
return useMemo(()=>(...args)=>{
|
|
313
|
-
var _callbackRef$current;
|
|
314
|
-
return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
|
|
315
|
-
}
|
|
316
|
-
, []);
|
|
317
|
-
}
|
|
318
|
-
|
|
319
347
|
/**
|
|
320
348
|
* On the server, React emits a warning when calling `useLayoutEffect`.
|
|
321
349
|
* This is because neither `useLayoutEffect` nor `useEffect` run on the server.
|
|
@@ -324,65 +352,128 @@ const $8927f6f2acc4f386$var$NODES = [
|
|
|
324
352
|
* See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
|
|
325
353
|
*/ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? useLayoutEffect : ()=>{};
|
|
326
354
|
|
|
327
|
-
function $
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
355
|
+
function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
|
|
356
|
+
return useReducer((state, event)=>{
|
|
357
|
+
const nextState = machine[state][event];
|
|
358
|
+
return nextState !== null && nextState !== void 0 ? nextState : state;
|
|
359
|
+
}, initialState);
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
|
|
363
|
+
const $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props)=>{
|
|
364
|
+
const { present: present , children: children } = props;
|
|
365
|
+
const presence = $921a889cee6df7e8$var$usePresence(present);
|
|
366
|
+
const child = typeof children === 'function' ? children({
|
|
367
|
+
present: presence.isPresent
|
|
368
|
+
}) : Children.only(children);
|
|
369
|
+
const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
|
|
370
|
+
const forceMount = typeof children === 'function';
|
|
371
|
+
return forceMount || presence.isPresent ? /*#__PURE__*/ cloneElement(child, {
|
|
372
|
+
ref: ref
|
|
373
|
+
}) : null;
|
|
374
|
+
};
|
|
375
|
+
$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence';
|
|
376
|
+
/* -------------------------------------------------------------------------------------------------
|
|
377
|
+
* usePresence
|
|
378
|
+
* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {
|
|
379
|
+
const [node1, setNode] = useState();
|
|
380
|
+
const stylesRef = useRef({});
|
|
381
|
+
const prevPresentRef = useRef(present);
|
|
382
|
+
const prevAnimationNameRef = useRef('none');
|
|
383
|
+
const initialState = present ? 'mounted' : 'unmounted';
|
|
384
|
+
const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
|
|
385
|
+
mounted: {
|
|
386
|
+
UNMOUNT: 'unmounted',
|
|
387
|
+
ANIMATION_OUT: 'unmountSuspended'
|
|
388
|
+
},
|
|
389
|
+
unmountSuspended: {
|
|
390
|
+
MOUNT: 'mounted',
|
|
391
|
+
ANIMATION_END: 'unmounted'
|
|
392
|
+
},
|
|
393
|
+
unmounted: {
|
|
394
|
+
MOUNT: 'mounted'
|
|
395
|
+
}
|
|
331
396
|
});
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
const setValue = useCallback((nextValue)=>{
|
|
336
|
-
if (isControlled) {
|
|
337
|
-
const setter = nextValue;
|
|
338
|
-
const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
|
|
339
|
-
if (value !== prop) handleChange(value);
|
|
340
|
-
} else setUncontrolledProp(nextValue);
|
|
397
|
+
useEffect(()=>{
|
|
398
|
+
const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
|
|
399
|
+
prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
|
|
341
400
|
}, [
|
|
342
|
-
|
|
343
|
-
prop,
|
|
344
|
-
setUncontrolledProp,
|
|
345
|
-
handleChange
|
|
401
|
+
state
|
|
346
402
|
]);
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
403
|
+
$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
|
|
404
|
+
const styles = stylesRef.current;
|
|
405
|
+
const wasPresent = prevPresentRef.current;
|
|
406
|
+
const hasPresentChanged = wasPresent !== present;
|
|
407
|
+
if (hasPresentChanged) {
|
|
408
|
+
const prevAnimationName = prevAnimationNameRef.current;
|
|
409
|
+
const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
|
|
410
|
+
if (present) send('MOUNT');
|
|
411
|
+
else if (currentAnimationName === 'none' || (styles === null || styles === void 0 ? void 0 : styles.display) === 'none') // If there is no exit animation or the element is hidden, animations won't run
|
|
412
|
+
// so we unmount instantly
|
|
413
|
+
send('UNMOUNT');
|
|
414
|
+
else {
|
|
415
|
+
/**
|
|
416
|
+
* When `present` changes to `false`, we check changes to animation-name to
|
|
417
|
+
* determine whether an animation has started. We chose this approach (reading
|
|
418
|
+
* computed styles) because there is no `animationrun` event and `animationstart`
|
|
419
|
+
* fires after `animation-delay` has expired which would be too late.
|
|
420
|
+
*/ const isAnimating = prevAnimationName !== currentAnimationName;
|
|
421
|
+
if (wasPresent && isAnimating) send('ANIMATION_OUT');
|
|
422
|
+
else send('UNMOUNT');
|
|
423
|
+
}
|
|
424
|
+
prevPresentRef.current = present;
|
|
361
425
|
}
|
|
362
426
|
}, [
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
handleChange
|
|
427
|
+
present,
|
|
428
|
+
send
|
|
366
429
|
]);
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
430
|
+
$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
|
|
431
|
+
if (node1) {
|
|
432
|
+
/**
|
|
433
|
+
* Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`
|
|
434
|
+
* event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we
|
|
435
|
+
* make sure we only trigger ANIMATION_END for the currently active animation.
|
|
436
|
+
*/ const handleAnimationEnd = (event)=>{
|
|
437
|
+
const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
|
|
438
|
+
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
|
439
|
+
if (event.target === node1 && isCurrentAnimation) // With React 18 concurrency this update is applied
|
|
440
|
+
// a frame after the animation ends, creating a flash of visible content.
|
|
441
|
+
// By manually flushing we ensure they sync within a frame, removing the flash.
|
|
442
|
+
flushSync(()=>send('ANIMATION_END')
|
|
443
|
+
);
|
|
444
|
+
};
|
|
445
|
+
const handleAnimationStart = (event)=>{
|
|
446
|
+
if (event.target === node1) // if animation occurred, store its name as the previous animation.
|
|
447
|
+
prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
|
|
448
|
+
};
|
|
449
|
+
node1.addEventListener('animationstart', handleAnimationStart);
|
|
450
|
+
node1.addEventListener('animationcancel', handleAnimationEnd);
|
|
451
|
+
node1.addEventListener('animationend', handleAnimationEnd);
|
|
452
|
+
return ()=>{
|
|
453
|
+
node1.removeEventListener('animationstart', handleAnimationStart);
|
|
454
|
+
node1.removeEventListener('animationcancel', handleAnimationEnd);
|
|
455
|
+
node1.removeEventListener('animationend', handleAnimationEnd);
|
|
456
|
+
};
|
|
457
|
+
} else // Transition to the unmounted state if the node is removed prematurely.
|
|
458
|
+
// We avoid doing so during cleanup as the node may change but still exist.
|
|
459
|
+
send('ANIMATION_END');
|
|
383
460
|
}, [
|
|
384
|
-
|
|
461
|
+
node1,
|
|
462
|
+
send
|
|
385
463
|
]);
|
|
464
|
+
return {
|
|
465
|
+
isPresent: [
|
|
466
|
+
'mounted',
|
|
467
|
+
'unmountSuspended'
|
|
468
|
+
].includes(state),
|
|
469
|
+
ref: useCallback((node)=>{
|
|
470
|
+
if (node) stylesRef.current = getComputedStyle(node);
|
|
471
|
+
setNode(node);
|
|
472
|
+
}, [])
|
|
473
|
+
};
|
|
474
|
+
}
|
|
475
|
+
/* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$getAnimationName(styles) {
|
|
476
|
+
return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
|
|
386
477
|
}
|
|
387
478
|
|
|
388
|
-
export { $
|
|
479
|
+
export { $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as $, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $8927f6f2acc4f386$export$250ffa63cdc0d034 as b, $6ed0406888f73fc4$export$43e446d32b3d21af as c, $c512c27ab02ef895$export$50c7b4e9d9f19c1 as d, $71cd76cc60e0454e$export$6f32135080cb4c3 as e, $921a889cee6df7e8$export$99c2b779aa4e8b8b as f, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as g, $8927f6f2acc4f386$export$6d1a0317bde7de7f as h };
|