@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.71
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 +16 -16
- package/Badge/index.mjs +14 -14
- package/Banner/index.js +7 -7
- package/Banner/index.mjs +5 -5
- package/Button/Button.d.ts +12 -10
- package/Button/Button.d.ts.map +1 -1
- package/Button/Button.stories.d.ts +11 -9
- package/Button/Button.stories.d.ts.map +1 -1
- package/Button/index.js +2 -92
- package/Button/index.mjs +2 -92
- package/Button/utilities.d.ts +4 -0
- package/Button/utilities.d.ts.map +1 -1
- package/CHANGELOG.md +552 -0
- package/Calendar/Calendar.d.ts +67 -0
- package/Calendar/Calendar.d.ts.map +1 -0
- package/Calendar/Calendar.stories.d.ts +15 -0
- package/Calendar/Calendar.stories.d.ts.map +1 -0
- package/Calendar/Calendar.test.d.ts +2 -0
- package/Calendar/Calendar.test.d.ts.map +1 -0
- package/Calendar/CalendarBase.d.ts +57 -0
- package/Calendar/CalendarBase.d.ts.map +1 -0
- package/Calendar/CalendarCell.d.ts +12 -0
- package/Calendar/CalendarCell.d.ts.map +1 -0
- package/Calendar/CalendarGrid.d.ts +9 -0
- package/Calendar/CalendarGrid.d.ts.map +1 -0
- package/Calendar/CalendarHeader.d.ts +20 -0
- package/Calendar/CalendarHeader.d.ts.map +1 -0
- package/Calendar/index.d.ts +2 -0
- package/Calendar/index.d.ts.map +1 -0
- package/Calendar/index.js +4 -0
- package/Calendar/index.mjs +4 -0
- package/Card/Card.d.ts +62 -5
- package/Card/Card.d.ts.map +1 -1
- package/Card/Card.stories.d.ts +5 -0
- package/Card/Card.stories.d.ts.map +1 -1
- package/Card/index.js +3 -84
- package/Card/index.mjs +3 -84
- package/CheckableCard/CheckableCard.d.ts +28 -0
- package/CheckableCard/CheckableCard.d.ts.map +1 -0
- package/CheckableCard/CheckableCard.stories.d.ts +7 -0
- package/CheckableCard/CheckableCard.stories.d.ts.map +1 -0
- package/CheckableCard/CheckableCard.test.d.ts +2 -0
- package/CheckableCard/CheckableCard.test.d.ts.map +1 -0
- package/CheckableCard/index.d.ts +2 -0
- package/CheckableCard/index.d.ts.map +1 -0
- package/CheckableCard/index.js +65 -0
- package/CheckableCard/index.mjs +65 -0
- package/Checkbox/Checkbox.d.ts +1 -1
- package/Checkbox/Checkbox.d.ts.map +1 -1
- package/Checkbox/Checkbox.stories.d.ts +1 -0
- package/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/Checkbox/Checkbox.test.d.ts +1 -2
- package/Checkbox/Checkbox.test.d.ts.map +1 -1
- package/Checkbox/index.js +3 -231
- package/Checkbox/index.mjs +3 -215
- package/CodeBlock/CodeBlock.d.ts +6 -0
- package/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/CodeBlock/CodeBlock.stories.d.ts.map +1 -1
- package/CodeBlock/LanguageMenu.d.ts.map +1 -1
- package/CodeBlock/index.js +177 -177
- package/CodeBlock/index.mjs +160 -160
- package/CodeSnippet/CodeSnippet.d.ts +3 -3
- package/CodeSnippet/CodeSnippet.d.ts.map +1 -1
- package/CodeSnippet/CodeSnippet.stories.d.ts.map +1 -1
- package/CodeSnippet/SyntaxHighlighter.d.ts +7 -0
- package/CodeSnippet/SyntaxHighlighter.d.ts.map +1 -1
- package/CodeSnippet/index.js +2 -9
- package/CodeSnippet/index.mjs +2 -9
- package/CodeSnippet/theme.d.ts +0 -1
- package/CodeSnippet/theme.d.ts.map +1 -1
- package/DataGrid/ActionsCellContent.d.ts +8 -0
- package/DataGrid/ActionsCellContent.d.ts.map +1 -0
- package/DataGrid/Cell.d.ts +15 -0
- package/DataGrid/Cell.d.ts.map +1 -0
- package/DataGrid/ColumnHeader.d.ts +10 -0
- package/DataGrid/ColumnHeader.d.ts.map +1 -0
- package/DataGrid/DataGrid.d.ts +39 -0
- package/DataGrid/DataGrid.d.ts.map +1 -0
- package/DataGrid/DataGrid.stories.d.ts +19 -0
- package/DataGrid/DataGrid.stories.d.ts.map +1 -0
- package/DataGrid/DataGrid.test.d.ts +2 -0
- package/DataGrid/DataGrid.test.d.ts.map +1 -0
- package/DataGrid/ExpandCellContent.d.ts +8 -0
- package/DataGrid/ExpandCellContent.d.ts.map +1 -0
- package/DataGrid/ExpandedRowContent.d.ts +7 -0
- package/DataGrid/ExpandedRowContent.d.ts.map +1 -0
- package/DataGrid/HeaderRow.d.ts +11 -0
- package/DataGrid/HeaderRow.d.ts.map +1 -0
- package/DataGrid/Row.d.ts +16 -0
- package/DataGrid/Row.d.ts.map +1 -0
- package/DataGrid/RowGroup.d.ts +8 -0
- package/DataGrid/RowGroup.d.ts.map +1 -0
- package/DataGrid/SortIndicator.d.ts +7 -0
- package/DataGrid/SortIndicator.d.ts.map +1 -0
- package/DataGrid/Table.d.ts +8 -0
- package/DataGrid/Table.d.ts.map +1 -0
- package/DataGrid/VisuallyHiddenCellContent.d.ts +7 -0
- package/DataGrid/VisuallyHiddenCellContent.d.ts.map +1 -0
- package/DataGrid/constants.d.ts +5 -0
- package/DataGrid/constants.d.ts.map +1 -0
- package/DataGrid/context.d.ts +31 -0
- package/DataGrid/context.d.ts.map +1 -0
- package/DataGrid/index.d.ts +2 -0
- package/DataGrid/index.d.ts.map +1 -0
- package/DataGrid/index.js +2738 -0
- package/DataGrid/index.mjs +2738 -0
- package/DataGrid/useEdgeInterceptors.d.ts +15 -0
- package/DataGrid/useEdgeInterceptors.d.ts.map +1 -0
- package/DataGrid/useExpandedRow.d.ts +14 -0
- package/DataGrid/useExpandedRow.d.ts.map +1 -0
- package/DataGrid/useGridTemplate.d.ts +14 -0
- package/DataGrid/useGridTemplate.d.ts.map +1 -0
- package/DatePicker/DateField.d.ts +14 -0
- package/DatePicker/DateField.d.ts.map +1 -0
- package/DatePicker/DatePicker.d.ts +91 -0
- package/DatePicker/DatePicker.d.ts.map +1 -0
- package/DatePicker/DatePicker.stories.d.ts +14 -0
- package/DatePicker/DatePicker.stories.d.ts.map +1 -0
- package/DatePicker/DatePicker.test.d.ts +2 -0
- package/DatePicker/DatePicker.test.d.ts.map +1 -0
- package/DatePicker/DatePickerBase.d.ts +32 -0
- package/DatePicker/DatePickerBase.d.ts.map +1 -0
- package/DatePicker/DatePickerOverlay.d.ts +12 -0
- package/DatePicker/DatePickerOverlay.d.ts.map +1 -0
- package/DatePicker/DatePickerTrigger.d.ts +20 -0
- package/DatePicker/DatePickerTrigger.d.ts.map +1 -0
- package/DatePicker/index.d.ts +2 -0
- package/DatePicker/index.d.ts.map +1 -0
- package/DatePicker/index.js +275 -0
- package/DatePicker/index.mjs +275 -0
- package/DateRangePicker/DateRangePicker.d.ts +89 -0
- package/DateRangePicker/DateRangePicker.d.ts.map +1 -0
- package/DateRangePicker/DateRangePicker.stories.d.ts +14 -0
- package/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -0
- package/DateRangePicker/DateRangePicker.test.d.ts +2 -0
- package/DateRangePicker/DateRangePicker.test.d.ts.map +1 -0
- package/DateRangePicker/index.d.ts +2 -0
- package/DateRangePicker/index.d.ts.map +1 -0
- package/DateRangePicker/index.js +434 -0
- package/DateRangePicker/index.mjs +434 -0
- package/Drawer/Drawer.d.ts +53 -0
- package/Drawer/Drawer.d.ts.map +1 -0
- package/Drawer/Drawer.stories.d.ts +14 -0
- package/Drawer/Drawer.stories.d.ts.map +1 -0
- package/Drawer/Drawer.test.d.ts +2 -0
- package/Drawer/Drawer.test.d.ts.map +1 -0
- package/Drawer/DrawerBanner.d.ts +9 -0
- package/Drawer/DrawerBanner.d.ts.map +1 -0
- package/Drawer/DrawerBody.d.ts +10 -0
- package/Drawer/DrawerBody.d.ts.map +1 -0
- package/Drawer/DrawerCloseButton.d.ts +3 -0
- package/Drawer/DrawerCloseButton.d.ts.map +1 -0
- package/Drawer/DrawerContainer.d.ts +18 -0
- package/Drawer/DrawerContainer.d.ts.map +1 -0
- package/Drawer/DrawerContentArea.d.ts +17 -0
- package/Drawer/DrawerContentArea.d.ts.map +1 -0
- package/Drawer/DrawerHeader.d.ts +12 -0
- package/Drawer/DrawerHeader.d.ts.map +1 -0
- package/Drawer/DrawerTrigger.d.ts +26 -0
- package/Drawer/DrawerTrigger.d.ts.map +1 -0
- package/Drawer/DrawerUnderlay.d.ts +23 -0
- package/Drawer/DrawerUnderlay.d.ts.map +1 -0
- package/Drawer/context.d.ts +21 -0
- package/Drawer/context.d.ts.map +1 -0
- package/Drawer/index.d.ts +2 -0
- package/Drawer/index.d.ts.map +1 -0
- package/Drawer/index.js +2068 -0
- package/Drawer/index.mjs +2052 -0
- package/Drawer/useIntersectionDetection.d.ts +10 -0
- package/Drawer/useIntersectionDetection.d.ts.map +1 -0
- package/DropdownButton/DropdownButton.d.ts +3 -3
- package/DropdownButton/DropdownButton.d.ts.map +1 -1
- package/DropdownButton/DropdownButton.stories.d.ts +5 -5
- package/DropdownButton/DropdownButton.stories.d.ts.map +1 -1
- package/DropdownButton/index.js +17 -20
- package/DropdownButton/index.mjs +14 -17
- package/EmptyStateCard/EmptyStateCard.d.ts +87 -0
- package/EmptyStateCard/EmptyStateCard.d.ts.map +1 -0
- package/EmptyStateCard/EmptyStateCard.stories.d.ts +10 -0
- package/EmptyStateCard/EmptyStateCard.stories.d.ts.map +1 -0
- package/EmptyStateCard/EmptyStateCard.test.d.ts +2 -0
- package/EmptyStateCard/EmptyStateCard.test.d.ts.map +1 -0
- package/EmptyStateCard/index.d.ts +2 -0
- package/EmptyStateCard/index.d.ts.map +1 -0
- package/EmptyStateCard/index.js +127 -0
- package/EmptyStateCard/index.mjs +127 -0
- package/EmptyStateCard/utilities.d.ts +3 -0
- package/EmptyStateCard/utilities.d.ts.map +1 -0
- package/FocusedProductLayout/BackArrow.d.ts +4 -0
- package/FocusedProductLayout/BackArrow.d.ts.map +1 -0
- package/FocusedProductLayout/Content.d.ts +10 -0
- package/FocusedProductLayout/Content.d.ts.map +1 -0
- package/FocusedProductLayout/FocusedProductLayout.d.ts +111 -0
- package/FocusedProductLayout/FocusedProductLayout.d.ts.map +1 -0
- package/FocusedProductLayout/FocusedProductLayout.stories.d.ts +12 -0
- package/FocusedProductLayout/FocusedProductLayout.stories.d.ts.map +1 -0
- package/FocusedProductLayout/FocusedProductLayout.test.d.ts +2 -0
- package/FocusedProductLayout/FocusedProductLayout.test.d.ts.map +1 -0
- package/FocusedProductLayout/HeaderAtTopOfPage.d.ts +11 -0
- package/FocusedProductLayout/HeaderAtTopOfPage.d.ts.map +1 -0
- package/FocusedProductLayout/HeaderInContentArea.d.ts +11 -0
- package/FocusedProductLayout/HeaderInContentArea.d.ts.map +1 -0
- package/FocusedProductLayout/SidePanel.d.ts +13 -0
- package/FocusedProductLayout/SidePanel.d.ts.map +1 -0
- package/FocusedProductLayout/WizardContent.d.ts +49 -0
- package/FocusedProductLayout/WizardContent.d.ts.map +1 -0
- package/FocusedProductLayout/index.d.ts +2 -0
- package/FocusedProductLayout/index.d.ts.map +1 -0
- package/FocusedProductLayout/index.js +186 -0
- package/FocusedProductLayout/index.mjs +186 -0
- package/ForgeLayout/ForgeLayout.d.ts +138 -0
- package/ForgeLayout/ForgeLayout.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayout.stories.d.ts +9 -0
- package/ForgeLayout/ForgeLayout.stories.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayout.test.d.ts +2 -0
- package/ForgeLayout/ForgeLayout.test.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayoutActions.d.ts +50 -0
- package/ForgeLayout/ForgeLayoutActions.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayoutControls.d.ts +38 -0
- package/ForgeLayout/ForgeLayoutControls.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayoutHeader.d.ts +18 -0
- package/ForgeLayout/ForgeLayoutHeader.d.ts.map +1 -0
- package/ForgeLayout/ForgeLayoutNav.d.ts +35 -0
- package/ForgeLayout/ForgeLayoutNav.d.ts.map +1 -0
- package/ForgeLayout/index.d.ts +2 -0
- package/ForgeLayout/index.d.ts.map +1 -0
- package/ForgeLayout/index.js +500 -0
- package/ForgeLayout/index.mjs +500 -0
- package/FormLayout/FormLayout.d.ts +55 -0
- package/FormLayout/FormLayout.d.ts.map +1 -0
- package/FormLayout/FormLayout.stories.d.ts +13 -0
- package/FormLayout/FormLayout.stories.d.ts.map +1 -0
- package/FormLayout/FormLayout.test.d.ts +2 -0
- package/FormLayout/FormLayout.test.d.ts.map +1 -0
- package/FormLayout/Grid.d.ts +19 -0
- package/FormLayout/Grid.d.ts.map +1 -0
- package/FormLayout/Header.d.ts +9 -0
- package/FormLayout/Header.d.ts.map +1 -0
- package/FormLayout/HelperText.d.ts +13 -0
- package/FormLayout/HelperText.d.ts.map +1 -0
- package/FormLayout/Section.d.ts +12 -0
- package/FormLayout/Section.d.ts.map +1 -0
- package/FormLayout/Title.d.ts +23 -0
- package/FormLayout/Title.d.ts.map +1 -0
- package/FormLayout/context.d.ts +2 -0
- package/FormLayout/context.d.ts.map +1 -0
- package/FormLayout/index.d.ts +2 -0
- package/FormLayout/index.d.ts.map +1 -0
- package/FormLayout/index.js +126 -0
- package/FormLayout/index.mjs +126 -0
- package/HorizontalGrid/index.js +2 -62
- package/HorizontalGrid/index.mjs +2 -62
- package/HorizontalStack/index.js +2 -48
- package/HorizontalStack/index.mjs +2 -48
- package/Icon/Icon.d.ts +19 -4
- package/Icon/Icon.d.ts.map +1 -1
- package/Icon/Icon.stories.d.ts.map +1 -1
- package/Icon/index.js +2 -38
- package/Icon/index.mjs +2 -38
- package/IconButton/IconButton.d.ts +3 -3
- package/IconButton/IconButton.d.ts.map +1 -1
- package/IconButton/IconButton.stories.d.ts +5 -5
- package/IconButton/IconButton.stories.d.ts.map +1 -1
- package/IconButton/index.js +17 -20
- package/IconButton/index.mjs +13 -16
- package/InputField/InputField.d.ts +7 -4
- package/InputField/InputField.d.ts.map +1 -1
- package/InputField/InputField.test.d.ts.map +1 -1
- package/InputField/Label.d.ts +0 -5
- package/InputField/Label.d.ts.map +1 -1
- package/InputField/index.js +2 -283
- package/InputField/index.mjs +2 -267
- package/InputField/inputText.d.ts +24 -0
- package/InputField/inputText.d.ts.map +1 -0
- package/InputField/utilities.d.ts +3 -1
- package/InputField/utilities.d.ts.map +1 -1
- package/KebabButton/KebabButton.d.ts +19 -0
- package/KebabButton/KebabButton.d.ts.map +1 -0
- package/KebabButton/KebabButton.stories.d.ts +7 -0
- package/KebabButton/KebabButton.stories.d.ts.map +1 -0
- package/KebabButton/KebabButton.test.d.ts +2 -0
- package/KebabButton/KebabButton.test.d.ts.map +1 -0
- package/KebabButton/index.d.ts +2 -0
- package/KebabButton/index.d.ts.map +1 -0
- package/KebabButton/index.js +4 -0
- package/KebabButton/index.mjs +4 -0
- package/Menu/Menu.stories.d.ts +4 -0
- package/Menu/Menu.stories.d.ts.map +1 -1
- package/Menu/MenuItem.d.ts.map +1 -1
- package/Menu/MenuOverlay.d.ts +18 -2
- package/Menu/MenuOverlay.d.ts.map +1 -1
- package/Menu/MenuSection.d.ts +2 -0
- package/Menu/MenuSection.d.ts.map +1 -1
- package/Menu/MenuTrigger.d.ts.map +1 -1
- package/Menu/index.js +2 -394
- package/Menu/index.mjs +2 -394
- package/Menu/utilities.d.ts +17 -1
- package/Menu/utilities.d.ts.map +1 -1
- package/Modal/Modal.d.ts +53 -0
- package/Modal/Modal.d.ts.map +1 -0
- package/Modal/Modal.stories.d.ts +15 -0
- package/Modal/Modal.stories.d.ts.map +1 -0
- package/Modal/Modal.test.d.ts +2 -0
- package/Modal/Modal.test.d.ts.map +1 -0
- package/Modal/ModalBody.d.ts +10 -0
- package/Modal/ModalBody.d.ts.map +1 -0
- package/Modal/ModalContainer.d.ts +26 -0
- package/Modal/ModalContainer.d.ts.map +1 -0
- package/Modal/ModalFooter.d.ts +25 -0
- package/Modal/ModalFooter.d.ts.map +1 -0
- package/Modal/ModalHeader.d.ts +35 -0
- package/Modal/ModalHeader.d.ts.map +1 -0
- package/Modal/ModalTrigger.d.ts +26 -0
- package/Modal/ModalTrigger.d.ts.map +1 -0
- package/Modal/ModalUnderlay.d.ts +19 -0
- package/Modal/ModalUnderlay.d.ts.map +1 -0
- package/Modal/context.d.ts +23 -0
- package/Modal/context.d.ts.map +1 -0
- package/Modal/index.d.ts +2 -0
- package/Modal/index.d.ts.map +1 -0
- package/Modal/index.js +292 -0
- package/Modal/index.mjs +292 -0
- package/Modal/useIntersectionDetection.d.ts +10 -0
- package/Modal/useIntersectionDetection.d.ts.map +1 -0
- package/MultiSelect/MultiSelect.d.ts +123 -0
- package/MultiSelect/MultiSelect.d.ts.map +1 -0
- package/MultiSelect/MultiSelect.stories.d.ts +11 -0
- package/MultiSelect/MultiSelect.stories.d.ts.map +1 -0
- package/MultiSelect/MultiSelect.test.d.ts +2 -0
- package/MultiSelect/MultiSelect.test.d.ts.map +1 -0
- package/MultiSelect/MultiSelectDropdown.d.ts +22 -0
- package/MultiSelect/MultiSelectDropdown.d.ts.map +1 -0
- package/MultiSelect/index.d.ts +2 -0
- package/MultiSelect/index.d.ts.map +1 -0
- package/MultiSelect/index.js +1987 -0
- package/MultiSelect/index.mjs +1972 -0
- package/MultiSelect/utilities.d.ts +3 -0
- package/MultiSelect/utilities.d.ts.map +1 -0
- package/NexusLayout/NexusLayout.d.ts +97 -0
- package/NexusLayout/NexusLayout.d.ts.map +1 -0
- package/NexusLayout/NexusLayout.stories.d.ts +8 -0
- package/NexusLayout/NexusLayout.stories.d.ts.map +1 -0
- package/NexusLayout/NexusLayout.test.d.ts +2 -0
- package/NexusLayout/NexusLayout.test.d.ts.map +1 -0
- package/NexusLayout/NexusLayoutActions.d.ts +38 -0
- package/NexusLayout/NexusLayoutActions.d.ts.map +1 -0
- package/NexusLayout/NexusLayoutMultipage.d.ts +27 -0
- package/NexusLayout/NexusLayoutMultipage.d.ts.map +1 -0
- package/NexusLayout/NexusLayoutMultipageSidebarNav.d.ts +31 -0
- package/NexusLayout/NexusLayoutMultipageSidebarNav.d.ts.map +1 -0
- package/NexusLayout/NexusLayoutNav.d.ts +28 -0
- package/NexusLayout/NexusLayoutNav.d.ts.map +1 -0
- package/NexusLayout/index.d.ts +2 -0
- package/NexusLayout/index.d.ts.map +1 -0
- package/NexusLayout/index.js +353 -0
- package/NexusLayout/index.mjs +353 -0
- package/Notification/index.js +5 -1535
- package/Notification/index.mjs +5 -1519
- package/Pagination/Pagination.d.ts +81 -0
- package/Pagination/Pagination.d.ts.map +1 -0
- package/Pagination/Pagination.stories.d.ts +9 -0
- package/Pagination/Pagination.stories.d.ts.map +1 -0
- package/Pagination/Pagination.test.d.ts +2 -0
- package/Pagination/Pagination.test.d.ts.map +1 -0
- package/Pagination/PaginationButton.d.ts +9 -0
- package/Pagination/PaginationButton.d.ts.map +1 -0
- package/Pagination/PaginationDropdown.d.ts +24 -0
- package/Pagination/PaginationDropdown.d.ts.map +1 -0
- package/Pagination/index.d.ts +2 -0
- package/Pagination/index.d.ts.map +1 -0
- package/Pagination/index.js +119 -0
- package/Pagination/index.mjs +119 -0
- package/PillGroup/PillGroup.d.ts +80 -0
- package/PillGroup/PillGroup.d.ts.map +1 -0
- package/PillGroup/PillGroup.stories.d.ts +11 -0
- package/PillGroup/PillGroup.stories.d.ts.map +1 -0
- package/PillGroup/PillGroup.test.d.ts +2 -0
- package/PillGroup/PillGroup.test.d.ts.map +1 -0
- package/PillGroup/index.d.ts +2 -0
- package/PillGroup/index.d.ts.map +1 -0
- package/PillGroup/index.js +5 -0
- package/PillGroup/index.mjs +5 -0
- package/ProductLayout/HelpMenu.d.ts +8 -0
- package/ProductLayout/HelpMenu.d.ts.map +1 -0
- package/ProductLayout/LayoutScreenSizeRenderer.d.ts +21 -0
- package/ProductLayout/LayoutScreenSizeRenderer.d.ts.map +1 -0
- package/ProductLayout/ProductLayout.d.ts +75 -0
- package/ProductLayout/ProductLayout.d.ts.map +1 -0
- package/ProductLayout/ProductLayout.stories.d.ts +8 -0
- package/ProductLayout/ProductLayout.stories.d.ts.map +1 -0
- package/ProductLayout/ProductLayout.test.d.ts +2 -0
- package/ProductLayout/ProductLayout.test.d.ts.map +1 -0
- package/ProductLayout/ProductLayoutContent.d.ts +9 -0
- package/ProductLayout/ProductLayoutContent.d.ts.map +1 -0
- package/ProductLayout/ProductLayoutHeader.d.ts +44 -0
- package/ProductLayout/ProductLayoutHeader.d.ts.map +1 -0
- package/ProductLayout/ProductLayoutSidebar.d.ts +9 -0
- package/ProductLayout/ProductLayoutSidebar.d.ts.map +1 -0
- package/ProductLayout/ProductLayoutTabbedContent.d.ts +15 -0
- package/ProductLayout/ProductLayoutTabbedContent.d.ts.map +1 -0
- package/ProductLayout/constants.d.ts +2 -0
- package/ProductLayout/constants.d.ts.map +1 -0
- package/ProductLayout/context.d.ts +13 -0
- package/ProductLayout/context.d.ts.map +1 -0
- package/ProductLayout/index.d.ts +2 -0
- package/ProductLayout/index.d.ts.map +1 -0
- package/ProductLayout/index.js +278 -0
- package/ProductLayout/index.mjs +278 -0
- package/Provider/Provider.d.ts +22 -5
- package/Provider/Provider.d.ts.map +1 -1
- package/Provider/index.js +20 -18
- package/Provider/index.mjs +19 -17
- package/README.md +20 -14
- package/RadioButtonGroup/RadioButtonGroup.d.ts +103 -0
- package/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -0
- package/RadioButtonGroup/RadioButtonGroup.stories.d.ts +11 -0
- package/RadioButtonGroup/RadioButtonGroup.stories.d.ts.map +1 -0
- package/RadioButtonGroup/RadioButtonGroup.test.d.ts +2 -0
- package/RadioButtonGroup/RadioButtonGroup.test.d.ts.map +1 -0
- package/RadioButtonGroup/index.d.ts +2 -0
- package/RadioButtonGroup/index.d.ts.map +1 -0
- package/RadioButtonGroup/index.js +260 -0
- package/RadioButtonGroup/index.mjs +260 -0
- package/RadioGroup/index.js +3 -297
- package/RadioGroup/index.mjs +3 -297
- package/RangeCalendar/RangeCalendar.d.ts +71 -0
- package/RangeCalendar/RangeCalendar.d.ts.map +1 -0
- package/RangeCalendar/RangeCalendar.stories.d.ts +15 -0
- package/RangeCalendar/RangeCalendar.stories.d.ts.map +1 -0
- package/RangeCalendar/RangeCalendar.test.d.ts +3 -0
- package/RangeCalendar/RangeCalendar.test.d.ts.map +1 -0
- package/RangeCalendar/index.d.ts +2 -0
- package/RangeCalendar/index.d.ts.map +1 -0
- package/RangeCalendar/index.js +4 -0
- package/RangeCalendar/index.mjs +4 -0
- package/SearchNav/CTAGroup.d.ts +21 -0
- package/SearchNav/CTAGroup.d.ts.map +1 -0
- package/SearchNav/CondensedSearchNav.d.ts +9 -0
- package/SearchNav/CondensedSearchNav.d.ts.map +1 -0
- package/SearchNav/Logo.d.ts +13 -0
- package/SearchNav/Logo.d.ts.map +1 -0
- package/SearchNav/LogoGroup.d.ts +21 -0
- package/SearchNav/LogoGroup.d.ts.map +1 -0
- package/SearchNav/PrimaryCTAItem.d.ts +14 -0
- package/SearchNav/PrimaryCTAItem.d.ts.map +1 -0
- package/SearchNav/Search.d.ts +13 -0
- package/SearchNav/Search.d.ts.map +1 -0
- package/SearchNav/SearchNav.d.ts +105 -0
- package/SearchNav/SearchNav.d.ts.map +1 -0
- package/SearchNav/SearchNav.stories.d.ts +14 -0
- package/SearchNav/SearchNav.stories.d.ts.map +1 -0
- package/SearchNav/SearchNav.test.d.ts +2 -0
- package/SearchNav/SearchNav.test.d.ts.map +1 -0
- package/SearchNav/SecondaryCTAItem.d.ts +23 -0
- package/SearchNav/SecondaryCTAItem.d.ts.map +1 -0
- package/SearchNav/Selector.d.ts +15 -0
- package/SearchNav/Selector.d.ts.map +1 -0
- package/SearchNav/SelectorTrigger.d.ts +14 -0
- package/SearchNav/SelectorTrigger.d.ts.map +1 -0
- package/SearchNav/Separator.d.ts +9 -0
- package/SearchNav/Separator.d.ts.map +1 -0
- package/SearchNav/Title.d.ts +12 -0
- package/SearchNav/Title.d.ts.map +1 -0
- package/SearchNav/context.d.ts +20 -0
- package/SearchNav/context.d.ts.map +1 -0
- package/SearchNav/index.d.ts +2 -0
- package/SearchNav/index.d.ts.map +1 -0
- package/SearchNav/index.js +476 -0
- package/SearchNav/index.mjs +460 -0
- package/SearchNav/utilities.d.ts +14 -0
- package/SearchNav/utilities.d.ts.map +1 -0
- package/SectionCard/SectionCard.d.ts +53 -0
- package/SectionCard/SectionCard.d.ts.map +1 -0
- package/SectionCard/SectionCard.stories.d.ts +11 -0
- package/SectionCard/SectionCard.stories.d.ts.map +1 -0
- package/SectionCard/SectionCard.test.d.ts +2 -0
- package/SectionCard/SectionCard.test.d.ts.map +1 -0
- package/SectionCard/index.d.ts +2 -0
- package/SectionCard/index.d.ts.map +1 -0
- package/SectionCard/index.js +103 -0
- package/SectionCard/index.mjs +103 -0
- package/Select/Select.d.ts +4 -3
- package/Select/Select.d.ts.map +1 -1
- package/Select/Select.stories.d.ts.map +1 -1
- package/Select/SelectField.d.ts +3 -4
- package/Select/SelectField.d.ts.map +1 -1
- package/Select/SelectOverlay.d.ts.map +1 -1
- package/Select/index.js +28 -722
- package/Select/index.mjs +13 -707
- package/SelectorErrorTooltip/index.js +2 -104
- package/SelectorErrorTooltip/index.mjs +2 -88
- package/Spinner/Spinner.d.ts +73 -0
- package/Spinner/Spinner.d.ts.map +1 -0
- package/Spinner/Spinner.stories.d.ts +11 -0
- package/Spinner/Spinner.stories.d.ts.map +1 -0
- package/Spinner/Spinner.test.d.ts +2 -0
- package/Spinner/Spinner.test.d.ts.map +1 -0
- package/Spinner/index.d.ts +2 -0
- package/Spinner/index.d.ts.map +1 -0
- package/Spinner/index.js +4 -0
- package/Spinner/index.mjs +4 -0
- package/SplitToggleCard/SplitToggleCard.d.ts +57 -0
- package/SplitToggleCard/SplitToggleCard.d.ts.map +1 -0
- package/SplitToggleCard/SplitToggleCard.stories.d.ts +11 -0
- package/SplitToggleCard/SplitToggleCard.stories.d.ts.map +1 -0
- package/SplitToggleCard/SplitToggleCard.test.d.ts +2 -0
- package/SplitToggleCard/SplitToggleCard.test.d.ts.map +1 -0
- package/SplitToggleCard/index.d.ts +2 -0
- package/SplitToggleCard/index.d.ts.map +1 -0
- package/SplitToggleCard/index.js +50 -0
- package/SplitToggleCard/index.mjs +50 -0
- package/Stepper/Step.d.ts +33 -0
- package/Stepper/Step.d.ts.map +1 -0
- package/Stepper/StepButton.d.ts +25 -0
- package/Stepper/StepButton.d.ts.map +1 -0
- package/Stepper/Stepper.d.ts +104 -0
- package/Stepper/Stepper.d.ts.map +1 -0
- package/Stepper/Stepper.stories.d.ts +10 -0
- package/Stepper/Stepper.stories.d.ts.map +1 -0
- package/Stepper/Stepper.test.d.ts +2 -0
- package/Stepper/Stepper.test.d.ts.map +1 -0
- package/Stepper/StepperContext.d.ts +11 -0
- package/Stepper/StepperContext.d.ts.map +1 -0
- package/Stepper/index.d.ts +2 -0
- package/Stepper/index.d.ts.map +1 -0
- package/Stepper/index.js +4 -0
- package/Stepper/index.mjs +4 -0
- package/TabNav/TabNav.d.ts +29 -0
- package/TabNav/TabNav.d.ts.map +1 -0
- package/TabNav/TabNav.stories.d.ts +9 -0
- package/TabNav/TabNav.stories.d.ts.map +1 -0
- package/TabNav/TabNav.test.d.ts +2 -0
- package/TabNav/TabNav.test.d.ts.map +1 -0
- package/TabNav/TabNavItem.d.ts +12 -0
- package/TabNav/TabNavItem.d.ts.map +1 -0
- package/TabNav/index.d.ts +2 -0
- package/TabNav/index.d.ts.map +1 -0
- package/TabNav/index.js +4 -0
- package/TabNav/index.mjs +4 -0
- package/TabPanels/TabPanels.d.ts +68 -0
- package/TabPanels/TabPanels.d.ts.map +1 -0
- package/TabPanels/TabPanels.stories.d.ts +14 -0
- package/TabPanels/TabPanels.stories.d.ts.map +1 -0
- package/TabPanels/TabPanels.test.d.ts +2 -0
- package/TabPanels/TabPanels.test.d.ts.map +1 -0
- package/TabPanels/TabPanelsItem.d.ts +15 -0
- package/TabPanels/TabPanelsItem.d.ts.map +1 -0
- package/TabPanels/TabPanelsPanels.d.ts +14 -0
- package/TabPanels/TabPanelsPanels.d.ts.map +1 -0
- package/TabPanels/TabPanelsTabs.d.ts +15 -0
- package/TabPanels/TabPanelsTabs.d.ts.map +1 -0
- package/TabPanels/context.d.ts +10 -0
- package/TabPanels/context.d.ts.map +1 -0
- package/TabPanels/index.d.ts +2 -0
- package/TabPanels/index.d.ts.map +1 -0
- package/TabPanels/index.js +316 -0
- package/TabPanels/index.mjs +316 -0
- package/Tabs/Edge.d.ts +8 -0
- package/Tabs/Edge.d.ts.map +1 -0
- package/Tabs/Tabs.d.ts +23 -0
- package/Tabs/Tabs.d.ts.map +1 -0
- package/Tabs/TabsItem.d.ts +13 -0
- package/Tabs/TabsItem.d.ts.map +1 -0
- package/Tabs/context.d.ts +7 -0
- package/Tabs/context.d.ts.map +1 -0
- package/Tabs/index.d.ts +2 -0
- package/Tabs/index.d.ts.map +1 -0
- package/Tabs/index.js +4 -0
- package/Tabs/index.mjs +4 -0
- package/Tabs/useIndicatorSizing.d.ts +11 -0
- package/Tabs/useIndicatorSizing.d.ts.map +1 -0
- package/Tabs/useScrollIntoViewIfNeeded.d.ts +11 -0
- package/Tabs/useScrollIntoViewIfNeeded.d.ts.map +1 -0
- package/Tabs/useScrollbar.d.ts +6 -0
- package/Tabs/useScrollbar.d.ts.map +1 -0
- package/Tabs/util.d.ts +9 -0
- package/Tabs/util.d.ts.map +1 -0
- package/Text/Text.d.ts +13 -5
- package/Text/Text.d.ts.map +1 -1
- package/Text/Text.stories.d.ts +1 -0
- package/Text/Text.stories.d.ts.map +1 -1
- package/Text/index.js +2 -85
- package/Text/index.mjs +2 -85
- package/TextField/TextField.d.ts +3 -3
- package/TextField/TextField.d.ts.map +1 -1
- package/TextField/TextField.stories.d.ts +1 -0
- package/TextField/TextField.stories.d.ts.map +1 -1
- package/TextField/index.js +2 -33
- package/TextField/index.mjs +2 -33
- package/Textarea/Textarea.d.ts +3 -3
- package/Textarea/Textarea.d.ts.map +1 -1
- package/Textarea/Textarea.stories.d.ts.map +1 -1
- package/Textarea/index.js +32 -20
- package/Textarea/index.mjs +32 -20
- package/Theme/index.js +5 -145
- package/Theme/index.mjs +5 -145
- package/Toggle/Toggle.d.ts +34 -1
- package/Toggle/Toggle.d.ts.map +1 -1
- package/Toggle/index.js +2 -117
- package/Toggle/index.mjs +2 -117
- package/ToggleCard/ToggleCard.d.ts +88 -0
- package/ToggleCard/ToggleCard.d.ts.map +1 -0
- package/ToggleCard/ToggleCard.stories.d.ts +12 -0
- package/ToggleCard/ToggleCard.stories.d.ts.map +1 -0
- package/ToggleCard/ToggleCard.test.d.ts +2 -0
- package/ToggleCard/ToggleCard.test.d.ts.map +1 -0
- package/ToggleCard/index.d.ts +2 -0
- package/ToggleCard/index.d.ts.map +1 -0
- package/ToggleCard/index.js +47 -0
- package/ToggleCard/index.mjs +47 -0
- package/Tooltip/Tooltip.stories.d.ts +2 -0
- package/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/Tooltip/index.js +2 -11
- package/Tooltip/index.mjs +1 -10
- package/UnstyledButton/UnstyledButton.d.ts +2 -2
- package/UnstyledButton/UnstyledButton.d.ts.map +1 -1
- package/UnstyledButton/UnstyledPressButton.d.ts +10 -0
- package/UnstyledButton/UnstyledPressButton.d.ts.map +1 -0
- package/UnstyledButton/index.js +2 -7
- package/UnstyledButton/index.mjs +1 -6
- package/VerticalNav/Container.d.ts +4 -0
- package/VerticalNav/Container.d.ts.map +1 -0
- package/VerticalNav/ExpandButton.d.ts +7 -0
- package/VerticalNav/ExpandButton.d.ts.map +1 -0
- package/VerticalNav/Item.d.ts +37 -0
- package/VerticalNav/Item.d.ts.map +1 -0
- package/VerticalNav/ListVerticalNav.d.ts +29 -0
- package/VerticalNav/ListVerticalNav.d.ts.map +1 -0
- package/VerticalNav/NavItem.d.ts +13 -0
- package/VerticalNav/NavItem.d.ts.map +1 -0
- package/VerticalNav/Subnav.d.ts +18 -0
- package/VerticalNav/Subnav.d.ts.map +1 -0
- package/VerticalNav/SubnavItem.d.ts +9 -0
- package/VerticalNav/SubnavItem.d.ts.map +1 -0
- package/VerticalNav/SubnavItemDot.d.ts +7 -0
- package/VerticalNav/SubnavItemDot.d.ts.map +1 -0
- package/VerticalNav/SupplementaryAction.d.ts +26 -0
- package/VerticalNav/SupplementaryAction.d.ts.map +1 -0
- package/VerticalNav/TreeVerticalNav.d.ts +58 -0
- package/VerticalNav/TreeVerticalNav.d.ts.map +1 -0
- package/VerticalNav/VerticalNav.d.ts +29 -0
- package/VerticalNav/VerticalNav.d.ts.map +1 -0
- package/VerticalNav/VerticalNav.stories.d.ts +13 -0
- package/VerticalNav/VerticalNav.stories.d.ts.map +1 -0
- package/VerticalNav/VerticalNav.test.d.ts +2 -0
- package/VerticalNav/VerticalNav.test.d.ts.map +1 -0
- package/VerticalNav/context.d.ts +4 -0
- package/VerticalNav/context.d.ts.map +1 -0
- package/VerticalNav/index.d.ts +2 -0
- package/VerticalNav/index.d.ts.map +1 -0
- package/VerticalNav/index.js +293 -0
- package/VerticalNav/index.mjs +293 -0
- package/VerticalStack/VerticalStack.d.ts +2 -3
- package/VerticalStack/VerticalStack.d.ts.map +1 -1
- package/VerticalStack/index.js +2 -53
- package/VerticalStack/index.mjs +2 -53
- package/__chunks__/ArrowBack-BFS-tCpV.mjs +41 -0
- package/__chunks__/ArrowBack-C_LSatif.js +57 -0
- package/__chunks__/ArrowForwardIos-DSeLeLhY.mjs +41 -0
- package/__chunks__/ArrowForwardIos-DpRiDPNZ.js +57 -0
- package/__chunks__/Button-BoPQ-Fx9.js +161 -0
- package/__chunks__/Button-Cbv2rnYl.js +96 -0
- package/__chunks__/Button-DDDdq1jy.mjs +97 -0
- package/__chunks__/Button-DHEZ4A2s.mjs +162 -0
- package/__chunks__/Calendar-6J28aEN6.js +41 -0
- package/__chunks__/Calendar-IH-Hdju1.mjs +42 -0
- package/__chunks__/CalendarBase-Cn_m810l.js +3494 -0
- package/__chunks__/CalendarBase-NkfY0ZZQ.mjs +3495 -0
- package/__chunks__/Card-BHov7_vu.js +278 -0
- package/__chunks__/Card-Cfs_61bW.mjs +279 -0
- package/__chunks__/CheckCircle-C9h2PNWU.mjs +41 -0
- package/__chunks__/CheckCircle-lgmtkEe6.js +57 -0
- package/__chunks__/Checkbox-5_dirQJ7.js +254 -0
- package/__chunks__/Checkbox-PjSuOA8S.mjs +239 -0
- package/__chunks__/Close-BQ2IlPyf.js +57 -0
- package/__chunks__/Close-Cq6Q6MN6.mjs +41 -0
- package/__chunks__/CodeSnippet--gFmAN9i.js +5703 -0
- package/__chunks__/CodeSnippet-BvZT69UG.mjs +5704 -0
- package/__chunks__/DatePickerBase-B5DTXN8_.mjs +3108 -0
- package/__chunks__/DatePickerBase-DFxPgoc8.js +3122 -0
- package/__chunks__/Dialog-CuqmbMC4.js +291 -0
- package/__chunks__/Dialog-D9aIj4DH.mjs +292 -0
- package/__chunks__/{ExpandMore400-7c5263a4.mjs → ExpandMore400-CH7GNxqk.mjs} +9 -17
- package/__chunks__/{ExpandMore400-92646971.js → ExpandMore400-CJpvxyJm.js} +9 -17
- package/__chunks__/FocusScope-CUJV-jWH.mjs +706 -0
- package/__chunks__/FocusScope-Djtxzznf.js +705 -0
- package/__chunks__/HelpMenu-CnMDuzfD.js +125 -0
- package/__chunks__/HelpMenu-D8fqyHN6.mjs +110 -0
- package/__chunks__/HorizontalGrid-C0WrCjxa.js +61 -0
- package/__chunks__/HorizontalGrid-DXgJ4dXw.mjs +62 -0
- package/__chunks__/HorizontalStack-4-woUNq_.js +49 -0
- package/__chunks__/HorizontalStack-hi_QrrZB.mjs +50 -0
- package/__chunks__/Icon-C5tHQyHr.mjs +40 -0
- package/__chunks__/Icon-YEBBOjcK.js +39 -0
- package/__chunks__/InputCaption-DYZkvdQw.js +60 -0
- package/__chunks__/InputCaption-DiSkdAGZ.mjs +61 -0
- package/__chunks__/InputField-ErsDNt4h.mjs +224 -0
- package/__chunks__/InputField-ISqVunp5.js +239 -0
- package/__chunks__/InputIcon-MAaUXGCr.mjs +112 -0
- package/__chunks__/InputIcon-x3fs2oAT.js +111 -0
- package/__chunks__/Item-BhrTPNN2.mjs +80 -0
- package/__chunks__/Item-CfWjPrxx.js +79 -0
- package/__chunks__/KebabButton-C2L-OC4Y.mjs +106 -0
- package/__chunks__/KebabButton-K9NaCoId.js +121 -0
- package/__chunks__/KeyboardDoubleArrowRight-AAMLvGk-.mjs +79 -0
- package/__chunks__/KeyboardDoubleArrowRight-Ber8mUIO.js +95 -0
- package/__chunks__/LiveAnnouncer-BSV5-C0m.mjs +81 -0
- package/__chunks__/LiveAnnouncer-CzeNwq2D.js +80 -0
- package/__chunks__/Menu-BR1eZSkl.js +505 -0
- package/__chunks__/Menu-Bh10IFV1.mjs +506 -0
- package/__chunks__/Menu-OacI_98l.js +57 -0
- package/__chunks__/Menu-qMqvSorL.mjs +41 -0
- package/__chunks__/Notification-BVk1cbKv.mjs +1367 -0
- package/__chunks__/Notification-BYzidkwf.js +1382 -0
- package/__chunks__/NumberFormatter-CXW1Iqpu.js +153 -0
- package/__chunks__/NumberFormatter-p5KNJNTT.mjs +154 -0
- package/__chunks__/Overlay-CwJbrICR.js +164 -0
- package/__chunks__/Overlay-zuiAML3I.mjs +165 -0
- package/__chunks__/PillGroup-Cw7NxHK1.mjs +2146 -0
- package/__chunks__/PillGroup-DHGP8AdT.js +2145 -0
- package/__chunks__/RadioGroup-BRCEngTq.js +331 -0
- package/__chunks__/RadioGroup-NZKo5DhW.mjs +332 -0
- package/__chunks__/RangeCalendar-CbbQ0oO-.mjs +228 -0
- package/__chunks__/RangeCalendar-Ccn11Hi1.js +227 -0
- package/__chunks__/Search-BY7IgEyX.js +57 -0
- package/__chunks__/Search-Cyblmqo5.mjs +41 -0
- package/__chunks__/SelectOverlay-Od1KotbU.mjs +414 -0
- package/__chunks__/SelectOverlay-QpThRYAk.js +413 -0
- package/__chunks__/SelectionManager-DCO_d3m1.mjs +708 -0
- package/__chunks__/SelectionManager-DuX6geJg.js +707 -0
- package/__chunks__/SelectorErrorTooltip-B6N15DSq.js +90 -0
- package/__chunks__/SelectorErrorTooltip-DZK9TYeX.mjs +75 -0
- package/__chunks__/Spinner-DWNM6vOK.mjs +100 -0
- package/__chunks__/Spinner-idiilXrq.js +99 -0
- package/__chunks__/Stepper-Dip3LHZb.mjs +169 -0
- package/__chunks__/Stepper-Dt63049f.js +168 -0
- package/__chunks__/TabNav-BCal_o_e.mjs +58 -0
- package/__chunks__/TabNav-D_4bqwZ5.js +57 -0
- package/__chunks__/Tabs-D5YHkBYr.mjs +254 -0
- package/__chunks__/Tabs-DL53NmLt.js +253 -0
- package/__chunks__/Text-DAilskpC.mjs +110 -0
- package/__chunks__/Text-DKSomTmh.js +109 -0
- package/__chunks__/TextField-Co7_GAzT.js +44 -0
- package/__chunks__/TextField-gPC5-arj.mjs +45 -0
- package/__chunks__/Theme-BTOgcCP2.js +146 -0
- package/__chunks__/Theme-ByVPHaBx.mjs +147 -0
- package/__chunks__/Toggle-B6b2-C7T.mjs +135 -0
- package/__chunks__/Toggle-D89AeiqA.js +134 -0
- package/__chunks__/{index-affe5510.js → Tooltip-5lz6tVdi.js} +134 -142
- package/__chunks__/{index-e989a741.mjs → Tooltip-BAlARvJi.mjs} +123 -131
- package/__chunks__/{index-45f05366.mjs → UnstyledButton-D_DzFe67.mjs} +17 -72
- package/__chunks__/UnstyledButton-yd6ZL2Yi.js +77 -0
- package/__chunks__/VerticalStack-Dw2YBdjg.js +54 -0
- package/__chunks__/VerticalStack-yZwmajIO.mjs +55 -0
- package/__chunks__/VisuallyHidden-DcUrMWfu.js +74 -0
- package/__chunks__/VisuallyHidden-cQCgS6_a.mjs +75 -0
- package/__chunks__/_commonjsHelpers-Bc2YnDe1.js +7 -0
- package/__chunks__/_commonjsHelpers-DWwsNxpa.mjs +8 -0
- package/__chunks__/ariaHideOutside-CvJKAP9c.mjs +377 -0
- package/__chunks__/ariaHideOutside-DkYn-eBq.js +376 -0
- package/__chunks__/context-BZCcafjG.mjs +92 -0
- package/__chunks__/context-CYcq9Zvo.js +120 -0
- package/__chunks__/context-D3NeXov7.js +91 -0
- package/__chunks__/context-EpOG85wC.mjs +121 -0
- package/__chunks__/filterDOMProps-D3iOHP0H.js +27 -0
- package/__chunks__/filterDOMProps-EDDcM64A.mjs +28 -0
- package/__chunks__/focusSafely-CCOEuEpK.mjs +15 -0
- package/__chunks__/focusSafely-wmTq_iKq.js +14 -0
- package/__chunks__/getScrollParent-B5CCP-yO.mjs +10 -0
- package/__chunks__/getScrollParent-DNz2ReWu.js +9 -0
- package/__chunks__/index-CTw89HMx.js +198 -0
- package/__chunks__/index-CUcRN4NO.js +311 -0
- package/__chunks__/index-DCSYt1ke.mjs +199 -0
- package/__chunks__/index-Izk6uvQC.mjs +312 -0
- package/__chunks__/isScrollable-CE3Xdlg4.js +9 -0
- package/__chunks__/isScrollable-DwbLAiO0.mjs +10 -0
- package/__chunks__/isVirtualEvent-B_Z4yzgm.mjs +75 -0
- package/__chunks__/isVirtualEvent-C-tB2MCl.js +74 -0
- package/__chunks__/lodash-B19QVK6q.mjs +5492 -0
- package/__chunks__/lodash-CS8bkZ7S.js +5491 -0
- package/__chunks__/mergeProps-DSi85raC.mjs +227 -0
- package/__chunks__/mergeProps-DniMwM6P.js +226 -0
- package/__chunks__/mergeRefs-CCV6itCY.mjs +12 -0
- package/__chunks__/mergeRefs-CQsNYO0P.js +11 -0
- package/__chunks__/number-C4N6pKyl.js +6 -0
- package/__chunks__/number-CLRm_tTs.mjs +7 -0
- package/__chunks__/objectWithoutPropertiesLoose-3GpnIKeG.js +29 -0
- package/__chunks__/objectWithoutPropertiesLoose-ij10PUAf.mjs +30 -0
- package/__chunks__/omit-CC3uE8z5.js +2245 -0
- package/__chunks__/omit-CYoLXTjq.mjs +2246 -0
- package/__chunks__/{overlayscrollbars-react.es-f2a0bcff.js → overlayscrollbars-react-BFy4nomP.js} +982 -880
- package/__chunks__/{overlayscrollbars-react.es-7f332a3b.mjs → overlayscrollbars-react-BiRJpzDY.mjs} +982 -880
- package/__chunks__/scrollIntoView-BN4yt25y.js +114 -0
- package/__chunks__/scrollIntoView-wURtlgJt.mjs +115 -0
- package/__chunks__/{tokens-ad06cd2c.js → tokens-BmCk-Bk0.js} +153 -126
- package/__chunks__/{tokens-3c27019b.mjs → tokens-BolVbjJp.mjs} +153 -126
- package/__chunks__/useButton-B_VJe1i5.js +70 -0
- package/__chunks__/useButton-CdgRb7pd.mjs +71 -0
- package/__chunks__/useCollator-B-keb3wA.mjs +13 -0
- package/__chunks__/useCollator-DGrSWVh4.js +12 -0
- package/__chunks__/{import-6a831ca1.mjs → useControlledState-CFWhSD5C.mjs} +5 -14
- package/__chunks__/{import-dea5a24d.js → useControlledState-mnKBd6Uc.js} +4 -13
- package/__chunks__/useDialog-Bxep5NaV.mjs +72 -0
- package/__chunks__/useDialog-DJ-g6m8Y.js +71 -0
- package/__chunks__/useEdgeInterceptors-B2OWg9dT.js +48 -0
- package/__chunks__/useEdgeInterceptors-YaV-ot5j.mjs +49 -0
- package/__chunks__/useEvent-B0fsKtsf.mjs +23 -0
- package/__chunks__/useEvent-DY7dR7Mi.js +22 -0
- package/__chunks__/useField-B6VplZ_n.mjs +39 -0
- package/__chunks__/useField-BJW_bXVD.js +38 -0
- package/__chunks__/useFilter-D-K0Oj-7.mjs +65 -0
- package/__chunks__/useFilter-DpnZ54nd.js +64 -0
- package/__chunks__/useFocus-l6ZlVMHW.js +37 -0
- package/__chunks__/useFocus-lnK5BCt2.mjs +38 -0
- package/__chunks__/useFocusRing-KIEn23AD.mjs +43 -0
- package/__chunks__/useFocusRing-f5StfjhA.js +42 -0
- package/__chunks__/useFocusVisible-Bb3k4_O_.mjs +272 -0
- package/__chunks__/useFocusVisible-CiIrKjuz.js +271 -0
- package/__chunks__/useFocusWithin-BGNdxo9d.mjs +48 -0
- package/__chunks__/useFocusWithin-C-45XiL1.js +47 -0
- package/__chunks__/useFocusable-BQyiwtXU.js +99 -0
- package/__chunks__/useFocusable-DxcU91xN.mjs +100 -0
- package/__chunks__/useFormReset-Bgj93eR3.js +21 -0
- package/__chunks__/useFormReset-DA1Lwdha.mjs +22 -0
- package/__chunks__/useFormValidation-BeqiYVJN.js +262 -0
- package/__chunks__/useFormValidation-CCe1AoIX.mjs +263 -0
- package/__chunks__/useHasTabbableChild-CepF5tQS.js +36 -0
- package/__chunks__/useHasTabbableChild-DOO1szWv.mjs +37 -0
- package/__chunks__/useHighlightSelectionDescription-B_YjQEPD.mjs +572 -0
- package/__chunks__/useHighlightSelectionDescription-nSfKxNPA.js +570 -0
- package/__chunks__/useHover-BIKwjrCT.js +109 -0
- package/__chunks__/useHover-BOYR4wqI.mjs +110 -0
- package/__chunks__/useIntersectionDetection-BvUmtDgl.mjs +22 -0
- package/__chunks__/useIntersectionDetection-DI5n4zwA.js +21 -0
- package/__chunks__/useLabel-D37VV43W.mjs +27 -0
- package/__chunks__/useLabel-t-N6anB8.js +26 -0
- package/__chunks__/useLabels-5f58TiCH.mjs +23 -0
- package/__chunks__/useLabels-KmwewLTv.js +22 -0
- package/__chunks__/useLink-BGK9UEQW.mjs +95 -0
- package/__chunks__/useLink-CQhl3ZGL.js +94 -0
- package/__chunks__/useListBoxSection-Dl15OiHe.mjs +195 -0
- package/__chunks__/useListBoxSection-TdoNdwIM.js +194 -0
- package/__chunks__/useListState-AFrlkW73.mjs +182 -0
- package/__chunks__/useListState-I5rva0Fq.js +181 -0
- package/__chunks__/useLocalizedStringFormatter-BHXy3Wtu.mjs +122 -0
- package/__chunks__/useLocalizedStringFormatter-CaF1VsOH.js +121 -0
- package/__chunks__/useMenuTrigger-DDKy3dcp.mjs +264 -0
- package/__chunks__/useMenuTrigger-DhSBxWW5.js +263 -0
- package/__chunks__/useMenuTriggerState-BJJ3WdLH.mjs +67 -0
- package/__chunks__/useMenuTriggerState-DTZmPbSP.js +66 -0
- package/__chunks__/useModalOverlay-BeCxNyVY.mjs +48 -0
- package/__chunks__/useModalOverlay-gSHY_FAb.js +47 -0
- package/__chunks__/useObjectRef-BOGMJ5vM.js +18 -0
- package/__chunks__/useObjectRef-wU82Pkgx.mjs +19 -0
- package/__chunks__/useOverlayPosition-CTTQ0gZN.mjs +473 -0
- package/__chunks__/useOverlayPosition-DJGEWKwM.js +472 -0
- package/__chunks__/useOverlayTrigger-BvP35sYf.mjs +28 -0
- package/__chunks__/useOverlayTrigger-CiUR_pLO.js +27 -0
- package/__chunks__/usePress-CqfuY_T7.mjs +800 -0
- package/__chunks__/usePress-DTGD4Sub.js +799 -0
- package/__chunks__/useResizeObserver-BsbT3mjh.js +34 -0
- package/__chunks__/useResizeObserver-Dyb4wvuA.mjs +35 -0
- package/__chunks__/useSelectableItem-BEkjpB_K.js +615 -0
- package/__chunks__/useSelectableItem-DeFiKyU1.mjs +616 -0
- package/__chunks__/useSelectableList-DPJUwWwV.mjs +280 -0
- package/__chunks__/useSelectableList-Dk3TxzYJ.js +279 -0
- package/__chunks__/useSingleSelectListState-5RB1w9vv.js +55 -0
- package/__chunks__/useSingleSelectListState-DuCUY6dR.mjs +56 -0
- package/__chunks__/useTextField-CspDdKaL.mjs +110 -0
- package/__chunks__/useTextField-DM-ZTn9j.js +109 -0
- package/__chunks__/{import-eb35a9b9.mjs → useToggle-CbrJW7jr.mjs} +22 -29
- package/__chunks__/useToggle-Cu5EqIJD.js +74 -0
- package/__chunks__/useToggleState-CdbEMLRz.js +18 -0
- package/__chunks__/useToggleState-kFojjzgV.mjs +19 -0
- package/__chunks__/useTreeState-D6aHf9kN.js +142 -0
- package/__chunks__/useTreeState-w_raYfy2.mjs +143 -0
- package/__chunks__/useTriggerWidth-74VNM0k9.mjs +133 -0
- package/__chunks__/useTriggerWidth-B-IM2wNY.js +132 -0
- package/__chunks__/useUpdateEffect-BLgGnNgL.mjs +19 -0
- package/__chunks__/useUpdateEffect-CssYIsWI.js +18 -0
- package/__chunks__/utilities-CczOI9Hn.mjs +358 -0
- package/__chunks__/utilities-DIZYscJV.js +357 -0
- package/__chunks__/utils-BIfsWYLR.mjs +148 -0
- package/__chunks__/utils-BlKqJM2_.js +147 -0
- package/package.json +17 -15
- package/style.css +5239 -1686
- package/styles/_accessibility.scss +54 -0
- package/styles/_common.scss +8 -0
- package/styles/_media-queries.scss +25 -0
- package/styles/_poppins-fallback.scss +73 -0
- package/styles/_responsive-props.scss +90 -0
- package/styles/_scrollbars.scss +52 -0
- package/styles/_string-functions.scss +26 -0
- package/styles/_token-helpers.scss +41 -0
- package/styles/_typography.scss +53 -0
- package/styles/_unstyled.scss +32 -0
- package/styles/global.scss +32 -0
- package/types.d.ts +10 -4
- package/types.d.ts.map +1 -1
- package/utilities/EasyPostLogo.d.ts +3 -0
- package/utilities/EasyPostLogo.d.ts.map +1 -0
- package/utilities/css.d.ts +1 -0
- package/utilities/css.d.ts.map +1 -1
- package/utilities/css.js +20 -1
- package/utilities/css.mjs +20 -1
- package/utilities/react.d.ts +17 -1
- package/utilities/react.d.ts.map +1 -1
- package/utilities/react.js +44 -307
- package/utilities/react.mjs +43 -306
- package/utilities/storybook.d.ts +60 -2
- package/utilities/storybook.d.ts.map +1 -1
- package/utilities/test.d.ts +21 -3
- package/utilities/test.d.ts.map +1 -1
- package/utilities/tokens.d.ts.map +1 -1
- package/{Menu → utilities}/useScrollbar.d.ts +2 -4
- package/utilities/useScrollbar.d.ts.map +1 -0
- package/utilities/useScrollbar.js +22 -0
- package/utilities/useScrollbar.mjs +22 -0
- package/Menu/useScrollbar.d.ts.map +0 -1
- package/__chunks__/InputIcon-1f2ed127.mjs +0 -148
- package/__chunks__/InputIcon-f456e366.js +0 -147
- package/__chunks__/import-0f8555a4.js +0 -1121
- package/__chunks__/import-19bc38ac.mjs +0 -679
- package/__chunks__/import-24a482e1.js +0 -59
- package/__chunks__/import-26676303.js +0 -1436
- package/__chunks__/import-29af6941.mjs +0 -60
- package/__chunks__/import-3faba3a6.mjs +0 -1437
- package/__chunks__/import-890ae60e.js +0 -81
- package/__chunks__/import-a1e0f814.js +0 -678
- package/__chunks__/import-c4caaddf.mjs +0 -1122
- package/__chunks__/index-5f429325.js +0 -132
- package/__chunks__/index-72137376.mjs +0 -5421
- package/__chunks__/index-a7b6b429.js +0 -5420
- package/__chunks__/omit-f17deb8f.mjs +0 -1296
- package/__chunks__/omit-fca26542.js +0 -1295
- package/__chunks__/real-module-515df21d.mjs +0 -216
- package/__chunks__/real-module-e36b1436.js +0 -215
- package/__chunks__/useTriggerWidth-b554acaf.mjs +0 -2031
- package/__chunks__/useTriggerWidth-e11bf6d6.js +0 -2030
|
@@ -0,0 +1,2738 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
|
|
8
|
+
var __typeError = (msg) => {
|
|
9
|
+
throw TypeError(msg);
|
|
10
|
+
};
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
24
|
+
var __objRest = (source, exclude) => {
|
|
25
|
+
var target = {};
|
|
26
|
+
for (var prop in source)
|
|
27
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
if (source != null && __getOwnPropSymbols)
|
|
30
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
31
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
32
|
+
target[prop] = source[prop];
|
|
33
|
+
}
|
|
34
|
+
return target;
|
|
35
|
+
};
|
|
36
|
+
var __await = function(promise, isYieldStar) {
|
|
37
|
+
this[0] = promise;
|
|
38
|
+
this[1] = isYieldStar;
|
|
39
|
+
};
|
|
40
|
+
var __yieldStar = (value) => {
|
|
41
|
+
var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
|
|
42
|
+
if (obj == null) {
|
|
43
|
+
obj = value[__knownSymbol("iterator")]();
|
|
44
|
+
method = (k) => it[k] = (x) => obj[k](x);
|
|
45
|
+
} else {
|
|
46
|
+
obj = obj.call(value);
|
|
47
|
+
method = (k) => it[k] = (v) => {
|
|
48
|
+
if (isAwait) {
|
|
49
|
+
isAwait = false;
|
|
50
|
+
if (k === "throw") throw v;
|
|
51
|
+
return v;
|
|
52
|
+
}
|
|
53
|
+
isAwait = true;
|
|
54
|
+
return {
|
|
55
|
+
done: false,
|
|
56
|
+
value: new __await(new Promise((resolve) => {
|
|
57
|
+
var x = obj[k](v);
|
|
58
|
+
if (!(x instanceof Object)) __typeError("Object expected");
|
|
59
|
+
resolve(x);
|
|
60
|
+
}), 1)
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
|
|
65
|
+
throw x;
|
|
66
|
+
}, "return" in obj && method("return"), it;
|
|
67
|
+
};
|
|
68
|
+
import React__default, { useMemo, useRef, useEffect, useState, useCallback, createContext, useContext, useLayoutEffect } from "react";
|
|
69
|
+
import { I as Icon } from "../__chunks__/Icon-C5tHQyHr.mjs";
|
|
70
|
+
import { M as Menu } from "../__chunks__/Menu-Bh10IFV1.mjs";
|
|
71
|
+
import { T as Text } from "../__chunks__/Text-DAilskpC.mjs";
|
|
72
|
+
import { K as KebabButton, U as UnstyledPressButton } from "../__chunks__/KebabButton-C2L-OC4Y.mjs";
|
|
73
|
+
import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
|
|
74
|
+
import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
|
|
75
|
+
import { C as Checkbox } from "../__chunks__/Checkbox-PjSuOA8S.mjs";
|
|
76
|
+
import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-CUJV-jWH.mjs";
|
|
77
|
+
import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "../__chunks__/focusSafely-CCOEuEpK.mjs";
|
|
78
|
+
import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "../__chunks__/mergeProps-DSi85raC.mjs";
|
|
79
|
+
import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "../__chunks__/getScrollParent-B5CCP-yO.mjs";
|
|
80
|
+
import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-wURtlgJt.mjs";
|
|
81
|
+
import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "../__chunks__/useFocusVisible-Bb3k4_O_.mjs";
|
|
82
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BZCcafjG.mjs";
|
|
83
|
+
import { a as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-DeFiKyU1.mjs";
|
|
84
|
+
import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-B_YjQEPD.mjs";
|
|
85
|
+
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-BHXy3Wtu.mjs";
|
|
86
|
+
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-KIEn23AD.mjs";
|
|
87
|
+
import { e as $c87311424ea30a05$export$a11b0059900ceec8 } from "../__chunks__/isVirtualEvent-B_Z4yzgm.mjs";
|
|
88
|
+
import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-DxcU91xN.mjs";
|
|
89
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, g as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/usePress-CqfuY_T7.mjs";
|
|
90
|
+
import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-cQCgS6_a.mjs";
|
|
91
|
+
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-DCO_d3m1.mjs";
|
|
92
|
+
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-BOYR4wqI.mjs";
|
|
93
|
+
import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-YaV-ot5j.mjs";
|
|
94
|
+
import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-Dyb4wvuA.mjs";
|
|
95
|
+
import { S as Spinner } from "../__chunks__/Spinner-DWNM6vOK.mjs";
|
|
96
|
+
import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-DPJUwWwV.mjs";
|
|
97
|
+
import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
|
|
98
|
+
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
|
|
99
|
+
import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-B-keb3wA.mjs";
|
|
100
|
+
import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-DOO1szWv.mjs";
|
|
101
|
+
import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-BLgGnNgL.mjs";
|
|
102
|
+
function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
|
|
103
|
+
let { collection, focusMode } = props;
|
|
104
|
+
let selectionState = props.UNSAFE_selectionState || $7af3f5b51489e0b5$export$253fe78d46329472(props);
|
|
105
|
+
let disabledKeys = useMemo(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
|
|
106
|
+
props.disabledKeys
|
|
107
|
+
]);
|
|
108
|
+
let setFocusedKey = selectionState.setFocusedKey;
|
|
109
|
+
selectionState.setFocusedKey = (key, child) => {
|
|
110
|
+
if (focusMode === "cell" && key != null) {
|
|
111
|
+
let item = collection.getItem(key);
|
|
112
|
+
if ((item === null || item === void 0 ? void 0 : item.type) === "item") {
|
|
113
|
+
var _getLastItem, _getFirstItem;
|
|
114
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(item, collection);
|
|
115
|
+
var _getLastItem_key, _getFirstItem_key;
|
|
116
|
+
if (child === "last") key = (_getLastItem_key = (_getLastItem = $c5a24bc478652b5f$export$7475b2c64539e4cf(children)) === null || _getLastItem === void 0 ? void 0 : _getLastItem.key) !== null && _getLastItem_key !== void 0 ? _getLastItem_key : null;
|
|
117
|
+
else key = (_getFirstItem_key = (_getFirstItem = $c5a24bc478652b5f$export$fbdeaa6a76694f71(children)) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _getFirstItem_key !== void 0 ? _getFirstItem_key : null;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
setFocusedKey(key, child);
|
|
121
|
+
};
|
|
122
|
+
let selectionManager = useMemo(() => new $d496c0a20b6e58ec$export$6c8a5aaad13c9852(collection, selectionState), [
|
|
123
|
+
collection,
|
|
124
|
+
selectionState
|
|
125
|
+
]);
|
|
126
|
+
const cachedCollection = useRef(null);
|
|
127
|
+
useEffect(() => {
|
|
128
|
+
if (selectionState.focusedKey != null && cachedCollection.current && !collection.getItem(selectionState.focusedKey)) {
|
|
129
|
+
const node = cachedCollection.current.getItem(selectionState.focusedKey);
|
|
130
|
+
const parentNode = (node === null || node === void 0 ? void 0 : node.parentKey) != null && (node.type === "cell" || node.type === "rowheader" || node.type === "column") ? cachedCollection.current.getItem(node.parentKey) : node;
|
|
131
|
+
if (!parentNode) {
|
|
132
|
+
selectionState.setFocusedKey(null);
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
const cachedRows = cachedCollection.current.rows;
|
|
136
|
+
const rows = collection.rows;
|
|
137
|
+
const diff = cachedRows.length - rows.length;
|
|
138
|
+
let index = Math.min(diff > 1 ? Math.max(parentNode.index - diff + 1, 0) : parentNode.index, rows.length - 1);
|
|
139
|
+
let newRow = null;
|
|
140
|
+
while (index >= 0) {
|
|
141
|
+
if (!selectionManager.isDisabled(rows[index].key) && rows[index].type !== "headerrow") {
|
|
142
|
+
newRow = rows[index];
|
|
143
|
+
break;
|
|
144
|
+
}
|
|
145
|
+
if (index < rows.length - 1) index++;
|
|
146
|
+
else {
|
|
147
|
+
if (index > parentNode.index) index = parentNode.index;
|
|
148
|
+
index--;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
if (newRow) {
|
|
152
|
+
const childNodes = newRow.hasChildNodes ? [
|
|
153
|
+
...$c5a24bc478652b5f$export$1005530eda016c13(newRow, collection)
|
|
154
|
+
] : [];
|
|
155
|
+
const keyToFocus = newRow.hasChildNodes && parentNode !== node && node && node.index < childNodes.length ? childNodes[node.index].key : newRow.key;
|
|
156
|
+
selectionState.setFocusedKey(keyToFocus);
|
|
157
|
+
} else selectionState.setFocusedKey(null);
|
|
158
|
+
}
|
|
159
|
+
cachedCollection.current = collection;
|
|
160
|
+
}, [
|
|
161
|
+
collection,
|
|
162
|
+
selectionManager,
|
|
163
|
+
selectionState,
|
|
164
|
+
selectionState.focusedKey
|
|
165
|
+
]);
|
|
166
|
+
return {
|
|
167
|
+
collection,
|
|
168
|
+
disabledKeys,
|
|
169
|
+
isKeyboardNavigationDisabled: false,
|
|
170
|
+
selectionManager
|
|
171
|
+
};
|
|
172
|
+
}
|
|
173
|
+
class $16805b1b18093c5f$export$de3fdf6493c353d {
|
|
174
|
+
*[Symbol.iterator]() {
|
|
175
|
+
yield* __yieldStar([
|
|
176
|
+
...this.rows
|
|
177
|
+
]);
|
|
178
|
+
}
|
|
179
|
+
get size() {
|
|
180
|
+
return [
|
|
181
|
+
...this.rows
|
|
182
|
+
].length;
|
|
183
|
+
}
|
|
184
|
+
getKeys() {
|
|
185
|
+
return this.keyMap.keys();
|
|
186
|
+
}
|
|
187
|
+
getKeyBefore(key) {
|
|
188
|
+
let node = this.keyMap.get(key);
|
|
189
|
+
var _node_prevKey;
|
|
190
|
+
return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== void 0 ? _node_prevKey : null : null;
|
|
191
|
+
}
|
|
192
|
+
getKeyAfter(key) {
|
|
193
|
+
let node = this.keyMap.get(key);
|
|
194
|
+
var _node_nextKey;
|
|
195
|
+
return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null : null;
|
|
196
|
+
}
|
|
197
|
+
getFirstKey() {
|
|
198
|
+
var _;
|
|
199
|
+
return (_ = [
|
|
200
|
+
...this.rows
|
|
201
|
+
][0]) === null || _ === void 0 ? void 0 : _.key;
|
|
202
|
+
}
|
|
203
|
+
getLastKey() {
|
|
204
|
+
var _rows_;
|
|
205
|
+
let rows = [
|
|
206
|
+
...this.rows
|
|
207
|
+
];
|
|
208
|
+
return (_rows_ = rows[rows.length - 1]) === null || _rows_ === void 0 ? void 0 : _rows_.key;
|
|
209
|
+
}
|
|
210
|
+
getItem(key) {
|
|
211
|
+
var _this_keyMap_get;
|
|
212
|
+
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
|
|
213
|
+
}
|
|
214
|
+
at(idx) {
|
|
215
|
+
const keys = [
|
|
216
|
+
...this.getKeys()
|
|
217
|
+
];
|
|
218
|
+
return this.getItem(keys[idx]);
|
|
219
|
+
}
|
|
220
|
+
getChildren(key) {
|
|
221
|
+
let node = this.keyMap.get(key);
|
|
222
|
+
return (node === null || node === void 0 ? void 0 : node.childNodes) || [];
|
|
223
|
+
}
|
|
224
|
+
constructor(opts) {
|
|
225
|
+
this.keyMap = /* @__PURE__ */ new Map();
|
|
226
|
+
this.keyMap = /* @__PURE__ */ new Map();
|
|
227
|
+
this.columnCount = opts === null || opts === void 0 ? void 0 : opts.columnCount;
|
|
228
|
+
this.rows = [];
|
|
229
|
+
let visit = (node) => {
|
|
230
|
+
let prevNode = this.keyMap.get(node.key);
|
|
231
|
+
if (opts.visitNode) node = opts.visitNode(node);
|
|
232
|
+
this.keyMap.set(node.key, node);
|
|
233
|
+
let childKeys = /* @__PURE__ */ new Set();
|
|
234
|
+
let last3 = null;
|
|
235
|
+
for (let child of node.childNodes) {
|
|
236
|
+
if (child.type === "cell" && child.parentKey == null)
|
|
237
|
+
child.parentKey = node.key;
|
|
238
|
+
childKeys.add(child.key);
|
|
239
|
+
if (last3) {
|
|
240
|
+
last3.nextKey = child.key;
|
|
241
|
+
child.prevKey = last3.key;
|
|
242
|
+
} else child.prevKey = null;
|
|
243
|
+
visit(child);
|
|
244
|
+
last3 = child;
|
|
245
|
+
}
|
|
246
|
+
if (last3) last3.nextKey = null;
|
|
247
|
+
if (prevNode) {
|
|
248
|
+
for (let child of prevNode.childNodes) if (!childKeys.has(child.key)) remove(child);
|
|
249
|
+
}
|
|
250
|
+
};
|
|
251
|
+
let remove = (node) => {
|
|
252
|
+
this.keyMap.delete(node.key);
|
|
253
|
+
for (let child of node.childNodes) if (this.keyMap.get(child.key) === child) remove(child);
|
|
254
|
+
};
|
|
255
|
+
let last2 = null;
|
|
256
|
+
for (let [i, node] of opts.items.entries()) {
|
|
257
|
+
var _node_level, _node_key, _node_type, _node_value, _node_textValue, _node_index;
|
|
258
|
+
let rowNode = __spreadProps(__spreadValues({}, node), {
|
|
259
|
+
level: (_node_level = node.level) !== null && _node_level !== void 0 ? _node_level : 0,
|
|
260
|
+
key: (_node_key = node.key) !== null && _node_key !== void 0 ? _node_key : "row-" + i,
|
|
261
|
+
type: (_node_type = node.type) !== null && _node_type !== void 0 ? _node_type : "row",
|
|
262
|
+
value: (_node_value = node.value) !== null && _node_value !== void 0 ? _node_value : null,
|
|
263
|
+
hasChildNodes: true,
|
|
264
|
+
childNodes: [
|
|
265
|
+
...node.childNodes
|
|
266
|
+
],
|
|
267
|
+
rendered: node.rendered,
|
|
268
|
+
textValue: (_node_textValue = node.textValue) !== null && _node_textValue !== void 0 ? _node_textValue : "",
|
|
269
|
+
index: (_node_index = node.index) !== null && _node_index !== void 0 ? _node_index : i
|
|
270
|
+
});
|
|
271
|
+
if (last2) {
|
|
272
|
+
last2.nextKey = rowNode.key;
|
|
273
|
+
rowNode.prevKey = last2.key;
|
|
274
|
+
} else rowNode.prevKey = null;
|
|
275
|
+
this.rows.push(rowNode);
|
|
276
|
+
visit(rowNode);
|
|
277
|
+
last2 = rowNode;
|
|
278
|
+
}
|
|
279
|
+
if (last2) last2.nextKey = null;
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
const $788781baa30117fa$var$ROW_HEADER_COLUMN_KEY = "row-header-column-" + Math.random().toString(36).slice(2);
|
|
283
|
+
let $788781baa30117fa$var$ROW_HEADER_COLUMN_KEY_DRAG = "row-header-column-" + Math.random().toString(36).slice(2);
|
|
284
|
+
while ($788781baa30117fa$var$ROW_HEADER_COLUMN_KEY === $788781baa30117fa$var$ROW_HEADER_COLUMN_KEY_DRAG) $788781baa30117fa$var$ROW_HEADER_COLUMN_KEY_DRAG = "row-header-column-" + Math.random().toString(36).slice(2);
|
|
285
|
+
function $788781baa30117fa$export$7c127db850d4e81e(keyMap, columnNodes) {
|
|
286
|
+
if (columnNodes.length === 0) return [];
|
|
287
|
+
let columns = [];
|
|
288
|
+
let seen = /* @__PURE__ */ new Map();
|
|
289
|
+
for (let column of columnNodes) {
|
|
290
|
+
let parentKey = column.parentKey;
|
|
291
|
+
let col = [
|
|
292
|
+
column
|
|
293
|
+
];
|
|
294
|
+
while (parentKey) {
|
|
295
|
+
let parent = keyMap.get(parentKey);
|
|
296
|
+
if (!parent) break;
|
|
297
|
+
if (seen.has(parent)) {
|
|
298
|
+
var _parent;
|
|
299
|
+
var _colspan;
|
|
300
|
+
(_colspan = (_parent = parent).colspan) !== null && _colspan !== void 0 ? _colspan : _parent.colspan = 0;
|
|
301
|
+
parent.colspan++;
|
|
302
|
+
let { column: column2, index } = seen.get(parent);
|
|
303
|
+
if (index > col.length) break;
|
|
304
|
+
for (let i2 = index; i2 < col.length; i2++) column2.splice(i2, 0, null);
|
|
305
|
+
for (let i2 = col.length; i2 < column2.length; i2++)
|
|
306
|
+
if (column2[i2] && seen.has(column2[i2])) seen.get(column2[i2]).index = i2;
|
|
307
|
+
} else {
|
|
308
|
+
parent.colspan = 1;
|
|
309
|
+
col.push(parent);
|
|
310
|
+
seen.set(parent, {
|
|
311
|
+
column: col,
|
|
312
|
+
index: col.length - 1
|
|
313
|
+
});
|
|
314
|
+
}
|
|
315
|
+
parentKey = parent.parentKey;
|
|
316
|
+
}
|
|
317
|
+
columns.push(col);
|
|
318
|
+
column.index = columns.length - 1;
|
|
319
|
+
}
|
|
320
|
+
let maxLength = Math.max(...columns.map((c) => c.length));
|
|
321
|
+
let headerRows = Array(maxLength).fill(0).map(() => []);
|
|
322
|
+
let colIndex = 0;
|
|
323
|
+
for (let column of columns) {
|
|
324
|
+
let i2 = maxLength - 1;
|
|
325
|
+
for (let item of column) {
|
|
326
|
+
if (item) {
|
|
327
|
+
let row = headerRows[i2];
|
|
328
|
+
let rowLength = row.reduce((p, c) => {
|
|
329
|
+
var _c_colspan;
|
|
330
|
+
return p + ((_c_colspan = c.colspan) !== null && _c_colspan !== void 0 ? _c_colspan : 1);
|
|
331
|
+
}, 0);
|
|
332
|
+
if (rowLength < colIndex) {
|
|
333
|
+
let placeholder = {
|
|
334
|
+
type: "placeholder",
|
|
335
|
+
key: "placeholder-" + item.key,
|
|
336
|
+
colspan: colIndex - rowLength,
|
|
337
|
+
index: rowLength,
|
|
338
|
+
value: null,
|
|
339
|
+
rendered: null,
|
|
340
|
+
level: i2,
|
|
341
|
+
hasChildNodes: false,
|
|
342
|
+
childNodes: [],
|
|
343
|
+
textValue: ""
|
|
344
|
+
};
|
|
345
|
+
if (row.length > 0) {
|
|
346
|
+
row[row.length - 1].nextKey = placeholder.key;
|
|
347
|
+
placeholder.prevKey = row[row.length - 1].key;
|
|
348
|
+
}
|
|
349
|
+
row.push(placeholder);
|
|
350
|
+
}
|
|
351
|
+
if (row.length > 0) {
|
|
352
|
+
row[row.length - 1].nextKey = item.key;
|
|
353
|
+
item.prevKey = row[row.length - 1].key;
|
|
354
|
+
}
|
|
355
|
+
item.level = i2;
|
|
356
|
+
item.colIndex = colIndex;
|
|
357
|
+
row.push(item);
|
|
358
|
+
}
|
|
359
|
+
i2--;
|
|
360
|
+
}
|
|
361
|
+
colIndex++;
|
|
362
|
+
}
|
|
363
|
+
let i = 0;
|
|
364
|
+
for (let row of headerRows) {
|
|
365
|
+
let rowLength = row.reduce((p, c) => {
|
|
366
|
+
var _c_colspan;
|
|
367
|
+
return p + ((_c_colspan = c.colspan) !== null && _c_colspan !== void 0 ? _c_colspan : 1);
|
|
368
|
+
}, 0);
|
|
369
|
+
if (rowLength < columnNodes.length) {
|
|
370
|
+
let placeholder = {
|
|
371
|
+
type: "placeholder",
|
|
372
|
+
key: "placeholder-" + row[row.length - 1].key,
|
|
373
|
+
colspan: columnNodes.length - rowLength,
|
|
374
|
+
index: rowLength,
|
|
375
|
+
value: null,
|
|
376
|
+
rendered: null,
|
|
377
|
+
level: i,
|
|
378
|
+
hasChildNodes: false,
|
|
379
|
+
childNodes: [],
|
|
380
|
+
textValue: "",
|
|
381
|
+
prevKey: row[row.length - 1].key
|
|
382
|
+
};
|
|
383
|
+
row.push(placeholder);
|
|
384
|
+
}
|
|
385
|
+
i++;
|
|
386
|
+
}
|
|
387
|
+
return headerRows.map((childNodes, index) => {
|
|
388
|
+
let row = {
|
|
389
|
+
type: "headerrow",
|
|
390
|
+
key: "headerrow-" + index,
|
|
391
|
+
index,
|
|
392
|
+
value: null,
|
|
393
|
+
rendered: null,
|
|
394
|
+
level: 0,
|
|
395
|
+
hasChildNodes: true,
|
|
396
|
+
childNodes,
|
|
397
|
+
textValue: ""
|
|
398
|
+
};
|
|
399
|
+
return row;
|
|
400
|
+
});
|
|
401
|
+
}
|
|
402
|
+
class $788781baa30117fa$export$596e1b2e2cf93690 extends $16805b1b18093c5f$export$de3fdf6493c353d {
|
|
403
|
+
*[Symbol.iterator]() {
|
|
404
|
+
yield* __yieldStar(this.body.childNodes);
|
|
405
|
+
}
|
|
406
|
+
get size() {
|
|
407
|
+
return this._size;
|
|
408
|
+
}
|
|
409
|
+
getKeys() {
|
|
410
|
+
return this.keyMap.keys();
|
|
411
|
+
}
|
|
412
|
+
getKeyBefore(key) {
|
|
413
|
+
let node = this.keyMap.get(key);
|
|
414
|
+
var _node_prevKey;
|
|
415
|
+
return (_node_prevKey = node === null || node === void 0 ? void 0 : node.prevKey) !== null && _node_prevKey !== void 0 ? _node_prevKey : null;
|
|
416
|
+
}
|
|
417
|
+
getKeyAfter(key) {
|
|
418
|
+
let node = this.keyMap.get(key);
|
|
419
|
+
var _node_nextKey;
|
|
420
|
+
return (_node_nextKey = node === null || node === void 0 ? void 0 : node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null;
|
|
421
|
+
}
|
|
422
|
+
getFirstKey() {
|
|
423
|
+
var _getFirstItem;
|
|
424
|
+
var _getFirstItem_key;
|
|
425
|
+
return (_getFirstItem_key = (_getFirstItem = $c5a24bc478652b5f$export$fbdeaa6a76694f71(this.body.childNodes)) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _getFirstItem_key !== void 0 ? _getFirstItem_key : null;
|
|
426
|
+
}
|
|
427
|
+
getLastKey() {
|
|
428
|
+
var _getLastItem;
|
|
429
|
+
var _getLastItem_key;
|
|
430
|
+
return (_getLastItem_key = (_getLastItem = $c5a24bc478652b5f$export$7475b2c64539e4cf(this.body.childNodes)) === null || _getLastItem === void 0 ? void 0 : _getLastItem.key) !== null && _getLastItem_key !== void 0 ? _getLastItem_key : null;
|
|
431
|
+
}
|
|
432
|
+
getItem(key) {
|
|
433
|
+
var _this_keyMap_get;
|
|
434
|
+
return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
|
|
435
|
+
}
|
|
436
|
+
at(idx) {
|
|
437
|
+
const keys = [
|
|
438
|
+
...this.getKeys()
|
|
439
|
+
];
|
|
440
|
+
return this.getItem(keys[idx]);
|
|
441
|
+
}
|
|
442
|
+
getChildren(key) {
|
|
443
|
+
if (key === this.body.key) return this.body.childNodes;
|
|
444
|
+
return super.getChildren(key);
|
|
445
|
+
}
|
|
446
|
+
getTextValue(key) {
|
|
447
|
+
let row = this.getItem(key);
|
|
448
|
+
if (!row) return "";
|
|
449
|
+
if (row.textValue) return row.textValue;
|
|
450
|
+
let rowHeaderColumnKeys = this.rowHeaderColumnKeys;
|
|
451
|
+
if (rowHeaderColumnKeys) {
|
|
452
|
+
let text = [];
|
|
453
|
+
for (let cell of row.childNodes) {
|
|
454
|
+
let column = this.columns[cell.index];
|
|
455
|
+
if (rowHeaderColumnKeys.has(column.key) && cell.textValue) text.push(cell.textValue);
|
|
456
|
+
if (text.length === rowHeaderColumnKeys.size) break;
|
|
457
|
+
}
|
|
458
|
+
return text.join(" ");
|
|
459
|
+
}
|
|
460
|
+
return "";
|
|
461
|
+
}
|
|
462
|
+
constructor(nodes, prev, opts) {
|
|
463
|
+
let rowHeaderColumnKeys = /* @__PURE__ */ new Set();
|
|
464
|
+
let body = null;
|
|
465
|
+
let columns = [];
|
|
466
|
+
if (opts === null || opts === void 0 ? void 0 : opts.showSelectionCheckboxes) {
|
|
467
|
+
let rowHeaderColumn = {
|
|
468
|
+
type: "column",
|
|
469
|
+
key: $788781baa30117fa$var$ROW_HEADER_COLUMN_KEY,
|
|
470
|
+
value: null,
|
|
471
|
+
textValue: "",
|
|
472
|
+
level: 0,
|
|
473
|
+
index: (opts === null || opts === void 0 ? void 0 : opts.showDragButtons) ? 1 : 0,
|
|
474
|
+
hasChildNodes: false,
|
|
475
|
+
rendered: null,
|
|
476
|
+
childNodes: [],
|
|
477
|
+
props: {
|
|
478
|
+
isSelectionCell: true
|
|
479
|
+
}
|
|
480
|
+
};
|
|
481
|
+
columns.unshift(rowHeaderColumn);
|
|
482
|
+
}
|
|
483
|
+
if (opts === null || opts === void 0 ? void 0 : opts.showDragButtons) {
|
|
484
|
+
let rowHeaderColumn = {
|
|
485
|
+
type: "column",
|
|
486
|
+
key: $788781baa30117fa$var$ROW_HEADER_COLUMN_KEY_DRAG,
|
|
487
|
+
value: null,
|
|
488
|
+
textValue: "",
|
|
489
|
+
level: 0,
|
|
490
|
+
index: 0,
|
|
491
|
+
hasChildNodes: false,
|
|
492
|
+
rendered: null,
|
|
493
|
+
childNodes: [],
|
|
494
|
+
props: {
|
|
495
|
+
isDragButtonCell: true
|
|
496
|
+
}
|
|
497
|
+
};
|
|
498
|
+
columns.unshift(rowHeaderColumn);
|
|
499
|
+
}
|
|
500
|
+
let rows = [];
|
|
501
|
+
let columnKeyMap = /* @__PURE__ */ new Map();
|
|
502
|
+
let visit = (node) => {
|
|
503
|
+
switch (node.type) {
|
|
504
|
+
case "body":
|
|
505
|
+
body = node;
|
|
506
|
+
break;
|
|
507
|
+
case "column":
|
|
508
|
+
columnKeyMap.set(node.key, node);
|
|
509
|
+
if (!node.hasChildNodes) {
|
|
510
|
+
columns.push(node);
|
|
511
|
+
if (node.props.isRowHeader) rowHeaderColumnKeys.add(node.key);
|
|
512
|
+
}
|
|
513
|
+
break;
|
|
514
|
+
case "item":
|
|
515
|
+
rows.push(node);
|
|
516
|
+
return;
|
|
517
|
+
}
|
|
518
|
+
for (let child of node.childNodes) visit(child);
|
|
519
|
+
};
|
|
520
|
+
for (let node of nodes) visit(node);
|
|
521
|
+
let headerRows = $788781baa30117fa$export$7c127db850d4e81e(columnKeyMap, columns);
|
|
522
|
+
headerRows.forEach((row, i) => rows.splice(i, 0, row));
|
|
523
|
+
super({
|
|
524
|
+
columnCount: columns.length,
|
|
525
|
+
items: rows,
|
|
526
|
+
visitNode: (node) => {
|
|
527
|
+
node.column = columns[node.index];
|
|
528
|
+
return node;
|
|
529
|
+
}
|
|
530
|
+
}), this._size = 0;
|
|
531
|
+
this.columns = columns;
|
|
532
|
+
this.rowHeaderColumnKeys = rowHeaderColumnKeys;
|
|
533
|
+
this.body = body;
|
|
534
|
+
this.headerRows = headerRows;
|
|
535
|
+
this._size = [
|
|
536
|
+
...body.childNodes
|
|
537
|
+
].length;
|
|
538
|
+
if (this.rowHeaderColumnKeys.size === 0) {
|
|
539
|
+
let col = this.columns.find((column) => {
|
|
540
|
+
var _column_props, _column_props1;
|
|
541
|
+
return !((_column_props = column.props) === null || _column_props === void 0 ? void 0 : _column_props.isDragButtonCell) && !((_column_props1 = column.props) === null || _column_props1 === void 0 ? void 0 : _column_props1.isSelectionCell);
|
|
542
|
+
});
|
|
543
|
+
if (col) this.rowHeaderColumnKeys.add(col.key);
|
|
544
|
+
}
|
|
545
|
+
}
|
|
546
|
+
}
|
|
547
|
+
const $4a0dd036d492cee4$var$OPPOSITE_SORT_DIRECTION = {
|
|
548
|
+
ascending: "descending",
|
|
549
|
+
descending: "ascending"
|
|
550
|
+
};
|
|
551
|
+
function $4a0dd036d492cee4$export$907bcc6c48325fd6(props) {
|
|
552
|
+
let [isKeyboardNavigationDisabled, setKeyboardNavigationDisabled] = useState(false);
|
|
553
|
+
let { selectionMode = "none", showSelectionCheckboxes, showDragButtons } = props;
|
|
554
|
+
let context = useMemo(() => ({
|
|
555
|
+
showSelectionCheckboxes: showSelectionCheckboxes && selectionMode !== "none",
|
|
556
|
+
showDragButtons,
|
|
557
|
+
selectionMode,
|
|
558
|
+
columns: []
|
|
559
|
+
}), [
|
|
560
|
+
props.children,
|
|
561
|
+
showSelectionCheckboxes,
|
|
562
|
+
selectionMode,
|
|
563
|
+
showDragButtons
|
|
564
|
+
]);
|
|
565
|
+
let collection = $7613b1592d41b092$export$6cd28814d92fa9c9(props, useCallback((nodes) => new $788781baa30117fa$export$596e1b2e2cf93690(nodes, null, context), [
|
|
566
|
+
context
|
|
567
|
+
]), context);
|
|
568
|
+
let { disabledKeys, selectionManager } = $62967d126f3aa823$export$4007ac09ff9c68ed(__spreadProps(__spreadValues({}, props), {
|
|
569
|
+
collection,
|
|
570
|
+
disabledBehavior: props.disabledBehavior || "selection"
|
|
571
|
+
}));
|
|
572
|
+
var _props_sortDescriptor;
|
|
573
|
+
return {
|
|
574
|
+
collection,
|
|
575
|
+
disabledKeys,
|
|
576
|
+
selectionManager,
|
|
577
|
+
showSelectionCheckboxes: props.showSelectionCheckboxes || false,
|
|
578
|
+
sortDescriptor: (_props_sortDescriptor = props.sortDescriptor) !== null && _props_sortDescriptor !== void 0 ? _props_sortDescriptor : null,
|
|
579
|
+
isKeyboardNavigationDisabled: collection.size === 0 || isKeyboardNavigationDisabled,
|
|
580
|
+
setKeyboardNavigationDisabled,
|
|
581
|
+
sort(columnKey, direction) {
|
|
582
|
+
var _props_sortDescriptor2, _props_onSortChange;
|
|
583
|
+
(_props_onSortChange = props.onSortChange) === null || _props_onSortChange === void 0 ? void 0 : _props_onSortChange.call(props, {
|
|
584
|
+
column: columnKey,
|
|
585
|
+
direction: direction !== null && direction !== void 0 ? direction : ((_props_sortDescriptor2 = props.sortDescriptor) === null || _props_sortDescriptor2 === void 0 ? void 0 : _props_sortDescriptor2.column) === columnKey ? $4a0dd036d492cee4$var$OPPOSITE_SORT_DIRECTION[props.sortDescriptor.direction] : "ascending"
|
|
586
|
+
});
|
|
587
|
+
}
|
|
588
|
+
};
|
|
589
|
+
}
|
|
590
|
+
function $312ae3b56a94a86e$var$TableHeader(props) {
|
|
591
|
+
return null;
|
|
592
|
+
}
|
|
593
|
+
$312ae3b56a94a86e$var$TableHeader.getCollectionNode = function* getCollectionNode(props, context) {
|
|
594
|
+
let { children, columns } = props;
|
|
595
|
+
context.columns = [];
|
|
596
|
+
if (typeof children === "function") {
|
|
597
|
+
if (!columns) throw new Error("props.children was a function but props.columns is missing");
|
|
598
|
+
for (let column of columns) yield {
|
|
599
|
+
type: "column",
|
|
600
|
+
value: column,
|
|
601
|
+
renderer: children
|
|
602
|
+
};
|
|
603
|
+
} else {
|
|
604
|
+
let columns2 = [];
|
|
605
|
+
React__default.Children.forEach(children, (column) => {
|
|
606
|
+
columns2.push({
|
|
607
|
+
type: "column",
|
|
608
|
+
element: column
|
|
609
|
+
});
|
|
610
|
+
});
|
|
611
|
+
yield* __yieldStar(columns2);
|
|
612
|
+
}
|
|
613
|
+
};
|
|
614
|
+
let $312ae3b56a94a86e$export$f850895b287ef28e = $312ae3b56a94a86e$var$TableHeader;
|
|
615
|
+
function $4ae5314bf50db1a3$var$TableBody(props) {
|
|
616
|
+
return null;
|
|
617
|
+
}
|
|
618
|
+
$4ae5314bf50db1a3$var$TableBody.getCollectionNode = function* getCollectionNode2(props) {
|
|
619
|
+
let { children, items } = props;
|
|
620
|
+
yield {
|
|
621
|
+
type: "body",
|
|
622
|
+
hasChildNodes: true,
|
|
623
|
+
props,
|
|
624
|
+
*childNodes() {
|
|
625
|
+
if (typeof children === "function") {
|
|
626
|
+
if (!items) throw new Error("props.children was a function but props.items is missing");
|
|
627
|
+
for (let item of items) yield {
|
|
628
|
+
type: "item",
|
|
629
|
+
value: item,
|
|
630
|
+
renderer: children
|
|
631
|
+
};
|
|
632
|
+
} else {
|
|
633
|
+
let items2 = [];
|
|
634
|
+
React__default.Children.forEach(children, (item) => {
|
|
635
|
+
items2.push({
|
|
636
|
+
type: "item",
|
|
637
|
+
element: item
|
|
638
|
+
});
|
|
639
|
+
});
|
|
640
|
+
yield* __yieldStar(items2);
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
};
|
|
644
|
+
};
|
|
645
|
+
let $4ae5314bf50db1a3$export$76ccd210b9029917 = $4ae5314bf50db1a3$var$TableBody;
|
|
646
|
+
function $1cd244557c2f97d5$var$Column(props) {
|
|
647
|
+
return null;
|
|
648
|
+
}
|
|
649
|
+
$1cd244557c2f97d5$var$Column.getCollectionNode = function* getCollectionNode3(props, context) {
|
|
650
|
+
let { title, children, childColumns } = props;
|
|
651
|
+
let rendered = title || children;
|
|
652
|
+
let textValue = props.textValue || (typeof rendered === "string" ? rendered : "") || props["aria-label"];
|
|
653
|
+
let fullNodes = yield {
|
|
654
|
+
type: "column",
|
|
655
|
+
hasChildNodes: !!childColumns || !!title && React__default.Children.count(children) > 0,
|
|
656
|
+
rendered,
|
|
657
|
+
textValue,
|
|
658
|
+
props,
|
|
659
|
+
*childNodes() {
|
|
660
|
+
if (childColumns) for (let child of childColumns) yield {
|
|
661
|
+
type: "column",
|
|
662
|
+
value: child
|
|
663
|
+
};
|
|
664
|
+
else if (title) {
|
|
665
|
+
let childColumns2 = [];
|
|
666
|
+
React__default.Children.forEach(children, (child) => {
|
|
667
|
+
childColumns2.push({
|
|
668
|
+
type: "column",
|
|
669
|
+
element: child
|
|
670
|
+
});
|
|
671
|
+
});
|
|
672
|
+
yield* __yieldStar(childColumns2);
|
|
673
|
+
}
|
|
674
|
+
},
|
|
675
|
+
shouldInvalidate(newContext) {
|
|
676
|
+
updateContext(newContext);
|
|
677
|
+
return false;
|
|
678
|
+
}
|
|
679
|
+
};
|
|
680
|
+
let updateContext = (context2) => {
|
|
681
|
+
for (let node of fullNodes) if (!node.hasChildNodes) context2.columns.push(node);
|
|
682
|
+
};
|
|
683
|
+
updateContext(context);
|
|
684
|
+
};
|
|
685
|
+
let $1cd244557c2f97d5$export$816b5d811295e6bc = $1cd244557c2f97d5$var$Column;
|
|
686
|
+
function $70d70eb16ea48428$var$Row(props) {
|
|
687
|
+
return null;
|
|
688
|
+
}
|
|
689
|
+
$70d70eb16ea48428$var$Row.getCollectionNode = function* getCollectionNode4(props, context) {
|
|
690
|
+
let { children, textValue, UNSTABLE_childItems } = props;
|
|
691
|
+
yield {
|
|
692
|
+
type: "item",
|
|
693
|
+
props,
|
|
694
|
+
textValue,
|
|
695
|
+
"aria-label": props["aria-label"],
|
|
696
|
+
hasChildNodes: true,
|
|
697
|
+
*childNodes() {
|
|
698
|
+
if (context.showDragButtons) yield {
|
|
699
|
+
type: "cell",
|
|
700
|
+
key: "header-drag",
|
|
701
|
+
props: {
|
|
702
|
+
isDragButtonCell: true
|
|
703
|
+
}
|
|
704
|
+
};
|
|
705
|
+
if (context.showSelectionCheckboxes && context.selectionMode !== "none") yield {
|
|
706
|
+
type: "cell",
|
|
707
|
+
key: "header",
|
|
708
|
+
props: {
|
|
709
|
+
isSelectionCell: true
|
|
710
|
+
}
|
|
711
|
+
};
|
|
712
|
+
if (typeof children === "function") {
|
|
713
|
+
for (let column of context.columns) yield {
|
|
714
|
+
type: "cell",
|
|
715
|
+
element: children(column.key),
|
|
716
|
+
key: column.key
|
|
717
|
+
// this is combined with the row key by CollectionBuilder
|
|
718
|
+
};
|
|
719
|
+
if (UNSTABLE_childItems) for (let child of UNSTABLE_childItems)
|
|
720
|
+
yield {
|
|
721
|
+
type: "item",
|
|
722
|
+
value: child
|
|
723
|
+
};
|
|
724
|
+
} else {
|
|
725
|
+
let cells = [];
|
|
726
|
+
let childRows = [];
|
|
727
|
+
React__default.Children.forEach(children, (node) => {
|
|
728
|
+
if (node.type === $70d70eb16ea48428$var$Row) {
|
|
729
|
+
if (cells.length < context.columns.length) throw new Error("All of a Row's child Cells must be positioned before any child Rows.");
|
|
730
|
+
childRows.push({
|
|
731
|
+
type: "item",
|
|
732
|
+
element: node
|
|
733
|
+
});
|
|
734
|
+
} else cells.push({
|
|
735
|
+
type: "cell",
|
|
736
|
+
element: node
|
|
737
|
+
});
|
|
738
|
+
});
|
|
739
|
+
if (cells.length !== context.columns.length) throw new Error(`Cell count must match column count. Found ${cells.length} cells and ${context.columns.length} columns.`);
|
|
740
|
+
yield* __yieldStar(cells);
|
|
741
|
+
yield* __yieldStar(childRows);
|
|
742
|
+
}
|
|
743
|
+
},
|
|
744
|
+
shouldInvalidate(newContext) {
|
|
745
|
+
return newContext.columns.length !== context.columns.length || newContext.columns.some((c, i) => c.key !== context.columns[i].key) || newContext.showSelectionCheckboxes !== context.showSelectionCheckboxes || newContext.showDragButtons !== context.showDragButtons || newContext.selectionMode !== context.selectionMode;
|
|
746
|
+
}
|
|
747
|
+
};
|
|
748
|
+
};
|
|
749
|
+
let $70d70eb16ea48428$export$b59bdbef9ce70de2 = $70d70eb16ea48428$var$Row;
|
|
750
|
+
function $941d1d9a6a28982a$var$Cell(props) {
|
|
751
|
+
return null;
|
|
752
|
+
}
|
|
753
|
+
$941d1d9a6a28982a$var$Cell.getCollectionNode = function* getCollectionNode5(props) {
|
|
754
|
+
let { children } = props;
|
|
755
|
+
let textValue = props.textValue || (typeof children === "string" ? children : "") || props["aria-label"] || "";
|
|
756
|
+
yield {
|
|
757
|
+
type: "cell",
|
|
758
|
+
props,
|
|
759
|
+
rendered: children,
|
|
760
|
+
textValue,
|
|
761
|
+
"aria-label": props["aria-label"],
|
|
762
|
+
hasChildNodes: false
|
|
763
|
+
};
|
|
764
|
+
};
|
|
765
|
+
let $941d1d9a6a28982a$export$f6f0c3fe4ec306ea = $941d1d9a6a28982a$var$Cell;
|
|
766
|
+
let $f4e2df6bd15f8569$var$_tableNestedRows = false;
|
|
767
|
+
function $f4e2df6bd15f8569$export$1b00cb14a96194e6() {
|
|
768
|
+
return $f4e2df6bd15f8569$var$_tableNestedRows;
|
|
769
|
+
}
|
|
770
|
+
class $d1c300d9c497e402$export$de9feff04fda126e {
|
|
771
|
+
isCell(node) {
|
|
772
|
+
return node.type === "cell";
|
|
773
|
+
}
|
|
774
|
+
isRow(node) {
|
|
775
|
+
return node.type === "row" || node.type === "item";
|
|
776
|
+
}
|
|
777
|
+
isDisabled(item) {
|
|
778
|
+
var _item_props;
|
|
779
|
+
return this.disabledBehavior === "all" && (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.isDisabled) || this.disabledKeys.has(item.key));
|
|
780
|
+
}
|
|
781
|
+
findPreviousKey(fromKey, pred) {
|
|
782
|
+
let key = fromKey != null ? this.collection.getKeyBefore(fromKey) : this.collection.getLastKey();
|
|
783
|
+
while (key != null) {
|
|
784
|
+
let item = this.collection.getItem(key);
|
|
785
|
+
if (!item) return null;
|
|
786
|
+
if (!this.isDisabled(item) && (!pred || pred(item))) return key;
|
|
787
|
+
key = this.collection.getKeyBefore(key);
|
|
788
|
+
}
|
|
789
|
+
return null;
|
|
790
|
+
}
|
|
791
|
+
findNextKey(fromKey, pred) {
|
|
792
|
+
let key = fromKey != null ? this.collection.getKeyAfter(fromKey) : this.collection.getFirstKey();
|
|
793
|
+
while (key != null) {
|
|
794
|
+
let item = this.collection.getItem(key);
|
|
795
|
+
if (!item) return null;
|
|
796
|
+
if (!this.isDisabled(item) && (!pred || pred(item))) return key;
|
|
797
|
+
key = this.collection.getKeyAfter(key);
|
|
798
|
+
if (key == null) return null;
|
|
799
|
+
}
|
|
800
|
+
return null;
|
|
801
|
+
}
|
|
802
|
+
getKeyBelow(fromKey) {
|
|
803
|
+
let key = fromKey;
|
|
804
|
+
let startItem = this.collection.getItem(key);
|
|
805
|
+
if (!startItem) return null;
|
|
806
|
+
var _startItem_parentKey;
|
|
807
|
+
if (this.isCell(startItem)) key = (_startItem_parentKey = startItem.parentKey) !== null && _startItem_parentKey !== void 0 ? _startItem_parentKey : null;
|
|
808
|
+
if (key == null) return null;
|
|
809
|
+
key = this.findNextKey(key, (item) => item.type === "item");
|
|
810
|
+
if (key != null) {
|
|
811
|
+
if (this.isCell(startItem)) {
|
|
812
|
+
var _getNthItem;
|
|
813
|
+
let item = this.collection.getItem(key);
|
|
814
|
+
if (!item) return null;
|
|
815
|
+
var _startItem_index, _getNthItem_key;
|
|
816
|
+
return (_getNthItem_key = (_getNthItem = $c5a24bc478652b5f$export$5f3398f8733f90e2($c5a24bc478652b5f$export$1005530eda016c13(item, this.collection), (_startItem_index = startItem.index) !== null && _startItem_index !== void 0 ? _startItem_index : 0)) === null || _getNthItem === void 0 ? void 0 : _getNthItem.key) !== null && _getNthItem_key !== void 0 ? _getNthItem_key : null;
|
|
817
|
+
}
|
|
818
|
+
if (this.focusMode === "row") return key;
|
|
819
|
+
}
|
|
820
|
+
return null;
|
|
821
|
+
}
|
|
822
|
+
getKeyAbove(fromKey) {
|
|
823
|
+
let key = fromKey;
|
|
824
|
+
let startItem = this.collection.getItem(key);
|
|
825
|
+
if (!startItem) return null;
|
|
826
|
+
var _startItem_parentKey;
|
|
827
|
+
if (this.isCell(startItem)) key = (_startItem_parentKey = startItem.parentKey) !== null && _startItem_parentKey !== void 0 ? _startItem_parentKey : null;
|
|
828
|
+
if (key == null) return null;
|
|
829
|
+
key = this.findPreviousKey(key, (item) => item.type === "item");
|
|
830
|
+
if (key != null) {
|
|
831
|
+
if (this.isCell(startItem)) {
|
|
832
|
+
var _getNthItem;
|
|
833
|
+
let item = this.collection.getItem(key);
|
|
834
|
+
if (!item) return null;
|
|
835
|
+
var _startItem_index;
|
|
836
|
+
return ((_getNthItem = $c5a24bc478652b5f$export$5f3398f8733f90e2($c5a24bc478652b5f$export$1005530eda016c13(item, this.collection), (_startItem_index = startItem.index) !== null && _startItem_index !== void 0 ? _startItem_index : 0)) === null || _getNthItem === void 0 ? void 0 : _getNthItem.key) || null;
|
|
837
|
+
}
|
|
838
|
+
if (this.focusMode === "row") return key;
|
|
839
|
+
}
|
|
840
|
+
return null;
|
|
841
|
+
}
|
|
842
|
+
getKeyRightOf(key) {
|
|
843
|
+
let item = this.collection.getItem(key);
|
|
844
|
+
if (!item) return null;
|
|
845
|
+
if (this.isRow(item)) {
|
|
846
|
+
var _getLastItem, _getFirstItem;
|
|
847
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(item, this.collection);
|
|
848
|
+
var _ref;
|
|
849
|
+
return (_ref = this.direction === "rtl" ? (_getLastItem = $c5a24bc478652b5f$export$7475b2c64539e4cf(children)) === null || _getLastItem === void 0 ? void 0 : _getLastItem.key : (_getFirstItem = $c5a24bc478652b5f$export$fbdeaa6a76694f71(children)) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _ref !== void 0 ? _ref : null;
|
|
850
|
+
}
|
|
851
|
+
if (this.isCell(item) && item.parentKey != null) {
|
|
852
|
+
let parent = this.collection.getItem(item.parentKey);
|
|
853
|
+
if (!parent) return null;
|
|
854
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(parent, this.collection);
|
|
855
|
+
var _ref1;
|
|
856
|
+
let next = (_ref1 = this.direction === "rtl" ? $c5a24bc478652b5f$export$5f3398f8733f90e2(children, item.index - 1) : $c5a24bc478652b5f$export$5f3398f8733f90e2(children, item.index + 1)) !== null && _ref1 !== void 0 ? _ref1 : null;
|
|
857
|
+
var _next_key;
|
|
858
|
+
if (next) return (_next_key = next.key) !== null && _next_key !== void 0 ? _next_key : null;
|
|
859
|
+
var _item_parentKey;
|
|
860
|
+
if (this.focusMode === "row") return (_item_parentKey = item.parentKey) !== null && _item_parentKey !== void 0 ? _item_parentKey : null;
|
|
861
|
+
var _ref2;
|
|
862
|
+
return (_ref2 = this.direction === "rtl" ? this.getFirstKey(key) : this.getLastKey(key)) !== null && _ref2 !== void 0 ? _ref2 : null;
|
|
863
|
+
}
|
|
864
|
+
return null;
|
|
865
|
+
}
|
|
866
|
+
getKeyLeftOf(key) {
|
|
867
|
+
let item = this.collection.getItem(key);
|
|
868
|
+
if (!item) return null;
|
|
869
|
+
if (this.isRow(item)) {
|
|
870
|
+
var _getFirstItem, _getLastItem;
|
|
871
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(item, this.collection);
|
|
872
|
+
var _ref;
|
|
873
|
+
return (_ref = this.direction === "rtl" ? (_getFirstItem = $c5a24bc478652b5f$export$fbdeaa6a76694f71(children)) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key : (_getLastItem = $c5a24bc478652b5f$export$7475b2c64539e4cf(children)) === null || _getLastItem === void 0 ? void 0 : _getLastItem.key) !== null && _ref !== void 0 ? _ref : null;
|
|
874
|
+
}
|
|
875
|
+
if (this.isCell(item) && item.parentKey != null) {
|
|
876
|
+
let parent = this.collection.getItem(item.parentKey);
|
|
877
|
+
if (!parent) return null;
|
|
878
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(parent, this.collection);
|
|
879
|
+
var _ref1;
|
|
880
|
+
let prev = (_ref1 = this.direction === "rtl" ? $c5a24bc478652b5f$export$5f3398f8733f90e2(children, item.index + 1) : $c5a24bc478652b5f$export$5f3398f8733f90e2(children, item.index - 1)) !== null && _ref1 !== void 0 ? _ref1 : null;
|
|
881
|
+
var _prev_key;
|
|
882
|
+
if (prev) return (_prev_key = prev.key) !== null && _prev_key !== void 0 ? _prev_key : null;
|
|
883
|
+
var _item_parentKey;
|
|
884
|
+
if (this.focusMode === "row") return (_item_parentKey = item.parentKey) !== null && _item_parentKey !== void 0 ? _item_parentKey : null;
|
|
885
|
+
var _ref2;
|
|
886
|
+
return (_ref2 = this.direction === "rtl" ? this.getLastKey(key) : this.getFirstKey(key)) !== null && _ref2 !== void 0 ? _ref2 : null;
|
|
887
|
+
}
|
|
888
|
+
return null;
|
|
889
|
+
}
|
|
890
|
+
getFirstKey(fromKey, global) {
|
|
891
|
+
let key = fromKey !== null && fromKey !== void 0 ? fromKey : null;
|
|
892
|
+
let item;
|
|
893
|
+
if (key != null) {
|
|
894
|
+
item = this.collection.getItem(key);
|
|
895
|
+
if (!item) return null;
|
|
896
|
+
if (this.isCell(item) && !global && item.parentKey != null) {
|
|
897
|
+
var _getFirstItem;
|
|
898
|
+
let parent = this.collection.getItem(item.parentKey);
|
|
899
|
+
if (!parent) return null;
|
|
900
|
+
var _getFirstItem_key;
|
|
901
|
+
return (_getFirstItem_key = (_getFirstItem = $c5a24bc478652b5f$export$fbdeaa6a76694f71($c5a24bc478652b5f$export$1005530eda016c13(parent, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _getFirstItem_key !== void 0 ? _getFirstItem_key : null;
|
|
902
|
+
}
|
|
903
|
+
}
|
|
904
|
+
key = this.findNextKey(void 0, (item2) => item2.type === "item");
|
|
905
|
+
if (key != null && (item && this.isCell(item) && global || this.focusMode === "cell")) {
|
|
906
|
+
var _getFirstItem1;
|
|
907
|
+
let item2 = this.collection.getItem(key);
|
|
908
|
+
if (!item2) return null;
|
|
909
|
+
var _getFirstItem_key1;
|
|
910
|
+
key = (_getFirstItem_key1 = (_getFirstItem1 = $c5a24bc478652b5f$export$fbdeaa6a76694f71($c5a24bc478652b5f$export$1005530eda016c13(item2, this.collection))) === null || _getFirstItem1 === void 0 ? void 0 : _getFirstItem1.key) !== null && _getFirstItem_key1 !== void 0 ? _getFirstItem_key1 : null;
|
|
911
|
+
}
|
|
912
|
+
return key;
|
|
913
|
+
}
|
|
914
|
+
getLastKey(fromKey, global) {
|
|
915
|
+
let key = fromKey !== null && fromKey !== void 0 ? fromKey : null;
|
|
916
|
+
let item;
|
|
917
|
+
if (key != null) {
|
|
918
|
+
item = this.collection.getItem(key);
|
|
919
|
+
if (!item) return null;
|
|
920
|
+
if (this.isCell(item) && !global && item.parentKey != null) {
|
|
921
|
+
var _getLastItem;
|
|
922
|
+
let parent = this.collection.getItem(item.parentKey);
|
|
923
|
+
if (!parent) return null;
|
|
924
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(parent, this.collection);
|
|
925
|
+
var _getLastItem_key;
|
|
926
|
+
return (_getLastItem_key = (_getLastItem = $c5a24bc478652b5f$export$7475b2c64539e4cf(children)) === null || _getLastItem === void 0 ? void 0 : _getLastItem.key) !== null && _getLastItem_key !== void 0 ? _getLastItem_key : null;
|
|
927
|
+
}
|
|
928
|
+
}
|
|
929
|
+
key = this.findPreviousKey(void 0, (item2) => item2.type === "item");
|
|
930
|
+
if (key != null && (item && this.isCell(item) && global || this.focusMode === "cell")) {
|
|
931
|
+
var _getLastItem1;
|
|
932
|
+
let item2 = this.collection.getItem(key);
|
|
933
|
+
if (!item2) return null;
|
|
934
|
+
let children = $c5a24bc478652b5f$export$1005530eda016c13(item2, this.collection);
|
|
935
|
+
var _getLastItem_key1;
|
|
936
|
+
key = (_getLastItem_key1 = (_getLastItem1 = $c5a24bc478652b5f$export$7475b2c64539e4cf(children)) === null || _getLastItem1 === void 0 ? void 0 : _getLastItem1.key) !== null && _getLastItem_key1 !== void 0 ? _getLastItem_key1 : null;
|
|
937
|
+
}
|
|
938
|
+
return key;
|
|
939
|
+
}
|
|
940
|
+
getKeyPageAbove(fromKey) {
|
|
941
|
+
let key = fromKey;
|
|
942
|
+
let itemRect = this.layoutDelegate.getItemRect(key);
|
|
943
|
+
if (!itemRect) return null;
|
|
944
|
+
let pageY = Math.max(0, itemRect.y + itemRect.height - this.layoutDelegate.getVisibleRect().height);
|
|
945
|
+
while (itemRect && itemRect.y > pageY && key != null) {
|
|
946
|
+
var _this_getKeyAbove;
|
|
947
|
+
key = (_this_getKeyAbove = this.getKeyAbove(key)) !== null && _this_getKeyAbove !== void 0 ? _this_getKeyAbove : null;
|
|
948
|
+
if (key == null) break;
|
|
949
|
+
itemRect = this.layoutDelegate.getItemRect(key);
|
|
950
|
+
}
|
|
951
|
+
return key;
|
|
952
|
+
}
|
|
953
|
+
getKeyPageBelow(fromKey) {
|
|
954
|
+
let key = fromKey;
|
|
955
|
+
let itemRect = this.layoutDelegate.getItemRect(key);
|
|
956
|
+
if (!itemRect) return null;
|
|
957
|
+
let pageHeight = this.layoutDelegate.getVisibleRect().height;
|
|
958
|
+
let pageY = Math.min(this.layoutDelegate.getContentSize().height, itemRect.y + pageHeight);
|
|
959
|
+
while (itemRect && itemRect.y + itemRect.height < pageY) {
|
|
960
|
+
let nextKey = this.getKeyBelow(key);
|
|
961
|
+
if (nextKey == null) break;
|
|
962
|
+
itemRect = this.layoutDelegate.getItemRect(nextKey);
|
|
963
|
+
key = nextKey;
|
|
964
|
+
}
|
|
965
|
+
return key;
|
|
966
|
+
}
|
|
967
|
+
getKeyForSearch(search, fromKey) {
|
|
968
|
+
let key = fromKey !== null && fromKey !== void 0 ? fromKey : null;
|
|
969
|
+
if (!this.collator) return null;
|
|
970
|
+
let collection = this.collection;
|
|
971
|
+
key = fromKey !== null && fromKey !== void 0 ? fromKey : this.getFirstKey();
|
|
972
|
+
if (key == null) return null;
|
|
973
|
+
let startItem = collection.getItem(key);
|
|
974
|
+
if (!startItem) return null;
|
|
975
|
+
var _startItem_parentKey;
|
|
976
|
+
if (startItem.type === "cell") key = (_startItem_parentKey = startItem.parentKey) !== null && _startItem_parentKey !== void 0 ? _startItem_parentKey : null;
|
|
977
|
+
let hasWrapped = false;
|
|
978
|
+
while (key != null) {
|
|
979
|
+
let item = collection.getItem(key);
|
|
980
|
+
if (!item) return null;
|
|
981
|
+
if (item.textValue) {
|
|
982
|
+
let substring = item.textValue.slice(0, search.length);
|
|
983
|
+
if (this.collator.compare(substring, search) === 0) {
|
|
984
|
+
var _getFirstItem;
|
|
985
|
+
var _getFirstItem_key;
|
|
986
|
+
if (this.isRow(item) && this.focusMode === "cell") return (_getFirstItem_key = (_getFirstItem = $c5a24bc478652b5f$export$fbdeaa6a76694f71($c5a24bc478652b5f$export$1005530eda016c13(item, this.collection))) === null || _getFirstItem === void 0 ? void 0 : _getFirstItem.key) !== null && _getFirstItem_key !== void 0 ? _getFirstItem_key : null;
|
|
987
|
+
return item.key;
|
|
988
|
+
}
|
|
989
|
+
}
|
|
990
|
+
key = this.findNextKey(key, (item2) => item2.type === "item");
|
|
991
|
+
if (key == null && !hasWrapped) {
|
|
992
|
+
key = this.getFirstKey();
|
|
993
|
+
hasWrapped = true;
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
return null;
|
|
997
|
+
}
|
|
998
|
+
constructor(options) {
|
|
999
|
+
this.collection = options.collection;
|
|
1000
|
+
this.disabledKeys = options.disabledKeys;
|
|
1001
|
+
this.disabledBehavior = options.disabledBehavior || "all";
|
|
1002
|
+
this.direction = options.direction;
|
|
1003
|
+
this.collator = options.collator;
|
|
1004
|
+
if (!options.layout && !options.ref) throw new Error("Either a layout or a ref must be specified.");
|
|
1005
|
+
this.layoutDelegate = options.layoutDelegate || (options.layout ? new $d1c300d9c497e402$var$DeprecatedLayoutDelegate(options.layout) : new $657e4dc4a6e88df0$export$8f5ed9ff9f511381(options.ref));
|
|
1006
|
+
this.focusMode = options.focusMode || "row";
|
|
1007
|
+
}
|
|
1008
|
+
}
|
|
1009
|
+
class $d1c300d9c497e402$var$DeprecatedLayoutDelegate {
|
|
1010
|
+
getContentSize() {
|
|
1011
|
+
return this.layout.getContentSize();
|
|
1012
|
+
}
|
|
1013
|
+
getItemRect(key) {
|
|
1014
|
+
var _this_layout_getLayoutInfo;
|
|
1015
|
+
return ((_this_layout_getLayoutInfo = this.layout.getLayoutInfo(key)) === null || _this_layout_getLayoutInfo === void 0 ? void 0 : _this_layout_getLayoutInfo.rect) || null;
|
|
1016
|
+
}
|
|
1017
|
+
getVisibleRect() {
|
|
1018
|
+
return this.layout.virtualizer.visibleRect;
|
|
1019
|
+
}
|
|
1020
|
+
constructor(layout) {
|
|
1021
|
+
this.layout = layout;
|
|
1022
|
+
}
|
|
1023
|
+
}
|
|
1024
|
+
const $1af922eb41e03c8f$export$e6235c0d09b995d0 = /* @__PURE__ */ new WeakMap();
|
|
1025
|
+
function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
|
|
1026
|
+
let { isVirtualized, keyboardDelegate, focusMode, scrollRef, getRowText, onRowAction, onCellAction } = props;
|
|
1027
|
+
let { selectionManager: manager } = state;
|
|
1028
|
+
if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
|
|
1029
|
+
let collator = $325a3faab7a68acd$export$a16aca283550c30d({
|
|
1030
|
+
usage: "search",
|
|
1031
|
+
sensitivity: "base"
|
|
1032
|
+
});
|
|
1033
|
+
let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
1034
|
+
let disabledBehavior = state.selectionManager.disabledBehavior;
|
|
1035
|
+
let delegate = useMemo(() => keyboardDelegate || new $d1c300d9c497e402$export$de9feff04fda126e({
|
|
1036
|
+
collection: state.collection,
|
|
1037
|
+
disabledKeys: state.disabledKeys,
|
|
1038
|
+
disabledBehavior,
|
|
1039
|
+
ref,
|
|
1040
|
+
direction,
|
|
1041
|
+
collator,
|
|
1042
|
+
focusMode
|
|
1043
|
+
}), [
|
|
1044
|
+
keyboardDelegate,
|
|
1045
|
+
state.collection,
|
|
1046
|
+
state.disabledKeys,
|
|
1047
|
+
disabledBehavior,
|
|
1048
|
+
ref,
|
|
1049
|
+
direction,
|
|
1050
|
+
collator,
|
|
1051
|
+
focusMode
|
|
1052
|
+
]);
|
|
1053
|
+
let { collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
|
|
1054
|
+
ref,
|
|
1055
|
+
selectionManager: manager,
|
|
1056
|
+
keyboardDelegate: delegate,
|
|
1057
|
+
isVirtualized,
|
|
1058
|
+
scrollRef
|
|
1059
|
+
});
|
|
1060
|
+
let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
|
|
1061
|
+
$1af922eb41e03c8f$export$e6235c0d09b995d0.set(state, {
|
|
1062
|
+
keyboardDelegate: delegate,
|
|
1063
|
+
actions: {
|
|
1064
|
+
onRowAction,
|
|
1065
|
+
onCellAction
|
|
1066
|
+
}
|
|
1067
|
+
});
|
|
1068
|
+
let descriptionProps = $5b9b5b5723db6ae1$export$be42ebdab07ae4c2({
|
|
1069
|
+
selectionManager: manager,
|
|
1070
|
+
hasItemActions: !!(onRowAction || onCellAction)
|
|
1071
|
+
});
|
|
1072
|
+
let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
1073
|
+
labelable: true
|
|
1074
|
+
});
|
|
1075
|
+
let onFocus = useCallback((e) => {
|
|
1076
|
+
if (manager.isFocused) {
|
|
1077
|
+
if (!e.currentTarget.contains(e.target)) manager.setFocused(false);
|
|
1078
|
+
return;
|
|
1079
|
+
}
|
|
1080
|
+
if (!e.currentTarget.contains(e.target)) return;
|
|
1081
|
+
manager.setFocused(true);
|
|
1082
|
+
}, [
|
|
1083
|
+
manager
|
|
1084
|
+
]);
|
|
1085
|
+
let navDisabledHandlers = useMemo(() => ({
|
|
1086
|
+
onBlur: collectionProps.onBlur,
|
|
1087
|
+
onFocus
|
|
1088
|
+
}), [
|
|
1089
|
+
onFocus,
|
|
1090
|
+
collectionProps.onBlur
|
|
1091
|
+
]);
|
|
1092
|
+
let hasTabbableChild = $83013635b024ae3d$export$eac1895992b9f3d6(ref, {
|
|
1093
|
+
isDisabled: state.collection.size !== 0
|
|
1094
|
+
});
|
|
1095
|
+
let gridProps = $3ef42575df84b30b$export$9d1611c77c2fe928(
|
|
1096
|
+
domProps,
|
|
1097
|
+
{
|
|
1098
|
+
role: "grid",
|
|
1099
|
+
id,
|
|
1100
|
+
"aria-multiselectable": manager.selectionMode === "multiple" ? "true" : void 0
|
|
1101
|
+
},
|
|
1102
|
+
state.isKeyboardNavigationDisabled ? navDisabledHandlers : collectionProps,
|
|
1103
|
+
// If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
|
|
1104
|
+
state.collection.size === 0 && {
|
|
1105
|
+
tabIndex: hasTabbableChild ? -1 : 0
|
|
1106
|
+
} || void 0,
|
|
1107
|
+
descriptionProps
|
|
1108
|
+
);
|
|
1109
|
+
if (isVirtualized) {
|
|
1110
|
+
gridProps["aria-rowcount"] = state.collection.size;
|
|
1111
|
+
gridProps["aria-colcount"] = state.collection.columnCount;
|
|
1112
|
+
}
|
|
1113
|
+
$92599c3fd427b763$export$137e594ef3218a10({
|
|
1114
|
+
getRowText
|
|
1115
|
+
}, state);
|
|
1116
|
+
return {
|
|
1117
|
+
gridProps
|
|
1118
|
+
};
|
|
1119
|
+
}
|
|
1120
|
+
function $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf() {
|
|
1121
|
+
return {
|
|
1122
|
+
rowGroupProps: {
|
|
1123
|
+
role: "rowgroup"
|
|
1124
|
+
}
|
|
1125
|
+
};
|
|
1126
|
+
}
|
|
1127
|
+
function $4159a7a9cbb0cc18$export$96357d5a73f686fa(props, state, ref) {
|
|
1128
|
+
var _node_props, _node_props1;
|
|
1129
|
+
let { node, isVirtualized, shouldSelectOnPressUp, onAction } = props;
|
|
1130
|
+
let { actions } = $1af922eb41e03c8f$export$e6235c0d09b995d0.get(state);
|
|
1131
|
+
let onRowAction = actions.onRowAction ? () => {
|
|
1132
|
+
var _actions_onRowAction;
|
|
1133
|
+
return (_actions_onRowAction = actions.onRowAction) === null || _actions_onRowAction === void 0 ? void 0 : _actions_onRowAction.call(actions, node.key);
|
|
1134
|
+
} : onAction;
|
|
1135
|
+
let _a = $880e95eb8b93ba9a$export$ecf600387e221c37({
|
|
1136
|
+
selectionManager: state.selectionManager,
|
|
1137
|
+
key: node.key,
|
|
1138
|
+
ref,
|
|
1139
|
+
isVirtualized,
|
|
1140
|
+
shouldSelectOnPressUp,
|
|
1141
|
+
onAction: onRowAction || (node === null || node === void 0 ? void 0 : (_node_props = node.props) === null || _node_props === void 0 ? void 0 : _node_props.onAction) ? $ff5963eb1fccf552$export$e08e3b67e392101e(node === null || node === void 0 ? void 0 : (_node_props1 = node.props) === null || _node_props1 === void 0 ? void 0 : _node_props1.onAction, onRowAction) : void 0,
|
|
1142
|
+
isDisabled: state.collection.size === 0
|
|
1143
|
+
}), { itemProps } = _a, states = __objRest(_a, ["itemProps"]);
|
|
1144
|
+
let isSelected = state.selectionManager.isSelected(node.key);
|
|
1145
|
+
let rowProps = __spreadValues({
|
|
1146
|
+
role: "row",
|
|
1147
|
+
"aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : void 0,
|
|
1148
|
+
"aria-disabled": states.isDisabled || void 0
|
|
1149
|
+
}, itemProps);
|
|
1150
|
+
if (isVirtualized) rowProps["aria-rowindex"] = node.index + 1;
|
|
1151
|
+
return __spreadValues({
|
|
1152
|
+
rowProps
|
|
1153
|
+
}, states);
|
|
1154
|
+
}
|
|
1155
|
+
function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
|
|
1156
|
+
let { node, isVirtualized, focusMode = "child", shouldSelectOnPressUp, onAction } = props;
|
|
1157
|
+
let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
1158
|
+
let { keyboardDelegate, actions: { onCellAction } } = $1af922eb41e03c8f$export$e6235c0d09b995d0.get(state);
|
|
1159
|
+
let keyWhenFocused = useRef(null);
|
|
1160
|
+
let focus = () => {
|
|
1161
|
+
if (ref.current) {
|
|
1162
|
+
let treeWalker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current);
|
|
1163
|
+
if (focusMode === "child") {
|
|
1164
|
+
if (ref.current.contains(document.activeElement) && ref.current !== document.activeElement) return;
|
|
1165
|
+
let focusable = state.selectionManager.childFocusStrategy === "last" ? $ab90dcbc1b5466d0$var$last(treeWalker) : treeWalker.firstChild();
|
|
1166
|
+
if (focusable) {
|
|
1167
|
+
$6a99195332edec8b$export$80f3e147d781571c(focusable);
|
|
1168
|
+
return;
|
|
1169
|
+
}
|
|
1170
|
+
}
|
|
1171
|
+
if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !ref.current.contains(document.activeElement)) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
|
|
1172
|
+
}
|
|
1173
|
+
};
|
|
1174
|
+
let { itemProps, isPressed } = $880e95eb8b93ba9a$export$ecf600387e221c37({
|
|
1175
|
+
selectionManager: state.selectionManager,
|
|
1176
|
+
key: node.key,
|
|
1177
|
+
ref,
|
|
1178
|
+
isVirtualized,
|
|
1179
|
+
focus,
|
|
1180
|
+
shouldSelectOnPressUp,
|
|
1181
|
+
onAction: onCellAction ? () => onCellAction(node.key) : onAction,
|
|
1182
|
+
isDisabled: state.collection.size === 0
|
|
1183
|
+
});
|
|
1184
|
+
let onKeyDownCapture = (e) => {
|
|
1185
|
+
if (!e.currentTarget.contains(e.target) || state.isKeyboardNavigationDisabled || !ref.current || !document.activeElement) return;
|
|
1186
|
+
let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ref.current);
|
|
1187
|
+
walker.currentNode = document.activeElement;
|
|
1188
|
+
switch (e.key) {
|
|
1189
|
+
case "ArrowLeft": {
|
|
1190
|
+
let focusable = direction === "rtl" ? walker.nextNode() : walker.previousNode();
|
|
1191
|
+
if (focusMode === "child" && focusable === ref.current) focusable = null;
|
|
1192
|
+
e.preventDefault();
|
|
1193
|
+
e.stopPropagation();
|
|
1194
|
+
if (focusable) {
|
|
1195
|
+
$6a99195332edec8b$export$80f3e147d781571c(focusable);
|
|
1196
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
|
|
1197
|
+
containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
|
|
1198
|
+
});
|
|
1199
|
+
} else {
|
|
1200
|
+
var _keyboardDelegate_getKeyLeftOf;
|
|
1201
|
+
let prev = (_keyboardDelegate_getKeyLeftOf = keyboardDelegate.getKeyLeftOf) === null || _keyboardDelegate_getKeyLeftOf === void 0 ? void 0 : _keyboardDelegate_getKeyLeftOf.call(keyboardDelegate, node.key);
|
|
1202
|
+
if (prev !== node.key) {
|
|
1203
|
+
var _ref_current_parentElement;
|
|
1204
|
+
(_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
|
|
1205
|
+
break;
|
|
1206
|
+
}
|
|
1207
|
+
if (focusMode === "cell" && direction === "rtl") {
|
|
1208
|
+
$6a99195332edec8b$export$80f3e147d781571c(ref.current);
|
|
1209
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
|
|
1210
|
+
containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
|
|
1211
|
+
});
|
|
1212
|
+
} else {
|
|
1213
|
+
walker.currentNode = ref.current;
|
|
1214
|
+
focusable = direction === "rtl" ? walker.firstChild() : $ab90dcbc1b5466d0$var$last(walker);
|
|
1215
|
+
if (focusable) {
|
|
1216
|
+
$6a99195332edec8b$export$80f3e147d781571c(focusable);
|
|
1217
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
|
|
1218
|
+
containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
|
|
1219
|
+
});
|
|
1220
|
+
}
|
|
1221
|
+
}
|
|
1222
|
+
}
|
|
1223
|
+
break;
|
|
1224
|
+
}
|
|
1225
|
+
case "ArrowRight": {
|
|
1226
|
+
let focusable = direction === "rtl" ? walker.previousNode() : walker.nextNode();
|
|
1227
|
+
if (focusMode === "child" && focusable === ref.current) focusable = null;
|
|
1228
|
+
e.preventDefault();
|
|
1229
|
+
e.stopPropagation();
|
|
1230
|
+
if (focusable) {
|
|
1231
|
+
$6a99195332edec8b$export$80f3e147d781571c(focusable);
|
|
1232
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
|
|
1233
|
+
containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
|
|
1234
|
+
});
|
|
1235
|
+
} else {
|
|
1236
|
+
var _keyboardDelegate_getKeyRightOf;
|
|
1237
|
+
let next = (_keyboardDelegate_getKeyRightOf = keyboardDelegate.getKeyRightOf) === null || _keyboardDelegate_getKeyRightOf === void 0 ? void 0 : _keyboardDelegate_getKeyRightOf.call(keyboardDelegate, node.key);
|
|
1238
|
+
if (next !== node.key) {
|
|
1239
|
+
var _ref_current_parentElement1;
|
|
1240
|
+
(_ref_current_parentElement1 = ref.current.parentElement) === null || _ref_current_parentElement1 === void 0 ? void 0 : _ref_current_parentElement1.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
|
|
1241
|
+
break;
|
|
1242
|
+
}
|
|
1243
|
+
if (focusMode === "cell" && direction === "ltr") {
|
|
1244
|
+
$6a99195332edec8b$export$80f3e147d781571c(ref.current);
|
|
1245
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
|
|
1246
|
+
containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
|
|
1247
|
+
});
|
|
1248
|
+
} else {
|
|
1249
|
+
walker.currentNode = ref.current;
|
|
1250
|
+
focusable = direction === "rtl" ? $ab90dcbc1b5466d0$var$last(walker) : walker.firstChild();
|
|
1251
|
+
if (focusable) {
|
|
1252
|
+
$6a99195332edec8b$export$80f3e147d781571c(focusable);
|
|
1253
|
+
$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
|
|
1254
|
+
containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
|
|
1255
|
+
});
|
|
1256
|
+
}
|
|
1257
|
+
}
|
|
1258
|
+
}
|
|
1259
|
+
break;
|
|
1260
|
+
}
|
|
1261
|
+
case "ArrowUp":
|
|
1262
|
+
case "ArrowDown":
|
|
1263
|
+
if (!e.altKey && ref.current.contains(e.target)) {
|
|
1264
|
+
var _ref_current_parentElement2;
|
|
1265
|
+
e.stopPropagation();
|
|
1266
|
+
e.preventDefault();
|
|
1267
|
+
(_ref_current_parentElement2 = ref.current.parentElement) === null || _ref_current_parentElement2 === void 0 ? void 0 : _ref_current_parentElement2.dispatchEvent(new KeyboardEvent(e.nativeEvent.type, e.nativeEvent));
|
|
1268
|
+
}
|
|
1269
|
+
break;
|
|
1270
|
+
}
|
|
1271
|
+
};
|
|
1272
|
+
let onFocus = (e) => {
|
|
1273
|
+
keyWhenFocused.current = node.key;
|
|
1274
|
+
if (e.target !== ref.current) {
|
|
1275
|
+
if (!$507fabe10e71c6fb$export$b9b3dfddab17db27()) state.selectionManager.setFocusedKey(node.key);
|
|
1276
|
+
return;
|
|
1277
|
+
}
|
|
1278
|
+
requestAnimationFrame(() => {
|
|
1279
|
+
if (focusMode === "child" && document.activeElement === ref.current) focus();
|
|
1280
|
+
});
|
|
1281
|
+
};
|
|
1282
|
+
let gridCellProps = $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, {
|
|
1283
|
+
role: "gridcell",
|
|
1284
|
+
onKeyDownCapture,
|
|
1285
|
+
onFocus
|
|
1286
|
+
});
|
|
1287
|
+
var _node_colIndex;
|
|
1288
|
+
if (isVirtualized) gridCellProps["aria-colindex"] = ((_node_colIndex = node.colIndex) !== null && _node_colIndex !== void 0 ? _node_colIndex : node.index) + 1;
|
|
1289
|
+
if (shouldSelectOnPressUp && gridCellProps.tabIndex != null && gridCellProps.onPointerDown == null) gridCellProps.onPointerDown = (e) => {
|
|
1290
|
+
let el = e.currentTarget;
|
|
1291
|
+
let tabindex = el.getAttribute("tabindex");
|
|
1292
|
+
el.removeAttribute("tabindex");
|
|
1293
|
+
requestAnimationFrame(() => {
|
|
1294
|
+
if (tabindex != null) el.setAttribute("tabindex", tabindex);
|
|
1295
|
+
});
|
|
1296
|
+
};
|
|
1297
|
+
return {
|
|
1298
|
+
gridCellProps,
|
|
1299
|
+
isPressed
|
|
1300
|
+
};
|
|
1301
|
+
}
|
|
1302
|
+
function $ab90dcbc1b5466d0$var$last(walker) {
|
|
1303
|
+
let next = null;
|
|
1304
|
+
let last2 = null;
|
|
1305
|
+
do {
|
|
1306
|
+
last2 = walker.lastChild();
|
|
1307
|
+
if (last2) next = last2;
|
|
1308
|
+
} while (last2);
|
|
1309
|
+
return next;
|
|
1310
|
+
}
|
|
1311
|
+
function $parcel$interopDefault$3(a) {
|
|
1312
|
+
return a && a.__esModule ? a.default : a;
|
|
1313
|
+
}
|
|
1314
|
+
function $7cb39d07f245a780$export$70e2eed1a92976ad(props, state) {
|
|
1315
|
+
let { key } = props;
|
|
1316
|
+
let manager = state.selectionManager;
|
|
1317
|
+
let checkboxId = $bdb11010cef70236$export$f680877a34711e37();
|
|
1318
|
+
let isDisabled = !state.selectionManager.canSelectItem(key);
|
|
1319
|
+
let isSelected = state.selectionManager.isSelected(key);
|
|
1320
|
+
let onChange = () => manager.toggleSelection(key);
|
|
1321
|
+
const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$3($835c96616a7cb4f9$exports), "@react-aria/grid");
|
|
1322
|
+
return {
|
|
1323
|
+
checkboxProps: {
|
|
1324
|
+
id: checkboxId,
|
|
1325
|
+
"aria-label": stringFormatter.format("select"),
|
|
1326
|
+
isSelected,
|
|
1327
|
+
isDisabled,
|
|
1328
|
+
onChange
|
|
1329
|
+
}
|
|
1330
|
+
};
|
|
1331
|
+
}
|
|
1332
|
+
const $2140fb2337097f2d$export$552312adfd451dab = /* @__PURE__ */ new WeakMap();
|
|
1333
|
+
function $2140fb2337097f2d$var$normalizeKey(key) {
|
|
1334
|
+
if (typeof key === "string") return key.replace(/\s*/g, "");
|
|
1335
|
+
return "" + key;
|
|
1336
|
+
}
|
|
1337
|
+
function $2140fb2337097f2d$export$37cd4213f2ad742e(state, columnKey) {
|
|
1338
|
+
let gridId = $2140fb2337097f2d$export$552312adfd451dab.get(state);
|
|
1339
|
+
if (!gridId) throw new Error("Unknown grid");
|
|
1340
|
+
return `${gridId}-${$2140fb2337097f2d$var$normalizeKey(columnKey)}`;
|
|
1341
|
+
}
|
|
1342
|
+
function $2140fb2337097f2d$export$19baff3266315d44(state, rowKey, columnKey) {
|
|
1343
|
+
let gridId = $2140fb2337097f2d$export$552312adfd451dab.get(state);
|
|
1344
|
+
if (!gridId) throw new Error("Unknown grid");
|
|
1345
|
+
return `${gridId}-${$2140fb2337097f2d$var$normalizeKey(rowKey)}-${$2140fb2337097f2d$var$normalizeKey(columnKey)}`;
|
|
1346
|
+
}
|
|
1347
|
+
function $2140fb2337097f2d$export$85069b70317f543(state, rowKey) {
|
|
1348
|
+
return [
|
|
1349
|
+
...state.collection.rowHeaderColumnKeys
|
|
1350
|
+
].map((columnKey) => $2140fb2337097f2d$export$19baff3266315d44(state, rowKey, columnKey)).join(" ");
|
|
1351
|
+
}
|
|
1352
|
+
var $ce3de3ff2fd66848$exports = {};
|
|
1353
|
+
$ce3de3ff2fd66848$exports = {
|
|
1354
|
+
"ascending": `تصاعدي`,
|
|
1355
|
+
"ascendingSort": (args) => `ترتيب حسب العمود ${args.columnName} بترتيب تصاعدي`,
|
|
1356
|
+
"columnSize": (args) => `${args.value} بالبكسل`,
|
|
1357
|
+
"descending": `تنازلي`,
|
|
1358
|
+
"descendingSort": (args) => `ترتيب حسب العمود ${args.columnName} بترتيب تنازلي`,
|
|
1359
|
+
"resizerDescription": `اضغط على مفتاح Enter لبدء تغيير الحجم`,
|
|
1360
|
+
"select": `تحديد`,
|
|
1361
|
+
"selectAll": `تحديد الكل`,
|
|
1362
|
+
"sortable": `عمود قابل للترتيب`
|
|
1363
|
+
};
|
|
1364
|
+
var $cb80dcce530985b9$exports = {};
|
|
1365
|
+
$cb80dcce530985b9$exports = {
|
|
1366
|
+
"ascending": `възходящ`,
|
|
1367
|
+
"ascendingSort": (args) => `сортирано по колона ${args.columnName} във възходящ ред`,
|
|
1368
|
+
"columnSize": (args) => `${args.value} пиксела`,
|
|
1369
|
+
"descending": `низходящ`,
|
|
1370
|
+
"descendingSort": (args) => `сортирано по колона ${args.columnName} в низходящ ред`,
|
|
1371
|
+
"resizerDescription": `Натиснете „Enter“, за да започнете да преоразмерявате`,
|
|
1372
|
+
"select": `Изберете`,
|
|
1373
|
+
"selectAll": `Изберете всичко`,
|
|
1374
|
+
"sortable": `сортираща колона`
|
|
1375
|
+
};
|
|
1376
|
+
var $68ac86749db4c0fb$exports = {};
|
|
1377
|
+
$68ac86749db4c0fb$exports = {
|
|
1378
|
+
"ascending": `vzestupně`,
|
|
1379
|
+
"ascendingSort": (args) => `řazeno vzestupně podle sloupce ${args.columnName}`,
|
|
1380
|
+
"columnSize": (args) => `${args.value} pixelů`,
|
|
1381
|
+
"descending": `sestupně`,
|
|
1382
|
+
"descendingSort": (args) => `řazeno sestupně podle sloupce ${args.columnName}`,
|
|
1383
|
+
"resizerDescription": `Stisknutím klávesy Enter začnete měnit velikost`,
|
|
1384
|
+
"select": `Vybrat`,
|
|
1385
|
+
"selectAll": `Vybrat vše`,
|
|
1386
|
+
"sortable": `sloupec s možností řazení`
|
|
1387
|
+
};
|
|
1388
|
+
var $9a6cbac08487e661$exports = {};
|
|
1389
|
+
$9a6cbac08487e661$exports = {
|
|
1390
|
+
"ascending": `stigende`,
|
|
1391
|
+
"ascendingSort": (args) => `sorteret efter kolonne ${args.columnName} i stigende rækkefølge`,
|
|
1392
|
+
"columnSize": (args) => `${args.value} pixels`,
|
|
1393
|
+
"descending": `faldende`,
|
|
1394
|
+
"descendingSort": (args) => `sorteret efter kolonne ${args.columnName} i faldende rækkefølge`,
|
|
1395
|
+
"resizerDescription": `Tryk på Enter for at ændre størrelse`,
|
|
1396
|
+
"select": `Vælg`,
|
|
1397
|
+
"selectAll": `Vælg alle`,
|
|
1398
|
+
"sortable": `sorterbar kolonne`
|
|
1399
|
+
};
|
|
1400
|
+
var $c963661d89486e72$exports = {};
|
|
1401
|
+
$c963661d89486e72$exports = {
|
|
1402
|
+
"ascending": `aufsteigend`,
|
|
1403
|
+
"ascendingSort": (args) => `sortiert nach Spalte ${args.columnName} in aufsteigender Reihenfolge`,
|
|
1404
|
+
"columnSize": (args) => `${args.value} Pixel`,
|
|
1405
|
+
"descending": `absteigend`,
|
|
1406
|
+
"descendingSort": (args) => `sortiert nach Spalte ${args.columnName} in absteigender Reihenfolge`,
|
|
1407
|
+
"resizerDescription": `Eingabetaste zum Starten der Größenänderung drücken`,
|
|
1408
|
+
"select": `Auswählen`,
|
|
1409
|
+
"selectAll": `Alles auswählen`,
|
|
1410
|
+
"sortable": `sortierbare Spalte`
|
|
1411
|
+
};
|
|
1412
|
+
var $ac03861c6e8605f4$exports = {};
|
|
1413
|
+
$ac03861c6e8605f4$exports = {
|
|
1414
|
+
"ascending": `αύξουσα`,
|
|
1415
|
+
"ascendingSort": (args) => `διαλογή ανά στήλη ${args.columnName} σε αύξουσα σειρά`,
|
|
1416
|
+
"columnSize": (args) => `${args.value} pixel`,
|
|
1417
|
+
"descending": `φθίνουσα`,
|
|
1418
|
+
"descendingSort": (args) => `διαλογή ανά στήλη ${args.columnName} σε φθίνουσα σειρά`,
|
|
1419
|
+
"resizerDescription": `Πατήστε Enter για έναρξη της αλλαγής μεγέθους`,
|
|
1420
|
+
"select": `Επιλογή`,
|
|
1421
|
+
"selectAll": `Επιλογή όλων`,
|
|
1422
|
+
"sortable": `Στήλη διαλογής`
|
|
1423
|
+
};
|
|
1424
|
+
var $09e6b82e0d6e466a$exports = {};
|
|
1425
|
+
$09e6b82e0d6e466a$exports = {
|
|
1426
|
+
"select": `Select`,
|
|
1427
|
+
"selectAll": `Select All`,
|
|
1428
|
+
"sortable": `sortable column`,
|
|
1429
|
+
"ascending": `ascending`,
|
|
1430
|
+
"descending": `descending`,
|
|
1431
|
+
"ascendingSort": (args) => `sorted by column ${args.columnName} in ascending order`,
|
|
1432
|
+
"descendingSort": (args) => `sorted by column ${args.columnName} in descending order`,
|
|
1433
|
+
"columnSize": (args) => `${args.value} pixels`,
|
|
1434
|
+
"resizerDescription": `Press Enter to start resizing`
|
|
1435
|
+
};
|
|
1436
|
+
var $8cc39eb66c2bf220$exports = {};
|
|
1437
|
+
$8cc39eb66c2bf220$exports = {
|
|
1438
|
+
"ascending": `de subida`,
|
|
1439
|
+
"ascendingSort": (args) => `ordenado por columna ${args.columnName} en orden de subida`,
|
|
1440
|
+
"columnSize": (args) => `${args.value} píxeles`,
|
|
1441
|
+
"descending": `de bajada`,
|
|
1442
|
+
"descendingSort": (args) => `ordenado por columna ${args.columnName} en orden de bajada`,
|
|
1443
|
+
"resizerDescription": `Pulse Intro para empezar a redimensionar`,
|
|
1444
|
+
"select": `Seleccionar`,
|
|
1445
|
+
"selectAll": `Seleccionar todos`,
|
|
1446
|
+
"sortable": `columna ordenable`
|
|
1447
|
+
};
|
|
1448
|
+
var $4e11db3c25a38112$exports = {};
|
|
1449
|
+
$4e11db3c25a38112$exports = {
|
|
1450
|
+
"ascending": `tõusev järjestus`,
|
|
1451
|
+
"ascendingSort": (args) => `sorditud veeru järgi ${args.columnName} tõusvas järjestuses`,
|
|
1452
|
+
"columnSize": (args) => `${args.value} pikslit`,
|
|
1453
|
+
"descending": `laskuv järjestus`,
|
|
1454
|
+
"descendingSort": (args) => `sorditud veeru järgi ${args.columnName} laskuvas järjestuses`,
|
|
1455
|
+
"resizerDescription": `Suuruse muutmise alustamiseks vajutage klahvi Enter`,
|
|
1456
|
+
"select": `Vali`,
|
|
1457
|
+
"selectAll": `Vali kõik`,
|
|
1458
|
+
"sortable": `sorditav veerg`
|
|
1459
|
+
};
|
|
1460
|
+
var $da1e751a92575e02$exports = {};
|
|
1461
|
+
$da1e751a92575e02$exports = {
|
|
1462
|
+
"ascending": `nouseva`,
|
|
1463
|
+
"ascendingSort": (args) => `lajiteltu sarakkeen ${args.columnName} mukaan nousevassa järjestyksessä`,
|
|
1464
|
+
"columnSize": (args) => `${args.value} pikseliä`,
|
|
1465
|
+
"descending": `laskeva`,
|
|
1466
|
+
"descendingSort": (args) => `lajiteltu sarakkeen ${args.columnName} mukaan laskevassa järjestyksessä`,
|
|
1467
|
+
"resizerDescription": `Aloita koon muutos painamalla Enter-näppäintä`,
|
|
1468
|
+
"select": `Valitse`,
|
|
1469
|
+
"selectAll": `Valitse kaikki`,
|
|
1470
|
+
"sortable": `lajiteltava sarake`
|
|
1471
|
+
};
|
|
1472
|
+
var $1b5d6c6c47d55106$exports = {};
|
|
1473
|
+
$1b5d6c6c47d55106$exports = {
|
|
1474
|
+
"ascending": `croissant`,
|
|
1475
|
+
"ascendingSort": (args) => `trié en fonction de la colonne ${args.columnName} par ordre croissant`,
|
|
1476
|
+
"columnSize": (args) => `${args.value} pixels`,
|
|
1477
|
+
"descending": `décroissant`,
|
|
1478
|
+
"descendingSort": (args) => `trié en fonction de la colonne ${args.columnName} par ordre décroissant`,
|
|
1479
|
+
"resizerDescription": `Appuyez sur Entrée pour commencer le redimensionnement.`,
|
|
1480
|
+
"select": `Sélectionner`,
|
|
1481
|
+
"selectAll": `Sélectionner tout`,
|
|
1482
|
+
"sortable": `colonne triable`
|
|
1483
|
+
};
|
|
1484
|
+
var $7c18ba27b86d3308$exports = {};
|
|
1485
|
+
$7c18ba27b86d3308$exports = {
|
|
1486
|
+
"ascending": `עולה`,
|
|
1487
|
+
"ascendingSort": (args) => `מוין לפי עמודה ${args.columnName} בסדר עולה`,
|
|
1488
|
+
"columnSize": (args) => `${args.value} פיקסלים`,
|
|
1489
|
+
"descending": `יורד`,
|
|
1490
|
+
"descendingSort": (args) => `מוין לפי עמודה ${args.columnName} בסדר יורד`,
|
|
1491
|
+
"resizerDescription": `הקש Enter כדי לשנות את הגודל`,
|
|
1492
|
+
"select": `בחר`,
|
|
1493
|
+
"selectAll": `בחר הכול`,
|
|
1494
|
+
"sortable": `עמודה שניתן למיין`
|
|
1495
|
+
};
|
|
1496
|
+
var $2cb40998e20e8a46$exports = {};
|
|
1497
|
+
$2cb40998e20e8a46$exports = {
|
|
1498
|
+
"ascending": `rastući`,
|
|
1499
|
+
"ascendingSort": (args) => `razvrstano po stupcima ${args.columnName} rastućem redoslijedom`,
|
|
1500
|
+
"columnSize": (args) => `${args.value} piksela`,
|
|
1501
|
+
"descending": `padajući`,
|
|
1502
|
+
"descendingSort": (args) => `razvrstano po stupcima ${args.columnName} padajućim redoslijedom`,
|
|
1503
|
+
"resizerDescription": `Pritisnite Enter da biste započeli promenu veličine`,
|
|
1504
|
+
"select": `Odaberite`,
|
|
1505
|
+
"selectAll": `Odaberite sve`,
|
|
1506
|
+
"sortable": `stupac koji se može razvrstati`
|
|
1507
|
+
};
|
|
1508
|
+
var $189e23eec1d6aa3a$exports = {};
|
|
1509
|
+
$189e23eec1d6aa3a$exports = {
|
|
1510
|
+
"ascending": `növekvő`,
|
|
1511
|
+
"ascendingSort": (args) => `rendezve a(z) ${args.columnName} oszlop szerint, növekvő sorrendben`,
|
|
1512
|
+
"columnSize": (args) => `${args.value} képpont`,
|
|
1513
|
+
"descending": `csökkenő`,
|
|
1514
|
+
"descendingSort": (args) => `rendezve a(z) ${args.columnName} oszlop szerint, csökkenő sorrendben`,
|
|
1515
|
+
"resizerDescription": `Nyomja le az Enter billentyűt az átméretezés megkezdéséhez`,
|
|
1516
|
+
"select": `Kijelölés`,
|
|
1517
|
+
"selectAll": `Összes kijelölése`,
|
|
1518
|
+
"sortable": `rendezendő oszlop`
|
|
1519
|
+
};
|
|
1520
|
+
var $3c5ec8e4f015dfd0$exports = {};
|
|
1521
|
+
$3c5ec8e4f015dfd0$exports = {
|
|
1522
|
+
"ascending": `crescente`,
|
|
1523
|
+
"ascendingSort": (args) => `in ordine crescente in base alla colonna ${args.columnName}`,
|
|
1524
|
+
"columnSize": (args) => `${args.value} pixel`,
|
|
1525
|
+
"descending": `decrescente`,
|
|
1526
|
+
"descendingSort": (args) => `in ordine decrescente in base alla colonna ${args.columnName}`,
|
|
1527
|
+
"resizerDescription": `Premi Invio per iniziare a ridimensionare`,
|
|
1528
|
+
"select": `Seleziona`,
|
|
1529
|
+
"selectAll": `Seleziona tutto`,
|
|
1530
|
+
"sortable": `colonna ordinabile`
|
|
1531
|
+
};
|
|
1532
|
+
var $d021d50e6b315ebb$exports = {};
|
|
1533
|
+
$d021d50e6b315ebb$exports = {
|
|
1534
|
+
"ascending": `昇順`,
|
|
1535
|
+
"ascendingSort": (args) => `列 ${args.columnName} を昇順で並べ替え`,
|
|
1536
|
+
"columnSize": (args) => `${args.value} ピクセル`,
|
|
1537
|
+
"descending": `降順`,
|
|
1538
|
+
"descendingSort": (args) => `列 ${args.columnName} を降順で並べ替え`,
|
|
1539
|
+
"resizerDescription": `Enter キーを押してサイズ変更を開始`,
|
|
1540
|
+
"select": `選択`,
|
|
1541
|
+
"selectAll": `すべて選択`,
|
|
1542
|
+
"sortable": `並べ替え可能な列`
|
|
1543
|
+
};
|
|
1544
|
+
var $52535c35c24ec937$exports = {};
|
|
1545
|
+
$52535c35c24ec937$exports = {
|
|
1546
|
+
"ascending": `오름차순`,
|
|
1547
|
+
"ascendingSort": (args) => `${args.columnName} 열을 기준으로 오름차순으로 정렬됨`,
|
|
1548
|
+
"columnSize": (args) => `${args.value} 픽셀`,
|
|
1549
|
+
"descending": `내림차순`,
|
|
1550
|
+
"descendingSort": (args) => `${args.columnName} 열을 기준으로 내림차순으로 정렬됨`,
|
|
1551
|
+
"resizerDescription": `크기 조정을 시작하려면 Enter를 누르세요.`,
|
|
1552
|
+
"select": `선택`,
|
|
1553
|
+
"selectAll": `모두 선택`,
|
|
1554
|
+
"sortable": `정렬 가능한 열`
|
|
1555
|
+
};
|
|
1556
|
+
var $b37ee03672edfd1d$exports = {};
|
|
1557
|
+
$b37ee03672edfd1d$exports = {
|
|
1558
|
+
"ascending": `didėjančia tvarka`,
|
|
1559
|
+
"ascendingSort": (args) => `surikiuota pagal stulpelį ${args.columnName} didėjančia tvarka`,
|
|
1560
|
+
"columnSize": (args) => `${args.value} piks.`,
|
|
1561
|
+
"descending": `mažėjančia tvarka`,
|
|
1562
|
+
"descendingSort": (args) => `surikiuota pagal stulpelį ${args.columnName} mažėjančia tvarka`,
|
|
1563
|
+
"resizerDescription": `Paspauskite „Enter“, kad pradėtumėte keisti dydį`,
|
|
1564
|
+
"select": `Pasirinkti`,
|
|
1565
|
+
"selectAll": `Pasirinkti viską`,
|
|
1566
|
+
"sortable": `rikiuojamas stulpelis`
|
|
1567
|
+
};
|
|
1568
|
+
var $c7df6686b4189d56$exports = {};
|
|
1569
|
+
$c7df6686b4189d56$exports = {
|
|
1570
|
+
"ascending": `augošā secībā`,
|
|
1571
|
+
"ascendingSort": (args) => `kārtots pēc kolonnas ${args.columnName} augošā secībā`,
|
|
1572
|
+
"columnSize": (args) => `${args.value} pikseļi`,
|
|
1573
|
+
"descending": `dilstošā secībā`,
|
|
1574
|
+
"descendingSort": (args) => `kārtots pēc kolonnas ${args.columnName} dilstošā secībā`,
|
|
1575
|
+
"resizerDescription": `Nospiediet Enter, lai sāktu izmēru mainīšanu`,
|
|
1576
|
+
"select": `Atlasīt`,
|
|
1577
|
+
"selectAll": `Atlasīt visu`,
|
|
1578
|
+
"sortable": `kārtojamā kolonna`
|
|
1579
|
+
};
|
|
1580
|
+
var $da07fe8ec87e6b68$exports = {};
|
|
1581
|
+
$da07fe8ec87e6b68$exports = {
|
|
1582
|
+
"ascending": `stigende`,
|
|
1583
|
+
"ascendingSort": (args) => `sortert etter kolonne ${args.columnName} i stigende rekkefølge`,
|
|
1584
|
+
"columnSize": (args) => `${args.value} piksler`,
|
|
1585
|
+
"descending": `synkende`,
|
|
1586
|
+
"descendingSort": (args) => `sortert etter kolonne ${args.columnName} i synkende rekkefølge`,
|
|
1587
|
+
"resizerDescription": `Trykk på Enter for å starte størrelsesendring`,
|
|
1588
|
+
"select": `Velg`,
|
|
1589
|
+
"selectAll": `Velg alle`,
|
|
1590
|
+
"sortable": `kolonne som kan sorteres`
|
|
1591
|
+
};
|
|
1592
|
+
var $64b7e390f5791490$exports = {};
|
|
1593
|
+
$64b7e390f5791490$exports = {
|
|
1594
|
+
"ascending": `oplopend`,
|
|
1595
|
+
"ascendingSort": (args) => `gesorteerd in oplopende volgorde in kolom ${args.columnName}`,
|
|
1596
|
+
"columnSize": (args) => `${args.value} pixels`,
|
|
1597
|
+
"descending": `aflopend`,
|
|
1598
|
+
"descendingSort": (args) => `gesorteerd in aflopende volgorde in kolom ${args.columnName}`,
|
|
1599
|
+
"resizerDescription": `Druk op Enter om het formaat te wijzigen`,
|
|
1600
|
+
"select": `Selecteren`,
|
|
1601
|
+
"selectAll": `Alles selecteren`,
|
|
1602
|
+
"sortable": `sorteerbare kolom`
|
|
1603
|
+
};
|
|
1604
|
+
var $2a03621e773f1678$exports = {};
|
|
1605
|
+
$2a03621e773f1678$exports = {
|
|
1606
|
+
"ascending": `rosnąco`,
|
|
1607
|
+
"ascendingSort": (args) => `posortowano według kolumny ${args.columnName} w porządku rosnącym`,
|
|
1608
|
+
"columnSize": (args) => `Liczba pikseli: ${args.value}`,
|
|
1609
|
+
"descending": `malejąco`,
|
|
1610
|
+
"descendingSort": (args) => `posortowano według kolumny ${args.columnName} w porządku malejącym`,
|
|
1611
|
+
"resizerDescription": `Naciśnij Enter, aby rozpocząć zmienianie rozmiaru`,
|
|
1612
|
+
"select": `Zaznacz`,
|
|
1613
|
+
"selectAll": `Zaznacz wszystko`,
|
|
1614
|
+
"sortable": `kolumna z możliwością sortowania`
|
|
1615
|
+
};
|
|
1616
|
+
var $0a79c0aba9e5ecc6$exports = {};
|
|
1617
|
+
$0a79c0aba9e5ecc6$exports = {
|
|
1618
|
+
"ascending": `crescente`,
|
|
1619
|
+
"ascendingSort": (args) => `classificado pela coluna ${args.columnName} em ordem crescente`,
|
|
1620
|
+
"columnSize": (args) => `${args.value} pixels`,
|
|
1621
|
+
"descending": `decrescente`,
|
|
1622
|
+
"descendingSort": (args) => `classificado pela coluna ${args.columnName} em ordem decrescente`,
|
|
1623
|
+
"resizerDescription": `Pressione Enter para começar a redimensionar`,
|
|
1624
|
+
"select": `Selecionar`,
|
|
1625
|
+
"selectAll": `Selecionar tudo`,
|
|
1626
|
+
"sortable": `coluna classificável`
|
|
1627
|
+
};
|
|
1628
|
+
var $de7b4d0f7dc86fc8$exports = {};
|
|
1629
|
+
$de7b4d0f7dc86fc8$exports = {
|
|
1630
|
+
"ascending": `ascendente`,
|
|
1631
|
+
"ascendingSort": (args) => `Ordenar por coluna ${args.columnName} em ordem ascendente`,
|
|
1632
|
+
"columnSize": (args) => `${args.value} pixels`,
|
|
1633
|
+
"descending": `descendente`,
|
|
1634
|
+
"descendingSort": (args) => `Ordenar por coluna ${args.columnName} em ordem descendente`,
|
|
1635
|
+
"resizerDescription": `Prima Enter para iniciar o redimensionamento`,
|
|
1636
|
+
"select": `Selecionar`,
|
|
1637
|
+
"selectAll": `Selecionar tudo`,
|
|
1638
|
+
"sortable": `Coluna ordenável`
|
|
1639
|
+
};
|
|
1640
|
+
var $28ea7e849d77bd1c$exports = {};
|
|
1641
|
+
$28ea7e849d77bd1c$exports = {
|
|
1642
|
+
"ascending": `crescătoare`,
|
|
1643
|
+
"ascendingSort": (args) => `sortate după coloana ${args.columnName} în ordine crescătoare`,
|
|
1644
|
+
"columnSize": (args) => `${args.value} pixeli`,
|
|
1645
|
+
"descending": `descrescătoare`,
|
|
1646
|
+
"descendingSort": (args) => `sortate după coloana ${args.columnName} în ordine descrescătoare`,
|
|
1647
|
+
"resizerDescription": `Apăsați pe Enter pentru a începe redimensionarea`,
|
|
1648
|
+
"select": `Selectare`,
|
|
1649
|
+
"selectAll": `Selectare totală`,
|
|
1650
|
+
"sortable": `coloană sortabilă`
|
|
1651
|
+
};
|
|
1652
|
+
var $9a09321cf046b187$exports = {};
|
|
1653
|
+
$9a09321cf046b187$exports = {
|
|
1654
|
+
"ascending": `возрастание`,
|
|
1655
|
+
"ascendingSort": (args) => `сортировать столбец ${args.columnName} в порядке возрастания`,
|
|
1656
|
+
"columnSize": (args) => `${args.value} пикс.`,
|
|
1657
|
+
"descending": `убывание`,
|
|
1658
|
+
"descendingSort": (args) => `сортировать столбец ${args.columnName} в порядке убывания`,
|
|
1659
|
+
"resizerDescription": `Нажмите клавишу Enter для начала изменения размеров`,
|
|
1660
|
+
"select": `Выбрать`,
|
|
1661
|
+
"selectAll": `Выбрать все`,
|
|
1662
|
+
"sortable": `сортируемый столбец`
|
|
1663
|
+
};
|
|
1664
|
+
var $5afe469a63fcac7b$exports = {};
|
|
1665
|
+
$5afe469a63fcac7b$exports = {
|
|
1666
|
+
"ascending": `vzostupne`,
|
|
1667
|
+
"ascendingSort": (args) => `zoradené zostupne podľa stĺpca ${args.columnName}`,
|
|
1668
|
+
"columnSize": (args) => `Počet pixelov: ${args.value}`,
|
|
1669
|
+
"descending": `zostupne`,
|
|
1670
|
+
"descendingSort": (args) => `zoradené zostupne podľa stĺpca ${args.columnName}`,
|
|
1671
|
+
"resizerDescription": `Stlačením klávesu Enter začnete zmenu veľkosti`,
|
|
1672
|
+
"select": `Vybrať`,
|
|
1673
|
+
"selectAll": `Vybrať všetko`,
|
|
1674
|
+
"sortable": `zoraditeľný stĺpec`
|
|
1675
|
+
};
|
|
1676
|
+
var $2956757ac31a7ce2$exports = {};
|
|
1677
|
+
$2956757ac31a7ce2$exports = {
|
|
1678
|
+
"ascending": `naraščajoče`,
|
|
1679
|
+
"ascendingSort": (args) => `razvrščeno po stolpcu ${args.columnName} v naraščajočem vrstnem redu`,
|
|
1680
|
+
"columnSize": (args) => `${args.value} slikovnih pik`,
|
|
1681
|
+
"descending": `padajoče`,
|
|
1682
|
+
"descendingSort": (args) => `razvrščeno po stolpcu ${args.columnName} v padajočem vrstnem redu`,
|
|
1683
|
+
"resizerDescription": `Pritisnite tipko Enter da začnete spreminjati velikost`,
|
|
1684
|
+
"select": `Izberite`,
|
|
1685
|
+
"selectAll": `Izberite vse`,
|
|
1686
|
+
"sortable": `razvrstljivi stolpec`
|
|
1687
|
+
};
|
|
1688
|
+
var $cedee0e66b175529$exports = {};
|
|
1689
|
+
$cedee0e66b175529$exports = {
|
|
1690
|
+
"ascending": `rastući`,
|
|
1691
|
+
"ascendingSort": (args) => `sortirano po kolonama ${args.columnName} rastućim redosledom`,
|
|
1692
|
+
"columnSize": (args) => `${args.value} piksela`,
|
|
1693
|
+
"descending": `padajući`,
|
|
1694
|
+
"descendingSort": (args) => `sortirano po kolonama ${args.columnName} padajućim redosledom`,
|
|
1695
|
+
"resizerDescription": `Pritisnite Enter da biste započeli promenu veličine`,
|
|
1696
|
+
"select": `Izaberite`,
|
|
1697
|
+
"selectAll": `Izaberite sve`,
|
|
1698
|
+
"sortable": `kolona koja se može sortirati`
|
|
1699
|
+
};
|
|
1700
|
+
var $6db19998ba4427da$exports = {};
|
|
1701
|
+
$6db19998ba4427da$exports = {
|
|
1702
|
+
"ascending": `stigande`,
|
|
1703
|
+
"ascendingSort": (args) => `sorterat på kolumn ${args.columnName} i stigande ordning`,
|
|
1704
|
+
"columnSize": (args) => `${args.value} pixlar`,
|
|
1705
|
+
"descending": `fallande`,
|
|
1706
|
+
"descendingSort": (args) => `sorterat på kolumn ${args.columnName} i fallande ordning`,
|
|
1707
|
+
"resizerDescription": `Tryck på Retur för att börja ändra storlek`,
|
|
1708
|
+
"select": `Markera`,
|
|
1709
|
+
"selectAll": `Markera allt`,
|
|
1710
|
+
"sortable": `sorterbar kolumn`
|
|
1711
|
+
};
|
|
1712
|
+
var $166b7c9cc1adb1a1$exports = {};
|
|
1713
|
+
$166b7c9cc1adb1a1$exports = {
|
|
1714
|
+
"ascending": `artan sırada`,
|
|
1715
|
+
"ascendingSort": (args) => `${args.columnName} sütuna göre artan düzende sırala`,
|
|
1716
|
+
"columnSize": (args) => `${args.value} piksel`,
|
|
1717
|
+
"descending": `azalan sırada`,
|
|
1718
|
+
"descendingSort": (args) => `${args.columnName} sütuna göre azalan düzende sırala`,
|
|
1719
|
+
"resizerDescription": `Yeniden boyutlandırmak için Enter'a basın`,
|
|
1720
|
+
"select": `Seç`,
|
|
1721
|
+
"selectAll": `Tümünü Seç`,
|
|
1722
|
+
"sortable": `Sıralanabilir sütun`
|
|
1723
|
+
};
|
|
1724
|
+
var $c7ab180b401e49ff$exports = {};
|
|
1725
|
+
$c7ab180b401e49ff$exports = {
|
|
1726
|
+
"ascending": `висхідний`,
|
|
1727
|
+
"ascendingSort": (args) => `відсортовано за стовпцем ${args.columnName} у висхідному порядку`,
|
|
1728
|
+
"columnSize": (args) => `${args.value} пікс.`,
|
|
1729
|
+
"descending": `низхідний`,
|
|
1730
|
+
"descendingSort": (args) => `відсортовано за стовпцем ${args.columnName} у низхідному порядку`,
|
|
1731
|
+
"resizerDescription": `Натисніть Enter, щоб почати зміну розміру`,
|
|
1732
|
+
"select": `Вибрати`,
|
|
1733
|
+
"selectAll": `Вибрати все`,
|
|
1734
|
+
"sortable": `сортувальний стовпець`
|
|
1735
|
+
};
|
|
1736
|
+
var $1648ec00941567f3$exports = {};
|
|
1737
|
+
$1648ec00941567f3$exports = {
|
|
1738
|
+
"ascending": `升序`,
|
|
1739
|
+
"ascendingSort": (args) => `按列 ${args.columnName} 升序排序`,
|
|
1740
|
+
"columnSize": (args) => `${args.value} 像素`,
|
|
1741
|
+
"descending": `降序`,
|
|
1742
|
+
"descendingSort": (args) => `按列 ${args.columnName} 降序排序`,
|
|
1743
|
+
"resizerDescription": `按“输入”键开始调整大小。`,
|
|
1744
|
+
"select": `选择`,
|
|
1745
|
+
"selectAll": `全选`,
|
|
1746
|
+
"sortable": `可排序的列`
|
|
1747
|
+
};
|
|
1748
|
+
var $b26f22384b3c1526$exports = {};
|
|
1749
|
+
$b26f22384b3c1526$exports = {
|
|
1750
|
+
"ascending": `遞增`,
|
|
1751
|
+
"ascendingSort": (args) => `已依據「${args.columnName}」欄遞增排序`,
|
|
1752
|
+
"columnSize": (args) => `${args.value} 像素`,
|
|
1753
|
+
"descending": `遞減`,
|
|
1754
|
+
"descendingSort": (args) => `已依據「${args.columnName}」欄遞減排序`,
|
|
1755
|
+
"resizerDescription": `按 Enter 鍵以開始調整大小`,
|
|
1756
|
+
"select": `選取`,
|
|
1757
|
+
"selectAll": `全選`,
|
|
1758
|
+
"sortable": `可排序的欄`
|
|
1759
|
+
};
|
|
1760
|
+
var $7476b46781682bf5$exports = {};
|
|
1761
|
+
$7476b46781682bf5$exports = {
|
|
1762
|
+
"ar-AE": $ce3de3ff2fd66848$exports,
|
|
1763
|
+
"bg-BG": $cb80dcce530985b9$exports,
|
|
1764
|
+
"cs-CZ": $68ac86749db4c0fb$exports,
|
|
1765
|
+
"da-DK": $9a6cbac08487e661$exports,
|
|
1766
|
+
"de-DE": $c963661d89486e72$exports,
|
|
1767
|
+
"el-GR": $ac03861c6e8605f4$exports,
|
|
1768
|
+
"en-US": $09e6b82e0d6e466a$exports,
|
|
1769
|
+
"es-ES": $8cc39eb66c2bf220$exports,
|
|
1770
|
+
"et-EE": $4e11db3c25a38112$exports,
|
|
1771
|
+
"fi-FI": $da1e751a92575e02$exports,
|
|
1772
|
+
"fr-FR": $1b5d6c6c47d55106$exports,
|
|
1773
|
+
"he-IL": $7c18ba27b86d3308$exports,
|
|
1774
|
+
"hr-HR": $2cb40998e20e8a46$exports,
|
|
1775
|
+
"hu-HU": $189e23eec1d6aa3a$exports,
|
|
1776
|
+
"it-IT": $3c5ec8e4f015dfd0$exports,
|
|
1777
|
+
"ja-JP": $d021d50e6b315ebb$exports,
|
|
1778
|
+
"ko-KR": $52535c35c24ec937$exports,
|
|
1779
|
+
"lt-LT": $b37ee03672edfd1d$exports,
|
|
1780
|
+
"lv-LV": $c7df6686b4189d56$exports,
|
|
1781
|
+
"nb-NO": $da07fe8ec87e6b68$exports,
|
|
1782
|
+
"nl-NL": $64b7e390f5791490$exports,
|
|
1783
|
+
"pl-PL": $2a03621e773f1678$exports,
|
|
1784
|
+
"pt-BR": $0a79c0aba9e5ecc6$exports,
|
|
1785
|
+
"pt-PT": $de7b4d0f7dc86fc8$exports,
|
|
1786
|
+
"ro-RO": $28ea7e849d77bd1c$exports,
|
|
1787
|
+
"ru-RU": $9a09321cf046b187$exports,
|
|
1788
|
+
"sk-SK": $5afe469a63fcac7b$exports,
|
|
1789
|
+
"sl-SI": $2956757ac31a7ce2$exports,
|
|
1790
|
+
"sr-SP": $cedee0e66b175529$exports,
|
|
1791
|
+
"sv-SE": $6db19998ba4427da$exports,
|
|
1792
|
+
"tr-TR": $166b7c9cc1adb1a1$exports,
|
|
1793
|
+
"uk-UA": $c7ab180b401e49ff$exports,
|
|
1794
|
+
"zh-CN": $1648ec00941567f3$exports,
|
|
1795
|
+
"zh-TW": $b26f22384b3c1526$exports
|
|
1796
|
+
};
|
|
1797
|
+
class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends $d1c300d9c497e402$export$de9feff04fda126e {
|
|
1798
|
+
isCell(node) {
|
|
1799
|
+
return node.type === "cell" || node.type === "rowheader" || node.type === "column";
|
|
1800
|
+
}
|
|
1801
|
+
getKeyBelow(key) {
|
|
1802
|
+
let startItem = this.collection.getItem(key);
|
|
1803
|
+
if (!startItem) return null;
|
|
1804
|
+
if (startItem.type === "column") {
|
|
1805
|
+
var _getNthItem;
|
|
1806
|
+
let child = $c5a24bc478652b5f$export$fbdeaa6a76694f71($c5a24bc478652b5f$export$1005530eda016c13(startItem, this.collection));
|
|
1807
|
+
if (child) return child.key;
|
|
1808
|
+
let firstKey = this.getFirstKey();
|
|
1809
|
+
if (firstKey == null) return null;
|
|
1810
|
+
let firstItem = this.collection.getItem(firstKey);
|
|
1811
|
+
if (!firstItem) return null;
|
|
1812
|
+
var _getNthItem_key;
|
|
1813
|
+
return (_getNthItem_key = (_getNthItem = $c5a24bc478652b5f$export$5f3398f8733f90e2($c5a24bc478652b5f$export$1005530eda016c13(firstItem, this.collection), startItem.index)) === null || _getNthItem === void 0 ? void 0 : _getNthItem.key) !== null && _getNthItem_key !== void 0 ? _getNthItem_key : null;
|
|
1814
|
+
}
|
|
1815
|
+
return super.getKeyBelow(key);
|
|
1816
|
+
}
|
|
1817
|
+
getKeyAbove(key) {
|
|
1818
|
+
let startItem = this.collection.getItem(key);
|
|
1819
|
+
if (!startItem) return null;
|
|
1820
|
+
if (startItem.type === "column") {
|
|
1821
|
+
let parent = startItem.parentKey != null ? this.collection.getItem(startItem.parentKey) : null;
|
|
1822
|
+
if (parent && parent.type === "column") return parent.key;
|
|
1823
|
+
return null;
|
|
1824
|
+
}
|
|
1825
|
+
let superKey = super.getKeyAbove(key);
|
|
1826
|
+
let superItem = superKey != null ? this.collection.getItem(superKey) : null;
|
|
1827
|
+
if (superItem && superItem.type !== "headerrow") return superKey;
|
|
1828
|
+
if (this.isCell(startItem)) return this.collection.columns[startItem.index].key;
|
|
1829
|
+
return this.collection.columns[0].key;
|
|
1830
|
+
}
|
|
1831
|
+
findNextColumnKey(column) {
|
|
1832
|
+
let key = this.findNextKey(column.key, (item) => item.type === "column");
|
|
1833
|
+
if (key != null) return key;
|
|
1834
|
+
let row = this.collection.headerRows[column.level];
|
|
1835
|
+
for (let item of $c5a24bc478652b5f$export$1005530eda016c13(row, this.collection)) {
|
|
1836
|
+
if (item.type === "column") return item.key;
|
|
1837
|
+
}
|
|
1838
|
+
return null;
|
|
1839
|
+
}
|
|
1840
|
+
findPreviousColumnKey(column) {
|
|
1841
|
+
let key = this.findPreviousKey(column.key, (item) => item.type === "column");
|
|
1842
|
+
if (key != null) return key;
|
|
1843
|
+
let row = this.collection.headerRows[column.level];
|
|
1844
|
+
let childNodes = [
|
|
1845
|
+
...$c5a24bc478652b5f$export$1005530eda016c13(row, this.collection)
|
|
1846
|
+
];
|
|
1847
|
+
for (let i = childNodes.length - 1; i >= 0; i--) {
|
|
1848
|
+
let item = childNodes[i];
|
|
1849
|
+
if (item.type === "column") return item.key;
|
|
1850
|
+
}
|
|
1851
|
+
return null;
|
|
1852
|
+
}
|
|
1853
|
+
getKeyRightOf(key) {
|
|
1854
|
+
let item = this.collection.getItem(key);
|
|
1855
|
+
if (!item) return null;
|
|
1856
|
+
if (item.type === "column") return this.direction === "rtl" ? this.findPreviousColumnKey(item) : this.findNextColumnKey(item);
|
|
1857
|
+
return super.getKeyRightOf(key);
|
|
1858
|
+
}
|
|
1859
|
+
getKeyLeftOf(key) {
|
|
1860
|
+
let item = this.collection.getItem(key);
|
|
1861
|
+
if (!item) return null;
|
|
1862
|
+
if (item.type === "column") return this.direction === "rtl" ? this.findNextColumnKey(item) : this.findPreviousColumnKey(item);
|
|
1863
|
+
return super.getKeyLeftOf(key);
|
|
1864
|
+
}
|
|
1865
|
+
getKeyForSearch(search, fromKey) {
|
|
1866
|
+
if (!this.collator) return null;
|
|
1867
|
+
let collection = this.collection;
|
|
1868
|
+
let key = fromKey !== null && fromKey !== void 0 ? fromKey : this.getFirstKey();
|
|
1869
|
+
if (key == null) return null;
|
|
1870
|
+
let startItem = collection.getItem(key);
|
|
1871
|
+
var _startItem_parentKey;
|
|
1872
|
+
if ((startItem === null || startItem === void 0 ? void 0 : startItem.type) === "cell") key = (_startItem_parentKey = startItem.parentKey) !== null && _startItem_parentKey !== void 0 ? _startItem_parentKey : null;
|
|
1873
|
+
let hasWrapped = false;
|
|
1874
|
+
while (key != null) {
|
|
1875
|
+
let item = collection.getItem(key);
|
|
1876
|
+
if (!item) return null;
|
|
1877
|
+
for (let cell of $c5a24bc478652b5f$export$1005530eda016c13(item, this.collection)) {
|
|
1878
|
+
let column = collection.columns[cell.index];
|
|
1879
|
+
if (collection.rowHeaderColumnKeys.has(column.key) && cell.textValue) {
|
|
1880
|
+
let substring = cell.textValue.slice(0, search.length);
|
|
1881
|
+
if (this.collator.compare(substring, search) === 0) {
|
|
1882
|
+
let fromItem = fromKey != null ? collection.getItem(fromKey) : startItem;
|
|
1883
|
+
return (fromItem === null || fromItem === void 0 ? void 0 : fromItem.type) === "cell" ? cell.key : item.key;
|
|
1884
|
+
}
|
|
1885
|
+
}
|
|
1886
|
+
}
|
|
1887
|
+
key = this.getKeyBelow(key);
|
|
1888
|
+
if (key == null && !hasWrapped) {
|
|
1889
|
+
key = this.getFirstKey();
|
|
1890
|
+
hasWrapped = true;
|
|
1891
|
+
}
|
|
1892
|
+
}
|
|
1893
|
+
return null;
|
|
1894
|
+
}
|
|
1895
|
+
}
|
|
1896
|
+
function $parcel$interopDefault$2(a) {
|
|
1897
|
+
return a && a.__esModule ? a.default : a;
|
|
1898
|
+
}
|
|
1899
|
+
function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
|
|
1900
|
+
let { keyboardDelegate, isVirtualized, layoutDelegate, layout } = props;
|
|
1901
|
+
let collator = $325a3faab7a68acd$export$a16aca283550c30d({
|
|
1902
|
+
usage: "search",
|
|
1903
|
+
sensitivity: "base"
|
|
1904
|
+
});
|
|
1905
|
+
let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
1906
|
+
let disabledBehavior = state.selectionManager.disabledBehavior;
|
|
1907
|
+
let delegate = useMemo(() => keyboardDelegate || new $0ba3c81c7f1caedd$export$da43f8f5cb04028d({
|
|
1908
|
+
collection: state.collection,
|
|
1909
|
+
disabledKeys: state.disabledKeys,
|
|
1910
|
+
disabledBehavior,
|
|
1911
|
+
ref,
|
|
1912
|
+
direction,
|
|
1913
|
+
collator,
|
|
1914
|
+
layoutDelegate,
|
|
1915
|
+
layout
|
|
1916
|
+
}), [
|
|
1917
|
+
keyboardDelegate,
|
|
1918
|
+
state.collection,
|
|
1919
|
+
state.disabledKeys,
|
|
1920
|
+
disabledBehavior,
|
|
1921
|
+
ref,
|
|
1922
|
+
direction,
|
|
1923
|
+
collator,
|
|
1924
|
+
layoutDelegate,
|
|
1925
|
+
layout
|
|
1926
|
+
]);
|
|
1927
|
+
let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
|
|
1928
|
+
$2140fb2337097f2d$export$552312adfd451dab.set(state, id);
|
|
1929
|
+
let { gridProps } = $83c6e2eafa584c67$export$f6b86a04e5d66d90(__spreadProps(__spreadValues({}, props), {
|
|
1930
|
+
id,
|
|
1931
|
+
keyboardDelegate: delegate
|
|
1932
|
+
}), state, ref);
|
|
1933
|
+
if (isVirtualized) gridProps["aria-rowcount"] = state.collection.size + state.collection.headerRows.length;
|
|
1934
|
+
if ($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) gridProps.role = "treegrid";
|
|
1935
|
+
let { column, direction: sortDirection } = state.sortDescriptor || {};
|
|
1936
|
+
let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$2($7476b46781682bf5$exports), "@react-aria/table");
|
|
1937
|
+
let sortDescription = useMemo(() => {
|
|
1938
|
+
var _state_collection_columns_find;
|
|
1939
|
+
var _state_collection_columns_find_textValue;
|
|
1940
|
+
let columnName = (_state_collection_columns_find_textValue = (_state_collection_columns_find = state.collection.columns.find((c) => c.key === column)) === null || _state_collection_columns_find === void 0 ? void 0 : _state_collection_columns_find.textValue) !== null && _state_collection_columns_find_textValue !== void 0 ? _state_collection_columns_find_textValue : "";
|
|
1941
|
+
return sortDirection && column ? stringFormatter.format(`${sortDirection}Sort`, {
|
|
1942
|
+
columnName
|
|
1943
|
+
}) : void 0;
|
|
1944
|
+
}, [
|
|
1945
|
+
sortDirection,
|
|
1946
|
+
column,
|
|
1947
|
+
state.collection.columns
|
|
1948
|
+
]);
|
|
1949
|
+
let descriptionProps = $ef06256079686ba0$export$f8aeda7b10753fa1(sortDescription);
|
|
1950
|
+
$4f58c5f72bcf79f7$export$496315a1608d9602(() => {
|
|
1951
|
+
if (sortDescription) $319e236875307eab$export$a9b970dcc4ae71a9(sortDescription, "assertive", 500);
|
|
1952
|
+
}, [
|
|
1953
|
+
sortDescription
|
|
1954
|
+
]);
|
|
1955
|
+
return {
|
|
1956
|
+
gridProps: $3ef42575df84b30b$export$9d1611c77c2fe928(gridProps, descriptionProps, {
|
|
1957
|
+
// merge sort description with long press information
|
|
1958
|
+
"aria-describedby": [
|
|
1959
|
+
descriptionProps["aria-describedby"],
|
|
1960
|
+
gridProps["aria-describedby"]
|
|
1961
|
+
].filter(Boolean).join(" ")
|
|
1962
|
+
})
|
|
1963
|
+
};
|
|
1964
|
+
}
|
|
1965
|
+
function $parcel$interopDefault$1(a) {
|
|
1966
|
+
return a && a.__esModule ? a.default : a;
|
|
1967
|
+
}
|
|
1968
|
+
function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
|
|
1969
|
+
var _state_sortDescriptor, _state_sortDescriptor1;
|
|
1970
|
+
let { node } = props;
|
|
1971
|
+
let allowsSorting2 = node.props.allowsSorting;
|
|
1972
|
+
let { gridCellProps } = $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(__spreadProps(__spreadValues({}, props), {
|
|
1973
|
+
focusMode: "child"
|
|
1974
|
+
}), state, ref);
|
|
1975
|
+
let isSelectionCellDisabled = node.props.isSelectionCell && state.selectionManager.selectionMode === "single";
|
|
1976
|
+
let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
|
|
1977
|
+
isDisabled: !allowsSorting2 || isSelectionCellDisabled,
|
|
1978
|
+
onPress() {
|
|
1979
|
+
state.sort(node.key);
|
|
1980
|
+
},
|
|
1981
|
+
ref
|
|
1982
|
+
});
|
|
1983
|
+
let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({}, ref);
|
|
1984
|
+
let ariaSort = void 0;
|
|
1985
|
+
let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
|
|
1986
|
+
let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
|
|
1987
|
+
if (node.props.allowsSorting && !$c87311424ea30a05$export$a11b0059900ceec8()) ariaSort = isSortedColumn ? sortDirection : "none";
|
|
1988
|
+
let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($7476b46781682bf5$exports), "@react-aria/table");
|
|
1989
|
+
let sortDescription;
|
|
1990
|
+
if (allowsSorting2) {
|
|
1991
|
+
sortDescription = `${stringFormatter.format("sortable")}`;
|
|
1992
|
+
if (isSortedColumn && sortDirection && $c87311424ea30a05$export$a11b0059900ceec8()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
|
|
1993
|
+
}
|
|
1994
|
+
let descriptionProps = $ef06256079686ba0$export$f8aeda7b10753fa1(sortDescription);
|
|
1995
|
+
let shouldDisableFocus = state.collection.size === 0;
|
|
1996
|
+
useEffect(() => {
|
|
1997
|
+
if (shouldDisableFocus && state.selectionManager.focusedKey === node.key) state.selectionManager.setFocusedKey(null);
|
|
1998
|
+
}, [
|
|
1999
|
+
shouldDisableFocus,
|
|
2000
|
+
state.selectionManager,
|
|
2001
|
+
node.key
|
|
2002
|
+
]);
|
|
2003
|
+
return {
|
|
2004
|
+
columnHeaderProps: __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(
|
|
2005
|
+
gridCellProps,
|
|
2006
|
+
pressProps,
|
|
2007
|
+
focusableProps,
|
|
2008
|
+
descriptionProps,
|
|
2009
|
+
// If the table is empty, make all column headers untabbable
|
|
2010
|
+
shouldDisableFocus ? {
|
|
2011
|
+
tabIndex: -1
|
|
2012
|
+
} : null
|
|
2013
|
+
)), {
|
|
2014
|
+
role: "columnheader",
|
|
2015
|
+
id: $2140fb2337097f2d$export$37cd4213f2ad742e(state, node.key),
|
|
2016
|
+
"aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : void 0,
|
|
2017
|
+
"aria-sort": ariaSort
|
|
2018
|
+
})
|
|
2019
|
+
};
|
|
2020
|
+
}
|
|
2021
|
+
const $b2db214c022798eb$var$EXPANSION_KEYS = {
|
|
2022
|
+
expand: {
|
|
2023
|
+
ltr: "ArrowRight",
|
|
2024
|
+
rtl: "ArrowLeft"
|
|
2025
|
+
},
|
|
2026
|
+
"collapse": {
|
|
2027
|
+
ltr: "ArrowLeft",
|
|
2028
|
+
rtl: "ArrowRight"
|
|
2029
|
+
}
|
|
2030
|
+
};
|
|
2031
|
+
function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
|
|
2032
|
+
let { node, isVirtualized } = props;
|
|
2033
|
+
let _a = $4159a7a9cbb0cc18$export$96357d5a73f686fa(props, state, ref), { rowProps } = _a, states = __objRest(_a, ["rowProps"]);
|
|
2034
|
+
let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
2035
|
+
if (isVirtualized && !($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length;
|
|
2036
|
+
else delete rowProps["aria-rowindex"];
|
|
2037
|
+
let treeGridRowProps = {};
|
|
2038
|
+
if ($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) {
|
|
2039
|
+
let treeNode = state.keyMap.get(node.key);
|
|
2040
|
+
if (treeNode != null) {
|
|
2041
|
+
var _treeNode_props, _treeNode_props_children, _treeNode_props1, _getLastItem, _state_keyMap_get, _getLastItem1;
|
|
2042
|
+
let hasChildRows = ((_treeNode_props = treeNode.props) === null || _treeNode_props === void 0 ? void 0 : _treeNode_props.UNSTABLE_childItems) || ((_treeNode_props1 = treeNode.props) === null || _treeNode_props1 === void 0 ? void 0 : (_treeNode_props_children = _treeNode_props1.children) === null || _treeNode_props_children === void 0 ? void 0 : _treeNode_props_children.length) > state.userColumnCount;
|
|
2043
|
+
var _treeNode_indexOfType, _state_keyMap_get_childNodes, _getLastItem_indexOfType, _getLastItem_indexOfType1;
|
|
2044
|
+
treeGridRowProps = {
|
|
2045
|
+
onKeyDown: (e) => {
|
|
2046
|
+
if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS["expand"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && state.expandedKeys !== "all" && !state.expandedKeys.has(treeNode.key)) {
|
|
2047
|
+
state.toggleKey(treeNode.key);
|
|
2048
|
+
e.stopPropagation();
|
|
2049
|
+
} else if (e.key === $b2db214c022798eb$var$EXPANSION_KEYS["collapse"][direction] && state.selectionManager.focusedKey === treeNode.key && hasChildRows && (state.expandedKeys === "all" || state.expandedKeys.has(treeNode.key))) {
|
|
2050
|
+
state.toggleKey(treeNode.key);
|
|
2051
|
+
e.stopPropagation();
|
|
2052
|
+
}
|
|
2053
|
+
},
|
|
2054
|
+
"aria-expanded": hasChildRows ? state.expandedKeys === "all" || state.expandedKeys.has(node.key) : void 0,
|
|
2055
|
+
"aria-level": treeNode.level,
|
|
2056
|
+
"aria-posinset": ((_treeNode_indexOfType = treeNode.indexOfType) !== null && _treeNode_indexOfType !== void 0 ? _treeNode_indexOfType : 0) + 1,
|
|
2057
|
+
"aria-setsize": treeNode.level > 1 ? ((_getLastItem_indexOfType = (_getLastItem = $c5a24bc478652b5f$export$7475b2c64539e4cf((_state_keyMap_get_childNodes = (_state_keyMap_get = state.keyMap.get(treeNode.parentKey)) === null || _state_keyMap_get === void 0 ? void 0 : _state_keyMap_get.childNodes) !== null && _state_keyMap_get_childNodes !== void 0 ? _state_keyMap_get_childNodes : [])) === null || _getLastItem === void 0 ? void 0 : _getLastItem.indexOfType) !== null && _getLastItem_indexOfType !== void 0 ? _getLastItem_indexOfType : 0) + 1 : ((_getLastItem_indexOfType1 = (_getLastItem1 = $c5a24bc478652b5f$export$7475b2c64539e4cf(state.collection.body.childNodes)) === null || _getLastItem1 === void 0 ? void 0 : _getLastItem1.indexOfType) !== null && _getLastItem_indexOfType1 !== void 0 ? _getLastItem_indexOfType1 : 0) + 1
|
|
2058
|
+
};
|
|
2059
|
+
}
|
|
2060
|
+
}
|
|
2061
|
+
let syntheticLinkProps = $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(node.props);
|
|
2062
|
+
let linkProps = states.hasAction ? syntheticLinkProps : {};
|
|
2063
|
+
return __spreadValues({
|
|
2064
|
+
rowProps: __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, treeGridRowProps, linkProps)), {
|
|
2065
|
+
"aria-labelledby": $2140fb2337097f2d$export$85069b70317f543(state, node.key)
|
|
2066
|
+
})
|
|
2067
|
+
}, states);
|
|
2068
|
+
}
|
|
2069
|
+
function $f917ee10f4c32dab$export$1b95a7d2d517b841(props, state, ref) {
|
|
2070
|
+
let { node, isVirtualized } = props;
|
|
2071
|
+
let rowProps = {
|
|
2072
|
+
role: "row"
|
|
2073
|
+
};
|
|
2074
|
+
if (isVirtualized && !($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1;
|
|
2075
|
+
return {
|
|
2076
|
+
rowProps
|
|
2077
|
+
};
|
|
2078
|
+
}
|
|
2079
|
+
function $7713593715703b24$export$49571c903d73624c(props, state, ref) {
|
|
2080
|
+
var _props_node_column;
|
|
2081
|
+
let { gridCellProps, isPressed } = $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref);
|
|
2082
|
+
let columnKey = (_props_node_column = props.node.column) === null || _props_node_column === void 0 ? void 0 : _props_node_column.key;
|
|
2083
|
+
if (columnKey != null && state.collection.rowHeaderColumnKeys.has(columnKey)) {
|
|
2084
|
+
gridCellProps.role = "rowheader";
|
|
2085
|
+
gridCellProps.id = $2140fb2337097f2d$export$19baff3266315d44(state, props.node.parentKey, columnKey);
|
|
2086
|
+
}
|
|
2087
|
+
return {
|
|
2088
|
+
gridCellProps,
|
|
2089
|
+
isPressed
|
|
2090
|
+
};
|
|
2091
|
+
}
|
|
2092
|
+
function $parcel$interopDefault(a) {
|
|
2093
|
+
return a && a.__esModule ? a.default : a;
|
|
2094
|
+
}
|
|
2095
|
+
function $2a795c53a101c542$export$16ea7f650bd7c1bb(props, state) {
|
|
2096
|
+
let { key } = props;
|
|
2097
|
+
const { checkboxProps } = $7cb39d07f245a780$export$70e2eed1a92976ad(props, state);
|
|
2098
|
+
return {
|
|
2099
|
+
checkboxProps: __spreadProps(__spreadValues({}, checkboxProps), {
|
|
2100
|
+
"aria-labelledby": `${checkboxProps.id} ${$2140fb2337097f2d$export$85069b70317f543(state, key)}`
|
|
2101
|
+
})
|
|
2102
|
+
};
|
|
2103
|
+
}
|
|
2104
|
+
function $2a795c53a101c542$export$1003db6a7e384b99(state) {
|
|
2105
|
+
let { isEmpty, isSelectAll, selectionMode } = state.selectionManager;
|
|
2106
|
+
const stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($7476b46781682bf5$exports), "@react-aria/table");
|
|
2107
|
+
return {
|
|
2108
|
+
checkboxProps: {
|
|
2109
|
+
"aria-label": stringFormatter.format(selectionMode === "single" ? "select" : "selectAll"),
|
|
2110
|
+
isSelected: isSelectAll,
|
|
2111
|
+
isDisabled: selectionMode !== "multiple" || state.collection.size === 0,
|
|
2112
|
+
isIndeterminate: !isEmpty && !isSelectAll,
|
|
2113
|
+
onChange: () => state.selectionManager.toggleSelectAll()
|
|
2114
|
+
}
|
|
2115
|
+
};
|
|
2116
|
+
}
|
|
2117
|
+
function $0047e6c294ea075f$export$6fb1613bd7b28198() {
|
|
2118
|
+
return $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf();
|
|
2119
|
+
}
|
|
2120
|
+
const DataGridContext = createContext(null);
|
|
2121
|
+
const DataGridTableContext = createContext(null);
|
|
2122
|
+
const useDataGridTable = () => {
|
|
2123
|
+
const dataGridTableContext = useContext(DataGridTableContext);
|
|
2124
|
+
if (!dataGridTableContext) {
|
|
2125
|
+
throw new Error("useDataGridTable must be used within a DataGrid");
|
|
2126
|
+
}
|
|
2127
|
+
return dataGridTableContext;
|
|
2128
|
+
};
|
|
2129
|
+
const DataGridRowContext = createContext(null);
|
|
2130
|
+
const useDataGridRow = () => {
|
|
2131
|
+
const dataGridRowContext = useContext(DataGridRowContext);
|
|
2132
|
+
if (!dataGridRowContext) {
|
|
2133
|
+
throw new Error("useDataGridRow must be used within a DataGrid.Row");
|
|
2134
|
+
}
|
|
2135
|
+
return dataGridRowContext;
|
|
2136
|
+
};
|
|
2137
|
+
const ActionsCellContent$1 = "_ActionsCellContent_1kwod_5";
|
|
2138
|
+
const styles$7 = {
|
|
2139
|
+
ActionsCellContent: ActionsCellContent$1
|
|
2140
|
+
};
|
|
2141
|
+
function ActionsCellContent({ rowActions }) {
|
|
2142
|
+
return React__default.createElement("span", {
|
|
2143
|
+
className: styles$7.ActionsCellContent
|
|
2144
|
+
}, rowActions.map((rowAction, i) => rowAction.type === "menu" ? React__default.createElement(MenuRowAction, {
|
|
2145
|
+
key: i,
|
|
2146
|
+
rowAction
|
|
2147
|
+
}) : React__default.createElement(ActionRowAction, {
|
|
2148
|
+
key: i,
|
|
2149
|
+
rowAction
|
|
2150
|
+
})));
|
|
2151
|
+
}
|
|
2152
|
+
function MenuRowAction({ rowAction }) {
|
|
2153
|
+
const { accessibilityLabel = "Actions" } = rowAction;
|
|
2154
|
+
const { removeHover } = useDataGridRow();
|
|
2155
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
2156
|
+
const handleClick = useCallback(() => {
|
|
2157
|
+
removeHover();
|
|
2158
|
+
}, [removeHover]);
|
|
2159
|
+
const handleOpenChange = useCallback((isOpen2) => {
|
|
2160
|
+
setIsOpen(isOpen2);
|
|
2161
|
+
}, []);
|
|
2162
|
+
return React__default.createElement(Menu, {
|
|
2163
|
+
isOpen,
|
|
2164
|
+
onOpenChange: handleOpenChange
|
|
2165
|
+
}, React__default.createElement(Menu.Trigger, null, React__default.createElement(KebabButton, {
|
|
2166
|
+
onPress: handleClick,
|
|
2167
|
+
accessibilityLabel
|
|
2168
|
+
})), rowAction.renderMenuOverlay());
|
|
2169
|
+
}
|
|
2170
|
+
function ActionRowAction({ rowAction }) {
|
|
2171
|
+
const { onAction } = rowAction;
|
|
2172
|
+
const handleClick = useCallback(() => {
|
|
2173
|
+
onAction();
|
|
2174
|
+
}, [onAction]);
|
|
2175
|
+
return React__default.createElement(UnstyledPressButton, {
|
|
2176
|
+
onPress: handleClick
|
|
2177
|
+
}, React__default.createElement(Text, {
|
|
2178
|
+
visuallyHidden: true
|
|
2179
|
+
}, rowAction.accessibilityLabel), React__default.createElement(Icon, {
|
|
2180
|
+
symbol: rowAction.iconSymbol
|
|
2181
|
+
}));
|
|
2182
|
+
}
|
|
2183
|
+
const button = "_button_93gck_5";
|
|
2184
|
+
const expanded$2 = "_expanded_93gck_23";
|
|
2185
|
+
const styles$6 = {
|
|
2186
|
+
button,
|
|
2187
|
+
expanded: expanded$2
|
|
2188
|
+
};
|
|
2189
|
+
function ExpandCellContent({ isExpanded, toggleExpanded }) {
|
|
2190
|
+
const handleClick = useCallback(() => {
|
|
2191
|
+
toggleExpanded();
|
|
2192
|
+
}, [toggleExpanded]);
|
|
2193
|
+
const className = classNames(styles$6.button, isExpanded && styles$6.expanded);
|
|
2194
|
+
return React__default.createElement(UnstyledPressButton, {
|
|
2195
|
+
onPress: handleClick,
|
|
2196
|
+
className,
|
|
2197
|
+
"aria-expanded": isExpanded
|
|
2198
|
+
}, React__default.createElement(Text, {
|
|
2199
|
+
visuallyHidden: true
|
|
2200
|
+
}, "Expand"), React__default.createElement(Icon, {
|
|
2201
|
+
symbol: ArrowForwardIos,
|
|
2202
|
+
size: "xs"
|
|
2203
|
+
}));
|
|
2204
|
+
}
|
|
2205
|
+
const Cell$1 = "_Cell_lmvvw_5";
|
|
2206
|
+
const content$1 = "_content_lmvvw_14";
|
|
2207
|
+
const lastRow = "_lastRow_lmvvw_25";
|
|
2208
|
+
const focused$1 = "_focused_lmvvw_29";
|
|
2209
|
+
const rowFocused = "_rowFocused_lmvvw_30";
|
|
2210
|
+
const expanded$1 = "_expanded_lmvvw_34";
|
|
2211
|
+
const first$1 = "_first_lmvvw_38";
|
|
2212
|
+
const firstWithActions$1 = "_firstWithActions_lmvvw_45";
|
|
2213
|
+
const secondWithActions$1 = "_secondWithActions_lmvvw_51";
|
|
2214
|
+
const last$1 = "_last_lmvvw_25";
|
|
2215
|
+
const lastWithActions$1 = "_lastWithActions_lmvvw_62";
|
|
2216
|
+
const secondToLastWithActions$1 = "_secondToLastWithActions_lmvvw_71";
|
|
2217
|
+
const shadowLeft$1 = "_shadowLeft_lmvvw_75";
|
|
2218
|
+
const shadowRight$1 = "_shadowRight_lmvvw_94";
|
|
2219
|
+
const styles$5 = {
|
|
2220
|
+
Cell: Cell$1,
|
|
2221
|
+
content: content$1,
|
|
2222
|
+
lastRow,
|
|
2223
|
+
focused: focused$1,
|
|
2224
|
+
rowFocused,
|
|
2225
|
+
expanded: expanded$1,
|
|
2226
|
+
first: first$1,
|
|
2227
|
+
firstWithActions: firstWithActions$1,
|
|
2228
|
+
secondWithActions: secondWithActions$1,
|
|
2229
|
+
last: last$1,
|
|
2230
|
+
lastWithActions: lastWithActions$1,
|
|
2231
|
+
secondToLastWithActions: secondToLastWithActions$1,
|
|
2232
|
+
shadowLeft: shadowLeft$1,
|
|
2233
|
+
shadowRight: shadowRight$1,
|
|
2234
|
+
"static": "_static_lmvvw_113"
|
|
2235
|
+
};
|
|
2236
|
+
function Cell({ cell, state }) {
|
|
2237
|
+
const table2 = useDataGridTable();
|
|
2238
|
+
const row = useDataGridRow();
|
|
2239
|
+
const ref = useRef(null);
|
|
2240
|
+
const { gridCellProps } = $7713593715703b24$export$49571c903d73624c({
|
|
2241
|
+
node: cell
|
|
2242
|
+
}, state, ref);
|
|
2243
|
+
const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
|
|
2244
|
+
const hasActionsAtStart = table2.hasSelection || table2.hasExpansion;
|
|
2245
|
+
const hasActionsAtEnd = table2.hasRowActions;
|
|
2246
|
+
const hasRightShadow = table2.isLeftEdgeUnderScroll && (hasActionsAtStart ? cell.index === 1 : cell.index === 0);
|
|
2247
|
+
const hasLeftShadow = hasActionsAtEnd && table2.isRightEdgeUnderScroll && cell.index === state.collection.columnCount - 1;
|
|
2248
|
+
const className = classNames(styles$5.Cell, isFocusVisible && styles$5.focused, row.isExpanded && styles$5.expanded, row.isFocusVisible && styles$5.rowFocused, hasRightShadow && styles$5[variationName("shadow", "right")], hasLeftShadow && styles$5[variationName("shadow", "left")], cell.index === 0 && styles$5.first, hasActionsAtStart && cell.index === 0 && styles$5.firstWithActions, hasActionsAtStart && cell.index === 1 && styles$5.secondWithActions, cell.index === state.collection.columnCount - 1 && styles$5.last, hasActionsAtEnd && cell.index === state.collection.columnCount - 1 && styles$5.lastWithActions, hasActionsAtEnd && cell.index === state.collection.columnCount - 2 && styles$5.secondToLastWithActions, row.index === 0 && styles$5.firstRow, row.index === state.collection.size - 1 && styles$5.lastRow);
|
|
2249
|
+
const CellContentComponent = cell.props.isSelectionCell ? SelectCellContent : DefaultCellContent;
|
|
2250
|
+
return React__default.createElement("td", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(gridCellProps, focusProps)), {
|
|
2251
|
+
ref,
|
|
2252
|
+
className
|
|
2253
|
+
}), React__default.createElement("div", {
|
|
2254
|
+
className: styles$5.content
|
|
2255
|
+
}, React__default.createElement(CellContentComponent, {
|
|
2256
|
+
cell,
|
|
2257
|
+
state
|
|
2258
|
+
}), React__default.createElement("div", {
|
|
2259
|
+
"data-ezui-data-grid-shadow": true
|
|
2260
|
+
})));
|
|
2261
|
+
}
|
|
2262
|
+
function DefaultCellContent({ cell }) {
|
|
2263
|
+
return React__default.createElement(React__default.Fragment, null, cell.rendered);
|
|
2264
|
+
}
|
|
2265
|
+
function SelectCellContent({ cell, state }) {
|
|
2266
|
+
const { checkboxProps } = $2a795c53a101c542$export$16ea7f650bd7c1bb({
|
|
2267
|
+
key: cell.parentKey
|
|
2268
|
+
}, state);
|
|
2269
|
+
return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
|
|
2270
|
+
}
|
|
2271
|
+
function StaticCell({ children, colSpan }) {
|
|
2272
|
+
const className = classNames(styles$5.Cell, styles$5.static);
|
|
2273
|
+
return React__default.createElement("td", {
|
|
2274
|
+
role: "gridcell",
|
|
2275
|
+
className,
|
|
2276
|
+
colSpan
|
|
2277
|
+
}, React__default.createElement("div", {
|
|
2278
|
+
className: styles$5.content
|
|
2279
|
+
}, React__default.createElement(Text, {
|
|
2280
|
+
variant: "subtitle2",
|
|
2281
|
+
color: "neutral.500"
|
|
2282
|
+
}, children), React__default.createElement("div", {
|
|
2283
|
+
"data-ezui-data-grid-shadow": true
|
|
2284
|
+
})));
|
|
2285
|
+
}
|
|
2286
|
+
const SortIndicator$1 = "_SortIndicator_cwcpq_5";
|
|
2287
|
+
const arrow = "_arrow_cwcpq_10";
|
|
2288
|
+
const sorted = "_sorted_cwcpq_14";
|
|
2289
|
+
const onHeaderSecondary = "_onHeaderSecondary_cwcpq_18";
|
|
2290
|
+
const styles$4 = {
|
|
2291
|
+
SortIndicator: SortIndicator$1,
|
|
2292
|
+
arrow,
|
|
2293
|
+
sorted,
|
|
2294
|
+
onHeaderSecondary
|
|
2295
|
+
};
|
|
2296
|
+
function SortIndicator({ sortDirection }) {
|
|
2297
|
+
const { headerVariant } = useDataGridTable();
|
|
2298
|
+
return React__default.createElement("span", {
|
|
2299
|
+
"aria-hidden": "true",
|
|
2300
|
+
className: classNames(styles$4.SortIndicator, sortDirection && styles$4.sorted, headerVariant && styles$4[variationName("onHeader", headerVariant)])
|
|
2301
|
+
}, React__default.createElement(Arrow, {
|
|
2302
|
+
className: styles$4.arrow,
|
|
2303
|
+
style: {
|
|
2304
|
+
transform: sortDirection === "ascending" ? "scaleY(-1)" : "scaleY(1)"
|
|
2305
|
+
}
|
|
2306
|
+
}));
|
|
2307
|
+
}
|
|
2308
|
+
function Arrow(props) {
|
|
2309
|
+
return React__default.createElement("svg", __spreadValues({
|
|
2310
|
+
width: "12",
|
|
2311
|
+
height: "8",
|
|
2312
|
+
viewBox: "0 0 12 8",
|
|
2313
|
+
fill: "none",
|
|
2314
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2315
|
+
}, props), React__default.createElement("path", {
|
|
2316
|
+
fill: "currentColor",
|
|
2317
|
+
fillRule: "evenodd",
|
|
2318
|
+
clipRule: "evenodd",
|
|
2319
|
+
d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
|
|
2320
|
+
}));
|
|
2321
|
+
}
|
|
2322
|
+
const ColumnHeader$1 = "_ColumnHeader_1x8pz_5";
|
|
2323
|
+
const content = "_content_1x8pz_15";
|
|
2324
|
+
const allowsSorting = "_allowsSorting_1x8pz_26";
|
|
2325
|
+
const focused = "_focused_1x8pz_31";
|
|
2326
|
+
const first = "_first_1x8pz_44";
|
|
2327
|
+
const firstWithActions = "_firstWithActions_1x8pz_50";
|
|
2328
|
+
const secondWithActions = "_secondWithActions_1x8pz_57";
|
|
2329
|
+
const last = "_last_1x8pz_63";
|
|
2330
|
+
const lastWithActions = "_lastWithActions_1x8pz_67";
|
|
2331
|
+
const secondToLastWithActions = "_secondToLastWithActions_1x8pz_74";
|
|
2332
|
+
const shadowBottom = "_shadowBottom_1x8pz_78";
|
|
2333
|
+
const shadowRight = "_shadowRight_1x8pz_100";
|
|
2334
|
+
const shadowLeft = "_shadowLeft_1x8pz_119";
|
|
2335
|
+
const styles$3 = {
|
|
2336
|
+
ColumnHeader: ColumnHeader$1,
|
|
2337
|
+
content,
|
|
2338
|
+
allowsSorting,
|
|
2339
|
+
focused,
|
|
2340
|
+
first,
|
|
2341
|
+
firstWithActions,
|
|
2342
|
+
secondWithActions,
|
|
2343
|
+
last,
|
|
2344
|
+
lastWithActions,
|
|
2345
|
+
secondToLastWithActions,
|
|
2346
|
+
shadowBottom,
|
|
2347
|
+
shadowRight,
|
|
2348
|
+
shadowLeft
|
|
2349
|
+
};
|
|
2350
|
+
function ColumnHeader({ column, state }) {
|
|
2351
|
+
const table2 = useDataGridTable();
|
|
2352
|
+
const ref = useRef(null);
|
|
2353
|
+
const { columnHeaderProps } = $f329116d8ad0aba0$export$9514819a8c81e960({
|
|
2354
|
+
node: column
|
|
2355
|
+
}, state, ref);
|
|
2356
|
+
const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
|
|
2357
|
+
const hasActionsAtStart = table2.hasSelection || table2.hasExpansion;
|
|
2358
|
+
const hasActionsAtEnd = table2.hasRowActions;
|
|
2359
|
+
const hasRightShadow = table2.isLeftEdgeUnderScroll && (hasActionsAtStart ? column.index === 1 : column.index === 0);
|
|
2360
|
+
const hasLeftShadow = hasActionsAtEnd && table2.isRightEdgeUnderScroll && column.index === state.collection.columnCount - 1;
|
|
2361
|
+
const className = classNames(styles$3.ColumnHeader, isFocusVisible && styles$3.focused, column.props.allowsSorting && styles$3.allowsSorting, hasRightShadow && styles$3[variationName("shadow", "right")], hasLeftShadow && styles$3[variationName("shadow", "left")], table2.isTopEdgeUnderScroll && styles$3[variationName("shadow", "bottom")], column.index === 0 && styles$3.first, hasActionsAtStart && column.index === 0 && styles$3.firstWithActions, hasActionsAtStart && column.index === 1 && styles$3.secondWithActions, column.index === state.collection.columnCount - 1 && styles$3.last, hasActionsAtEnd && column.index === state.collection.columnCount - 1 && styles$3.lastWithActions, hasActionsAtEnd && column.index === state.collection.columnCount - 2 && styles$3.secondToLastWithActions);
|
|
2362
|
+
const contentClassName = classNames(styles$3.content, column.props.allowsSorting && styles$3.allowsSorting);
|
|
2363
|
+
const ColumnHeaderContentComponent = column.props.isSelectionCell ? SelectAllColumnHeaderContent : DefaultColumnHeaderContent;
|
|
2364
|
+
return React__default.createElement("td", __spreadProps(__spreadValues({
|
|
2365
|
+
ref
|
|
2366
|
+
}, $3ef42575df84b30b$export$9d1611c77c2fe928(columnHeaderProps, focusProps)), {
|
|
2367
|
+
className,
|
|
2368
|
+
"data-ezui-data-grid-column-header": "true"
|
|
2369
|
+
}), React__default.createElement("div", {
|
|
2370
|
+
className: contentClassName
|
|
2371
|
+
}, React__default.createElement(ColumnHeaderContentComponent, {
|
|
2372
|
+
column,
|
|
2373
|
+
state
|
|
2374
|
+
}), React__default.createElement("div", {
|
|
2375
|
+
"data-ezui-data-grid-shadow": "bottom"
|
|
2376
|
+
}), React__default.createElement("div", {
|
|
2377
|
+
"data-ezui-data-grid-shadow": "side"
|
|
2378
|
+
})));
|
|
2379
|
+
}
|
|
2380
|
+
function DefaultColumnHeaderContent({ column, state }) {
|
|
2381
|
+
var _a, _b;
|
|
2382
|
+
return React__default.createElement(React__default.Fragment, null, column.rendered, column.props.allowsSorting && React__default.createElement(SortIndicator, {
|
|
2383
|
+
sortDirection: ((_a = state.sortDescriptor) == null ? void 0 : _a.column) === column.key ? (_b = state.sortDescriptor) == null ? void 0 : _b.direction : void 0
|
|
2384
|
+
}));
|
|
2385
|
+
}
|
|
2386
|
+
function SelectAllColumnHeaderContent({ state }) {
|
|
2387
|
+
const { checkboxProps } = $2a795c53a101c542$export$1003db6a7e384b99(state);
|
|
2388
|
+
if (state.selectionManager.selectionMode === "single") {
|
|
2389
|
+
return React__default.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, checkboxProps["aria-label"]);
|
|
2390
|
+
}
|
|
2391
|
+
return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
|
|
2392
|
+
}
|
|
2393
|
+
const ExpandedRowContent$1 = "_ExpandedRowContent_t16wn_5";
|
|
2394
|
+
const inner = "_inner_t16wn_17";
|
|
2395
|
+
const styles$2 = {
|
|
2396
|
+
ExpandedRowContent: ExpandedRowContent$1,
|
|
2397
|
+
inner
|
|
2398
|
+
};
|
|
2399
|
+
function ExpandedRowContent({ children }) {
|
|
2400
|
+
return React__default.createElement("div", {
|
|
2401
|
+
className: classNames(styles$2.ExpandedRowContent),
|
|
2402
|
+
"data-ezui-data-grid-expanded-row-content": "active"
|
|
2403
|
+
}, React__default.createElement("div", {
|
|
2404
|
+
className: classNames(styles$2.inner)
|
|
2405
|
+
}, children));
|
|
2406
|
+
}
|
|
2407
|
+
const Row$1 = "_Row_gef2w_5";
|
|
2408
|
+
const noUserSelection = "_noUserSelection_gef2w_10";
|
|
2409
|
+
const expanded = "_expanded_gef2w_15";
|
|
2410
|
+
const hovered = "_hovered_gef2w_21";
|
|
2411
|
+
const selected = "_selected_gef2w_25";
|
|
2412
|
+
const styles$1 = {
|
|
2413
|
+
Row: Row$1,
|
|
2414
|
+
noUserSelection,
|
|
2415
|
+
expanded,
|
|
2416
|
+
hovered,
|
|
2417
|
+
selected
|
|
2418
|
+
};
|
|
2419
|
+
function HeaderRow({ item, state, children }) {
|
|
2420
|
+
const ref = useRef(null);
|
|
2421
|
+
const { rowProps } = $f917ee10f4c32dab$export$1b95a7d2d517b841({
|
|
2422
|
+
node: item
|
|
2423
|
+
}, state);
|
|
2424
|
+
return React__default.createElement("tr", __spreadProps(__spreadValues({}, rowProps), {
|
|
2425
|
+
ref,
|
|
2426
|
+
className: styles$1.Row
|
|
2427
|
+
}), children);
|
|
2428
|
+
}
|
|
2429
|
+
const EXPAND_COLUMN_KEY = "__ezui-column-key-expand__";
|
|
2430
|
+
const ACTIONS_COLUMN_KEY = "__ezui-column-key-actions__";
|
|
2431
|
+
const DEFAULT_MAX_ROWS = 999;
|
|
2432
|
+
const DEFAULT_SIZE = "md";
|
|
2433
|
+
function Row({ item, children, state, isExpanded }) {
|
|
2434
|
+
const isSelected = state.selectionManager.isSelected(item.key);
|
|
2435
|
+
const isDisabled = state.disabledKeys.has(item.key);
|
|
2436
|
+
const isPendingExpanded = item.value ? item.value[EXPAND_COLUMN_KEY] === true : false;
|
|
2437
|
+
const rowIndex = item.index;
|
|
2438
|
+
const ref = useRef(null);
|
|
2439
|
+
const { hasSelection, hasOnRowAction } = useDataGridTable();
|
|
2440
|
+
const { rowProps, isPressed } = $b2db214c022798eb$export$7f2f6ae19e707aa5({
|
|
2441
|
+
node: item
|
|
2442
|
+
}, state, ref);
|
|
2443
|
+
const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
|
|
2444
|
+
const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({});
|
|
2445
|
+
const removeHover = useCallback(() => {
|
|
2446
|
+
if (!ref.current) {
|
|
2447
|
+
return;
|
|
2448
|
+
}
|
|
2449
|
+
const { onPointerLeave = () => {
|
|
2450
|
+
} } = hoverProps;
|
|
2451
|
+
onPointerLeave({
|
|
2452
|
+
target: ref.current,
|
|
2453
|
+
currentTarget: ref.current
|
|
2454
|
+
});
|
|
2455
|
+
}, [hoverProps]);
|
|
2456
|
+
const context = useMemo(() => {
|
|
2457
|
+
return {
|
|
2458
|
+
isExpanded,
|
|
2459
|
+
isFocusVisible,
|
|
2460
|
+
removeHover,
|
|
2461
|
+
index: rowIndex
|
|
2462
|
+
};
|
|
2463
|
+
}, [isExpanded, isFocusVisible, removeHover, rowIndex]);
|
|
2464
|
+
const className = classNames(styles$1.Row, isExpanded && styles$1.expanded, isHovered && styles$1.hovered, isFocusVisible && styles$1.focused, isSelected && styles$1.selected, isPressed && styles$1.pressed, isDisabled && styles$1.disabled, (hasSelection || hasOnRowAction) && styles$1.noUserSelection);
|
|
2465
|
+
return React__default.createElement(DataGridRowContext.Provider, {
|
|
2466
|
+
value: context
|
|
2467
|
+
}, React__default.createElement("tr", __spreadProps(__spreadValues({
|
|
2468
|
+
ref
|
|
2469
|
+
}, $3ef42575df84b30b$export$9d1611c77c2fe928(rowProps, focusProps, hoverProps)), {
|
|
2470
|
+
className,
|
|
2471
|
+
"data-ezui-data-grid-expanded-row": isPendingExpanded,
|
|
2472
|
+
"data-ezui-data-grid-row": "true"
|
|
2473
|
+
}), children));
|
|
2474
|
+
}
|
|
2475
|
+
function StaticRow({ children }) {
|
|
2476
|
+
return React__default.createElement("tr", {
|
|
2477
|
+
role: "row",
|
|
2478
|
+
className: styles$1.Row
|
|
2479
|
+
}, children);
|
|
2480
|
+
}
|
|
2481
|
+
const DataGrid$1 = "_DataGrid_kofgv_5";
|
|
2482
|
+
const sizeSm = "_sizeSm_kofgv_41";
|
|
2483
|
+
const sizeLg = "_sizeLg_kofgv_46";
|
|
2484
|
+
const innerContainer = "_innerContainer_kofgv_50";
|
|
2485
|
+
const contents = "_contents_kofgv_55";
|
|
2486
|
+
const table = "_table_kofgv_59";
|
|
2487
|
+
const headerSecondary = "_headerSecondary_kofgv_67";
|
|
2488
|
+
const headerEmphasized = "_headerEmphasized_kofgv_72";
|
|
2489
|
+
const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_kofgv_76";
|
|
2490
|
+
const styles = {
|
|
2491
|
+
DataGrid: DataGrid$1,
|
|
2492
|
+
sizeSm,
|
|
2493
|
+
sizeLg,
|
|
2494
|
+
innerContainer,
|
|
2495
|
+
contents,
|
|
2496
|
+
table,
|
|
2497
|
+
headerSecondary,
|
|
2498
|
+
headerEmphasized,
|
|
2499
|
+
visuallyHiddenCellContainer
|
|
2500
|
+
};
|
|
2501
|
+
function RowGroup({ as: As = "div", children }) {
|
|
2502
|
+
const { rowGroupProps } = $0047e6c294ea075f$export$6fb1613bd7b28198();
|
|
2503
|
+
return React__default.createElement(As, __spreadProps(__spreadValues({}, rowGroupProps), {
|
|
2504
|
+
className: styles.contents
|
|
2505
|
+
}), children);
|
|
2506
|
+
}
|
|
2507
|
+
function useExpandedRow({ containerRef, state }) {
|
|
2508
|
+
const [expandedRowRect, setExpandedRowRect] = useState(null);
|
|
2509
|
+
const expandedRow = [...state.collection.body.childNodes].find((r) => {
|
|
2510
|
+
return r.value ? r.value[EXPAND_COLUMN_KEY] === true : false;
|
|
2511
|
+
});
|
|
2512
|
+
useLayoutEffect(() => {
|
|
2513
|
+
if (containerRef.current && expandedRow) {
|
|
2514
|
+
setExpandedRowRect(getExpandedRowContentRect(containerRef.current));
|
|
2515
|
+
}
|
|
2516
|
+
}, [containerRef, expandedRow]);
|
|
2517
|
+
$9daab02d461809db$export$683480f191c0e3ea({
|
|
2518
|
+
ref: containerRef,
|
|
2519
|
+
onResize() {
|
|
2520
|
+
if (containerRef.current && expandedRow) {
|
|
2521
|
+
const rect = getExpandedRowContentRect(containerRef.current);
|
|
2522
|
+
if (!expandedRowRect || rect.height !== expandedRowRect.height || rect.y !== expandedRowRect.y) {
|
|
2523
|
+
setExpandedRowRect(rect);
|
|
2524
|
+
}
|
|
2525
|
+
}
|
|
2526
|
+
}
|
|
2527
|
+
});
|
|
2528
|
+
const expandedRowStyle = useMemo(() => {
|
|
2529
|
+
return __spreadValues(__spreadValues(__spreadValues({}, getComponentToken("data-grid", "expanded-row-height", (expandedRowRect == null ? void 0 : expandedRowRect.height) ? `${expandedRowRect.height}px` : "auto")), getComponentToken("data-grid", "expanded-row-position", (expandedRowRect == null ? void 0 : expandedRowRect.y) ? `${expandedRowRect.y}px` : "0")), getComponentToken("data-grid", "expanded-row-opacity", (expandedRowRect == null ? void 0 : expandedRowRect.y) ? "1.0" : "0.0"));
|
|
2530
|
+
}, [expandedRowRect]);
|
|
2531
|
+
return {
|
|
2532
|
+
expandedRow,
|
|
2533
|
+
expandedRowStyle
|
|
2534
|
+
};
|
|
2535
|
+
}
|
|
2536
|
+
function getExpandedRowContentRect($container) {
|
|
2537
|
+
const $rows = getDataGridRowEls($container);
|
|
2538
|
+
const $firstColumnHeader = getFirstColumnHeaderEl($container);
|
|
2539
|
+
const $expandedRowContent = getExpandedRowContentEl($container);
|
|
2540
|
+
const $expandedRow = getExpandedRowEl($container);
|
|
2541
|
+
const expandedIndex = $rows.findIndex((r) => r === $expandedRow);
|
|
2542
|
+
const $expandedRowCells = [...$expandedRow.childNodes];
|
|
2543
|
+
const heightOfPreviousRows = $rows.map((r) => r.childNodes[0]).filter((_, i) => i < expandedIndex).reduce((acc, c) => acc + c.offsetHeight, 0);
|
|
2544
|
+
const y = heightOfPreviousRows + $firstColumnHeader.offsetHeight;
|
|
2545
|
+
const width = $expandedRowCells.reduce((acc, c) => acc + c.offsetWidth, 0) - 1;
|
|
2546
|
+
const height = $expandedRowContent.offsetHeight;
|
|
2547
|
+
return new DOMRect(0, y, width, height);
|
|
2548
|
+
}
|
|
2549
|
+
function getFirstColumnHeaderEl($container) {
|
|
2550
|
+
return $container.querySelector(`[data-ezui-data-grid-column-header="true"]`);
|
|
2551
|
+
}
|
|
2552
|
+
function getDataGridRowEls($container) {
|
|
2553
|
+
return [...$container.querySelectorAll(`[data-ezui-data-grid-row="true"]`)];
|
|
2554
|
+
}
|
|
2555
|
+
function getExpandedRowContentEl($container) {
|
|
2556
|
+
return $container.querySelector(`[data-ezui-data-grid-expanded-row-content="active"]`);
|
|
2557
|
+
}
|
|
2558
|
+
function getExpandedRowEl($container) {
|
|
2559
|
+
return $container.querySelector(`[data-ezui-data-grid-expanded-row='true']`);
|
|
2560
|
+
}
|
|
2561
|
+
function Table(props) {
|
|
2562
|
+
const { headerVariant, maxRows = DEFAULT_MAX_ROWS, renderExpandedRow = (r) => r, selectionMode, size = DEFAULT_SIZE, renderEmptyState = () => "No Data", isLoading = false } = props;
|
|
2563
|
+
const outerContainerRef = useRef(null);
|
|
2564
|
+
const innerContainerRef = useRef(null);
|
|
2565
|
+
const tableRef = useRef(null);
|
|
2566
|
+
const state = $4a0dd036d492cee4$export$907bcc6c48325fd6(__spreadProps(__spreadValues({}, props), {
|
|
2567
|
+
selectionMode,
|
|
2568
|
+
selectionBehavior: "toggle",
|
|
2569
|
+
showSelectionCheckboxes: selectionMode !== "none"
|
|
2570
|
+
}));
|
|
2571
|
+
const { gridProps } = $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, tableRef);
|
|
2572
|
+
const { expandedRow, expandedRowStyle } = useExpandedRow({
|
|
2573
|
+
containerRef: innerContainerRef,
|
|
2574
|
+
state
|
|
2575
|
+
});
|
|
2576
|
+
const [renderInterceptors, { isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll }] = useEdgeInterceptors(outerContainerRef);
|
|
2577
|
+
const { collection } = state;
|
|
2578
|
+
const { columns } = collection;
|
|
2579
|
+
const hasSelection = columns.some((c) => c.props.isSelectionCell);
|
|
2580
|
+
const hasExpansion = columns.some((c) => c.key === EXPAND_COLUMN_KEY);
|
|
2581
|
+
const hasRowActions = columns.some((c) => c.key === ACTIONS_COLUMN_KEY);
|
|
2582
|
+
const hasOnRowAction = !!props.onRowAction;
|
|
2583
|
+
const dataGridClassName = classNames(styles.DataGrid, styles[variationName("size", size)]);
|
|
2584
|
+
const tableClassName = classNames(styles.table, headerVariant && styles[variationName("header", headerVariant)], hasSelection && styles.hasSelection, hasExpansion && styles.hasExpansion, hasRowActions && styles.hasRowActions, isTopEdgeUnderScroll && styles.topEdgeUnderScroll, isLeftEdgeUnderScroll && styles.leftEdgeUnderScroll, isRightEdgeUnderScroll && styles.rightEdgeUnderScroll);
|
|
2585
|
+
const style = __spreadValues(__spreadValues({}, getComponentToken("data-grid", "max-rows", String(maxRows))), expandedRowStyle);
|
|
2586
|
+
const context = useMemo(() => {
|
|
2587
|
+
return {
|
|
2588
|
+
headerVariant,
|
|
2589
|
+
hasSelection,
|
|
2590
|
+
hasExpansion,
|
|
2591
|
+
hasRowActions,
|
|
2592
|
+
hasOnRowAction,
|
|
2593
|
+
isTopEdgeUnderScroll,
|
|
2594
|
+
isLeftEdgeUnderScroll,
|
|
2595
|
+
isRightEdgeUnderScroll
|
|
2596
|
+
};
|
|
2597
|
+
}, [headerVariant, hasSelection, hasExpansion, hasRowActions, hasOnRowAction, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
|
|
2598
|
+
return React__default.createElement(DataGridTableContext.Provider, {
|
|
2599
|
+
value: context
|
|
2600
|
+
}, React__default.createElement("div", {
|
|
2601
|
+
ref: outerContainerRef,
|
|
2602
|
+
className: dataGridClassName,
|
|
2603
|
+
style
|
|
2604
|
+
}, React__default.createElement("div", {
|
|
2605
|
+
ref: innerContainerRef,
|
|
2606
|
+
className: styles.innerContainer
|
|
2607
|
+
}, React__default.createElement("table", __spreadProps(__spreadValues({}, gridProps), {
|
|
2608
|
+
ref: tableRef,
|
|
2609
|
+
className: tableClassName
|
|
2610
|
+
}), React__default.createElement(RowGroup, {
|
|
2611
|
+
as: "thead"
|
|
2612
|
+
}, collection.headerRows.map((headerRow) => React__default.createElement(HeaderRow, {
|
|
2613
|
+
key: headerRow.key,
|
|
2614
|
+
item: headerRow,
|
|
2615
|
+
state
|
|
2616
|
+
}, [...headerRow.childNodes].map((column) => React__default.createElement(ColumnHeader, {
|
|
2617
|
+
key: column.key,
|
|
2618
|
+
column,
|
|
2619
|
+
state
|
|
2620
|
+
}))))), React__default.createElement(RowGroup, {
|
|
2621
|
+
as: "tbody"
|
|
2622
|
+
}, collection.size === 0 || isLoading ? React__default.createElement(StaticRow, null, React__default.createElement(StaticCell, {
|
|
2623
|
+
colSpan: collection.columnCount
|
|
2624
|
+
}, isLoading ? React__default.createElement(Spinner, {
|
|
2625
|
+
isIndeterminate: true,
|
|
2626
|
+
size: "sm"
|
|
2627
|
+
}, "Loading..") : renderEmptyState())) : [...collection.body.childNodes].map((row) => React__default.createElement(Row, {
|
|
2628
|
+
key: row.key,
|
|
2629
|
+
item: row,
|
|
2630
|
+
state,
|
|
2631
|
+
isExpanded: expandedRow ? expandedRow.key === row.key : false
|
|
2632
|
+
}, [...row.childNodes].map((cell) => React__default.createElement(Cell, {
|
|
2633
|
+
key: cell.key,
|
|
2634
|
+
cell,
|
|
2635
|
+
state
|
|
2636
|
+
})))))), expandedRow && React__default.createElement(ExpandedRowContent, null, renderExpandedRow(expandedRow.key)), renderInterceptors())));
|
|
2637
|
+
}
|
|
2638
|
+
function VisuallyHiddenCellContent({ children }) {
|
|
2639
|
+
return React__default.createElement("span", {
|
|
2640
|
+
className: styles.visuallyHiddenCellContainer
|
|
2641
|
+
}, React__default.createElement(Text, {
|
|
2642
|
+
visuallyHidden: true
|
|
2643
|
+
}, children));
|
|
2644
|
+
}
|
|
2645
|
+
function DataGrid(props) {
|
|
2646
|
+
const { columns: unprocessedColumns, columnKeysAllowingSort = [], defaultExpandedKey, expandedKey: expandedKeyFromUser, onExpandedChange = () => {
|
|
2647
|
+
}, renderColumnCell, renderExpandedRow, renderRowCell, rowActions, selectionMode } = props;
|
|
2648
|
+
if (!Array.isArray(unprocessedColumns) || unprocessedColumns.length === 0) {
|
|
2649
|
+
throw new Error("DataGrid must contain a non-empty array of columns");
|
|
2650
|
+
}
|
|
2651
|
+
if ((selectionMode === "single" || selectionMode === "multiple") && renderExpandedRow) {
|
|
2652
|
+
throw new Error("DataGrid does not support selection and row expansion at the same time");
|
|
2653
|
+
}
|
|
2654
|
+
const rowHeaderColumnKey = unprocessedColumns[0].key;
|
|
2655
|
+
const isRowExpansionControlled = expandedKeyFromUser != null;
|
|
2656
|
+
const [expandedKey, setExpandedKey] = useState(() => {
|
|
2657
|
+
if (isRowExpansionControlled) {
|
|
2658
|
+
return expandedKeyFromUser;
|
|
2659
|
+
}
|
|
2660
|
+
return defaultExpandedKey != null ? defaultExpandedKey : null;
|
|
2661
|
+
});
|
|
2662
|
+
const toggleExpandedRow = useCallback((rowKey) => {
|
|
2663
|
+
onExpandedChange(rowKey);
|
|
2664
|
+
if (!isRowExpansionControlled) {
|
|
2665
|
+
setExpandedKey((prevKey) => prevKey === rowKey ? null : rowKey);
|
|
2666
|
+
}
|
|
2667
|
+
}, [isRowExpansionControlled, onExpandedChange]);
|
|
2668
|
+
if (isRowExpansionControlled && expandedKeyFromUser !== expandedKey) {
|
|
2669
|
+
setExpandedKey(expandedKeyFromUser);
|
|
2670
|
+
}
|
|
2671
|
+
const columns = useProcessedColumns(props);
|
|
2672
|
+
const rows = useProcessedRows(props, expandedKey);
|
|
2673
|
+
const context = useMemo(() => {
|
|
2674
|
+
return {
|
|
2675
|
+
expandedKey,
|
|
2676
|
+
setExpandedKey
|
|
2677
|
+
};
|
|
2678
|
+
}, [expandedKey]);
|
|
2679
|
+
return React__default.createElement(DataGridContext.Provider, {
|
|
2680
|
+
value: context
|
|
2681
|
+
}, React__default.createElement(Table, __spreadValues({}, props), React__default.createElement($312ae3b56a94a86e$export$f850895b287ef28e, {
|
|
2682
|
+
columns
|
|
2683
|
+
}, (column) => React__default.createElement($1cd244557c2f97d5$export$816b5d811295e6bc, {
|
|
2684
|
+
isRowHeader: column.key === rowHeaderColumnKey,
|
|
2685
|
+
allowsSorting: column.key === EXPAND_COLUMN_KEY || column.key === ACTIONS_COLUMN_KEY ? false : columnKeysAllowingSort.includes(column.key)
|
|
2686
|
+
}, column.key === EXPAND_COLUMN_KEY ? React__default.createElement(VisuallyHiddenCellContent, null, "Expand row") : column.key === ACTIONS_COLUMN_KEY ? React__default.createElement(VisuallyHiddenCellContent, null, "Row actions") : renderColumnCell(column))), React__default.createElement($4ae5314bf50db1a3$export$76ccd210b9029917, {
|
|
2687
|
+
items: rows
|
|
2688
|
+
}, (row) => React__default.createElement($70d70eb16ea48428$export$b59bdbef9ce70de2, null, (columnKey) => React__default.createElement($941d1d9a6a28982a$export$f6f0c3fe4ec306ea, null, columnKey === EXPAND_COLUMN_KEY ? React__default.createElement(ExpandCellContent, {
|
|
2689
|
+
isExpanded: row.key === expandedKey,
|
|
2690
|
+
toggleExpanded: () => toggleExpandedRow(row.key)
|
|
2691
|
+
}) : columnKey === ACTIONS_COLUMN_KEY && rowActions ? React__default.createElement(ActionsCellContent, {
|
|
2692
|
+
rowActions: rowActions(row.key)
|
|
2693
|
+
}) : renderRowCell(row[columnKey], columnKey, row))))));
|
|
2694
|
+
}
|
|
2695
|
+
function useProcessedColumns(props) {
|
|
2696
|
+
const { renderExpandedRow, columns, rowActions } = props;
|
|
2697
|
+
const hasExpandableRows = Boolean(renderExpandedRow);
|
|
2698
|
+
const hasRowActions = Boolean(rowActions);
|
|
2699
|
+
return useMemo(() => {
|
|
2700
|
+
let c = columns;
|
|
2701
|
+
if (hasExpandableRows) {
|
|
2702
|
+
c = [{
|
|
2703
|
+
key: EXPAND_COLUMN_KEY
|
|
2704
|
+
}, ...c];
|
|
2705
|
+
}
|
|
2706
|
+
if (hasRowActions) {
|
|
2707
|
+
c = [...c, {
|
|
2708
|
+
key: ACTIONS_COLUMN_KEY
|
|
2709
|
+
}];
|
|
2710
|
+
}
|
|
2711
|
+
return c;
|
|
2712
|
+
}, [columns, hasExpandableRows, hasRowActions]);
|
|
2713
|
+
}
|
|
2714
|
+
function useProcessedRows(props, expandedKey) {
|
|
2715
|
+
const { renderExpandedRow, rows, rowActions } = props;
|
|
2716
|
+
const hasExpandableRows = Boolean(renderExpandedRow);
|
|
2717
|
+
const hasRowActions = Boolean(rowActions);
|
|
2718
|
+
return useMemo(() => {
|
|
2719
|
+
const mappedRows = rows.map((row) => {
|
|
2720
|
+
let r = row;
|
|
2721
|
+
if (hasExpandableRows) {
|
|
2722
|
+
r = __spreadValues({
|
|
2723
|
+
[EXPAND_COLUMN_KEY]: expandedKey === row.key
|
|
2724
|
+
}, r);
|
|
2725
|
+
}
|
|
2726
|
+
if (hasRowActions) {
|
|
2727
|
+
r = __spreadProps(__spreadValues({}, r), {
|
|
2728
|
+
[ACTIONS_COLUMN_KEY]: true
|
|
2729
|
+
});
|
|
2730
|
+
}
|
|
2731
|
+
return r;
|
|
2732
|
+
});
|
|
2733
|
+
return mappedRows;
|
|
2734
|
+
}, [rows, hasExpandableRows, hasRowActions, expandedKey]);
|
|
2735
|
+
}
|
|
2736
|
+
export {
|
|
2737
|
+
DataGrid
|
|
2738
|
+
};
|