@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.2
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/lib/components/Alert.js +50 -116
- package/lib/components/Alert.js.map +1 -1
- package/lib/components/Alert.module.scss +141 -0
- package/lib/components/AppHeader/AppHeader.js +17 -39
- package/lib/components/AppHeader/AppHeader.js.map +1 -1
- package/lib/components/AppHeader/AppHeader.module.scss +29 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +7 -24
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +29 -0
- package/lib/components/AppHeader/AppHeaderLogo/index.js +2 -8
- package/lib/components/AppHeader/AppHeaderLogo/index.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +14 -46
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +20 -0
- package/lib/components/AppHeader/AppHeaderMenu/index.js +2 -8
- package/lib/components/AppHeader/AppHeaderMenu/index.js.map +1 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +9 -19
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +13 -0
- package/lib/components/AppHeader/EnvironmentBadge/index.js +2 -8
- package/lib/components/AppHeader/EnvironmentBadge/index.js.map +1 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js +32 -72
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +101 -0
- package/lib/components/AppHeader/SelectCluster/index.js +2 -8
- package/lib/components/AppHeader/SelectCluster/index.js.map +1 -1
- package/lib/components/AppHeader/index.js +2 -8
- package/lib/components/AppHeader/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebar.js +30 -56
- package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebar.module.scss +66 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +21 -37
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +16 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js +2 -8
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +10 -31
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +13 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/index.js +2 -8
- package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +22 -77
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +92 -0
- package/lib/components/AppSidebar/AppSidebarItem/index.js +2 -8
- package/lib/components/AppSidebar/AppSidebarItem/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +6 -17
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +24 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js +2 -8
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +14 -39
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +58 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +53 -94
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +3 -8
- package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/index.js +2 -8
- package/lib/components/AppSidebar/AppSidebarSection/index.js.map +1 -1
- package/lib/components/AppSidebar/appSidebarContext.js +9 -14
- package/lib/components/AppSidebar/appSidebarContext.js.map +1 -1
- package/lib/components/AppSidebar/index.js +6 -16
- package/lib/components/AppSidebar/index.js.map +1 -1
- package/lib/components/AutocompleteField.js +154 -229
- package/lib/components/AutocompleteField.js.map +1 -1
- package/lib/components/AutocompleteField.module.scss +164 -0
- package/lib/components/AutocompleteFieldFormik.js +18 -41
- package/lib/components/AutocompleteFieldFormik.js.map +1 -1
- package/lib/components/Badge.js +42 -66
- package/lib/components/Badge.js.map +1 -1
- package/lib/components/Badge.module.scss +55 -0
- package/lib/components/Button.js +42 -115
- package/lib/components/Button.js.map +1 -1
- package/lib/components/Button.module.scss +329 -0
- package/lib/components/Calendar/Calendar.js +23 -77
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/Calendar.module.scss +185 -0
- package/lib/components/Calendar/CalendarRange.js +12 -60
- package/lib/components/Calendar/CalendarRange.js.map +1 -1
- package/lib/components/Calendar/CalendarRange.module.scss +21 -0
- package/lib/components/Calendar/components/CalendarHeader.js +12 -35
- package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
- package/lib/components/Calendar/components/CalendarInput.js +9 -39
- package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
- package/lib/components/Calendar/components/CalendarTime.js +66 -104
- package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
- package/lib/components/Calendar/components/CalendarTime.module.scss +72 -0
- package/lib/components/Calendar/helpers/consts.js +100 -8
- package/lib/components/Calendar/helpers/consts.js.map +1 -1
- package/lib/components/Card.js +14 -60
- package/lib/components/Card.js.map +1 -1
- package/lib/components/Card.module.scss +92 -0
- package/lib/components/Carousel.js +27 -60
- package/lib/components/Carousel.js.map +1 -1
- package/lib/components/Carousel.module.scss +43 -0
- package/lib/components/CenteredLoader.js +6 -18
- package/lib/components/CenteredLoader.js.map +1 -1
- package/lib/components/CenteredLoader.module.scss +11 -0
- package/lib/components/Checkbox.js +26 -87
- package/lib/components/Checkbox.js.map +1 -1
- package/lib/components/Checkbox.module.scss +106 -0
- package/lib/components/CheckboxFormik.js +16 -37
- package/lib/components/CheckboxFormik.js.map +1 -1
- package/lib/components/CircularProgressBar.js +27 -78
- package/lib/components/CircularProgressBar.js.map +1 -1
- package/lib/components/CircularProgressBar.module.scss +37 -0
- package/lib/components/ContextMenu.js +60 -86
- package/lib/components/ContextMenu.js.map +1 -1
- package/lib/components/ContextMenu.module.scss +37 -0
- package/lib/components/Dialog.js +30 -50
- package/lib/components/Dialog.js.map +1 -1
- package/lib/components/Dialog.module.scss +62 -0
- package/lib/components/EmptyState.js +20 -66
- package/lib/components/EmptyState.js.map +1 -1
- package/lib/components/EmptyState.module.scss +87 -0
- package/lib/components/Error.js +7 -28
- package/lib/components/Error.js.map +1 -1
- package/lib/components/Error.module.scss +12 -0
- package/lib/components/FieldHeader.js +14 -43
- package/lib/components/FieldHeader.js.map +1 -1
- package/lib/components/FieldHeader.module.scss +20 -0
- package/lib/components/Help.js +13 -42
- package/lib/components/Help.js.map +1 -1
- package/lib/components/Help.module.scss +9 -0
- package/lib/components/Icon.js +25 -48
- package/lib/components/Icon.js.map +1 -1
- package/lib/components/Icon.module.scss +33 -0
- package/lib/components/IconButton.js +23 -81
- package/lib/components/IconButton.js.map +1 -1
- package/lib/components/IconButton.module.scss +59 -0
- package/lib/components/InteractiveList.js +41 -115
- package/lib/components/InteractiveList.js.map +1 -1
- package/lib/components/InteractiveList.module.scss +72 -0
- package/lib/components/InteractiveListFormik.js +81 -110
- package/lib/components/InteractiveListFormik.js.map +1 -1
- package/lib/components/Label.js +5 -20
- package/lib/components/Label.js.map +1 -1
- package/lib/components/Label.module.scss +12 -0
- package/lib/components/Link.js +31 -59
- package/lib/components/Link.js.map +1 -1
- package/lib/components/Link.module.scss +64 -0
- package/lib/components/Loader.js +23 -82
- package/lib/components/Loader.js.map +1 -1
- package/lib/components/Loader.module.scss +74 -0
- package/lib/components/Modal.js +26 -93
- package/lib/components/Modal.js.map +1 -1
- package/lib/components/Modal.module.scss +109 -0
- package/lib/components/Notification.js +37 -75
- package/lib/components/Notification.js.map +1 -1
- package/lib/components/Notification.module.scss +97 -0
- package/lib/components/NumberBadge.js +7 -18
- package/lib/components/NumberBadge.js.map +1 -1
- package/lib/components/NumberBadge.module.scss +13 -0
- package/lib/components/NumberField.js +140 -181
- package/lib/components/NumberField.js.map +1 -1
- package/lib/components/NumberField.module.scss +76 -0
- package/lib/components/NumberFieldFormik.js +49 -69
- package/lib/components/NumberFieldFormik.js.map +1 -1
- package/lib/components/Overlay.js +29 -92
- package/lib/components/Overlay.js.map +1 -1
- package/lib/components/Overlay.module.scss +108 -0
- package/lib/components/Pagination.js +91 -198
- package/lib/components/Pagination.js.map +1 -1
- package/lib/components/Pagination.module.scss +117 -0
- package/lib/components/PasswordField.js +25 -61
- package/lib/components/PasswordField.js.map +1 -1
- package/lib/components/PasswordField.module.scss +26 -0
- package/lib/components/PasswordFieldFormik.js +16 -37
- package/lib/components/PasswordFieldFormik.js.map +1 -1
- package/lib/components/Popover.js +67 -85
- package/lib/components/Popover.js.map +1 -1
- package/lib/components/Popover.module.scss +12 -0
- package/lib/components/Radio.js +26 -67
- package/lib/components/Radio.js.map +1 -1
- package/lib/components/Radio.module.scss +112 -0
- package/lib/components/RadioFormik.js +11 -26
- package/lib/components/RadioFormik.js.map +1 -1
- package/lib/components/RadioGroup.js +18 -51
- package/lib/components/RadioGroup.js.map +1 -1
- package/lib/components/RadioGroup.module.scss +21 -0
- package/lib/components/RadioGroupContext.js +3 -10
- package/lib/components/RadioGroupContext.js.map +1 -1
- package/lib/components/RadioGroupFormik.js +16 -34
- package/lib/components/RadioGroupFormik.js.map +1 -1
- package/lib/components/SegmentedControl.js +9 -43
- package/lib/components/SegmentedControl.js.map +1 -1
- package/lib/components/SegmentedControl.module.scss +81 -0
- package/lib/components/SegmentedControlFormik.js +12 -30
- package/lib/components/SegmentedControlFormik.js.map +1 -1
- package/lib/components/Select/CheckableSelectField.js +74 -178
- package/lib/components/Select/CheckableSelectField.js.map +1 -1
- package/lib/components/Select/CheckableSelectField.module.scss +100 -0
- package/lib/components/Select/CheckableSelectFieldFormik.js +18 -41
- package/lib/components/Select/CheckableSelectFieldFormik.js.map +1 -1
- package/lib/components/Select/Common.js +44 -87
- package/lib/components/Select/Common.js.map +1 -1
- package/lib/components/Select/Common.module.scss +69 -0
- package/lib/components/Select/MultiSelectField.js +107 -187
- package/lib/components/Select/MultiSelectField.js.map +1 -1
- package/lib/components/Select/MultiSelectField.module.scss +72 -0
- package/lib/components/Select/MultiSelectFieldFormik.js +18 -41
- package/lib/components/Select/MultiSelectFieldFormik.js.map +1 -1
- package/lib/components/Select/SelectField.js +100 -169
- package/lib/components/Select/SelectField.js.map +1 -1
- package/lib/components/Select/SelectField.module.scss +194 -0
- package/lib/components/Select/SelectFieldFormik.js +18 -38
- package/lib/components/Select/SelectFieldFormik.js.map +1 -1
- package/lib/components/Select/helpers.js +25 -30
- package/lib/components/Select/helpers.js.map +1 -1
- package/lib/components/Select/index.js +8 -21
- package/lib/components/Select/index.js.map +1 -1
- package/lib/components/SimpleTable.js +13 -36
- package/lib/components/SimpleTable.js.map +1 -1
- package/lib/components/SimpleTable.module.scss +28 -0
- package/lib/components/Slider.js +173 -294
- package/lib/components/Slider.js.map +1 -1
- package/lib/components/Slider.module.scss +277 -0
- package/lib/components/SliderFormik.js +13 -30
- package/lib/components/SliderFormik.js.map +1 -1
- package/lib/components/Table/Cell.js +58 -111
- package/lib/components/Table/Cell.js.map +1 -1
- package/lib/components/Table/Cell.module.scss +61 -0
- package/lib/components/Table/CellWrapper.js +27 -44
- package/lib/components/Table/CellWrapper.js.map +1 -1
- package/lib/components/Table/EnhancedRenderers.js +12 -31
- package/lib/components/Table/EnhancedRenderers.js.map +1 -1
- package/lib/components/Table/Header.js +92 -141
- package/lib/components/Table/Header.js.map +1 -1
- package/lib/components/Table/Header.module.scss +128 -0
- package/lib/components/Table/Row.js +22 -77
- package/lib/components/Table/Row.js.map +1 -1
- package/lib/components/Table/Row.module.scss +59 -0
- package/lib/components/Table/Table.js +245 -456
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Table.module.scss +31 -0
- package/lib/components/Table/TableContent.js +57 -129
- package/lib/components/Table/TableContent.js.map +1 -1
- package/lib/components/Table/TableContent.module.scss +21 -0
- package/lib/components/Table/constants.js +3 -8
- package/lib/components/Table/constants.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +12 -39
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss +12 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +16 -23
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +6 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/index.js +2 -8
- package/lib/components/Table/features/columnsSelection/ContextMenu/index.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/columnsSelection.js +68 -76
- package/lib/components/Table/features/columnsSelection/columnsSelection.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/helpers.js +22 -28
- package/lib/components/Table/features/columnsSelection/helpers.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/index.js +5 -16
- package/lib/components/Table/features/columnsSelection/index.js.map +1 -1
- package/lib/components/Table/helpers.js +9 -17
- package/lib/components/Table/helpers.js.map +1 -1
- package/lib/components/Table/tableTypes.js +2 -3
- package/lib/components/Table/tableTypes.js.map +1 -1
- package/lib/components/Table/useTrackTableState.js +29 -43
- package/lib/components/Table/useTrackTableState.js.map +1 -1
- package/lib/components/Table/utils.js +111 -176
- package/lib/components/Table/utils.js.map +1 -1
- package/lib/components/Tabs/Tab.js +27 -61
- package/lib/components/Tabs/Tab.js.map +1 -1
- package/lib/components/Tabs/Tab.module.scss +58 -0
- package/lib/components/Tabs/TabContext.js +26 -51
- package/lib/components/Tabs/TabContext.js.map +1 -1
- package/lib/components/Tabs/TabList.js +49 -62
- package/lib/components/Tabs/TabList.js.map +1 -1
- package/lib/components/Tabs/TabList.module.scss +3 -0
- package/lib/components/Tabs/TabPanel.js +9 -29
- package/lib/components/Tabs/TabPanel.js.map +1 -1
- package/lib/components/Tabs/TabPanel.module.scss +7 -0
- package/lib/components/Tabs/index.js +5 -20
- package/lib/components/Tabs/index.js.map +1 -1
- package/lib/components/Terminal.js +108 -179
- package/lib/components/Terminal.js.map +1 -1
- package/lib/components/Terminal.module.scss +109 -0
- package/lib/components/TextArea.js +24 -79
- package/lib/components/TextArea.js.map +1 -1
- package/lib/components/TextArea.module.scss +144 -0
- package/lib/components/TextAreaFormik.js +10 -26
- package/lib/components/TextAreaFormik.js.map +1 -1
- package/lib/components/TextField.js +48 -154
- package/lib/components/TextField.js.map +1 -1
- package/lib/components/TextField.module.scss +209 -0
- package/lib/components/TextFieldFormik.js +22 -46
- package/lib/components/TextFieldFormik.js.map +1 -1
- package/lib/components/TimeField.js +14 -62
- package/lib/components/TimeField.js.map +1 -1
- package/lib/components/TimeField.module.scss +4 -0
- package/lib/components/TimeFieldFormik.js +10 -26
- package/lib/components/TimeFieldFormik.js.map +1 -1
- package/lib/components/Toast.js +44 -79
- package/lib/components/Toast.js.map +1 -1
- package/lib/components/Toast.module.scss +53 -0
- package/lib/components/Toggle.js +21 -71
- package/lib/components/Toggle.js.map +1 -1
- package/lib/components/Toggle.module.scss +175 -0
- package/lib/components/ToggleFormik.js +11 -27
- package/lib/components/ToggleFormik.js.map +1 -1
- package/lib/components/Tooltip.js +39 -79
- package/lib/components/Tooltip.js.map +1 -1
- package/lib/components/Tooltip.module.scss +44 -0
- package/lib/components/TruncatedText.js +22 -49
- package/lib/components/TruncatedText.js.map +1 -1
- package/lib/components/TruncatedText.module.scss +9 -0
- package/lib/helpers/array.js +17 -26
- package/lib/helpers/array.js.map +1 -1
- package/lib/helpers/escapeHtml.js +6 -10
- package/lib/helpers/escapeHtml.js.map +1 -1
- package/lib/helpers/forms.js +14 -20
- package/lib/helpers/forms.js.map +1 -1
- package/lib/helpers/math.js +6 -10
- package/lib/helpers/math.js.map +1 -1
- package/lib/helpers/types.js +2 -6
- package/lib/helpers/types.js.map +1 -1
- package/lib/hooks/index.js +7 -17
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useCloseOnResize.js +12 -17
- package/lib/hooks/useCloseOnResize.js.map +1 -1
- package/lib/hooks/useDeepCompareMemo.js +7 -12
- package/lib/hooks/useDeepCompareMemo.js.map +1 -1
- package/lib/hooks/useDeepEqual.js +9 -14
- package/lib/hooks/useDeepEqual.js.map +1 -1
- package/lib/hooks/useDimensions.js +15 -26
- package/lib/hooks/useDimensions.js.map +1 -1
- package/lib/hooks/useIsMounted.js +11 -16
- package/lib/hooks/useIsMounted.js.map +1 -1
- package/lib/hooks/useOnClickOutside.js +32 -41
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/lib/hooks/useOpenCloseState.js +13 -18
- package/lib/hooks/useOpenCloseState.js.map +1 -1
- package/lib/hooks/usePagination.js +60 -64
- package/lib/hooks/usePagination.js.map +1 -1
- package/lib/hooks/usePersistedState.js +33 -35
- package/lib/hooks/usePersistedState.js.map +1 -1
- package/lib/hooks/usePrevious.js +8 -13
- package/lib/hooks/usePrevious.js.map +1 -1
- package/lib/hooks/useRefValue.js +8 -13
- package/lib/hooks/useRefValue.js.map +1 -1
- package/lib/icons/Cluster.js +7 -44
- package/lib/icons/Cluster.js.map +1 -1
- package/lib/icons/Compare.js +7 -46
- package/lib/icons/Compare.js.map +1 -1
- package/lib/icons/Compute.js +7 -43
- package/lib/icons/Compute.js.map +1 -1
- package/lib/icons/Folder.js +4 -25
- package/lib/icons/Folder.js.map +1 -1
- package/lib/icons/PlusCircle.js +6 -37
- package/lib/icons/PlusCircle.js.map +1 -1
- package/lib/icons/Streaming.js +8 -45
- package/lib/icons/Streaming.js.map +1 -1
- package/lib/index.js +71 -178
- package/lib/index.js.map +1 -1
- package/lib/services/logger.js +75 -85
- package/lib/services/logger.js.map +1 -1
- package/lib/services/time.js +14 -18
- package/lib/services/time.js.map +1 -1
- package/lib/test-helpers/index.d.ts +3 -0
- package/lib/test-helpers/index.js +4 -0
- package/lib/test-helpers/index.js.map +1 -0
- package/lib/test-helpers/render.d.ts +10 -0
- package/lib/test-helpers/render.js +24 -0
- package/lib/test-helpers/render.js.map +1 -0
- package/lib/test-helpers/time.d.ts +1 -0
- package/lib/test-helpers/time.js +2 -0
- package/lib/test-helpers/time.js.map +1 -0
- package/lib/test-helpers/utils.d.ts +5 -0
- package/lib/test-helpers/utils.js +11 -0
- package/lib/test-helpers/utils.js.map +1 -0
- package/lib/types.js +2 -3
- package/lib/types.js.map +1 -1
- package/lib/utils/formik.js +7 -12
- package/lib/utils/formik.js.map +1 -1
- package/lib/utils/keyboard.js +3 -8
- package/lib/utils/keyboard.js.map +1 -1
- package/lib/utils/portal.js +14 -19
- package/lib/utils/portal.js.map +1 -1
- package/lib/utils/ssr.js +2 -6
- package/lib/utils/ssr.js.map +1 -1
- package/lib/utils/types.js +2 -3
- package/lib/utils/types.js.map +1 -1
- package/package.json +3 -2
- package/lib/components/Alert.module.scss.js +0 -8
- package/lib/components/Alert.module.scss.js.map +0 -1
- package/lib/components/AppHeader/AppHeader.module.scss.js +0 -8
- package/lib/components/AppHeader/AppHeader.module.scss.js.map +0 -1
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js +0 -8
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js.map +0 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js +0 -8
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js.map +0 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js +0 -8
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js.map +0 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js +0 -8
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js.map +0 -1
- package/lib/components/AppSidebar/AppSidebar.module.scss.js +0 -8
- package/lib/components/AppSidebar/AppSidebar.module.scss.js.map +0 -1
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js +0 -8
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js.map +0 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js +0 -8
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js.map +0 -1
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js +0 -8
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js.map +0 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js +0 -8
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js.map +0 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js +0 -8
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js.map +0 -1
- package/lib/components/AutocompleteField.module.scss.js +0 -8
- package/lib/components/AutocompleteField.module.scss.js.map +0 -1
- package/lib/components/Badge.module.scss.js +0 -8
- package/lib/components/Badge.module.scss.js.map +0 -1
- package/lib/components/Button.module.scss.js +0 -8
- package/lib/components/Button.module.scss.js.map +0 -1
- package/lib/components/Calendar/Calendar.module.scss.js +0 -8
- package/lib/components/Calendar/Calendar.module.scss.js.map +0 -1
- package/lib/components/Calendar/CalendarRange.module.scss.js +0 -8
- package/lib/components/Calendar/CalendarRange.module.scss.js.map +0 -1
- package/lib/components/Calendar/components/CalendarTime.module.scss.js +0 -8
- package/lib/components/Calendar/components/CalendarTime.module.scss.js.map +0 -1
- package/lib/components/Card.module.scss.js +0 -8
- package/lib/components/Card.module.scss.js.map +0 -1
- package/lib/components/Carousel.module.scss.js +0 -8
- package/lib/components/Carousel.module.scss.js.map +0 -1
- package/lib/components/CenteredLoader.module.scss.js +0 -8
- package/lib/components/CenteredLoader.module.scss.js.map +0 -1
- package/lib/components/Checkbox.module.scss.js +0 -8
- package/lib/components/Checkbox.module.scss.js.map +0 -1
- package/lib/components/CircularProgressBar.module.scss.js +0 -8
- package/lib/components/CircularProgressBar.module.scss.js.map +0 -1
- package/lib/components/ContextMenu.module.scss.js +0 -8
- package/lib/components/ContextMenu.module.scss.js.map +0 -1
- package/lib/components/Dialog.module.scss.js +0 -8
- package/lib/components/Dialog.module.scss.js.map +0 -1
- package/lib/components/EmptyState.module.scss.js +0 -8
- package/lib/components/EmptyState.module.scss.js.map +0 -1
- package/lib/components/Error.module.scss.js +0 -8
- package/lib/components/Error.module.scss.js.map +0 -1
- package/lib/components/FieldHeader.module.scss.js +0 -8
- package/lib/components/FieldHeader.module.scss.js.map +0 -1
- package/lib/components/Help.module.scss.js +0 -8
- package/lib/components/Help.module.scss.js.map +0 -1
- package/lib/components/Icon.module.scss.js +0 -8
- package/lib/components/Icon.module.scss.js.map +0 -1
- package/lib/components/IconButton.module.scss.js +0 -8
- package/lib/components/IconButton.module.scss.js.map +0 -1
- package/lib/components/InteractiveList.module.scss.js +0 -8
- package/lib/components/InteractiveList.module.scss.js.map +0 -1
- package/lib/components/Label.module.scss.js +0 -8
- package/lib/components/Label.module.scss.js.map +0 -1
- package/lib/components/Link.module.scss.js +0 -8
- package/lib/components/Link.module.scss.js.map +0 -1
- package/lib/components/Loader.module.scss.js +0 -8
- package/lib/components/Loader.module.scss.js.map +0 -1
- package/lib/components/Modal.module.scss.js +0 -8
- package/lib/components/Modal.module.scss.js.map +0 -1
- package/lib/components/Notification.module.scss.js +0 -8
- package/lib/components/Notification.module.scss.js.map +0 -1
- package/lib/components/NumberBadge.module.scss.js +0 -8
- package/lib/components/NumberBadge.module.scss.js.map +0 -1
- package/lib/components/NumberField.module.scss.js +0 -8
- package/lib/components/NumberField.module.scss.js.map +0 -1
- package/lib/components/Overlay.module.scss.js +0 -8
- package/lib/components/Overlay.module.scss.js.map +0 -1
- package/lib/components/Pagination.module.scss.js +0 -8
- package/lib/components/Pagination.module.scss.js.map +0 -1
- package/lib/components/PasswordField.module.scss.js +0 -8
- package/lib/components/PasswordField.module.scss.js.map +0 -1
- package/lib/components/Popover.module.scss.js +0 -8
- package/lib/components/Popover.module.scss.js.map +0 -1
- package/lib/components/Radio.module.scss.js +0 -8
- package/lib/components/Radio.module.scss.js.map +0 -1
- package/lib/components/RadioGroup.module.scss.js +0 -8
- package/lib/components/RadioGroup.module.scss.js.map +0 -1
- package/lib/components/SegmentedControl.module.scss.js +0 -8
- package/lib/components/SegmentedControl.module.scss.js.map +0 -1
- package/lib/components/Select/CheckableSelectField.module.scss.js +0 -8
- package/lib/components/Select/CheckableSelectField.module.scss.js.map +0 -1
- package/lib/components/Select/Common.module.scss.js +0 -8
- package/lib/components/Select/Common.module.scss.js.map +0 -1
- package/lib/components/Select/MultiSelectField.module.scss.js +0 -8
- package/lib/components/Select/MultiSelectField.module.scss.js.map +0 -1
- package/lib/components/Select/SelectField.module.scss.js +0 -8
- package/lib/components/Select/SelectField.module.scss.js.map +0 -1
- package/lib/components/SimpleTable.module.scss.js +0 -8
- package/lib/components/SimpleTable.module.scss.js.map +0 -1
- package/lib/components/Slider.module.scss.js +0 -8
- package/lib/components/Slider.module.scss.js.map +0 -1
- package/lib/components/Table/Cell.module.scss.js +0 -8
- package/lib/components/Table/Cell.module.scss.js.map +0 -1
- package/lib/components/Table/Header.module.scss.js +0 -8
- package/lib/components/Table/Header.module.scss.js.map +0 -1
- package/lib/components/Table/Row.module.scss.js +0 -8
- package/lib/components/Table/Row.module.scss.js.map +0 -1
- package/lib/components/Table/Table.module.scss.js +0 -8
- package/lib/components/Table/Table.module.scss.js.map +0 -1
- package/lib/components/Table/TableContent.module.scss.js +0 -8
- package/lib/components/Table/TableContent.module.scss.js.map +0 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js +0 -8
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js.map +0 -1
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js +0 -8
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js.map +0 -1
- package/lib/components/Tabs/Tab.module.scss.js +0 -8
- package/lib/components/Tabs/Tab.module.scss.js.map +0 -1
- package/lib/components/Tabs/TabList.module.scss.js +0 -8
- package/lib/components/Tabs/TabList.module.scss.js.map +0 -1
- package/lib/components/Tabs/TabPanel.module.scss.js +0 -8
- package/lib/components/Tabs/TabPanel.module.scss.js.map +0 -1
- package/lib/components/Terminal.module.scss.js +0 -8
- package/lib/components/Terminal.module.scss.js.map +0 -1
- package/lib/components/TextArea.module.scss.js +0 -8
- package/lib/components/TextArea.module.scss.js.map +0 -1
- package/lib/components/TextField.module.scss.js +0 -8
- package/lib/components/TextField.module.scss.js.map +0 -1
- package/lib/components/TimeField.module.scss.js +0 -8
- package/lib/components/TimeField.module.scss.js.map +0 -1
- package/lib/components/Toast.module.scss.js +0 -8
- package/lib/components/Toast.module.scss.js.map +0 -1
- package/lib/components/Toggle.module.scss.js +0 -8
- package/lib/components/Toggle.module.scss.js.map +0 -1
- package/lib/components/Tooltip.module.scss.js +0 -8
- package/lib/components/Tooltip.module.scss.js.map +0 -1
- package/lib/components/TruncatedText.module.scss.js +0 -8
- package/lib/components/TruncatedText.module.scss.js.map +0 -1
- package/lib/styles/constants/export.module.scss.js +0 -8
- package/lib/styles/constants/export.module.scss.js.map +0 -1
- package/lib/styles.css +0 -1
|
@@ -1,186 +1,121 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
index,
|
|
11
|
-
getValue
|
|
12
|
-
}) => ({
|
|
13
|
-
id,
|
|
14
|
-
getCanExpand,
|
|
15
|
-
getIsExpanded,
|
|
16
|
-
getToggleExpandedHandler,
|
|
17
|
-
original,
|
|
18
|
-
index,
|
|
19
|
-
getValue,
|
|
20
|
-
subRows: subRows.map(prepareRow)
|
|
1
|
+
export const prepareRow = ({ getCanExpand, getIsExpanded, getToggleExpandedHandler, original, subRows, id, index, getValue, }) => ({
|
|
2
|
+
id,
|
|
3
|
+
getCanExpand,
|
|
4
|
+
getIsExpanded,
|
|
5
|
+
getToggleExpandedHandler,
|
|
6
|
+
original,
|
|
7
|
+
index,
|
|
8
|
+
getValue,
|
|
9
|
+
subRows: subRows.map(prepareRow),
|
|
21
10
|
});
|
|
22
|
-
const prepareColumn = ({
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}) => ({
|
|
29
|
-
id,
|
|
30
|
-
index: getIndex(),
|
|
31
|
-
canHide: getCanHide(),
|
|
32
|
-
hidden: !getIsVisible(),
|
|
33
|
-
columns: columns.map(prepareColumn)
|
|
11
|
+
export const prepareColumn = ({ id, columns, getIndex, getCanHide, getIsVisible }) => ({
|
|
12
|
+
id,
|
|
13
|
+
index: getIndex(),
|
|
14
|
+
canHide: getCanHide(),
|
|
15
|
+
hidden: !getIsVisible(),
|
|
16
|
+
columns: columns.map(prepareColumn),
|
|
34
17
|
});
|
|
35
|
-
const prepareCell = ({
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}) => ({
|
|
40
|
-
column: prepareColumn(column),
|
|
41
|
-
value: getValue(),
|
|
42
|
-
row: prepareRow(row)
|
|
18
|
+
export const prepareCell = ({ getValue, row, column }) => ({
|
|
19
|
+
column: prepareColumn(column),
|
|
20
|
+
value: getValue(),
|
|
21
|
+
row: prepareRow(row),
|
|
43
22
|
});
|
|
44
|
-
const getRendererProps = props => {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
23
|
+
const getRendererProps = (props) => {
|
|
24
|
+
const rendererProps = {
|
|
25
|
+
rows: [],
|
|
26
|
+
data: [],
|
|
27
|
+
};
|
|
28
|
+
props.table.getRowModel().rows.forEach((row) => {
|
|
29
|
+
const item = prepareRow(row);
|
|
30
|
+
rendererProps.rows.push(item);
|
|
31
|
+
rendererProps.data.push(item.original);
|
|
32
|
+
});
|
|
33
|
+
return rendererProps;
|
|
55
34
|
};
|
|
56
|
-
const getColumnDef = ({
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
disableSortBy,
|
|
67
|
-
disableResizing,
|
|
68
|
-
canHide: enableHiding,
|
|
69
|
-
sortType: sortingFn,
|
|
70
|
-
accessor
|
|
71
|
-
}) => {
|
|
72
|
-
const commonDef = {
|
|
73
|
-
id,
|
|
74
|
-
header: typeof Header === 'function' ? props => Header(getRendererProps(props)) : Header,
|
|
75
|
-
footer: typeof Footer === 'function' ? props => Footer(getRendererProps(props)) : Footer,
|
|
76
|
-
enableHiding,
|
|
77
|
-
sortDescFirst: false,
|
|
78
|
-
enableSorting: true,
|
|
79
|
-
meta: {
|
|
80
|
-
align
|
|
81
|
-
},
|
|
82
|
-
enableResizing: !disableResizing
|
|
83
|
-
};
|
|
84
|
-
if (size != undefined) {
|
|
85
|
-
commonDef.size = size;
|
|
86
|
-
}
|
|
87
|
-
if (minSize != undefined) {
|
|
88
|
-
commonDef.minSize = minSize;
|
|
89
|
-
}
|
|
90
|
-
if (maxSize !== undefined) {
|
|
91
|
-
commonDef.maxSize = maxSize;
|
|
92
|
-
}
|
|
93
|
-
if (sortingFn != undefined) {
|
|
94
|
-
commonDef.sortingFn = (rowA, rowB) => sortingFn(prepareRow(rowA), prepareRow(rowB));
|
|
95
|
-
}
|
|
96
|
-
if (Cell != undefined) {
|
|
97
|
-
commonDef.cell = typeof Cell === 'function' ? props => Cell({
|
|
98
|
-
column: prepareColumn(props.column),
|
|
99
|
-
row: prepareRow(props.row),
|
|
100
|
-
value: props.getValue()
|
|
101
|
-
}) : Cell;
|
|
102
|
-
}
|
|
103
|
-
if (filterable !== undefined) {
|
|
104
|
-
commonDef.enableColumnFilter = filterable;
|
|
105
|
-
}
|
|
106
|
-
if (disableSortBy !== undefined) {
|
|
107
|
-
commonDef.enableSorting = !disableSortBy;
|
|
108
|
-
}
|
|
109
|
-
if (accessor != undefined) {
|
|
110
|
-
if (typeof accessor === 'function') {
|
|
111
|
-
return {
|
|
112
|
-
id: '',
|
|
113
|
-
...commonDef,
|
|
114
|
-
accessorFn: value => accessor(value)
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
return {
|
|
118
|
-
...commonDef,
|
|
119
|
-
accessorKey: accessor
|
|
35
|
+
export const getColumnDef = ({ id, width: size, minWidth: minSize, maxWidth: maxSize, Header, Footer, Cell, align, filterable, disableSortBy, disableResizing, canHide: enableHiding, sortType: sortingFn, accessor, }) => {
|
|
36
|
+
const commonDef = {
|
|
37
|
+
id,
|
|
38
|
+
header: typeof Header === 'function' ? (props) => Header(getRendererProps(props)) : Header,
|
|
39
|
+
footer: typeof Footer === 'function' ? (props) => Footer(getRendererProps(props)) : Footer,
|
|
40
|
+
enableHiding,
|
|
41
|
+
sortDescFirst: false,
|
|
42
|
+
enableSorting: true,
|
|
43
|
+
meta: { align },
|
|
44
|
+
enableResizing: !disableResizing,
|
|
120
45
|
};
|
|
121
|
-
|
|
122
|
-
|
|
46
|
+
if (size != undefined) {
|
|
47
|
+
commonDef.size = size;
|
|
48
|
+
}
|
|
49
|
+
if (minSize != undefined) {
|
|
50
|
+
commonDef.minSize = minSize;
|
|
51
|
+
}
|
|
52
|
+
if (maxSize !== undefined) {
|
|
53
|
+
commonDef.maxSize = maxSize;
|
|
54
|
+
}
|
|
55
|
+
if (sortingFn != undefined) {
|
|
56
|
+
commonDef.sortingFn = (rowA, rowB) => sortingFn(prepareRow(rowA), prepareRow(rowB));
|
|
57
|
+
}
|
|
58
|
+
if (Cell != undefined) {
|
|
59
|
+
commonDef.cell =
|
|
60
|
+
typeof Cell === 'function'
|
|
61
|
+
? (props) => Cell({ column: prepareColumn(props.column), row: prepareRow(props.row), value: props.getValue() })
|
|
62
|
+
: Cell;
|
|
63
|
+
}
|
|
64
|
+
if (filterable !== undefined) {
|
|
65
|
+
commonDef.enableColumnFilter = filterable;
|
|
66
|
+
}
|
|
67
|
+
if (disableSortBy !== undefined) {
|
|
68
|
+
commonDef.enableSorting = !disableSortBy;
|
|
69
|
+
}
|
|
70
|
+
if (accessor != undefined) {
|
|
71
|
+
if (typeof accessor === 'function') {
|
|
72
|
+
return {
|
|
73
|
+
id: '',
|
|
74
|
+
...commonDef,
|
|
75
|
+
accessorFn: (value) => accessor(value),
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
return {
|
|
79
|
+
...commonDef,
|
|
80
|
+
accessorKey: accessor,
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
return commonDef;
|
|
123
84
|
};
|
|
124
|
-
const getColumnVisibility = hiddenColumns => {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
85
|
+
const getColumnVisibility = (hiddenColumns) => {
|
|
86
|
+
const result = {};
|
|
87
|
+
hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.forEach((column) => {
|
|
88
|
+
result[column] = false;
|
|
89
|
+
});
|
|
90
|
+
return result;
|
|
130
91
|
};
|
|
131
|
-
const getTableInitialState = ({
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
pagination,
|
|
141
|
-
columnOrder,
|
|
142
|
-
columnSizing: (_a = columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.columnWidths) !== null && _a !== void 0 ? _a : {},
|
|
143
|
-
columnVisibility: getColumnVisibility(hiddenColumns),
|
|
144
|
-
sorting: (_b = sortBy === null || sortBy === void 0 ? void 0 : sortBy.map(({
|
|
145
|
-
id,
|
|
146
|
-
desc
|
|
147
|
-
}) => ({
|
|
148
|
-
id,
|
|
149
|
-
desc: !!desc
|
|
150
|
-
}))) !== null && _b !== void 0 ? _b : []
|
|
151
|
-
};
|
|
92
|
+
export const getTableInitialState = ({ hiddenColumns, columnOrder, sortBy, columnResizing, paginationOptions: pagination, }) => {
|
|
93
|
+
var _a, _b;
|
|
94
|
+
return ({
|
|
95
|
+
pagination,
|
|
96
|
+
columnOrder,
|
|
97
|
+
columnSizing: (_a = columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.columnWidths) !== null && _a !== void 0 ? _a : {},
|
|
98
|
+
columnVisibility: getColumnVisibility(hiddenColumns),
|
|
99
|
+
sorting: (_b = sortBy === null || sortBy === void 0 ? void 0 : sortBy.map(({ id, desc }) => ({ id, desc: !!desc }))) !== null && _b !== void 0 ? _b : [],
|
|
100
|
+
});
|
|
152
101
|
};
|
|
153
|
-
const getCellStyle = ({
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
if (maxWidth) {
|
|
165
|
-
style.maxWidth = maxWidth;
|
|
166
|
-
}
|
|
167
|
-
return style;
|
|
102
|
+
export const getCellStyle = ({ size: width, minSize: minWidth, maxSize: maxWidth, }) => {
|
|
103
|
+
const style = {
|
|
104
|
+
width,
|
|
105
|
+
minWidth: minWidth || width,
|
|
106
|
+
flex: `${width} 0 auto`,
|
|
107
|
+
boxSizing: 'border-box',
|
|
108
|
+
};
|
|
109
|
+
if (maxWidth) {
|
|
110
|
+
style.maxWidth = maxWidth;
|
|
111
|
+
}
|
|
112
|
+
return style;
|
|
168
113
|
};
|
|
169
|
-
const getRowStyle = ({
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
minWidth
|
|
176
|
-
};
|
|
114
|
+
export const getRowStyle = ({ totalSize }) => {
|
|
115
|
+
// fix unit tests console error "`NaN` is an invalid value"
|
|
116
|
+
const minWidth = isNaN(totalSize) ? 0 : totalSize;
|
|
117
|
+
return {
|
|
118
|
+
minWidth,
|
|
119
|
+
};
|
|
177
120
|
};
|
|
178
|
-
|
|
179
|
-
exports.getCellStyle = getCellStyle;
|
|
180
|
-
exports.getColumnDef = getColumnDef;
|
|
181
|
-
exports.getRowStyle = getRowStyle;
|
|
182
|
-
exports.getTableInitialState = getTableInitialState;
|
|
183
|
-
exports.prepareCell = prepareCell;
|
|
184
|
-
exports.prepareColumn = prepareColumn;
|
|
185
|
-
exports.prepareRow = prepareRow;
|
|
186
|
-
//# sourceMappingURL=utils.js.map
|
|
121
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../src/components/Table/utils.tsx"],"
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Table/utils.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var utils_keyboard = require('../../utils/keyboard.js');
|
|
7
|
-
var Tab_module = require('./Tab.module.scss.js');
|
|
8
|
-
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
|
+
import cn from 'classnames';
|
|
3
|
+
import { useTabContext, getTabId, getPanelId } from './TabContext';
|
|
4
|
+
import { keyIsOneOf } from '../../utils/keyboard';
|
|
5
|
+
import styles from './Tab.module.scss';
|
|
9
6
|
/**
|
|
10
7
|
* ### Purpose
|
|
11
8
|
* A single tab implementation that works together with TabContext and TabList components.
|
|
@@ -17,57 +14,26 @@ var Tab_module = require('./Tab.module.scss.js');
|
|
|
17
14
|
* More info - https://www.w3.org/TR/wai-aria-practices/#kbd_selection_follows_focus
|
|
18
15
|
*
|
|
19
16
|
*/
|
|
20
|
-
const Tab = ({
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
value
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
onClick(event);
|
|
42
|
-
}
|
|
43
|
-
onChange(value);
|
|
44
|
-
}, [value, selected, onChange, onClick]);
|
|
45
|
-
// Since we're not automatically following focus we have
|
|
46
|
-
// to handle keyboard selection with Enter and Space ourselves.
|
|
47
|
-
const onKeyPress = React.useCallback(event => {
|
|
48
|
-
event.preventDefault();
|
|
49
|
-
if (utils_keyboard.keyIsOneOf(event, 'Enter', 'Space')) {
|
|
50
|
-
handleClick(event);
|
|
51
|
-
}
|
|
52
|
-
}, [handleClick]);
|
|
53
|
-
return /*#__PURE__*/React.createElement(Component, {
|
|
54
|
-
className: cn(Tab_module.default.tab, {
|
|
55
|
-
[Tab_module.default.selected]: selected,
|
|
56
|
-
[Tab_module.default.fullWidth]: fullWidth
|
|
57
|
-
}, className),
|
|
58
|
-
role: "tab",
|
|
59
|
-
id: components_Tabs_TabContext.getTabId(idPrefix, value.toString()),
|
|
60
|
-
"aria-controls": components_Tabs_TabContext.getPanelId(idPrefix, value.toString()),
|
|
61
|
-
"aria-selected": selected,
|
|
62
|
-
tabIndex: selected ? 0 : -1,
|
|
63
|
-
onKeyPress: onKeyPress,
|
|
64
|
-
onClick: handleClick,
|
|
65
|
-
...(Component === 'a' && !selected && {
|
|
66
|
-
href
|
|
67
|
-
}),
|
|
68
|
-
"aria-label": ariaLabel
|
|
69
|
-
}, children);
|
|
17
|
+
export const Tab = ({ component: Component = 'button', value, href, onClick, children, ariaLabel, className }) => {
|
|
18
|
+
const { onChange, value: activeValue, idPrefix, fullWidth } = useTabContext();
|
|
19
|
+
const selected = value === activeValue;
|
|
20
|
+
const handleClick = useCallback((event) => {
|
|
21
|
+
if (selected) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
if (onClick) {
|
|
25
|
+
onClick(event);
|
|
26
|
+
}
|
|
27
|
+
onChange(value);
|
|
28
|
+
}, [value, selected, onChange, onClick]);
|
|
29
|
+
// Since we're not automatically following focus we have
|
|
30
|
+
// to handle keyboard selection with Enter and Space ourselves.
|
|
31
|
+
const onKeyPress = useCallback((event) => {
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
if (keyIsOneOf(event, 'Enter', 'Space')) {
|
|
34
|
+
handleClick(event);
|
|
35
|
+
}
|
|
36
|
+
}, [handleClick]);
|
|
37
|
+
return (React.createElement(Component, { className: cn(styles.tab, { [styles.selected]: selected, [styles.fullWidth]: fullWidth }, className), role: "tab", id: getTabId(idPrefix, value.toString()), "aria-controls": getPanelId(idPrefix, value.toString()), "aria-selected": selected, tabIndex: selected ? 0 : -1, onKeyPress: onKeyPress, onClick: handleClick, ...(Component === 'a' && !selected && { href }), "aria-label": ariaLabel }, children));
|
|
70
38
|
};
|
|
71
|
-
|
|
72
|
-
exports.Tab = Tab;
|
|
73
|
-
//# sourceMappingURL=Tab.js.map
|
|
39
|
+
//# sourceMappingURL=Tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sources":["../../../src/components/Tabs/Tab.tsx"],"
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAwC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AA0BtC;;;;;;;;;;GAUG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7H,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,CAAA;IAC7E,MAAM,QAAQ,GAAG,KAAK,KAAK,WAAW,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA+G,EAAE,EAAE;QAClH,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC;QAED,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CACrC,CAAA;IAED,wDAAwD;IACxD,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAA2D,EAAE,EAAE;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;YACxC,WAAW,CAAC,KAAK,CAAC,CAAA;QACpB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,EACpG,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACzB,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,mBACtC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,WAAW,KAChB,CAAC,SAAS,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,gBACpC,SAAS,IAEpB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
@use '../../../styles/constants' as c;
|
|
2
|
+
@use '../../../styles/helpers' as h;
|
|
3
|
+
|
|
4
|
+
.tab {
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: row;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
position: relative;
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
height: c.$grid * 10;
|
|
12
|
+
min-width: c.$grid * 40;
|
|
13
|
+
padding: c.$grid c.$grid * 5;
|
|
14
|
+
border: none;
|
|
15
|
+
border-bottom: 1px solid;
|
|
16
|
+
border-color: c.$colorNeutralLight;
|
|
17
|
+
color: c.$colorText;
|
|
18
|
+
background-color: transparent;
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
|
|
21
|
+
// for <a> element
|
|
22
|
+
text-decoration: none;
|
|
23
|
+
|
|
24
|
+
@include c.typographyH3;
|
|
25
|
+
@include h.overflowEllipsis;
|
|
26
|
+
|
|
27
|
+
&.selected {
|
|
28
|
+
color: c.$colorPrimary;
|
|
29
|
+
border-radius: 0;
|
|
30
|
+
border-color: c.$colorPrimary;
|
|
31
|
+
box-shadow: inset 0 -4px 0 0 c.$colorPrimary;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.selected:focus-visible {
|
|
35
|
+
border-color: c.$colorPrimary;
|
|
36
|
+
border-bottom-width: c.$grid;
|
|
37
|
+
padding-bottom: 0;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.fullWidth {
|
|
41
|
+
flex: 1 1 auto;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&:hover {
|
|
45
|
+
color: c.$colorPrimary;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&:focus-visible {
|
|
49
|
+
// Do not remove outline for high-contrast modes
|
|
50
|
+
// https://stackoverflow.com/a/52616313
|
|
51
|
+
outline: c.$outlineWidth solid transparent;
|
|
52
|
+
color: c.$colorPrimary;
|
|
53
|
+
border-radius: c.$borderRadius;
|
|
54
|
+
border-color: transparent;
|
|
55
|
+
|
|
56
|
+
@include h.outlineSimple;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -1,68 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
value: 0,
|
|
11
|
-
idPrefix: '',
|
|
12
|
-
fullWidth: false
|
|
1
|
+
import React, { createContext, useContext, useMemo, useState } from 'react';
|
|
2
|
+
import { useUID } from 'react-uid';
|
|
3
|
+
export const tabContextDefaultValue = {
|
|
4
|
+
onChange: () => {
|
|
5
|
+
// default function - do nothing ¯\_(ツ)_/¯
|
|
6
|
+
},
|
|
7
|
+
value: 0,
|
|
8
|
+
idPrefix: '',
|
|
9
|
+
fullWidth: false,
|
|
13
10
|
};
|
|
14
11
|
/**
|
|
15
12
|
* A context used to pass valid values to Tab and TabPanel components.
|
|
16
13
|
*/
|
|
17
|
-
const TabContext =
|
|
14
|
+
export const TabContext = createContext(tabContextDefaultValue);
|
|
18
15
|
/**
|
|
19
16
|
* A custom hook utilizing context for easy usage.
|
|
20
17
|
*/
|
|
21
|
-
const useTabContext = () =>
|
|
18
|
+
export const useTabContext = () => useContext(TabContext);
|
|
22
19
|
/**
|
|
23
20
|
* A basic component that keeps track of selected tab.
|
|
24
21
|
* If you want more control over the value state (active tab) you can use TabContextProviderControlled.
|
|
25
22
|
*/
|
|
26
|
-
const TabContextProvider = ({
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}) => {
|
|
30
|
-
const [value, setValue] = React.useState(0);
|
|
31
|
-
return /*#__PURE__*/React.createElement(TabContextProviderControlled, {
|
|
32
|
-
value: value,
|
|
33
|
-
onChange: setValue,
|
|
34
|
-
fullWidth: fullWidth
|
|
35
|
-
}, children);
|
|
23
|
+
export const TabContextProvider = ({ fullWidth, children }) => {
|
|
24
|
+
const [value, setValue] = useState(0);
|
|
25
|
+
return (React.createElement(TabContextProviderControlled, { value: value, onChange: setValue, fullWidth: fullWidth }, children));
|
|
36
26
|
};
|
|
37
27
|
/**
|
|
38
28
|
* If you want to control the value state (active tab) from outside, this component might come in handy.
|
|
39
29
|
*/
|
|
40
|
-
const TabContextProviderControlled = ({
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
value,
|
|
50
|
-
idPrefix: id,
|
|
51
|
-
fullWidth
|
|
52
|
-
}), [onChange, value, id, fullWidth]);
|
|
53
|
-
return /*#__PURE__*/React.createElement(TabContext.Provider, {
|
|
54
|
-
value: contextValue
|
|
55
|
-
}, children);
|
|
30
|
+
export const TabContextProviderControlled = ({ onChange, value, fullWidth, children }) => {
|
|
31
|
+
const id = useUID();
|
|
32
|
+
const contextValue = useMemo(() => ({
|
|
33
|
+
onChange,
|
|
34
|
+
value,
|
|
35
|
+
idPrefix: id,
|
|
36
|
+
fullWidth,
|
|
37
|
+
}), [onChange, value, id, fullWidth]);
|
|
38
|
+
return React.createElement(TabContext.Provider, { value: contextValue }, children);
|
|
56
39
|
};
|
|
57
40
|
// Helpers which provide ids from passed values
|
|
58
|
-
const getTabId = (prefix, value) => `${prefix}-tab-${value}`;
|
|
59
|
-
const getPanelId = (prefix, value) => `${prefix}-panel-${value}`;
|
|
60
|
-
|
|
61
|
-
exports.TabContext = TabContext;
|
|
62
|
-
exports.TabContextProvider = TabContextProvider;
|
|
63
|
-
exports.TabContextProviderControlled = TabContextProviderControlled;
|
|
64
|
-
exports.getPanelId = getPanelId;
|
|
65
|
-
exports.getTabId = getTabId;
|
|
66
|
-
exports.tabContextDefaultValue = tabContextDefaultValue;
|
|
67
|
-
exports.useTabContext = useTabContext;
|
|
68
|
-
//# sourceMappingURL=TabContext.js.map
|
|
41
|
+
export const getTabId = (prefix, value) => `${prefix}-tab-${value}`;
|
|
42
|
+
export const getPanelId = (prefix, value) => `${prefix}-panel-${value}`;
|
|
43
|
+
//# sourceMappingURL=TabContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabContext.js","sources":["../../../src/components/Tabs/TabContext.tsx"],"
|
|
1
|
+
{"version":3,"file":"TabContext.js","sourceRoot":"","sources":["../../../src/components/Tabs/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAM,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAA;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AASlC,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,QAAQ,EAAE,GAAG,EAAE;QACb,0CAA0C;IAC5C,CAAC;IACD,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,KAAK;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAA;AAEhF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AAIzD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAgC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,IACjF,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAID;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA0C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9H,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,YAAY,GAAoB,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,KAAK;QACL,QAAQ,EAAE,EAAE;QACZ,SAAS;KACV,CAAC,EACF,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,CAAC,CACjC,CAAA;IAED,OAAO,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAAG,QAAQ,CAAuB,CAAA;AACnF,CAAC,CAAA;AAED,+CAA+C;AAC/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,QAAQ,KAAK,EAAE,CAAA;AAEnF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,UAAU,KAAK,EAAE,CAAA"}
|