@easypost/easy-ui 1.0.0-alpha.73 → 1.0.0-alpha.75
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/Badge/index.js +14 -14
- package/Badge/index.mjs +14 -14
- package/Banner/index.js +5 -5
- package/Banner/index.mjs +5 -5
- package/Button/Button.d.ts.map +1 -1
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/Button/utilities.d.ts.map +1 -1
- package/CHANGELOG.md +21 -0
- package/Calendar/index.js +1 -1
- package/Calendar/index.mjs +1 -1
- package/Card/Card.stories.d.ts.map +1 -1
- package/Card/index.js +1 -1
- package/Card/index.mjs +1 -1
- package/CheckableCard/index.js +6 -6
- package/CheckableCard/index.mjs +6 -6
- package/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +16 -16
- package/CodeBlock/index.mjs +17 -17
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/DataGrid/index.js +91 -80
- package/DataGrid/index.mjs +89 -78
- package/DataGrid/types.d.ts +96 -0
- package/DataGrid/types.d.ts.map +1 -0
- package/DatePicker/index.js +7 -7
- package/DatePicker/index.mjs +12 -12
- package/DateRangePicker/index.js +7 -7
- package/DateRangePicker/index.mjs +12 -12
- package/Drawer/Drawer.stories.d.ts.map +1 -1
- package/Drawer/index.js +28 -32
- package/Drawer/index.mjs +28 -32
- package/DropdownButton/index.js +13 -13
- package/DropdownButton/index.mjs +13 -13
- package/EmptyStateCard/index.js +8 -8
- package/EmptyStateCard/index.mjs +8 -8
- package/FocusedProductLayout/index.js +23 -23
- package/FocusedProductLayout/index.mjs +23 -23
- package/ForgeLayout/index.js +87 -57
- package/ForgeLayout/index.mjs +88 -58
- package/FormLayout/index.js +5 -5
- package/FormLayout/index.mjs +5 -5
- package/HorizontalGrid/index.js +1 -1
- package/HorizontalGrid/index.mjs +1 -1
- package/HorizontalStack/index.js +1 -1
- package/HorizontalStack/index.mjs +1 -1
- package/Icon/index.js +1 -1
- package/Icon/index.mjs +1 -1
- package/IconButton/index.js +13 -13
- package/IconButton/index.mjs +13 -13
- package/InputField/index.js +1 -1
- package/InputField/index.mjs +1 -1
- package/KebabButton/KebabButton.d.ts.map +1 -1
- package/KebabButton/index.js +1 -1
- package/KebabButton/index.mjs +1 -1
- package/Menu/MenuItem.d.ts.map +1 -1
- package/Menu/MenuSection.d.ts.map +1 -1
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Modal/Modal.stories.d.ts.map +1 -1
- package/Modal/index.js +23 -23
- package/Modal/index.mjs +23 -23
- package/MultiSelect/index.js +45 -45
- package/MultiSelect/index.mjs +38 -38
- package/NexusLayout/index.js +32 -32
- package/NexusLayout/index.mjs +33 -33
- package/Notification/Notification.stories.d.ts.map +1 -1
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +8 -8
- package/Pagination/index.mjs +8 -8
- package/PillGroup/index.js +1 -1
- package/PillGroup/index.mjs +1 -1
- package/ProductLayout/ProductLayout.stories.d.ts.map +1 -1
- package/ProductLayout/index.js +27 -27
- package/ProductLayout/index.mjs +27 -27
- package/Provider/index.js +3 -3
- package/Provider/index.mjs +3 -3
- package/RadioButtonGroup/index.js +6 -6
- package/RadioButtonGroup/index.mjs +9 -9
- package/RadioGroup/index.js +1 -1
- package/RadioGroup/index.mjs +1 -1
- package/RangeCalendar/index.js +1 -1
- package/RangeCalendar/index.mjs +1 -1
- package/SearchNav/CTAGroup.d.ts.map +1 -1
- package/SearchNav/LogoGroup.d.ts.map +1 -1
- package/SearchNav/index.js +29 -29
- package/SearchNav/index.mjs +29 -29
- package/SectionCard/index.js +7 -7
- package/SectionCard/index.mjs +7 -7
- package/Select/Select.stories.d.ts.map +1 -1
- package/Select/SelectOption.d.ts.map +1 -1
- package/Select/SelectSection.d.ts.map +1 -1
- package/Select/index.js +5 -5
- package/Select/index.mjs +5 -5
- package/SelectorErrorTooltip/index.js +1 -1
- package/SelectorErrorTooltip/index.mjs +1 -1
- package/Spinner/index.js +1 -1
- package/Spinner/index.mjs +1 -1
- package/SplitToggleCard/index.js +4 -4
- package/SplitToggleCard/index.mjs +4 -4
- package/Stepper/Stepper.stories.d.ts.map +1 -1
- package/Stepper/index.js +1 -1
- package/Stepper/index.mjs +1 -1
- package/TabNav/index.js +1 -1
- package/TabNav/index.mjs +1 -1
- package/TabPanels/TabPanelsItem.d.ts.map +1 -1
- package/TabPanels/index.js +5 -5
- package/TabPanels/index.mjs +8 -8
- package/Tabs/index.js +1 -1
- package/Tabs/index.mjs +1 -1
- package/Text/index.js +1 -1
- package/Text/index.mjs +1 -1
- package/TextField/index.js +1 -1
- package/TextField/index.mjs +1 -1
- package/Textarea/index.js +1 -1
- package/Textarea/index.mjs +1 -1
- package/Theme/index.js +1 -1
- package/Theme/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +2 -2
- package/ToggleCard/index.mjs +2 -2
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/index.js +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/Item.d.ts.map +1 -1
- package/VerticalNav/index.js +26 -26
- package/VerticalNav/index.mjs +27 -27
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-DhaXhFT-.mjs → Button-CSNMWizI.mjs} +5 -5
- package/__chunks__/{Button-E5WMp4Zg.js → Button-D9a9VZzF.js} +3 -3
- package/__chunks__/{Button-DHFTdAxF.js → Button-DA6XfGLP.js} +19 -19
- package/__chunks__/{Button-besQ0j6a.mjs → Button-cjD7z6sK.mjs} +19 -19
- package/__chunks__/{Calendar-p9rHaKwG.mjs → Calendar-B4BCW9t8.mjs} +2 -2
- package/__chunks__/{Calendar-C5woWpfH.js → Calendar-BGIbWVyN.js} +1 -1
- package/__chunks__/{CalendarBase-BUa-SUff.js → CalendarBase-BgzOdHfS.js} +23 -24
- package/__chunks__/{CalendarBase-mv9La5tR.mjs → CalendarBase-C_AQ7bu5.mjs} +27 -28
- package/__chunks__/{Card-DR2FXTv6.mjs → Card-DLf_ttOB.mjs} +12 -12
- package/__chunks__/{Card-DfhHosdD.js → Card-svNtJnxD.js} +12 -12
- package/__chunks__/{Checkbox-B7qn8pJg.mjs → Checkbox-BMBM6doF.mjs} +25 -25
- package/__chunks__/{Checkbox-BtIjmaiX.js → Checkbox-DEmP9BGE.js} +24 -24
- package/__chunks__/{CodeSnippet-Di6gtbdh.mjs → CodeSnippet-B6KCRlKQ.mjs} +50 -63
- package/__chunks__/{CodeSnippet-Cp3glUO1.js → CodeSnippet-BBZpDbHX.js} +50 -63
- package/__chunks__/{DatePickerBase-nYyQbAs_.mjs → DatePickerBase-VNenwOmb.mjs} +32 -32
- package/__chunks__/{DatePickerBase-D4UJlvkz.js → DatePickerBase-WNWiVJoF.js} +26 -26
- package/__chunks__/{Dialog-Bn6AgWyj.js → Dialog-Dde11Vfw.js} +7 -7
- package/__chunks__/{Dialog-CpCJycIv.mjs → Dialog-E2U6mUFU.mjs} +10 -10
- package/__chunks__/{FocusScope-Dg66t-dG.mjs → FocusScope-CQhiv02m.mjs} +3 -4
- package/__chunks__/{FocusScope-CL3-fUEU.js → FocusScope-DxiwSl55.js} +32 -33
- package/__chunks__/{HelpMenu-CLhpjJ6h.mjs → HelpMenu-Bed-PzGS.mjs} +7 -7
- package/__chunks__/{HelpMenu-DyhpQPI8.js → HelpMenu-CTNmYcKm.js} +7 -7
- package/__chunks__/{HorizontalGrid-CNc8k_zD.js → HorizontalGrid-CAwv7zKY.js} +1 -1
- package/__chunks__/{HorizontalGrid-7r8FL1aY.mjs → HorizontalGrid-Dz8EFgmu.mjs} +1 -1
- package/__chunks__/{HorizontalStack-BpcS3ASr.js → HorizontalStack-CXpjASZi.js} +1 -1
- package/__chunks__/{HorizontalStack-8RcZ4huI.mjs → HorizontalStack-CxE8tPx_.mjs} +1 -1
- package/__chunks__/{Icon-Dj1ar_iv.mjs → Icon-0SN9dbwU.mjs} +2 -2
- package/__chunks__/{Icon-lRxgQUlF.js → Icon-W8F9w-jS.js} +2 -2
- package/__chunks__/{InputCaption-Dh_ynOSC.mjs → InputCaption-CRtCXzV7.mjs} +2 -2
- package/__chunks__/{InputCaption-uusWFQO6.js → InputCaption-z01Eep0I.js} +2 -2
- package/__chunks__/{InputField-HW--yCbl.js → InputField-Bb98b1MA.js} +7 -7
- package/__chunks__/{InputField-Cc1uBSYb.mjs → InputField-Dm5yHcWV.mjs} +7 -7
- package/__chunks__/{InputIcon-C1dofAnd.mjs → InputIcon-B3t4QT3H.mjs} +31 -31
- package/__chunks__/{InputIcon-cFcmXohD.js → InputIcon-BIaAI6v9.js} +31 -31
- package/__chunks__/{KebabButton-AUlp_RzU.js → KebabButton-B9eYB6ZD.js} +5 -22
- package/__chunks__/{KebabButton-BTDy4F9A.mjs → KebabButton-gf3gFlb0.mjs} +7 -24
- package/__chunks__/{Menu-CqzvIQht.js → Menu-BVTFMAX-.js} +22 -22
- package/__chunks__/{Menu-CQghk0Xm.mjs → Menu-DJS86zDM.mjs} +23 -23
- package/__chunks__/{Notification-C5yNqG6B.js → Notification-BCS0ugaf.js} +23 -24
- package/__chunks__/{Notification-j6oXMj8T.mjs → Notification-lg6ggtug.mjs} +20 -21
- package/__chunks__/{Overlay-CwRnK9dm.js → Overlay-BqaNlC3s.js} +10 -10
- package/__chunks__/{Overlay-BtkNBEyr.mjs → Overlay-CG-kKp6T.mjs} +3 -3
- package/__chunks__/{PillGroup-Dv0EvyfJ.js → PillGroup-D-VEy6sn.js} +19 -19
- package/__chunks__/{PillGroup-DoUZjoCh.mjs → PillGroup-DZtHC3NK.mjs} +26 -26
- package/__chunks__/{RadioGroup-DhkWNcLj.js → RadioGroup-CDmT0FW5.js} +21 -21
- package/__chunks__/{RadioGroup-6LaX18PH.mjs → RadioGroup-ppUojVMB.mjs} +25 -25
- package/__chunks__/{RangeCalendar-BiJUNPv-.js → RangeCalendar-B5UtHhmt.js} +1 -1
- package/__chunks__/{RangeCalendar-DET0Ai4u.mjs → RangeCalendar-rMPxj6HM.mjs} +3 -3
- package/__chunks__/{SelectOverlay-CyK3RTnF.mjs → SelectOverlay-CG2jyYZ_.mjs} +32 -32
- package/__chunks__/{SelectOverlay-Cb0n9TrH.js → SelectOverlay-DgDBimW8.js} +28 -28
- package/__chunks__/{SelectorErrorTooltip-Dgl_s5PI.js → SelectorErrorTooltip-BfKzfYpQ.js} +4 -4
- package/__chunks__/{SelectorErrorTooltip-ixjoIXDZ.mjs → SelectorErrorTooltip-Dkuaiq7N.mjs} +4 -4
- package/__chunks__/{Spinner-C0O2rv-c.js → Spinner-BQg8KbBa.js} +4 -4
- package/__chunks__/{Spinner-_rvpJRN-.mjs → Spinner-C4B8utkI.mjs} +7 -7
- package/__chunks__/{Stepper-Bn1VUxUa.mjs → Stepper-Dbvg5Wn_.mjs} +28 -28
- package/__chunks__/{Stepper-BO0O4mnN.js → Stepper-lFftpFos.js} +27 -27
- package/__chunks__/{TabNav-Bicd788A.mjs → TabNav-CNAVzfBp.mjs} +1 -1
- package/__chunks__/{TabNav-DoPWkRzq.js → TabNav-D6mXxhua.js} +1 -1
- package/__chunks__/{Tabs-CcQ1UKFN.js → Tabs-9z2E6ZhV.js} +19 -19
- package/__chunks__/{Tabs-CtdBEP39.mjs → Tabs-Chw75GHi.mjs} +20 -20
- package/__chunks__/{Text-Bx5xQvLg.mjs → Text-BYGcKHR7.mjs} +40 -40
- package/__chunks__/{Text-BMoA0yMR.js → Text-DZ601qf9.js} +40 -40
- package/__chunks__/{TextField-Bi1S8cvA.js → TextField-Co8OtDnO.js} +1 -1
- package/__chunks__/{TextField-3cY3nKBn.mjs → TextField-HXNCIy4W.mjs} +1 -1
- package/__chunks__/{Theme-ByVPHaBx.mjs → Theme-CctofSlt.mjs} +1 -1
- package/__chunks__/{Theme-BTOgcCP2.js → Theme-Ck5K42IR.js} +1 -1
- package/__chunks__/{Toggle-8B3f76vx.js → Toggle-C1cAD3ld.js} +14 -14
- package/__chunks__/{Toggle-BVf2PQk2.mjs → Toggle-Dm0_ZvLs.mjs} +15 -15
- package/__chunks__/{Tooltip-7XwvrZnA.js → Tooltip-C9bST6SD.js} +13 -13
- package/__chunks__/{Tooltip-BEhsOxJe.mjs → Tooltip-DzWQUbuB.mjs} +14 -14
- package/__chunks__/{UnstyledButton-aKk2POM3.mjs → UnstyledButton-D0_XmlIu.mjs} +2 -2
- package/__chunks__/{UnstyledButton-BNciIRwZ.js → UnstyledButton-d3ChgECf.js} +1 -1
- package/__chunks__/{VerticalStack-7ngWLZ9D.mjs → VerticalStack-C2yDQVHD.mjs} +3 -3
- package/__chunks__/{VerticalStack-8rmfIYQv.js → VerticalStack-Dzpv3O67.js} +3 -3
- package/__chunks__/{VisuallyHidden-BW8z0u63.mjs → VisuallyHidden-Buyb8r_B.mjs} +2 -2
- package/__chunks__/{VisuallyHidden-CxznJ2eH.js → VisuallyHidden-Cl5AQsPA.js} +1 -1
- package/__chunks__/{ariaHideOutside-CCOx7fIt.js → ariaHideOutside-7ae_6If3.js} +5 -5
- package/__chunks__/{ariaHideOutside-BWTlv_g_.mjs → ariaHideOutside-b0UviP2F.mjs} +4 -4
- package/__chunks__/{context-BZH2zfKM.mjs → context-C5QKMZmh.mjs} +1 -1
- package/__chunks__/{context-B-dkBtcD.js → focusSafely-CucekFxc.js} +12 -0
- package/__chunks__/{context-ClcSNaYl.mjs → focusSafely-psnzsNzD.mjs} +15 -3
- package/__chunks__/{mergeProps-C4OYS8Nd.mjs → mergeProps-DRsiQq2k.mjs} +5 -5
- package/__chunks__/objectWithoutPropertiesLoose-C4Mip8ZU.js +21 -0
- package/__chunks__/objectWithoutPropertiesLoose-COdxq1Ge.mjs +22 -0
- package/__chunks__/{scrollIntoView-1v0vfaIN.mjs → scrollIntoView-DSPpbfzY.mjs} +1 -1
- package/__chunks__/{tokens-BolVbjJp.mjs → tokens-CyXKQDx6.mjs} +142 -142
- package/__chunks__/{tokens-BmCk-Bk0.js → tokens-MDLCVf35.js} +142 -142
- package/__chunks__/{useButton-B8EwIeGA.mjs → useButton-Doz4-YMS.mjs} +3 -3
- package/__chunks__/{useButton-BUzZ-5VB.js → useButton-SSooC6Sc.js} +2 -2
- package/__chunks__/{useCollator-CYCg6wMz.mjs → useCollator-DiblLehW.mjs} +1 -1
- package/__chunks__/{useDialog-mJmFmECS.mjs → useDialog-B6qJASRh.mjs} +3 -3
- package/__chunks__/{useDialog-BkTg_V3k.js → useDialog-CmV1awNZ.js} +2 -2
- package/__chunks__/{useEdgeInterceptors-DtSwXFEP.mjs → useEdgeInterceptors-D_DARZZd.mjs} +5 -5
- package/__chunks__/{useEdgeInterceptors-BTw8xzQs.js → useEdgeInterceptors-Ihk8NfjJ.js} +5 -5
- package/__chunks__/{useEvent-DUet8f_n.mjs → useEvent-BR4RE1uc.mjs} +1 -1
- package/__chunks__/{useField-CQfJ37Nt.mjs → useField-D71RzzwQ.mjs} +2 -2
- package/__chunks__/{useFilter-D3MAuO1e.mjs → useFilter-Cd0PVtCe.mjs} +1 -1
- package/__chunks__/{useFocus-BR2JUcSC.mjs → useFocus-BL_s_3zv.mjs} +1 -1
- package/__chunks__/{useFocus-CMM1E_s1.js → useFocus-Da6IfenG.js} +5 -5
- package/__chunks__/{useFocusRing-BbxvDonI.mjs → useFocusRing-4hM0Ggs3.mjs} +3 -3
- package/__chunks__/{useFocusRing-BTr2SNa0.js → useFocusRing-CtLKOxxD.js} +3 -3
- package/__chunks__/{utils-DTjlhnVc.js → useFocusVisible-CLoIPL6T.js} +181 -3
- package/__chunks__/{utils-_T25xnBK.mjs → useFocusVisible-CQ1e0o7u.mjs} +201 -24
- package/__chunks__/{useFocusWithin-DMidhx8C.mjs → useFocusWithin-BgSjulWP.mjs} +1 -1
- package/__chunks__/{useFocusWithin-B1KKdipT.js → useFocusWithin-T1vqkUYN.js} +8 -8
- package/__chunks__/{useFocusable-BQyiLqbY.mjs → useFocusable-C-Ge2Ht4.mjs} +3 -4
- package/__chunks__/{useFocusable-6aWd3xB2.js → useFocusable-DRHM1otK.js} +5 -6
- package/__chunks__/{useFormReset-DwIsbrAk.mjs → useFormReset-BUBASXJO.mjs} +1 -1
- package/__chunks__/{useFormValidation-SckXeoUZ.mjs → useFormValidation-Crn66hAu.mjs} +2 -2
- package/__chunks__/{useFormValidation-BqUyj3MW.js → useFormValidation-DaCYT2Ut.js} +1 -1
- package/__chunks__/{useHasTabbableChild-BkKbzCwx.mjs → useHasTabbableChild-DQC24yLO.mjs} +2 -2
- package/__chunks__/{useHasTabbableChild-OzJPDs7u.js → useHasTabbableChild-DSm3UrCF.js} +1 -1
- package/__chunks__/{useHighlightSelectionDescription-DDHTMZiR.js → useHighlightSelectionDescription-B49pg43a.js} +1 -1
- package/__chunks__/{useHighlightSelectionDescription-C3ZHe657.mjs → useHighlightSelectionDescription-BGq4guwQ.mjs} +4 -4
- package/__chunks__/{useHover-DpEGMvo6.mjs → useHover-BBXJy5NT.mjs} +1 -1
- package/__chunks__/{useHover-NuBBFo1D.js → useHover-BCKoTdS5.js} +4 -4
- package/__chunks__/{useLabel-B3S3Miea.mjs → useLabel-CMWuiLM0.mjs} +2 -2
- package/__chunks__/{useLabels-ClfID0sX.mjs → useLabels-DCSAqT2C.mjs} +1 -1
- package/__chunks__/{useLink-DyvPn11c.js → useLink-DihQM2-s.js} +2 -2
- package/__chunks__/{useLink-WThPkjA2.mjs → useLink-Dmu5rS4r.mjs} +3 -3
- package/__chunks__/{useListBoxSection-8W_ApdBB.mjs → useListBoxSection-CpQ4pADf.mjs} +8 -9
- package/__chunks__/{useListBoxSection-rWvzEd35.js → useListBoxSection-u2FxpXWK.js} +7 -8
- package/__chunks__/{useLocalizedStringFormatter-BhtDVRd3.mjs → useLocalizedStringFormatter-SC1Py3Uf.mjs} +1 -1
- package/__chunks__/{useMenuTrigger-D1J5fKGN.mjs → useMenuTrigger-BlLkvrnl.mjs} +5 -5
- package/__chunks__/{useMenuTrigger-BVkF1AqM.js → useMenuTrigger-Dq7mhK38.js} +4 -4
- package/__chunks__/{useMenuTriggerState-BtbgVHYJ.mjs → useMenuTriggerState-C-zvqrX2.mjs} +1 -1
- package/__chunks__/{useMenuTriggerState-Skj7UUPq.js → useMenuTriggerState-DmsfK2RH.js} +1 -1
- package/__chunks__/{useModalOverlay-USYfWlZ0.mjs → useModalOverlay-BlCaGnUr.mjs} +3 -3
- package/__chunks__/{useModalOverlay-VZIDHsXZ.js → useModalOverlay-C_b9YfI9.js} +2 -2
- package/__chunks__/{useOverlayPosition-4b_rkosH.js → useOverlayPosition-BIRVQjJL.js} +3 -3
- package/__chunks__/{useOverlayPosition-vVuqBjvk.mjs → useOverlayPosition-D8MX_oIt.mjs} +4 -4
- package/__chunks__/{useOverlayTrigger-Df2Gw0ns.js → useOverlayTrigger-BJJgq7LS.js} +1 -1
- package/__chunks__/{useOverlayTrigger-C_ezbQv8.mjs → useOverlayTrigger-Coc4zW72.mjs} +2 -2
- package/__chunks__/{usePress-CMfwAyab.mjs → usePress-BH70cn5g.mjs} +3 -3
- package/__chunks__/{usePress-BkfhIu8i.js → usePress-DchxjERD.js} +53 -53
- package/__chunks__/{useSelectableItem-DyTPlPnm.js → useSelectableItem-CxOGkw0W.js} +12 -13
- package/__chunks__/{useSelectableItem-DR0zbOkr.mjs → useSelectableItem-Xr4pjjqP.mjs} +8 -9
- package/__chunks__/{useSelectableList-CPXWkbh2.mjs → useSelectableList-D7mL6j6I.mjs} +2 -2
- package/__chunks__/{useSelectableList-CORVRfbM.js → useSelectableList-F9Rfjy4j.js} +1 -1
- package/__chunks__/{useTextField-BMdTAdta.mjs → useTextField-Dn8JlzYF.mjs} +6 -6
- package/__chunks__/{useTextField-CLVShmFK.js → useTextField-USpUKriF.js} +4 -4
- package/__chunks__/{useToggle-XRd89s8O.mjs → useToggle-BlKdU7Ta.mjs} +4 -4
- package/__chunks__/{useToggle-ARrVy-Wa.js → useToggle-CRkaTfEP.js} +2 -2
- package/__chunks__/{utilities-9S1EwfZA.mjs → utilities-BB2zmROs.mjs} +6 -6
- package/__chunks__/{utilities-1DzM5WE1.js → utilities-x6Aiy1EG.js} +3 -3
- package/__chunks__/{utils-VVmFE3B0.mjs → utils-CwzguevQ.mjs} +1 -1
- package/package.json +3 -3
- package/style.css +1226 -1325
- package/utilities/react.d.ts.map +1 -1
- package/utilities/storybook.d.ts +12 -88
- package/utilities/storybook.d.ts.map +1 -1
- package/__chunks__/focusSafely-DLX4i5KV.js +0 -15
- package/__chunks__/focusSafely-MpYXzuLP.mjs +0 -16
- package/__chunks__/objectWithoutPropertiesLoose-3GpnIKeG.js +0 -29
- package/__chunks__/objectWithoutPropertiesLoose-ij10PUAf.mjs +0 -30
- package/__chunks__/useFocusVisible-DFYEx6se.js +0 -182
- package/__chunks__/useFocusVisible-D_XXcaLm.mjs +0 -183
package/DataGrid/index.js
CHANGED
|
@@ -68,38 +68,37 @@ var __yieldStar = (value) => {
|
|
|
68
68
|
};
|
|
69
69
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
70
70
|
const React = require("react");
|
|
71
|
-
const Icon = require("../__chunks__/Icon-
|
|
72
|
-
const Menu = require("../__chunks__/Menu-
|
|
73
|
-
const Text = require("../__chunks__/Text-
|
|
74
|
-
const KebabButton = require("../__chunks__/KebabButton-
|
|
75
|
-
const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
|
|
71
|
+
const Icon = require("../__chunks__/Icon-W8F9w-jS.js");
|
|
72
|
+
const Menu = require("../__chunks__/Menu-BVTFMAX-.js");
|
|
73
|
+
const Text = require("../__chunks__/Text-DZ601qf9.js");
|
|
74
|
+
const KebabButton = require("../__chunks__/KebabButton-B9eYB6ZD.js");
|
|
76
75
|
const utilities_css = require("../utilities/css.js");
|
|
77
|
-
const
|
|
78
|
-
const
|
|
79
|
-
const
|
|
80
|
-
const
|
|
76
|
+
const usePress = require("../__chunks__/usePress-DchxjERD.js");
|
|
77
|
+
const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
|
|
78
|
+
const Checkbox = require("../__chunks__/Checkbox-DEmP9BGE.js");
|
|
79
|
+
const useFocusVisible = require("../__chunks__/useFocusVisible-CLoIPL6T.js");
|
|
80
|
+
const focusSafely = require("../__chunks__/focusSafely-CucekFxc.js");
|
|
81
|
+
const FocusScope = require("../__chunks__/FocusScope-DxiwSl55.js");
|
|
81
82
|
const mergeProps = require("../__chunks__/mergeProps-6pKCnMWU.js");
|
|
82
83
|
const getScrollParent = require("../__chunks__/getScrollParent-DNz2ReWu.js");
|
|
83
84
|
const scrollIntoView = require("../__chunks__/scrollIntoView-CzFYIYQT.js");
|
|
84
85
|
const context = require("../__chunks__/context-BQfsEeih.js");
|
|
85
|
-
const useSelectableItem = require("../__chunks__/useSelectableItem-
|
|
86
|
-
const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-
|
|
86
|
+
const useSelectableItem = require("../__chunks__/useSelectableItem-CxOGkw0W.js");
|
|
87
|
+
const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-B49pg43a.js");
|
|
87
88
|
const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-C3ZwxPrF.js");
|
|
88
|
-
const useFocusRing = require("../__chunks__/useFocusRing-
|
|
89
|
-
const
|
|
90
|
-
const
|
|
91
|
-
const useFocusable = require("../__chunks__/useFocusable-6aWd3xB2.js");
|
|
92
|
-
const VisuallyHidden = require("../__chunks__/VisuallyHidden-CxznJ2eH.js");
|
|
89
|
+
const useFocusRing = require("../__chunks__/useFocusRing-CtLKOxxD.js");
|
|
90
|
+
const useFocusable = require("../__chunks__/useFocusable-DRHM1otK.js");
|
|
91
|
+
const VisuallyHidden = require("../__chunks__/VisuallyHidden-Cl5AQsPA.js");
|
|
93
92
|
const SelectionManager = require("../__chunks__/SelectionManager-px2R7S_e.js");
|
|
94
|
-
const useHover = require("../__chunks__/useHover-
|
|
95
|
-
const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-
|
|
93
|
+
const useHover = require("../__chunks__/useHover-BCKoTdS5.js");
|
|
94
|
+
const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-Ihk8NfjJ.js");
|
|
96
95
|
const useResizeObserver = require("../__chunks__/useResizeObserver-BsbT3mjh.js");
|
|
97
|
-
const Spinner = require("../__chunks__/Spinner-
|
|
98
|
-
const useSelectableList = require("../__chunks__/useSelectableList-
|
|
96
|
+
const Spinner = require("../__chunks__/Spinner-BQg8KbBa.js");
|
|
97
|
+
const useSelectableList = require("../__chunks__/useSelectableList-F9Rfjy4j.js");
|
|
99
98
|
const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
|
|
100
99
|
const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
|
|
101
100
|
const useCollator = require("../__chunks__/useCollator-DpGidudE.js");
|
|
102
|
-
const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-
|
|
101
|
+
const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-DSm3UrCF.js");
|
|
103
102
|
const useUpdateEffect = require("../__chunks__/useUpdateEffect-BII0W8Ne.js");
|
|
104
103
|
function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
|
|
105
104
|
let { collection, focusMode } = props;
|
|
@@ -1964,7 +1963,7 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
|
|
|
1964
1963
|
keyboardDelegate: delegate
|
|
1965
1964
|
}), state, ref);
|
|
1966
1965
|
if (isVirtualized) gridProps["aria-rowcount"] = state.collection.size + state.collection.headerRows.length;
|
|
1967
|
-
if (
|
|
1966
|
+
if (useFocusVisible.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) gridProps.role = "treegrid";
|
|
1968
1967
|
let { column, direction: sortDirection } = state.sortDescriptor || {};
|
|
1969
1968
|
let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$2($7476b46781682bf5$exports), "@react-aria/table");
|
|
1970
1969
|
let sortDescription = React.useMemo(() => {
|
|
@@ -2017,12 +2016,12 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
|
|
|
2017
2016
|
let ariaSort = void 0;
|
|
2018
2017
|
let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
|
|
2019
2018
|
let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
|
|
2020
|
-
if (node.props.allowsSorting && !
|
|
2019
|
+
if (node.props.allowsSorting && !useFocusVisible.$c87311424ea30a05$export$a11b0059900ceec8()) ariaSort = isSortedColumn ? sortDirection : "none";
|
|
2021
2020
|
let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($7476b46781682bf5$exports), "@react-aria/table");
|
|
2022
2021
|
let sortDescription;
|
|
2023
2022
|
if (allowsSorting2) {
|
|
2024
2023
|
sortDescription = `${stringFormatter.format("sortable")}`;
|
|
2025
|
-
if (isSortedColumn && sortDirection &&
|
|
2024
|
+
if (isSortedColumn && sortDirection && useFocusVisible.$c87311424ea30a05$export$a11b0059900ceec8()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
|
|
2026
2025
|
}
|
|
2027
2026
|
let descriptionProps = scrollIntoView.$ef06256079686ba0$export$f8aeda7b10753fa1(sortDescription);
|
|
2028
2027
|
let shouldDisableFocus = state.collection.size === 0;
|
|
@@ -2065,10 +2064,10 @@ function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
|
|
|
2065
2064
|
let { node, isVirtualized } = props;
|
|
2066
2065
|
let _a = $4159a7a9cbb0cc18$export$96357d5a73f686fa(props, state, ref), { rowProps } = _a, states = __objRest(_a, ["rowProps"]);
|
|
2067
2066
|
let { direction } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
2068
|
-
if (isVirtualized && !(
|
|
2067
|
+
if (isVirtualized && !(useFocusVisible.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length;
|
|
2069
2068
|
else delete rowProps["aria-rowindex"];
|
|
2070
2069
|
let treeGridRowProps = {};
|
|
2071
|
-
if (
|
|
2070
|
+
if (useFocusVisible.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) {
|
|
2072
2071
|
let treeNode = state.keyMap.get(node.key);
|
|
2073
2072
|
if (treeNode != null) {
|
|
2074
2073
|
var _treeNode_props, _treeNode_props_children, _treeNode_props1, _getLastItem, _state_keyMap_get, _getLastItem1;
|
|
@@ -2104,7 +2103,7 @@ function $f917ee10f4c32dab$export$1b95a7d2d517b841(props, state, ref) {
|
|
|
2104
2103
|
let rowProps = {
|
|
2105
2104
|
role: "row"
|
|
2106
2105
|
};
|
|
2107
|
-
if (isVirtualized && !(
|
|
2106
|
+
if (isVirtualized && !(useFocusVisible.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1;
|
|
2108
2107
|
return {
|
|
2109
2108
|
rowProps
|
|
2110
2109
|
};
|
|
@@ -2150,6 +2149,18 @@ function $2a795c53a101c542$export$1003db6a7e384b99(state) {
|
|
|
2150
2149
|
function $0047e6c294ea075f$export$6fb1613bd7b28198() {
|
|
2151
2150
|
return $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf();
|
|
2152
2151
|
}
|
|
2152
|
+
const UnstyledPressButton$1 = "_UnstyledPressButton_1oi6s_4";
|
|
2153
|
+
const styles$8 = {
|
|
2154
|
+
UnstyledPressButton: UnstyledPressButton$1
|
|
2155
|
+
};
|
|
2156
|
+
const UnstyledPressButton = React.forwardRef((props, ref) => {
|
|
2157
|
+
const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
|
|
2158
|
+
return React.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
|
|
2159
|
+
ref,
|
|
2160
|
+
className: utilities_css.classNames(styles$8.UnstyledPressButton, pressProps.className)
|
|
2161
|
+
}));
|
|
2162
|
+
});
|
|
2163
|
+
UnstyledPressButton.displayName = "UnstyledPressButton";
|
|
2153
2164
|
const DataGridContext = React.createContext(null);
|
|
2154
2165
|
const DataGridTableContext = React.createContext(null);
|
|
2155
2166
|
const useDataGridTable = () => {
|
|
@@ -2167,7 +2178,7 @@ const useDataGridRow = () => {
|
|
|
2167
2178
|
}
|
|
2168
2179
|
return dataGridRowContext;
|
|
2169
2180
|
};
|
|
2170
|
-
const ActionsCellContent$1 = "
|
|
2181
|
+
const ActionsCellContent$1 = "_ActionsCellContent_r25f5_4";
|
|
2171
2182
|
const styles$7 = {
|
|
2172
2183
|
ActionsCellContent: ActionsCellContent$1
|
|
2173
2184
|
};
|
|
@@ -2205,7 +2216,7 @@ function ActionRowAction({ rowAction }) {
|
|
|
2205
2216
|
const handleClick = React.useCallback(() => {
|
|
2206
2217
|
onAction();
|
|
2207
2218
|
}, [onAction]);
|
|
2208
|
-
return React.createElement(
|
|
2219
|
+
return React.createElement(UnstyledPressButton, {
|
|
2209
2220
|
onPress: handleClick
|
|
2210
2221
|
}, React.createElement(Text.Text, {
|
|
2211
2222
|
visuallyHidden: true
|
|
@@ -2213,8 +2224,8 @@ function ActionRowAction({ rowAction }) {
|
|
|
2213
2224
|
symbol: rowAction.iconSymbol
|
|
2214
2225
|
}));
|
|
2215
2226
|
}
|
|
2216
|
-
const button = "
|
|
2217
|
-
const expanded$2 = "
|
|
2227
|
+
const button = "_button_2dhvf_4";
|
|
2228
|
+
const expanded$2 = "_expanded_2dhvf_22";
|
|
2218
2229
|
const styles$6 = {
|
|
2219
2230
|
button,
|
|
2220
2231
|
expanded: expanded$2
|
|
@@ -2224,7 +2235,7 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
|
|
|
2224
2235
|
toggleExpanded();
|
|
2225
2236
|
}, [toggleExpanded]);
|
|
2226
2237
|
const className = utilities_css.classNames(styles$6.button, isExpanded && styles$6.expanded);
|
|
2227
|
-
return React.createElement(
|
|
2238
|
+
return React.createElement(UnstyledPressButton, {
|
|
2228
2239
|
onPress: handleClick,
|
|
2229
2240
|
className,
|
|
2230
2241
|
"aria-expanded": isExpanded
|
|
@@ -2235,20 +2246,20 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
|
|
|
2235
2246
|
size: "xs"
|
|
2236
2247
|
}));
|
|
2237
2248
|
}
|
|
2238
|
-
const Cell$1 = "
|
|
2239
|
-
const content$1 = "
|
|
2240
|
-
const lastRow = "
|
|
2241
|
-
const focused$1 = "
|
|
2242
|
-
const rowFocused = "
|
|
2243
|
-
const expanded$1 = "
|
|
2244
|
-
const first$1 = "
|
|
2245
|
-
const firstWithActions$1 = "
|
|
2246
|
-
const secondWithActions$1 = "
|
|
2247
|
-
const last$1 = "
|
|
2248
|
-
const lastWithActions$1 = "
|
|
2249
|
-
const secondToLastWithActions$1 = "
|
|
2250
|
-
const shadowLeft$1 = "
|
|
2251
|
-
const shadowRight$1 = "
|
|
2249
|
+
const Cell$1 = "_Cell_10yt1_4";
|
|
2250
|
+
const content$1 = "_content_10yt1_13";
|
|
2251
|
+
const lastRow = "_lastRow_10yt1_24";
|
|
2252
|
+
const focused$1 = "_focused_10yt1_28";
|
|
2253
|
+
const rowFocused = "_rowFocused_10yt1_29";
|
|
2254
|
+
const expanded$1 = "_expanded_10yt1_33";
|
|
2255
|
+
const first$1 = "_first_10yt1_37";
|
|
2256
|
+
const firstWithActions$1 = "_firstWithActions_10yt1_44";
|
|
2257
|
+
const secondWithActions$1 = "_secondWithActions_10yt1_50";
|
|
2258
|
+
const last$1 = "_last_10yt1_24";
|
|
2259
|
+
const lastWithActions$1 = "_lastWithActions_10yt1_61";
|
|
2260
|
+
const secondToLastWithActions$1 = "_secondToLastWithActions_10yt1_70";
|
|
2261
|
+
const shadowLeft$1 = "_shadowLeft_10yt1_74";
|
|
2262
|
+
const shadowRight$1 = "_shadowRight_10yt1_93";
|
|
2252
2263
|
const styles$5 = {
|
|
2253
2264
|
Cell: Cell$1,
|
|
2254
2265
|
content: content$1,
|
|
@@ -2264,7 +2275,7 @@ const styles$5 = {
|
|
|
2264
2275
|
secondToLastWithActions: secondToLastWithActions$1,
|
|
2265
2276
|
shadowLeft: shadowLeft$1,
|
|
2266
2277
|
shadowRight: shadowRight$1,
|
|
2267
|
-
"static": "
|
|
2278
|
+
"static": "_static_10yt1_112"
|
|
2268
2279
|
};
|
|
2269
2280
|
function Cell({ cell, state }) {
|
|
2270
2281
|
const table2 = useDataGridTable();
|
|
@@ -2316,10 +2327,10 @@ function StaticCell({ children, colSpan }) {
|
|
|
2316
2327
|
"data-ezui-data-grid-shadow": true
|
|
2317
2328
|
})));
|
|
2318
2329
|
}
|
|
2319
|
-
const SortIndicator$1 = "
|
|
2320
|
-
const arrow = "
|
|
2321
|
-
const sorted = "
|
|
2322
|
-
const onHeaderSecondary = "
|
|
2330
|
+
const SortIndicator$1 = "_SortIndicator_19d3w_4";
|
|
2331
|
+
const arrow = "_arrow_19d3w_9";
|
|
2332
|
+
const sorted = "_sorted_19d3w_13";
|
|
2333
|
+
const onHeaderSecondary = "_onHeaderSecondary_19d3w_17";
|
|
2323
2334
|
const styles$4 = {
|
|
2324
2335
|
SortIndicator: SortIndicator$1,
|
|
2325
2336
|
arrow,
|
|
@@ -2352,19 +2363,19 @@ function Arrow(props) {
|
|
|
2352
2363
|
d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
|
|
2353
2364
|
}));
|
|
2354
2365
|
}
|
|
2355
|
-
const ColumnHeader$1 = "
|
|
2356
|
-
const content = "
|
|
2357
|
-
const allowsSorting = "
|
|
2358
|
-
const focused = "
|
|
2359
|
-
const first = "
|
|
2360
|
-
const firstWithActions = "
|
|
2361
|
-
const secondWithActions = "
|
|
2362
|
-
const last = "
|
|
2363
|
-
const lastWithActions = "
|
|
2364
|
-
const secondToLastWithActions = "
|
|
2365
|
-
const shadowBottom = "
|
|
2366
|
-
const shadowRight = "
|
|
2367
|
-
const shadowLeft = "
|
|
2366
|
+
const ColumnHeader$1 = "_ColumnHeader_irm03_4";
|
|
2367
|
+
const content = "_content_irm03_14";
|
|
2368
|
+
const allowsSorting = "_allowsSorting_irm03_25";
|
|
2369
|
+
const focused = "_focused_irm03_30";
|
|
2370
|
+
const first = "_first_irm03_43";
|
|
2371
|
+
const firstWithActions = "_firstWithActions_irm03_49";
|
|
2372
|
+
const secondWithActions = "_secondWithActions_irm03_56";
|
|
2373
|
+
const last = "_last_irm03_62";
|
|
2374
|
+
const lastWithActions = "_lastWithActions_irm03_66";
|
|
2375
|
+
const secondToLastWithActions = "_secondToLastWithActions_irm03_73";
|
|
2376
|
+
const shadowBottom = "_shadowBottom_irm03_77";
|
|
2377
|
+
const shadowRight = "_shadowRight_irm03_99";
|
|
2378
|
+
const shadowLeft = "_shadowLeft_irm03_118";
|
|
2368
2379
|
const styles$3 = {
|
|
2369
2380
|
ColumnHeader: ColumnHeader$1,
|
|
2370
2381
|
content,
|
|
@@ -2423,8 +2434,8 @@ function SelectAllColumnHeaderContent({ state }) {
|
|
|
2423
2434
|
}
|
|
2424
2435
|
return React.createElement(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
|
|
2425
2436
|
}
|
|
2426
|
-
const ExpandedRowContent$1 = "
|
|
2427
|
-
const inner = "
|
|
2437
|
+
const ExpandedRowContent$1 = "_ExpandedRowContent_180oy_4";
|
|
2438
|
+
const inner = "_inner_180oy_16";
|
|
2428
2439
|
const styles$2 = {
|
|
2429
2440
|
ExpandedRowContent: ExpandedRowContent$1,
|
|
2430
2441
|
inner
|
|
@@ -2437,11 +2448,11 @@ function ExpandedRowContent({ children }) {
|
|
|
2437
2448
|
className: utilities_css.classNames(styles$2.inner)
|
|
2438
2449
|
}, children));
|
|
2439
2450
|
}
|
|
2440
|
-
const Row$1 = "
|
|
2441
|
-
const noUserSelection = "
|
|
2442
|
-
const expanded = "
|
|
2443
|
-
const hovered = "
|
|
2444
|
-
const selected = "
|
|
2451
|
+
const Row$1 = "_Row_oip0t_4";
|
|
2452
|
+
const noUserSelection = "_noUserSelection_oip0t_10";
|
|
2453
|
+
const expanded = "_expanded_oip0t_15";
|
|
2454
|
+
const hovered = "_hovered_oip0t_21";
|
|
2455
|
+
const selected = "_selected_oip0t_25";
|
|
2445
2456
|
const styles$1 = {
|
|
2446
2457
|
Row: Row$1,
|
|
2447
2458
|
noUserSelection,
|
|
@@ -2511,15 +2522,15 @@ function StaticRow({ children }) {
|
|
|
2511
2522
|
className: styles$1.Row
|
|
2512
2523
|
}, children);
|
|
2513
2524
|
}
|
|
2514
|
-
const DataGrid$1 = "
|
|
2515
|
-
const sizeSm = "
|
|
2516
|
-
const sizeLg = "
|
|
2517
|
-
const innerContainer = "
|
|
2518
|
-
const contents = "
|
|
2519
|
-
const table = "
|
|
2520
|
-
const headerSecondary = "
|
|
2521
|
-
const headerEmphasized = "
|
|
2522
|
-
const visuallyHiddenCellContainer = "
|
|
2525
|
+
const DataGrid$1 = "_DataGrid_en1kq_4";
|
|
2526
|
+
const sizeSm = "_sizeSm_en1kq_40";
|
|
2527
|
+
const sizeLg = "_sizeLg_en1kq_45";
|
|
2528
|
+
const innerContainer = "_innerContainer_en1kq_49";
|
|
2529
|
+
const contents = "_contents_en1kq_54";
|
|
2530
|
+
const table = "_table_en1kq_58";
|
|
2531
|
+
const headerSecondary = "_headerSecondary_en1kq_66";
|
|
2532
|
+
const headerEmphasized = "_headerEmphasized_en1kq_71";
|
|
2533
|
+
const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_en1kq_75";
|
|
2523
2534
|
const styles = {
|
|
2524
2535
|
DataGrid: DataGrid$1,
|
|
2525
2536
|
sizeSm,
|
package/DataGrid/index.mjs
CHANGED
|
@@ -65,39 +65,38 @@ var __yieldStar = (value) => {
|
|
|
65
65
|
throw x;
|
|
66
66
|
}, "return" in obj && method("return"), it;
|
|
67
67
|
};
|
|
68
|
-
import React__default, { useMemo, useRef, useEffect, useState, useCallback, createContext, useContext, useLayoutEffect } from "react";
|
|
69
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
70
|
-
import { M as Menu } from "../__chunks__/Menu-
|
|
71
|
-
import { T as Text } from "../__chunks__/Text-
|
|
72
|
-
import { K as KebabButton
|
|
73
|
-
import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
|
|
68
|
+
import React__default, { useMemo, useRef, useEffect, useState, useCallback, forwardRef, createContext, useContext, useLayoutEffect } from "react";
|
|
69
|
+
import { I as Icon } from "../__chunks__/Icon-0SN9dbwU.mjs";
|
|
70
|
+
import { M as Menu } from "../__chunks__/Menu-DJS86zDM.mjs";
|
|
71
|
+
import { T as Text } from "../__chunks__/Text-BYGcKHR7.mjs";
|
|
72
|
+
import { K as KebabButton } from "../__chunks__/KebabButton-gf3gFlb0.mjs";
|
|
74
73
|
import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import { $ as $
|
|
79
|
-
import {
|
|
74
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, f as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/usePress-BH70cn5g.mjs";
|
|
75
|
+
import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
|
|
76
|
+
import { C as Checkbox } from "../__chunks__/Checkbox-BMBM6doF.mjs";
|
|
77
|
+
import { f as $507fabe10e71c6fb$export$b9b3dfddab17db27, B as $f4e2df6bd15f8569$export$1b00cb14a96194e6, o as $c87311424ea30a05$export$a11b0059900ceec8 } from "../__chunks__/useFocusVisible-CQ1e0o7u.mjs";
|
|
78
|
+
import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "../__chunks__/focusSafely-psnzsNzD.mjs";
|
|
79
|
+
import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-CQhiv02m.mjs";
|
|
80
|
+
import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "../__chunks__/mergeProps-DRsiQq2k.mjs";
|
|
80
81
|
import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "../__chunks__/getScrollParent-B5CCP-yO.mjs";
|
|
81
|
-
import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-
|
|
82
|
-
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-
|
|
83
|
-
import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-
|
|
84
|
-
import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-
|
|
85
|
-
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-
|
|
86
|
-
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-BQyiLqbY.mjs";
|
|
90
|
-
import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-BW8z0u63.mjs";
|
|
82
|
+
import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-DSPpbfzY.mjs";
|
|
83
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-C5QKMZmh.mjs";
|
|
84
|
+
import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-Xr4pjjqP.mjs";
|
|
85
|
+
import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-BGq4guwQ.mjs";
|
|
86
|
+
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-SC1Py3Uf.mjs";
|
|
87
|
+
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-4hM0Ggs3.mjs";
|
|
88
|
+
import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-C-Ge2Ht4.mjs";
|
|
89
|
+
import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-Buyb8r_B.mjs";
|
|
91
90
|
import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, c as $c5a24bc478652b5f$export$1005530eda016c13, d as $c5a24bc478652b5f$export$7475b2c64539e4cf, e as $c5a24bc478652b5f$export$fbdeaa6a76694f71, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, a as $7613b1592d41b092$export$6cd28814d92fa9c9, f as $c5a24bc478652b5f$export$5f3398f8733f90e2 } from "../__chunks__/SelectionManager-my6312qq.mjs";
|
|
92
|
-
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-
|
|
93
|
-
import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-
|
|
91
|
+
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-BBXJy5NT.mjs";
|
|
92
|
+
import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-D_DARZZd.mjs";
|
|
94
93
|
import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-Dyb4wvuA.mjs";
|
|
95
|
-
import { S as Spinner } from "../__chunks__/Spinner-
|
|
96
|
-
import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-
|
|
94
|
+
import { S as Spinner } from "../__chunks__/Spinner-C4B8utkI.mjs";
|
|
95
|
+
import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-D7mL6j6I.mjs";
|
|
97
96
|
import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
|
|
98
97
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
|
|
99
|
-
import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-
|
|
100
|
-
import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-
|
|
98
|
+
import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-DiblLehW.mjs";
|
|
99
|
+
import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-DQC24yLO.mjs";
|
|
101
100
|
import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-C9amKlvd.mjs";
|
|
102
101
|
function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
|
|
103
102
|
let { collection, focusMode } = props;
|
|
@@ -2148,6 +2147,18 @@ function $2a795c53a101c542$export$1003db6a7e384b99(state) {
|
|
|
2148
2147
|
function $0047e6c294ea075f$export$6fb1613bd7b28198() {
|
|
2149
2148
|
return $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf();
|
|
2150
2149
|
}
|
|
2150
|
+
const UnstyledPressButton$1 = "_UnstyledPressButton_1oi6s_4";
|
|
2151
|
+
const styles$8 = {
|
|
2152
|
+
UnstyledPressButton: UnstyledPressButton$1
|
|
2153
|
+
};
|
|
2154
|
+
const UnstyledPressButton = forwardRef((props, ref) => {
|
|
2155
|
+
const { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(props);
|
|
2156
|
+
return React__default.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
|
|
2157
|
+
ref,
|
|
2158
|
+
className: classNames(styles$8.UnstyledPressButton, pressProps.className)
|
|
2159
|
+
}));
|
|
2160
|
+
});
|
|
2161
|
+
UnstyledPressButton.displayName = "UnstyledPressButton";
|
|
2151
2162
|
const DataGridContext = createContext(null);
|
|
2152
2163
|
const DataGridTableContext = createContext(null);
|
|
2153
2164
|
const useDataGridTable = () => {
|
|
@@ -2165,7 +2176,7 @@ const useDataGridRow = () => {
|
|
|
2165
2176
|
}
|
|
2166
2177
|
return dataGridRowContext;
|
|
2167
2178
|
};
|
|
2168
|
-
const ActionsCellContent$1 = "
|
|
2179
|
+
const ActionsCellContent$1 = "_ActionsCellContent_r25f5_4";
|
|
2169
2180
|
const styles$7 = {
|
|
2170
2181
|
ActionsCellContent: ActionsCellContent$1
|
|
2171
2182
|
};
|
|
@@ -2211,8 +2222,8 @@ function ActionRowAction({ rowAction }) {
|
|
|
2211
2222
|
symbol: rowAction.iconSymbol
|
|
2212
2223
|
}));
|
|
2213
2224
|
}
|
|
2214
|
-
const button = "
|
|
2215
|
-
const expanded$2 = "
|
|
2225
|
+
const button = "_button_2dhvf_4";
|
|
2226
|
+
const expanded$2 = "_expanded_2dhvf_22";
|
|
2216
2227
|
const styles$6 = {
|
|
2217
2228
|
button,
|
|
2218
2229
|
expanded: expanded$2
|
|
@@ -2233,20 +2244,20 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
|
|
|
2233
2244
|
size: "xs"
|
|
2234
2245
|
}));
|
|
2235
2246
|
}
|
|
2236
|
-
const Cell$1 = "
|
|
2237
|
-
const content$1 = "
|
|
2238
|
-
const lastRow = "
|
|
2239
|
-
const focused$1 = "
|
|
2240
|
-
const rowFocused = "
|
|
2241
|
-
const expanded$1 = "
|
|
2242
|
-
const first$1 = "
|
|
2243
|
-
const firstWithActions$1 = "
|
|
2244
|
-
const secondWithActions$1 = "
|
|
2245
|
-
const last$1 = "
|
|
2246
|
-
const lastWithActions$1 = "
|
|
2247
|
-
const secondToLastWithActions$1 = "
|
|
2248
|
-
const shadowLeft$1 = "
|
|
2249
|
-
const shadowRight$1 = "
|
|
2247
|
+
const Cell$1 = "_Cell_10yt1_4";
|
|
2248
|
+
const content$1 = "_content_10yt1_13";
|
|
2249
|
+
const lastRow = "_lastRow_10yt1_24";
|
|
2250
|
+
const focused$1 = "_focused_10yt1_28";
|
|
2251
|
+
const rowFocused = "_rowFocused_10yt1_29";
|
|
2252
|
+
const expanded$1 = "_expanded_10yt1_33";
|
|
2253
|
+
const first$1 = "_first_10yt1_37";
|
|
2254
|
+
const firstWithActions$1 = "_firstWithActions_10yt1_44";
|
|
2255
|
+
const secondWithActions$1 = "_secondWithActions_10yt1_50";
|
|
2256
|
+
const last$1 = "_last_10yt1_24";
|
|
2257
|
+
const lastWithActions$1 = "_lastWithActions_10yt1_61";
|
|
2258
|
+
const secondToLastWithActions$1 = "_secondToLastWithActions_10yt1_70";
|
|
2259
|
+
const shadowLeft$1 = "_shadowLeft_10yt1_74";
|
|
2260
|
+
const shadowRight$1 = "_shadowRight_10yt1_93";
|
|
2250
2261
|
const styles$5 = {
|
|
2251
2262
|
Cell: Cell$1,
|
|
2252
2263
|
content: content$1,
|
|
@@ -2262,7 +2273,7 @@ const styles$5 = {
|
|
|
2262
2273
|
secondToLastWithActions: secondToLastWithActions$1,
|
|
2263
2274
|
shadowLeft: shadowLeft$1,
|
|
2264
2275
|
shadowRight: shadowRight$1,
|
|
2265
|
-
"static": "
|
|
2276
|
+
"static": "_static_10yt1_112"
|
|
2266
2277
|
};
|
|
2267
2278
|
function Cell({ cell, state }) {
|
|
2268
2279
|
const table2 = useDataGridTable();
|
|
@@ -2314,10 +2325,10 @@ function StaticCell({ children, colSpan }) {
|
|
|
2314
2325
|
"data-ezui-data-grid-shadow": true
|
|
2315
2326
|
})));
|
|
2316
2327
|
}
|
|
2317
|
-
const SortIndicator$1 = "
|
|
2318
|
-
const arrow = "
|
|
2319
|
-
const sorted = "
|
|
2320
|
-
const onHeaderSecondary = "
|
|
2328
|
+
const SortIndicator$1 = "_SortIndicator_19d3w_4";
|
|
2329
|
+
const arrow = "_arrow_19d3w_9";
|
|
2330
|
+
const sorted = "_sorted_19d3w_13";
|
|
2331
|
+
const onHeaderSecondary = "_onHeaderSecondary_19d3w_17";
|
|
2321
2332
|
const styles$4 = {
|
|
2322
2333
|
SortIndicator: SortIndicator$1,
|
|
2323
2334
|
arrow,
|
|
@@ -2350,19 +2361,19 @@ function Arrow(props) {
|
|
|
2350
2361
|
d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
|
|
2351
2362
|
}));
|
|
2352
2363
|
}
|
|
2353
|
-
const ColumnHeader$1 = "
|
|
2354
|
-
const content = "
|
|
2355
|
-
const allowsSorting = "
|
|
2356
|
-
const focused = "
|
|
2357
|
-
const first = "
|
|
2358
|
-
const firstWithActions = "
|
|
2359
|
-
const secondWithActions = "
|
|
2360
|
-
const last = "
|
|
2361
|
-
const lastWithActions = "
|
|
2362
|
-
const secondToLastWithActions = "
|
|
2363
|
-
const shadowBottom = "
|
|
2364
|
-
const shadowRight = "
|
|
2365
|
-
const shadowLeft = "
|
|
2364
|
+
const ColumnHeader$1 = "_ColumnHeader_irm03_4";
|
|
2365
|
+
const content = "_content_irm03_14";
|
|
2366
|
+
const allowsSorting = "_allowsSorting_irm03_25";
|
|
2367
|
+
const focused = "_focused_irm03_30";
|
|
2368
|
+
const first = "_first_irm03_43";
|
|
2369
|
+
const firstWithActions = "_firstWithActions_irm03_49";
|
|
2370
|
+
const secondWithActions = "_secondWithActions_irm03_56";
|
|
2371
|
+
const last = "_last_irm03_62";
|
|
2372
|
+
const lastWithActions = "_lastWithActions_irm03_66";
|
|
2373
|
+
const secondToLastWithActions = "_secondToLastWithActions_irm03_73";
|
|
2374
|
+
const shadowBottom = "_shadowBottom_irm03_77";
|
|
2375
|
+
const shadowRight = "_shadowRight_irm03_99";
|
|
2376
|
+
const shadowLeft = "_shadowLeft_irm03_118";
|
|
2366
2377
|
const styles$3 = {
|
|
2367
2378
|
ColumnHeader: ColumnHeader$1,
|
|
2368
2379
|
content,
|
|
@@ -2421,8 +2432,8 @@ function SelectAllColumnHeaderContent({ state }) {
|
|
|
2421
2432
|
}
|
|
2422
2433
|
return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
|
|
2423
2434
|
}
|
|
2424
|
-
const ExpandedRowContent$1 = "
|
|
2425
|
-
const inner = "
|
|
2435
|
+
const ExpandedRowContent$1 = "_ExpandedRowContent_180oy_4";
|
|
2436
|
+
const inner = "_inner_180oy_16";
|
|
2426
2437
|
const styles$2 = {
|
|
2427
2438
|
ExpandedRowContent: ExpandedRowContent$1,
|
|
2428
2439
|
inner
|
|
@@ -2435,11 +2446,11 @@ function ExpandedRowContent({ children }) {
|
|
|
2435
2446
|
className: classNames(styles$2.inner)
|
|
2436
2447
|
}, children));
|
|
2437
2448
|
}
|
|
2438
|
-
const Row$1 = "
|
|
2439
|
-
const noUserSelection = "
|
|
2440
|
-
const expanded = "
|
|
2441
|
-
const hovered = "
|
|
2442
|
-
const selected = "
|
|
2449
|
+
const Row$1 = "_Row_oip0t_4";
|
|
2450
|
+
const noUserSelection = "_noUserSelection_oip0t_10";
|
|
2451
|
+
const expanded = "_expanded_oip0t_15";
|
|
2452
|
+
const hovered = "_hovered_oip0t_21";
|
|
2453
|
+
const selected = "_selected_oip0t_25";
|
|
2443
2454
|
const styles$1 = {
|
|
2444
2455
|
Row: Row$1,
|
|
2445
2456
|
noUserSelection,
|
|
@@ -2509,15 +2520,15 @@ function StaticRow({ children }) {
|
|
|
2509
2520
|
className: styles$1.Row
|
|
2510
2521
|
}, children);
|
|
2511
2522
|
}
|
|
2512
|
-
const DataGrid$1 = "
|
|
2513
|
-
const sizeSm = "
|
|
2514
|
-
const sizeLg = "
|
|
2515
|
-
const innerContainer = "
|
|
2516
|
-
const contents = "
|
|
2517
|
-
const table = "
|
|
2518
|
-
const headerSecondary = "
|
|
2519
|
-
const headerEmphasized = "
|
|
2520
|
-
const visuallyHiddenCellContainer = "
|
|
2523
|
+
const DataGrid$1 = "_DataGrid_en1kq_4";
|
|
2524
|
+
const sizeSm = "_sizeSm_en1kq_40";
|
|
2525
|
+
const sizeLg = "_sizeLg_en1kq_45";
|
|
2526
|
+
const innerContainer = "_innerContainer_en1kq_49";
|
|
2527
|
+
const contents = "_contents_en1kq_54";
|
|
2528
|
+
const table = "_table_en1kq_58";
|
|
2529
|
+
const headerSecondary = "_headerSecondary_en1kq_66";
|
|
2530
|
+
const headerEmphasized = "_headerEmphasized_en1kq_71";
|
|
2531
|
+
const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_en1kq_75";
|
|
2521
2532
|
const styles = {
|
|
2522
2533
|
DataGrid: DataGrid$1,
|
|
2523
2534
|
sizeSm,
|