@hazelcast/ui 2.0.4 → 3.0.0-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Alert.js +116 -50
- package/lib/components/Alert.js.map +1 -1
- package/lib/components/Alert.module.scss.js +8 -0
- package/lib/components/Alert.module.scss.js.map +1 -0
- package/lib/components/AppHeader/AppHeader.js +39 -17
- package/lib/components/AppHeader/AppHeader.js.map +1 -1
- package/lib/components/AppHeader/AppHeader.module.scss.js +8 -0
- package/lib/components/AppHeader/AppHeader.module.scss.js.map +1 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +24 -7
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js +8 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss.js.map +1 -0
- package/lib/components/AppHeader/AppHeaderLogo/index.js +8 -2
- package/lib/components/AppHeader/AppHeaderLogo/index.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +46 -14
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js +8 -0
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss.js.map +1 -0
- package/lib/components/AppHeader/AppHeaderMenu/index.js +8 -2
- package/lib/components/AppHeader/AppHeaderMenu/index.js.map +1 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +19 -9
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js +8 -0
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss.js.map +1 -0
- package/lib/components/AppHeader/EnvironmentBadge/index.js +8 -2
- package/lib/components/AppHeader/EnvironmentBadge/index.js.map +1 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js +72 -32
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js +8 -0
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss.js.map +1 -0
- package/lib/components/AppHeader/SelectCluster/index.js +8 -2
- package/lib/components/AppHeader/SelectCluster/index.js.map +1 -1
- package/lib/components/AppHeader/index.js +8 -2
- package/lib/components/AppHeader/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebar.js +56 -30
- package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebar.module.scss.js +8 -0
- package/lib/components/AppSidebar/AppSidebar.module.scss.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +37 -21
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js +8 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js +8 -2
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +31 -10
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js +8 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/index.js +8 -2
- package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +77 -22
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js +8 -0
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarItem/index.js +8 -2
- package/lib/components/AppSidebar/AppSidebarItem/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +17 -6
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js +8 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js +8 -2
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +39 -14
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js +8 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +94 -53
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +8 -3
- package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -1
- package/lib/components/AppSidebar/AppSidebarSection/index.js +8 -2
- package/lib/components/AppSidebar/AppSidebarSection/index.js.map +1 -1
- package/lib/components/AppSidebar/appSidebarContext.js +14 -9
- package/lib/components/AppSidebar/appSidebarContext.js.map +1 -1
- package/lib/components/AppSidebar/index.js +16 -6
- package/lib/components/AppSidebar/index.js.map +1 -1
- package/lib/components/AutocompleteField.js +229 -154
- package/lib/components/AutocompleteField.js.map +1 -1
- package/lib/components/AutocompleteField.module.scss.js +8 -0
- package/lib/components/AutocompleteField.module.scss.js.map +1 -0
- package/lib/components/AutocompleteFieldFormik.js +41 -18
- package/lib/components/AutocompleteFieldFormik.js.map +1 -1
- package/lib/components/Badge.js +66 -42
- package/lib/components/Badge.js.map +1 -1
- package/lib/components/Badge.module.scss.js +8 -0
- package/lib/components/Badge.module.scss.js.map +1 -0
- package/lib/components/Button.js +115 -42
- package/lib/components/Button.js.map +1 -1
- package/lib/components/Button.module.scss.js +8 -0
- package/lib/components/Button.module.scss.js.map +1 -0
- package/lib/components/Calendar/Calendar.d.ts +6 -4
- package/lib/components/Calendar/Calendar.js +77 -34
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/Calendar/Calendar.module.scss.js +8 -0
- package/lib/components/Calendar/Calendar.module.scss.js.map +1 -0
- package/lib/components/Calendar/CalendarRange.js +60 -12
- package/lib/components/Calendar/CalendarRange.js.map +1 -1
- package/lib/components/Calendar/CalendarRange.module.scss.js +8 -0
- package/lib/components/Calendar/CalendarRange.module.scss.js.map +1 -0
- package/lib/components/Calendar/components/CalendarHeader.d.ts +2 -2
- package/lib/components/Calendar/components/CalendarHeader.js +35 -12
- package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
- package/lib/components/Calendar/components/CalendarInput.js +39 -9
- package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
- package/lib/components/Calendar/components/CalendarTime.js +104 -66
- package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
- package/lib/components/Calendar/components/CalendarTime.module.scss.js +8 -0
- package/lib/components/Calendar/components/CalendarTime.module.scss.js.map +1 -0
- package/lib/components/Calendar/helpers/consts.js +8 -100
- package/lib/components/Calendar/helpers/consts.js.map +1 -1
- package/lib/components/Card.js +60 -14
- package/lib/components/Card.js.map +1 -1
- package/lib/components/Card.module.scss.js +8 -0
- package/lib/components/Card.module.scss.js.map +1 -0
- package/lib/components/Carousel.js +60 -27
- package/lib/components/Carousel.js.map +1 -1
- package/lib/components/Carousel.module.scss.js +8 -0
- package/lib/components/Carousel.module.scss.js.map +1 -0
- package/lib/components/CenteredLoader.js +18 -6
- package/lib/components/CenteredLoader.js.map +1 -1
- package/lib/components/CenteredLoader.module.scss.js +8 -0
- package/lib/components/CenteredLoader.module.scss.js.map +1 -0
- package/lib/components/Checkbox.d.ts +2 -2
- package/lib/components/Checkbox.js +87 -26
- package/lib/components/Checkbox.js.map +1 -1
- package/lib/components/Checkbox.module.scss.js +8 -0
- package/lib/components/Checkbox.module.scss.js.map +1 -0
- package/lib/components/CheckboxFormik.js +37 -16
- package/lib/components/CheckboxFormik.js.map +1 -1
- package/lib/components/CircularProgressBar.js +78 -27
- package/lib/components/CircularProgressBar.js.map +1 -1
- package/lib/components/CircularProgressBar.module.scss.js +8 -0
- package/lib/components/CircularProgressBar.module.scss.js.map +1 -0
- package/lib/components/ContextMenu.js +86 -60
- package/lib/components/ContextMenu.js.map +1 -1
- package/lib/components/ContextMenu.module.scss.js +8 -0
- package/lib/components/ContextMenu.module.scss.js.map +1 -0
- package/lib/components/Dialog.js +50 -30
- package/lib/components/Dialog.js.map +1 -1
- package/lib/components/Dialog.module.scss.js +8 -0
- package/lib/components/Dialog.module.scss.js.map +1 -0
- package/lib/components/EmptyState.js +66 -20
- package/lib/components/EmptyState.js.map +1 -1
- package/lib/components/EmptyState.module.scss.js +8 -0
- package/lib/components/EmptyState.module.scss.js.map +1 -0
- package/lib/components/Error.js +28 -7
- package/lib/components/Error.js.map +1 -1
- package/lib/components/Error.module.scss.js +8 -0
- package/lib/components/Error.module.scss.js.map +1 -0
- package/lib/components/FieldHeader.js +43 -14
- package/lib/components/FieldHeader.js.map +1 -1
- package/lib/components/FieldHeader.module.scss.js +8 -0
- package/lib/components/FieldHeader.module.scss.js.map +1 -0
- package/lib/components/Help.d.ts +0 -1
- package/lib/components/Help.js +42 -13
- package/lib/components/Help.js.map +1 -1
- package/lib/components/Help.module.scss.js +8 -0
- package/lib/components/Help.module.scss.js.map +1 -0
- package/lib/components/Icon.js +48 -25
- package/lib/components/Icon.js.map +1 -1
- package/lib/components/Icon.module.scss.js +8 -0
- package/lib/components/Icon.module.scss.js.map +1 -0
- package/lib/components/IconButton.js +81 -23
- package/lib/components/IconButton.js.map +1 -1
- package/lib/components/IconButton.module.scss.js +8 -0
- package/lib/components/IconButton.module.scss.js.map +1 -0
- package/lib/components/InteractiveList.js +115 -41
- package/lib/components/InteractiveList.js.map +1 -1
- package/lib/components/InteractiveList.module.scss.js +8 -0
- package/lib/components/InteractiveList.module.scss.js.map +1 -0
- package/lib/components/InteractiveListFormik.js +110 -81
- package/lib/components/InteractiveListFormik.js.map +1 -1
- package/lib/components/Label.js +20 -5
- package/lib/components/Label.js.map +1 -1
- package/lib/components/Label.module.scss.js +8 -0
- package/lib/components/Label.module.scss.js.map +1 -0
- package/lib/components/Link.js +59 -31
- package/lib/components/Link.js.map +1 -1
- package/lib/components/Link.module.scss.js +8 -0
- package/lib/components/Link.module.scss.js.map +1 -0
- package/lib/components/Loader.js +82 -23
- package/lib/components/Loader.js.map +1 -1
- package/lib/components/Loader.module.scss.js +8 -0
- package/lib/components/Loader.module.scss.js.map +1 -0
- package/lib/components/Modal.js +93 -26
- package/lib/components/Modal.js.map +1 -1
- package/lib/components/Modal.module.scss.js +8 -0
- package/lib/components/Modal.module.scss.js.map +1 -0
- package/lib/components/Notification.js +75 -37
- package/lib/components/Notification.js.map +1 -1
- package/lib/components/Notification.module.scss.js +8 -0
- package/lib/components/Notification.module.scss.js.map +1 -0
- package/lib/components/NumberBadge.js +18 -7
- package/lib/components/NumberBadge.js.map +1 -1
- package/lib/components/NumberBadge.module.scss.js +8 -0
- package/lib/components/NumberBadge.module.scss.js.map +1 -0
- package/lib/components/NumberField.js +181 -140
- package/lib/components/NumberField.js.map +1 -1
- package/lib/components/NumberField.module.scss.js +8 -0
- package/lib/components/NumberField.module.scss.js.map +1 -0
- package/lib/components/NumberFieldFormik.js +69 -49
- package/lib/components/NumberFieldFormik.js.map +1 -1
- package/lib/components/Overlay.js +92 -29
- package/lib/components/Overlay.js.map +1 -1
- package/lib/components/Overlay.module.scss.js +8 -0
- package/lib/components/Overlay.module.scss.js.map +1 -0
- package/lib/components/Pagination.js +198 -91
- package/lib/components/Pagination.js.map +1 -1
- package/lib/components/Pagination.module.scss.js +8 -0
- package/lib/components/Pagination.module.scss.js.map +1 -0
- package/lib/components/PasswordField.js +61 -25
- package/lib/components/PasswordField.js.map +1 -1
- package/lib/components/PasswordField.module.scss.js +8 -0
- package/lib/components/PasswordField.module.scss.js.map +1 -0
- package/lib/components/PasswordFieldFormik.js +37 -16
- package/lib/components/PasswordFieldFormik.js.map +1 -1
- package/lib/components/Popover.d.ts +3 -10
- package/lib/components/Popover.js +85 -119
- package/lib/components/Popover.js.map +1 -1
- package/lib/components/Popover.module.scss.js +8 -0
- package/lib/components/Popover.module.scss.js.map +1 -0
- package/lib/components/Radio.d.ts +2 -2
- package/lib/components/Radio.js +67 -26
- package/lib/components/Radio.js.map +1 -1
- package/lib/components/Radio.module.scss.js +8 -0
- package/lib/components/Radio.module.scss.js.map +1 -0
- package/lib/components/RadioFormik.js +26 -11
- package/lib/components/RadioFormik.js.map +1 -1
- package/lib/components/RadioGroup.js +51 -18
- package/lib/components/RadioGroup.js.map +1 -1
- package/lib/components/RadioGroup.module.scss.js +8 -0
- package/lib/components/RadioGroup.module.scss.js.map +1 -0
- package/lib/components/RadioGroupContext.js +10 -3
- package/lib/components/RadioGroupContext.js.map +1 -1
- package/lib/components/RadioGroupFormik.js +34 -16
- package/lib/components/RadioGroupFormik.js.map +1 -1
- package/lib/components/SegmentedControl.js +43 -9
- package/lib/components/SegmentedControl.js.map +1 -1
- package/lib/components/SegmentedControl.module.scss.js +8 -0
- package/lib/components/SegmentedControl.module.scss.js.map +1 -0
- package/lib/components/SegmentedControlFormik.js +30 -12
- package/lib/components/SegmentedControlFormik.js.map +1 -1
- package/lib/components/Select/CheckableSelectField.js +178 -75
- package/lib/components/Select/CheckableSelectField.js.map +1 -1
- package/lib/components/Select/CheckableSelectField.module.scss.js +8 -0
- package/lib/components/Select/CheckableSelectField.module.scss.js.map +1 -0
- package/lib/components/Select/CheckableSelectFieldFormik.js +41 -18
- package/lib/components/Select/CheckableSelectFieldFormik.js.map +1 -1
- package/lib/components/Select/Common.js +87 -44
- package/lib/components/Select/Common.js.map +1 -1
- package/lib/components/Select/Common.module.scss.js +8 -0
- package/lib/components/Select/Common.module.scss.js.map +1 -0
- package/lib/components/Select/MultiSelectField.js +187 -107
- package/lib/components/Select/MultiSelectField.js.map +1 -1
- package/lib/components/Select/MultiSelectField.module.scss.js +8 -0
- package/lib/components/Select/MultiSelectField.module.scss.js.map +1 -0
- package/lib/components/Select/MultiSelectFieldFormik.js +41 -18
- package/lib/components/Select/MultiSelectFieldFormik.js.map +1 -1
- package/lib/components/Select/SelectField.js +169 -100
- package/lib/components/Select/SelectField.js.map +1 -1
- package/lib/components/Select/SelectField.module.scss.js +8 -0
- package/lib/components/Select/SelectField.module.scss.js.map +1 -0
- package/lib/components/Select/SelectFieldFormik.js +38 -18
- package/lib/components/Select/SelectFieldFormik.js.map +1 -1
- package/lib/components/Select/helpers.js +30 -25
- package/lib/components/Select/helpers.js.map +1 -1
- package/lib/components/Select/index.js +21 -8
- package/lib/components/Select/index.js.map +1 -1
- package/lib/components/SimpleTable.js +36 -13
- package/lib/components/SimpleTable.js.map +1 -1
- package/lib/components/SimpleTable.module.scss.js +8 -0
- package/lib/components/SimpleTable.module.scss.js.map +1 -0
- package/lib/components/Slider.js +294 -173
- package/lib/components/Slider.js.map +1 -1
- package/lib/components/Slider.module.scss.js +8 -0
- package/lib/components/Slider.module.scss.js.map +1 -0
- package/lib/components/SliderFormik.js +30 -13
- package/lib/components/SliderFormik.js.map +1 -1
- package/lib/components/Table/Cell.js +111 -58
- package/lib/components/Table/Cell.js.map +1 -1
- package/lib/components/Table/Cell.module.scss.js +8 -0
- package/lib/components/Table/Cell.module.scss.js.map +1 -0
- package/lib/components/Table/CellWrapper.js +44 -27
- package/lib/components/Table/CellWrapper.js.map +1 -1
- package/lib/components/Table/EnhancedRenderers.js +31 -12
- package/lib/components/Table/EnhancedRenderers.js.map +1 -1
- package/lib/components/Table/Header.js +141 -92
- package/lib/components/Table/Header.js.map +1 -1
- package/lib/components/Table/Header.module.scss.js +8 -0
- package/lib/components/Table/Header.module.scss.js.map +1 -0
- package/lib/components/Table/Row.js +77 -22
- package/lib/components/Table/Row.js.map +1 -1
- package/lib/components/Table/Row.module.scss.js +8 -0
- package/lib/components/Table/Row.module.scss.js.map +1 -0
- package/lib/components/Table/Table.js +456 -245
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Table.module.scss.js +8 -0
- package/lib/components/Table/Table.module.scss.js.map +1 -0
- package/lib/components/Table/TableContent.js +129 -57
- package/lib/components/Table/TableContent.js.map +1 -1
- package/lib/components/Table/TableContent.module.scss.js +8 -0
- package/lib/components/Table/TableContent.module.scss.js.map +1 -0
- package/lib/components/Table/constants.js +8 -3
- package/lib/components/Table/constants.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +39 -12
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js +8 -0
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +23 -16
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js +8 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/index.js +8 -2
- package/lib/components/Table/features/columnsSelection/ContextMenu/index.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/columnsSelection.d.ts +2 -2
- package/lib/components/Table/features/columnsSelection/columnsSelection.js +76 -68
- package/lib/components/Table/features/columnsSelection/columnsSelection.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/helpers.js +28 -22
- package/lib/components/Table/features/columnsSelection/helpers.js.map +1 -1
- package/lib/components/Table/features/columnsSelection/index.js +16 -5
- package/lib/components/Table/features/columnsSelection/index.js.map +1 -1
- package/lib/components/Table/helpers.js +17 -9
- package/lib/components/Table/helpers.js.map +1 -1
- package/lib/components/Table/tableTypes.js +3 -2
- package/lib/components/Table/tableTypes.js.map +1 -1
- package/lib/components/Table/useTrackTableState.js +43 -29
- package/lib/components/Table/useTrackTableState.js.map +1 -1
- package/lib/components/Table/utils.js +176 -111
- package/lib/components/Table/utils.js.map +1 -1
- package/lib/components/Tabs/Tab.js +61 -27
- package/lib/components/Tabs/Tab.js.map +1 -1
- package/lib/components/Tabs/Tab.module.scss.js +8 -0
- package/lib/components/Tabs/Tab.module.scss.js.map +1 -0
- package/lib/components/Tabs/TabContext.js +51 -26
- package/lib/components/Tabs/TabContext.js.map +1 -1
- package/lib/components/Tabs/TabList.js +62 -49
- package/lib/components/Tabs/TabList.js.map +1 -1
- package/lib/components/Tabs/TabList.module.scss.js +8 -0
- package/lib/components/Tabs/TabList.module.scss.js.map +1 -0
- package/lib/components/Tabs/TabPanel.js +29 -9
- package/lib/components/Tabs/TabPanel.js.map +1 -1
- package/lib/components/Tabs/TabPanel.module.scss.js +8 -0
- package/lib/components/Tabs/TabPanel.module.scss.js.map +1 -0
- package/lib/components/Tabs/index.js +20 -5
- package/lib/components/Tabs/index.js.map +1 -1
- package/lib/components/Terminal.js +179 -108
- package/lib/components/Terminal.js.map +1 -1
- package/lib/components/Terminal.module.scss.js +8 -0
- package/lib/components/Terminal.module.scss.js.map +1 -0
- package/lib/components/TextArea.js +79 -30
- package/lib/components/TextArea.js.map +1 -1
- package/lib/components/TextArea.module.scss.js +8 -0
- package/lib/components/TextArea.module.scss.js.map +1 -0
- package/lib/components/TextAreaFormik.js +26 -10
- package/lib/components/TextAreaFormik.js.map +1 -1
- package/lib/components/TextField.js +154 -48
- package/lib/components/TextField.js.map +1 -1
- package/lib/components/TextField.module.scss.js +8 -0
- package/lib/components/TextField.module.scss.js.map +1 -0
- package/lib/components/TextFieldFormik.js +46 -22
- package/lib/components/TextFieldFormik.js.map +1 -1
- package/lib/components/TimeField.js +62 -14
- package/lib/components/TimeField.js.map +1 -1
- package/lib/components/TimeField.module.scss.js +8 -0
- package/lib/components/TimeField.module.scss.js.map +1 -0
- package/lib/components/TimeFieldFormik.js +26 -10
- package/lib/components/TimeFieldFormik.js.map +1 -1
- package/lib/components/Toast.js +79 -44
- package/lib/components/Toast.js.map +1 -1
- package/lib/components/Toast.module.scss.js +8 -0
- package/lib/components/Toast.module.scss.js.map +1 -0
- package/lib/components/Toggle.js +71 -21
- package/lib/components/Toggle.js.map +1 -1
- package/lib/components/Toggle.module.scss.js +8 -0
- package/lib/components/Toggle.module.scss.js.map +1 -0
- package/lib/components/ToggleFormik.js +27 -11
- package/lib/components/ToggleFormik.js.map +1 -1
- package/lib/components/Tooltip.d.ts +4 -12
- package/lib/components/Tooltip.js +79 -122
- package/lib/components/Tooltip.js.map +1 -1
- package/lib/components/Tooltip.module.scss.js +8 -0
- package/lib/components/Tooltip.module.scss.js.map +1 -0
- package/lib/components/TruncatedText.d.ts +0 -1
- package/lib/components/TruncatedText.js +49 -22
- package/lib/components/TruncatedText.js.map +1 -1
- package/lib/components/TruncatedText.module.scss.js +8 -0
- package/lib/components/TruncatedText.module.scss.js.map +1 -0
- package/lib/helpers/array.js +26 -17
- package/lib/helpers/array.js.map +1 -1
- package/lib/helpers/escapeHtml.js +10 -6
- package/lib/helpers/escapeHtml.js.map +1 -1
- package/lib/helpers/forms.js +20 -14
- package/lib/helpers/forms.js.map +1 -1
- package/lib/helpers/math.js +10 -6
- package/lib/helpers/math.js.map +1 -1
- package/lib/helpers/types.js +6 -2
- package/lib/helpers/types.js.map +1 -1
- package/lib/hooks/index.js +17 -7
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useCloseOnResize.js +17 -12
- package/lib/hooks/useCloseOnResize.js.map +1 -1
- package/lib/hooks/useDeepCompareMemo.js +12 -7
- package/lib/hooks/useDeepCompareMemo.js.map +1 -1
- package/lib/hooks/useDeepEqual.js +14 -9
- package/lib/hooks/useDeepEqual.js.map +1 -1
- package/lib/hooks/useDimensions.d.ts +1 -1
- package/lib/hooks/useDimensions.js +26 -15
- package/lib/hooks/useDimensions.js.map +1 -1
- package/lib/hooks/useIsMounted.js +16 -11
- package/lib/hooks/useIsMounted.js.map +1 -1
- package/lib/hooks/useOnClickOutside.js +41 -32
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/lib/hooks/useOpenCloseState.js +18 -13
- package/lib/hooks/useOpenCloseState.js.map +1 -1
- package/lib/hooks/usePagination.js +64 -60
- package/lib/hooks/usePagination.js.map +1 -1
- package/lib/hooks/usePersistedState.js +35 -33
- package/lib/hooks/usePersistedState.js.map +1 -1
- package/lib/hooks/usePrevious.js +13 -8
- package/lib/hooks/usePrevious.js.map +1 -1
- package/lib/hooks/useRefValue.js +13 -8
- package/lib/hooks/useRefValue.js.map +1 -1
- package/lib/icons/Cluster.js +44 -7
- package/lib/icons/Cluster.js.map +1 -1
- package/lib/icons/Compare.js +46 -7
- package/lib/icons/Compare.js.map +1 -1
- package/lib/icons/Compute.js +43 -7
- package/lib/icons/Compute.js.map +1 -1
- package/lib/icons/Folder.js +25 -4
- package/lib/icons/Folder.js.map +1 -1
- package/lib/icons/PlusCircle.js +37 -6
- package/lib/icons/PlusCircle.js.map +1 -1
- package/lib/icons/Streaming.js +45 -8
- package/lib/icons/Streaming.js.map +1 -1
- package/lib/index.d.ts +3 -2
- package/lib/index.js +185 -75
- package/lib/index.js.map +1 -1
- package/lib/services/logger.js +85 -75
- package/lib/services/logger.js.map +1 -1
- package/lib/services/time.js +18 -14
- package/lib/services/time.js.map +1 -1
- package/lib/styles/constants/export.module.scss.js +8 -0
- package/lib/styles/constants/export.module.scss.js.map +1 -0
- package/lib/styles.css +1 -0
- package/lib/test-helpers/render.js +32 -20
- package/lib/test-helpers/render.js.map +1 -1
- package/lib/test-helpers/time.js +9 -2
- package/lib/test-helpers/time.js.map +1 -1
- package/lib/test-helpers/utils.js +13 -9
- package/lib/test-helpers/utils.js.map +1 -1
- package/lib/types.js +3 -2
- package/lib/types.js.map +1 -1
- package/lib/utils/formik.js +12 -7
- package/lib/utils/formik.js.map +1 -1
- package/lib/utils/keyboard.js +8 -3
- package/lib/utils/keyboard.js.map +1 -1
- package/lib/utils/portal.js +19 -14
- package/lib/utils/portal.js.map +1 -1
- package/lib/utils/ssr.js +6 -2
- package/lib/utils/ssr.js.map +1 -1
- package/lib/utils/types.js +3 -2
- package/lib/utils/types.js.map +1 -1
- package/package.json +25 -16
- package/lib/components/Alert.module.scss +0 -141
- package/lib/components/AppHeader/AppHeader.module.scss +0 -29
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +0 -29
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +0 -20
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +0 -13
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +0 -101
- package/lib/components/AppSidebar/AppSidebar.module.scss +0 -66
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +0 -16
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +0 -13
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +0 -92
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +0 -24
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +0 -58
- package/lib/components/AutocompleteField.module.scss +0 -164
- package/lib/components/Badge.module.scss +0 -55
- package/lib/components/Button.module.scss +0 -329
- package/lib/components/Calendar/Calendar.module.scss +0 -185
- package/lib/components/Calendar/CalendarRange.module.scss +0 -21
- package/lib/components/Calendar/components/CalendarTime.module.scss +0 -72
- package/lib/components/Card.module.scss +0 -92
- package/lib/components/Carousel.module.scss +0 -43
- package/lib/components/CenteredLoader.module.scss +0 -11
- package/lib/components/Checkbox.module.scss +0 -106
- package/lib/components/CircularProgressBar.module.scss +0 -37
- package/lib/components/ContextMenu.module.scss +0 -37
- package/lib/components/Dialog.module.scss +0 -62
- package/lib/components/EmptyState.module.scss +0 -87
- package/lib/components/Error.module.scss +0 -12
- package/lib/components/FieldHeader.module.scss +0 -20
- package/lib/components/Help.module.scss +0 -9
- package/lib/components/Icon.module.scss +0 -33
- package/lib/components/IconButton.module.scss +0 -59
- package/lib/components/InteractiveList.module.scss +0 -72
- package/lib/components/Label.module.scss +0 -12
- package/lib/components/Link.module.scss +0 -64
- package/lib/components/Loader.module.scss +0 -74
- package/lib/components/Modal.module.scss +0 -109
- package/lib/components/Notification.module.scss +0 -97
- package/lib/components/NumberBadge.module.scss +0 -13
- package/lib/components/NumberField.module.scss +0 -76
- package/lib/components/Overlay.module.scss +0 -108
- package/lib/components/Pagination.module.scss +0 -117
- package/lib/components/PasswordField.module.scss +0 -26
- package/lib/components/Popover.module.scss +0 -12
- package/lib/components/Radio.module.scss +0 -112
- package/lib/components/RadioGroup.module.scss +0 -21
- package/lib/components/SegmentedControl.module.scss +0 -81
- package/lib/components/Select/CheckableSelectField.module.scss +0 -100
- package/lib/components/Select/Common.module.scss +0 -69
- package/lib/components/Select/MultiSelectField.module.scss +0 -72
- package/lib/components/Select/SelectField.module.scss +0 -194
- package/lib/components/SimpleTable.module.scss +0 -28
- package/lib/components/Slider.module.scss +0 -277
- package/lib/components/Table/Cell.module.scss +0 -61
- package/lib/components/Table/Header.module.scss +0 -128
- package/lib/components/Table/Row.module.scss +0 -59
- package/lib/components/Table/Table.module.scss +0 -31
- package/lib/components/Table/TableContent.module.scss +0 -21
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss +0 -12
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.module.scss +0 -6
- package/lib/components/Tabs/Tab.module.scss +0 -58
- package/lib/components/Tabs/TabList.module.scss +0 -3
- package/lib/components/Tabs/TabPanel.module.scss +0 -7
- package/lib/components/Terminal.module.scss +0 -109
- package/lib/components/TextArea.module.scss +0 -144
- package/lib/components/TextField.module.scss +0 -209
- package/lib/components/TimeField.module.scss +0 -4
- package/lib/components/Toast.module.scss +0 -53
- package/lib/components/Toggle.module.scss +0 -175
- package/lib/components/Tooltip.module.scss +0 -175
- package/lib/components/TruncatedText.module.scss +0 -9
- package/lib/hooks/useResizeAware.d.ts +0 -3
- package/lib/hooks/useResizeAware.js +0 -25
- package/lib/hooks/useResizeAware.js.map +0 -1
|
@@ -1,28 +1,79 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var useEffectOnce = require('react-use/lib/useEffectOnce');
|
|
5
|
+
var CircularProgressBar_module = require('./CircularProgressBar.module.scss.js');
|
|
6
|
+
|
|
7
|
+
const size = 132;
|
|
8
|
+
const outerStrokeWidth = 6;
|
|
9
|
+
const innerStrokeWidth = 4;
|
|
10
|
+
const CircularProgressBar = ({
|
|
11
|
+
progress,
|
|
12
|
+
rotate = 0,
|
|
13
|
+
cut = 0,
|
|
14
|
+
initialAnimation = true,
|
|
15
|
+
text
|
|
16
|
+
}) => {
|
|
17
|
+
const [animationInitiated, setAnimationInitiated] = React.useState(false);
|
|
18
|
+
useEffectOnce(() => {
|
|
19
|
+
if (initialAnimation) {
|
|
20
|
+
setAnimationInitiated(true);
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const center = size / 2;
|
|
24
|
+
const radius = size / 2 - outerStrokeWidth / 2;
|
|
25
|
+
const circumference = 2 * Math.PI * radius;
|
|
26
|
+
const progressAfterInitAnimation = initialAnimation && !animationInitiated ? 0 : progress;
|
|
27
|
+
const strokeLength = circumference / 360 * (360 - cut);
|
|
28
|
+
const progressStrokeDasharray = `${strokeLength}, ${circumference}`;
|
|
29
|
+
const progressStrokeDashoffset = strokeLength / 100 * (100 - progressAfterInitAnimation);
|
|
30
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
31
|
+
"data-test": "cpb-container",
|
|
32
|
+
className: CircularProgressBar_module.default.container,
|
|
33
|
+
style: {
|
|
34
|
+
width: size,
|
|
35
|
+
height: size
|
|
36
|
+
}
|
|
37
|
+
}, /*#__PURE__*/React.createElement("svg", {
|
|
38
|
+
"data-test": "cpb-svg",
|
|
39
|
+
width: size,
|
|
40
|
+
height: size,
|
|
41
|
+
style: {
|
|
42
|
+
transform: `rotate(${rotate}deg)`
|
|
43
|
+
}
|
|
44
|
+
}, /*#__PURE__*/React.createElement("circle", {
|
|
45
|
+
"data-test": "cpb-background-outer-circle",
|
|
46
|
+
className: CircularProgressBar_module.default.backgroundOuterCircle,
|
|
47
|
+
cx: center,
|
|
48
|
+
cy: center,
|
|
49
|
+
r: radius,
|
|
50
|
+
strokeWidth: outerStrokeWidth,
|
|
51
|
+
strokeDasharray: strokeLength
|
|
52
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
53
|
+
"data-test": "cpb-background-inner-circle",
|
|
54
|
+
className: CircularProgressBar_module.default.backgroundInnerCircle,
|
|
55
|
+
cx: center,
|
|
56
|
+
cy: center,
|
|
57
|
+
r: radius,
|
|
58
|
+
strokeWidth: innerStrokeWidth,
|
|
59
|
+
strokeDasharray: strokeLength
|
|
60
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
61
|
+
"data-test": "cpb-progress-circle",
|
|
62
|
+
className: CircularProgressBar_module.default.progressCircle,
|
|
63
|
+
cx: center,
|
|
64
|
+
cy: center,
|
|
65
|
+
r: radius,
|
|
66
|
+
strokeWidth: outerStrokeWidth,
|
|
67
|
+
strokeDasharray: progressStrokeDasharray,
|
|
68
|
+
strokeDashoffset: progressStrokeDashoffset
|
|
69
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
70
|
+
"data-test": "cpb-text",
|
|
71
|
+
className: CircularProgressBar_module.default.indicator
|
|
72
|
+
}, text));
|
|
27
73
|
};
|
|
28
|
-
|
|
74
|
+
|
|
75
|
+
exports.CircularProgressBar = CircularProgressBar;
|
|
76
|
+
exports.innerStrokeWidth = innerStrokeWidth;
|
|
77
|
+
exports.outerStrokeWidth = outerStrokeWidth;
|
|
78
|
+
exports.size = size;
|
|
79
|
+
//# sourceMappingURL=CircularProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgressBar.js","
|
|
1
|
+
{"version":3,"file":"CircularProgressBar.js","sources":["../../src/components/CircularProgressBar.tsx"],"sourcesContent":[null],"names":["size","outerStrokeWidth","innerStrokeWidth","CircularProgressBar","progress","rotate","cut","initialAnimation","text","animationInitiated","setAnimationInitiated","useState","useEffectOnce","center","radius","circumference","Math","PI","progressAfterInitAnimation","strokeLength","progressStrokeDasharray","progressStrokeDashoffset","React","className","styles","container","style","width","height","createElement","transform","backgroundOuterCircle","cx","cy","r","strokeWidth","strokeDasharray","backgroundInnerCircle","progressCircle","strokeDashoffset","indicator"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"container":"CircularProgressBar-module__container___wXumZ","backgroundOuterCircle":"CircularProgressBar-module__backgroundOuterCircle___Ew3-V","backgroundInnerCircle":"CircularProgressBar-module__backgroundInnerCircle___9Ivy9","progressCircle":"CircularProgressBar-module__progressCircle___qddBG","indicator":"CircularProgressBar-module__indicator___EctRR"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=CircularProgressBar.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircularProgressBar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,61 +1,87 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var reactDom = require('react-dom');
|
|
5
|
+
var cn = require('classnames');
|
|
6
|
+
var useIsomorphicLayoutEffect = require('react-use/lib/useIsomorphicLayoutEffect');
|
|
7
|
+
var ContextMenu_module = require('./ContextMenu.module.scss.js');
|
|
8
|
+
var hooks_useRefValue = require('../hooks/useRefValue.js');
|
|
9
|
+
|
|
10
|
+
const ContextMenu = ({
|
|
11
|
+
anchorElement,
|
|
12
|
+
offset,
|
|
13
|
+
items
|
|
14
|
+
}) => {
|
|
15
|
+
const rootEl = React.useRef(null);
|
|
16
|
+
const [coords, setCoords] = React.useState(null);
|
|
17
|
+
const getOffset = hooks_useRefValue.useRefValue(offset);
|
|
18
|
+
const handleContextMenuOpen = React.useCallback(e => {
|
|
19
|
+
var _a, _b, _c, _d, _e, _f;
|
|
20
|
+
if (!anchorElement || !anchorElement.contains(e.target) && e.target !== anchorElement) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
e.preventDefault();
|
|
24
|
+
const currentOffset = getOffset();
|
|
25
|
+
const width = (_b = (_a = rootEl.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
|
|
26
|
+
const height = (_d = (_c = rootEl.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) !== null && _d !== void 0 ? _d : 0;
|
|
27
|
+
let left = e.pageX + ((_e = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.left) !== null && _e !== void 0 ? _e : 0);
|
|
28
|
+
let top = e.pageY + ((_f = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.top) !== null && _f !== void 0 ? _f : 0);
|
|
29
|
+
if (left + width > window.scrollX + document.documentElement.clientWidth) {
|
|
30
|
+
left = window.scrollX + document.documentElement.clientWidth - width;
|
|
31
|
+
}
|
|
32
|
+
if (top + height > window.scrollY + document.documentElement.clientHeight) {
|
|
33
|
+
top = window.scrollY + document.documentElement.clientHeight - height;
|
|
34
|
+
}
|
|
35
|
+
setCoords({
|
|
36
|
+
top,
|
|
37
|
+
left
|
|
38
|
+
});
|
|
39
|
+
}, [setCoords, getOffset, anchorElement]);
|
|
40
|
+
const handleContextMenuClose = React.useCallback(() => {
|
|
41
|
+
setCoords(null);
|
|
42
|
+
}, [setCoords]);
|
|
43
|
+
useIsomorphicLayoutEffect(() => {
|
|
44
|
+
if (anchorElement) {
|
|
45
|
+
document.body.addEventListener('contextmenu', handleContextMenuOpen, false);
|
|
46
|
+
}
|
|
47
|
+
return () => {
|
|
48
|
+
document.body.removeEventListener('contextmenu', handleContextMenuOpen);
|
|
49
|
+
};
|
|
50
|
+
}, [handleContextMenuOpen]);
|
|
51
|
+
useIsomorphicLayoutEffect(() => {
|
|
52
|
+
if (coords) {
|
|
53
|
+
document.body.addEventListener('click', handleContextMenuClose, false);
|
|
54
|
+
}
|
|
55
|
+
return () => {
|
|
56
|
+
document.body.removeEventListener('click', handleContextMenuClose);
|
|
57
|
+
};
|
|
58
|
+
}, [coords, handleContextMenuClose]);
|
|
59
|
+
useIsomorphicLayoutEffect(() => {
|
|
60
|
+
if (coords) {
|
|
61
|
+
window.addEventListener('resize', handleContextMenuClose);
|
|
62
|
+
window.addEventListener('orientationchange', handleContextMenuClose);
|
|
63
|
+
}
|
|
64
|
+
return () => {
|
|
65
|
+
window.removeEventListener('resize', handleContextMenuClose);
|
|
66
|
+
window.removeEventListener('orientationchange', handleContextMenuClose);
|
|
67
|
+
};
|
|
68
|
+
}, [coords, handleContextMenuClose]);
|
|
69
|
+
return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React.createElement("div", {
|
|
70
|
+
ref: rootEl,
|
|
71
|
+
style: coords || undefined,
|
|
72
|
+
className: cn(ContextMenu_module.default.root, {
|
|
73
|
+
[ContextMenu_module.default.hidden]: !coords
|
|
74
|
+
})
|
|
75
|
+
}, items.map(({
|
|
76
|
+
onClick,
|
|
77
|
+
content,
|
|
78
|
+
className
|
|
79
|
+
}, index) => (/*#__PURE__*/React.createElement("button", {
|
|
80
|
+
key: index,
|
|
81
|
+
className: cn(ContextMenu_module.default.item, className),
|
|
82
|
+
onClick: onClick
|
|
83
|
+
}, content)))), document.body);
|
|
60
84
|
};
|
|
61
|
-
|
|
85
|
+
|
|
86
|
+
exports.ContextMenu = ContextMenu;
|
|
87
|
+
//# sourceMappingURL=ContextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sources":["../../src/components/ContextMenu.tsx"],"sourcesContent":[null],"names":["ContextMenu","anchorElement","offset","items","rootEl","useRef","coords","setCoords","useState","getOffset","useRefValue","handleContextMenuOpen","useCallback","e","contains","target","preventDefault","currentOffset","width","_b","_a","current","offsetWidth","height","_d","_c","offsetHeight","left","pageX","_e","top","pageY","_f","window","scrollX","document","documentElement","clientWidth","scrollY","clientHeight","handleContextMenuClose","useIsomorphicLayoutEffect","body","addEventListener","removeEventListener","createPortal","React","createElement","ref","style","undefined","className","cls","styles","root","hidden","map","onClick","content","index","key","item"],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"root":"ContextMenu-module__root___WBh1T","item":"ContextMenu-module__item___dDuQF","hidden":"ContextMenu-module__hidden___BA-wJ"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=ContextMenu.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/lib/components/Dialog.js
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var cn = require('classnames');
|
|
5
|
+
var components_Modal = require('./Modal.js');
|
|
6
|
+
var Dialog_module = require('./Dialog.module.scss.js');
|
|
7
|
+
|
|
8
|
+
const DIALOG_AFFIRMATION_DEFAULT = 'Are you sure you wish to proceed?';
|
|
6
9
|
/**
|
|
7
10
|
* ### Purpose
|
|
8
11
|
* Occasionally there's a user-story that's not a part of the main user flow. Such action can be contained in a Dialog.
|
|
@@ -12,29 +15,46 @@ export const DIALOG_AFFIRMATION_DEFAULT = 'Are you sure you wish to proceed?';
|
|
|
12
15
|
* - Dialog is a special kind of Modal. It's made for simple use-cases such as confirmations.
|
|
13
16
|
* - Use affirmation` and `consequences` props to set the content of the Dialog.
|
|
14
17
|
*/
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
18
|
+
const Dialog = ({
|
|
19
|
+
modalClassName,
|
|
20
|
+
consequences,
|
|
21
|
+
affirmation = DIALOG_AFFIRMATION_DEFAULT,
|
|
22
|
+
actionChildren,
|
|
23
|
+
actionDangerous,
|
|
24
|
+
actionDisabled,
|
|
25
|
+
actionDisabledTooltip,
|
|
26
|
+
actionOnConfirm,
|
|
27
|
+
...rest
|
|
28
|
+
}) => {
|
|
29
|
+
const actions = React.useMemo(() => {
|
|
30
|
+
const props = actionChildren && actionOnConfirm ? [{
|
|
31
|
+
autoFocus: !actionDangerous,
|
|
32
|
+
color: actionDangerous ? 'secondary' : 'primary',
|
|
33
|
+
...(actionDisabled && actionDisabledTooltip ? {
|
|
34
|
+
disabled: actionDisabled,
|
|
35
|
+
disabledTooltip: actionDisabledTooltip
|
|
36
|
+
} : {
|
|
37
|
+
disabled: undefined,
|
|
38
|
+
disabledTooltip: undefined
|
|
39
|
+
}),
|
|
40
|
+
onClick: actionOnConfirm,
|
|
41
|
+
children: actionChildren
|
|
42
|
+
}] : [];
|
|
43
|
+
return props;
|
|
44
|
+
}, [actionDangerous, actionDisabled, actionDisabledTooltip, actionOnConfirm, actionChildren]);
|
|
45
|
+
return /*#__PURE__*/React.createElement(components_Modal.Modal, {
|
|
46
|
+
className: cn(Dialog_module.default.dialog, modalClassName),
|
|
47
|
+
headerClassName: Dialog_module.default.dialogHeader,
|
|
48
|
+
bodyClassName: Dialog_module.default.dialogBody,
|
|
49
|
+
contentClassName: Dialog_module.default.dialogConsequences,
|
|
50
|
+
footerClassName: Dialog_module.default.dialogFooter,
|
|
51
|
+
actions: actions,
|
|
52
|
+
title: affirmation,
|
|
53
|
+
showCloseButton: false,
|
|
54
|
+
...rest
|
|
55
|
+
}, consequences);
|
|
39
56
|
};
|
|
40
|
-
|
|
57
|
+
|
|
58
|
+
exports.DIALOG_AFFIRMATION_DEFAULT = DIALOG_AFFIRMATION_DEFAULT;
|
|
59
|
+
exports.Dialog = Dialog;
|
|
60
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../src/components/Dialog.tsx"],"sourcesContent":[null],"names":["DIALOG_AFFIRMATION_DEFAULT","Dialog","modalClassName","consequences","affirmation","actionChildren","actionDangerous","actionDisabled","actionDisabledTooltip","actionOnConfirm","rest","actions","useMemo","props","autoFocus","color","disabled","disabledTooltip","undefined","onClick","children","React","createElement","Modal","className","cn","styles","dialog","headerClassName","dialogHeader","bodyClassName","dialogBody","contentClassName","dialogConsequences","footerClassName","dialogFooter","title","showCloseButton"],"mappings":";;;;;;;AAOO,MAAMA,0BAA0B,GAAG;AAyB1C;;;;;;;;AAQG;AACI,MAAMC,MAAM,GAAoBA,CAAC;EACtCC,cAAc;EACdC,YAAY;AACZC,EAAAA,WAAW,GAAGJ,0BAA0B;EACxCK,cAAc;EACdC,eAAe;EACfC,cAAc;EACdC,qBAAqB;EACrBC,eAAe;EACf,GAAGC;AAAI,CACR,KAAI;AACH,EAAA,MAAMC,OAAO,GAAGC,aAAO,CAAC,MAAK;AAC3B,IAAA,MAAMC,KAAK,GACTR,cAAc,IAAII,eAAe,GAC7B,CACE;MACEK,SAAS,EAAE,CAACR,eAAe;AAC3BS,MAAAA,KAAK,EAAET,eAAe,GAAG,WAAW,GAAG,SAAS;MAChD,IAAIC,cAAc,IAAIC,qBAAqB,GACvC;AACEQ,QAAAA,QAAQ,EAAET,cAAc;AACxBU,QAAAA,eAAe,EAAET;AAClB,OAAA,GACD;AACEQ,QAAAA,QAAQ,EAAEE,SAAS;AACnBD,QAAAA,eAAe,EAAEC;OAClB,CAAC;AACNC,MAAAA,OAAO,EAAEV,eAAe;AACxBW,MAAAA,QAAQ,EAAEf;KACX,CACF,GACD,EAAE;AAER,IAAA,OAAOQ,KAAK;AACd,EAAA,CAAC,EAAE,CAACP,eAAe,EAAEC,cAAc,EAAEC,qBAAqB,EAAEC,eAAe,EAAEJ,cAAc,CAAC,CAAC;AAE7F,EAAA,oBACEgB,KAAA,CAAAC,aAAA,CAACC,sBAAK,EAAA;IACJC,SAAS,EAAEC,EAAE,CAACC,qBAAM,CAACC,MAAM,EAAEzB,cAAc,CAAC;IAC5C0B,eAAe,EAAEF,qBAAM,CAACG,YAAY;IACpCC,aAAa,EAAEJ,qBAAM,CAACK,UAAU;IAChCC,gBAAgB,EAAEN,qBAAM,CAACO,kBAAkB;IAC3CC,eAAe,EAAER,qBAAM,CAACS,YAAY;AACpCxB,IAAAA,OAAO,EAAEA,OAAO;AAChByB,IAAAA,KAAK,EAAEhC,WAAW;AAClBiC,IAAAA,eAAe,EAAE,KAAK;IAAA,GAClB3B;GAAI,EAEPP,YAAY,CACP;AAEZ;;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"dialog":"Dialog-module__dialog___1YLtB","dialogBody":"Dialog-module__dialogBody___N-1Q9","dialogHeader":"Dialog-module__dialogHeader___-5T8o","dialogConsequences":"Dialog-module__dialogConsequences___3N8OS","dialogFooter":"Dialog-module__dialogFooter___DYnvo"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=Dialog.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var cn = require('classnames');
|
|
5
|
+
var reactFeather = require('react-feather');
|
|
6
|
+
var components_Button = require('./Button.js');
|
|
7
|
+
var components_Link = require('./Link.js');
|
|
8
|
+
var components_Icon = require('./Icon.js');
|
|
9
|
+
var EmptyState_module = require('./EmptyState.module.scss.js');
|
|
10
|
+
|
|
8
11
|
/**
|
|
9
12
|
* ### Purpose
|
|
10
13
|
* Sometimes users performs an action, that yields an empty result. Such cases may be first use of a feature, view with no data, user cleared view or an error state.
|
|
@@ -16,17 +19,60 @@ import styles from './EmptyState.module.scss';
|
|
|
16
19
|
* - Good practice is add an action button to guide a user for the next steps to get out of the empty state.
|
|
17
20
|
* - Description helps to describe the semantics more thoroughly.
|
|
18
21
|
*/
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
22
|
+
const EmptyState = ({
|
|
23
|
+
'data-test': dataTest,
|
|
24
|
+
direction = 'vertical',
|
|
25
|
+
size = 'normal',
|
|
26
|
+
title,
|
|
27
|
+
description,
|
|
28
|
+
icon,
|
|
29
|
+
iconLabel,
|
|
30
|
+
className,
|
|
31
|
+
...restWActionProps
|
|
32
|
+
}) => {
|
|
33
|
+
const {
|
|
34
|
+
action,
|
|
35
|
+
actionHref,
|
|
36
|
+
actionOnClick,
|
|
37
|
+
actionTarget,
|
|
38
|
+
actionRel
|
|
39
|
+
} = restWActionProps;
|
|
40
|
+
const iconSize = direction === 'vertical' && size === 'large' ? 'xlarge' : 'large';
|
|
41
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
42
|
+
"data-test": dataTest !== null && dataTest !== void 0 ? dataTest : 'empty-state-container',
|
|
43
|
+
className: cn(EmptyState_module.default.container, {
|
|
44
|
+
[EmptyState_module.default.horizontal]: direction === 'horizontal',
|
|
45
|
+
[EmptyState_module.default.large]: size === 'large'
|
|
46
|
+
}, className)
|
|
47
|
+
}, /*#__PURE__*/React.createElement(components_Icon.Icon, {
|
|
48
|
+
"data-test": "empty-state-icon",
|
|
49
|
+
className: EmptyState_module.default.icon,
|
|
50
|
+
icon: icon,
|
|
51
|
+
ariaLabel: iconLabel,
|
|
52
|
+
size: iconSize
|
|
53
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
54
|
+
className: EmptyState_module.default.content
|
|
55
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
"data-test": "empty-state-title",
|
|
57
|
+
className: EmptyState_module.default.title
|
|
58
|
+
}, title), description && (/*#__PURE__*/React.createElement("p", {
|
|
59
|
+
"data-test": "empty-state-description",
|
|
60
|
+
className: EmptyState_module.default.description
|
|
61
|
+
}, description)), action ? direction === 'horizontal' && actionHref !== undefined ? (/*#__PURE__*/React.createElement(components_Link.Link, {
|
|
62
|
+
"data-test": "empty-state-link",
|
|
63
|
+
className: EmptyState_module.default.action,
|
|
64
|
+
icon: reactFeather.ChevronRight,
|
|
65
|
+
ariaLabel: "Icon Chevron Right",
|
|
66
|
+
href: actionHref,
|
|
67
|
+
target: actionTarget,
|
|
68
|
+
rel: actionRel,
|
|
69
|
+
size: "small"
|
|
70
|
+
}, action)) : (/*#__PURE__*/React.createElement(components_Button.Button, {
|
|
71
|
+
"data-test": "empty-state-button",
|
|
72
|
+
className: EmptyState_module.default.action,
|
|
73
|
+
onClick: actionOnClick
|
|
74
|
+
}, action)) : null));
|
|
31
75
|
};
|
|
32
|
-
|
|
76
|
+
|
|
77
|
+
exports.EmptyState = EmptyState;
|
|
78
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sources":["../../src/components/EmptyState.tsx"],"sourcesContent":[null],"names":["EmptyState","dataTest","direction","size","title","description","icon","iconLabel","className","restWActionProps","action","actionHref","actionOnClick","actionTarget","actionRel","iconSize","React","createElement","cn","styles","container","horizontal","large","Icon","ariaLabel","content","undefined","Link","ChevronRight","href","target","rel","Button","onClick"],"mappings":";;;;;;;;;;AAwDA;;;;;;;;;;AAUG;AACI,MAAMA,UAAU,GAAwBA,CAAC;AAC9C,EAAA,WAAW,EAAEC,QAAQ;AACrBC,EAAAA,SAAS,GAAG,UAAU;AACtBC,EAAAA,IAAI,GAAG,QAAQ;EACfC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,SAAS;EACTC,SAAS;EACT,GAAGC;AAAgB,CACpB,KAAI;EACH,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC,YAAY;AAAEC,IAAAA;AAAS,GAAE,GAAGL,gBAAgB;AAEvF,EAAA,MAAMM,QAAQ,GAAGb,SAAS,KAAK,UAAU,IAAIC,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,OAAO;AAElF,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAA,IAAA,WAAA,EACahB,QAAQ,KAAA,IAAA,IAARA,QAAQ,cAARA,QAAQ,GAAI,uBAAuB;AAC9CO,IAAAA,SAAS,EAAEU,EAAE,CACXC,yBAAM,CAACC,SAAS,EAChB;AACE,MAAA,CAACD,yBAAM,CAACE,UAAU,GAAGnB,SAAS,KAAK,YAAY;AAC/C,MAAA,CAACiB,yBAAM,CAACG,KAAK,GAAGnB,IAAI,KAAK;AAC1B,KAAA,EACDK,SAAS;AACV,GAAA,eAEDQ,KAAA,CAAAC,aAAA,CAACM,oBAAI;iBAAW,kBAAkB;IAACf,SAAS,EAAEW,yBAAM,CAACb,IAAI;AAAEA,IAAAA,IAAI,EAAEA,IAAI;AAAEkB,IAAAA,SAAS,EAAEjB,SAAS;AAAEJ,IAAAA,IAAI,EAAEY;AAAQ,GAAA,CAAI,eAC/GC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKT,SAAS,EAAEW,yBAAM,CAACM;AAAO,GAAA,eAC5BT,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAA,IAAA,WAAA,EAAe,mBAAmB;IAACT,SAAS,EAAEW,yBAAM,CAACf;GAAK,EACvDA,KAAK,CACF,EACLC,WAAW,kBACVW,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAA,IAAA,WAAA,EAAa,yBAAyB;IAACT,SAAS,EAAEW,yBAAM,CAACd;GAAW,EACjEA,WAAW,CACV,CACL,EAEAK,MAAM,GACLR,SAAS,KAAK,YAAY,IAAIS,UAAU,KAAKe,SAAS,iBACpDV,KAAA,CAAAC,aAAA,CAACU,oBAAI,EAAA;AAAA,IAAA,WAAA,EACO,kBAAkB;IAC5BnB,SAAS,EAAEW,yBAAM,CAACT,MAAM;AACxBJ,IAAAA,IAAI,EAAEsB,yBAAY;AAClBJ,IAAAA,SAAS,EAAC,oBAAoB;AAC9BK,IAAAA,IAAI,EAAElB,UAAU;AAChBmB,IAAAA,MAAM,EAAEjB,YAAY;AACpBkB,IAAAA,GAAG,EAAEjB,SAAS;AACdX,IAAAA,IAAI,EAAC;KAEJO,MAAM,CACF,kBAEPM,oBAACgB,wBAAM,EAAA;AAAA,IAAA,WAAA,EAAW,oBAAoB;IAACxB,SAAS,EAAEW,yBAAM,CAACT,MAAM;AAAEuB,IAAAA,OAAO,EAAErB;KACvEF,MAAM,CACA,CACV,GACC,IAAI,CACJ,CACF;AAEV;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = {"container":"EmptyState-module__container___DuPSd","content":"EmptyState-module__content___fxXYa","title":"EmptyState-module__title___xFpbO","description":"EmptyState-module__description___JaYGl","action":"EmptyState-module__action___ANXsQ","large":"EmptyState-module__large___IaO9f","horizontal":"EmptyState-module__horizontal___l8R0X","icon":"EmptyState-module__icon___npnNC"};
|
|
6
|
+
|
|
7
|
+
exports.default = styles;
|
|
8
|
+
//# sourceMappingURL=EmptyState.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|