@hazelcast/ui 1.3.3-next.9 → 2.0.1-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/README.md +223 -6
- package/lib/components/Alert.d.ts +33 -0
- package/lib/components/Alert.js +51 -0
- package/lib/components/Alert.js.map +1 -0
- package/lib/components/Alert.module.scss +141 -0
- package/lib/components/AppHeader/AppHeader.d.ts +16 -0
- package/lib/components/AppHeader/AppHeader.js +17 -0
- package/lib/components/AppHeader/AppHeader.js.map +1 -0
- package/lib/components/AppHeader/AppHeader.module.scss +29 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.d.ts +12 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +7 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -0
- package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +29 -0
- package/lib/components/AppHeader/AppHeaderLogo/index.js.map +1 -0
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.d.ts +8 -0
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +15 -0
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -0
- package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +20 -0
- package/lib/components/AppHeader/AppHeaderMenu/index.js.map +1 -0
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.d.ts +5 -0
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -0
- package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +13 -0
- package/lib/components/AppHeader/EnvironmentBadge/index.js.map +1 -0
- package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -0
- package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +101 -0
- package/lib/components/AppHeader/SelectCluster/index.js.map +1 -0
- package/lib/components/AppHeader/index.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebar.d.ts +11 -0
- package/lib/components/AppSidebar/AppSidebar.js +31 -0
- package/lib/components/AppSidebar/AppSidebar.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebar.module.scss +66 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.d.ts +6 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +16 -0
- package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.d.ts +7 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +13 -0
- package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts +28 -0
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +23 -0
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +92 -0
- package/lib/components/AppSidebar/AppSidebarItem/index.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.d.ts +6 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +24 -0
- package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.d.ts +13 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +15 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +58 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.d.ts +12 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +54 -0
- package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.d.ts +1 -0
- package/lib/components/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -0
- package/lib/components/AppSidebar/AppSidebarSection/index.js.map +1 -0
- package/lib/components/AppSidebar/appSidebarContext.d.ts +9 -0
- package/lib/components/AppSidebar/appSidebarContext.js.map +1 -0
- package/lib/components/AppSidebar/index.js.map +1 -0
- package/lib/components/AutocompleteField.js +166 -0
- package/lib/components/AutocompleteField.js.map +1 -0
- package/lib/components/AutocompleteField.module.scss +164 -0
- package/lib/components/AutocompleteFieldFormik.d.ts +9 -0
- package/lib/components/AutocompleteFieldFormik.js +19 -0
- package/lib/components/AutocompleteFieldFormik.js.map +1 -0
- package/lib/components/Badge.js +44 -0
- package/lib/components/Badge.js.map +1 -0
- package/lib/components/Badge.module.scss +55 -0
- package/lib/components/Button.d.ts +97 -0
- package/lib/components/Button.js +64 -0
- package/lib/components/Button.js.map +1 -0
- package/lib/components/Button.module.scss +329 -0
- package/lib/components/Calendar/Calendar.d.ts +17 -0
- package/lib/components/Calendar/Calendar.js +38 -0
- package/lib/components/Calendar/Calendar.js.map +1 -0
- package/lib/components/Calendar/Calendar.module.scss +185 -0
- package/lib/components/Calendar/CalendarRange.js.map +1 -0
- package/lib/components/Calendar/CalendarRange.module.scss +21 -0
- package/lib/components/Calendar/components/CalendarHeader.js +13 -0
- package/lib/components/Calendar/components/CalendarHeader.js.map +1 -0
- package/lib/components/Calendar/components/CalendarInput.d.ts +16 -0
- package/lib/components/Calendar/components/CalendarInput.js +12 -0
- package/lib/components/Calendar/components/CalendarInput.js.map +1 -0
- package/lib/components/Calendar/components/CalendarTime.d.ts +10 -0
- package/lib/components/Calendar/components/CalendarTime.js +69 -0
- package/lib/components/Calendar/components/CalendarTime.js.map +1 -0
- package/lib/components/Calendar/components/CalendarTime.module.scss +72 -0
- package/lib/components/Calendar/helpers/consts.js.map +1 -0
- package/lib/components/Card.d.ts +26 -0
- package/lib/components/Card.js +21 -0
- package/lib/components/Card.js.map +1 -0
- package/lib/components/Card.module.scss +92 -0
- package/lib/components/Carousel.d.ts +26 -0
- package/lib/components/Carousel.js +28 -0
- package/lib/components/Carousel.js.map +1 -0
- package/lib/components/Carousel.module.scss +43 -0
- package/lib/components/CenteredLoader.d.ts +5 -0
- package/lib/components/CenteredLoader.js.map +1 -0
- package/lib/components/CenteredLoader.module.scss +11 -0
- package/lib/components/Checkbox.d.ts +35 -0
- package/lib/components/Checkbox.js +38 -0
- package/lib/components/Checkbox.js.map +1 -0
- package/lib/components/Checkbox.module.scss +106 -0
- package/lib/components/CheckboxFormik.d.ts +10 -0
- package/lib/components/CheckboxFormik.js +17 -0
- package/lib/components/CheckboxFormik.js.map +1 -0
- package/lib/components/CircularProgressBar.js.map +1 -0
- package/lib/components/CircularProgressBar.module.scss +37 -0
- package/lib/components/ContextMenu.js +61 -0
- package/lib/components/ContextMenu.js.map +1 -0
- package/lib/components/ContextMenu.module.scss +37 -0
- package/lib/components/Dialog.js +40 -0
- package/lib/components/Dialog.js.map +1 -0
- package/lib/components/Dialog.module.scss +62 -0
- package/lib/components/EmptyState.d.ts +52 -0
- package/lib/components/EmptyState.js.map +1 -0
- package/lib/components/EmptyState.module.scss +87 -0
- package/lib/components/Error.d.ts +13 -0
- package/lib/components/Error.js +8 -0
- package/lib/components/Error.js.map +1 -0
- package/lib/components/Error.module.scss +12 -0
- package/lib/components/FieldHeader.d.ts +24 -0
- package/lib/components/FieldHeader.js.map +1 -0
- package/lib/components/FieldHeader.module.scss +20 -0
- package/lib/components/Help.d.ts +15 -0
- package/lib/components/Help.js +14 -0
- package/lib/components/Help.js.map +1 -0
- package/lib/components/Help.module.scss +9 -0
- package/lib/components/Icon.d.ts +30 -0
- package/lib/components/Icon.js +27 -0
- package/lib/components/Icon.js.map +1 -0
- package/lib/components/Icon.module.scss +33 -0
- package/lib/components/IconButton.d.ts +49 -0
- package/lib/components/IconButton.js +25 -0
- package/lib/components/IconButton.js.map +1 -0
- package/lib/components/IconButton.module.scss +59 -0
- package/lib/components/InteractiveList.d.ts +38 -0
- package/lib/components/InteractiveList.js +47 -0
- package/lib/components/InteractiveList.js.map +1 -0
- package/lib/components/InteractiveList.module.scss +72 -0
- package/lib/components/InteractiveListFormik.d.ts +22 -0
- package/lib/components/InteractiveListFormik.js +96 -0
- package/lib/components/InteractiveListFormik.js.map +1 -0
- package/lib/components/Label.d.ts +9 -0
- package/lib/components/Label.js +5 -0
- package/lib/components/Label.js.map +1 -0
- package/lib/components/Label.module.scss +12 -0
- package/lib/components/Link.d.ts +53 -0
- package/lib/components/Link.js +45 -0
- package/lib/components/Link.js.map +1 -0
- package/lib/components/Link.module.scss +64 -0
- package/lib/components/Loader.d.ts +12 -0
- package/lib/components/Loader.js +26 -0
- package/lib/components/Loader.js.map +1 -0
- package/lib/components/Loader.module.scss +74 -0
- package/lib/components/Modal.d.ts +26 -0
- package/lib/components/Modal.js +41 -0
- package/lib/components/Modal.js.map +1 -0
- package/lib/components/Modal.module.scss +109 -0
- package/lib/components/Notification.js.map +1 -0
- package/lib/components/Notification.module.scss +97 -0
- package/lib/components/NumberBadge.js.map +1 -0
- package/lib/components/NumberBadge.module.scss +13 -0
- package/lib/components/NumberField.d.ts +33 -0
- package/lib/components/NumberField.js +141 -0
- package/lib/components/NumberField.js.map +1 -0
- package/lib/components/NumberField.module.scss +76 -0
- package/lib/components/NumberFieldFormik.d.ts +10 -0
- package/lib/components/NumberFieldFormik.js +52 -0
- package/lib/components/NumberFieldFormik.js.map +1 -0
- package/lib/components/Overlay.d.ts +23 -0
- package/lib/components/Overlay.js.map +1 -0
- package/lib/components/Overlay.module.scss +108 -0
- package/lib/components/Pagination.js +106 -0
- package/lib/components/Pagination.js.map +1 -0
- package/lib/components/Pagination.module.scss +117 -0
- package/lib/components/PasswordField.d.ts +29 -0
- package/lib/components/PasswordField.js +26 -0
- package/lib/components/PasswordField.js.map +1 -0
- package/lib/components/PasswordField.module.scss +26 -0
- package/lib/components/PasswordFieldFormik.d.ts +10 -0
- package/lib/components/PasswordFieldFormik.js +17 -0
- package/lib/components/PasswordFieldFormik.js.map +1 -0
- package/lib/components/Popover.d.ts +23 -0
- package/lib/components/Popover.js +120 -0
- package/lib/components/Popover.js.map +1 -0
- package/lib/components/Popover.module.scss +12 -0
- package/lib/components/Radio.d.ts +26 -0
- package/lib/components/Radio.js +34 -0
- package/lib/components/Radio.js.map +1 -0
- package/lib/components/Radio.module.scss +112 -0
- package/lib/components/RadioFormik.js.map +1 -0
- package/lib/components/RadioGroup.d.ts +21 -0
- package/lib/components/RadioGroup.js +24 -0
- package/lib/components/RadioGroup.js.map +1 -0
- package/lib/components/RadioGroup.module.scss +21 -0
- package/lib/components/RadioGroupContext.d.ts +6 -0
- package/lib/components/RadioGroupContext.js.map +1 -0
- package/lib/components/RadioGroupFormik.d.ts +10 -0
- package/lib/components/RadioGroupFormik.js +17 -0
- package/lib/components/RadioGroupFormik.js.map +1 -0
- package/lib/components/SegmentedControl.d.ts +18 -0
- package/lib/components/SegmentedControl.js.map +1 -0
- package/lib/components/SegmentedControl.module.scss +81 -0
- package/lib/components/SegmentedControlFormik.d.ts +9 -0
- package/lib/components/SegmentedControlFormik.js +13 -0
- package/lib/components/SegmentedControlFormik.js.map +1 -0
- package/lib/components/Select/CheckableSelectField.d.ts +40 -0
- package/lib/components/Select/CheckableSelectField.js +78 -0
- package/lib/components/Select/CheckableSelectField.js.map +1 -0
- package/lib/components/Select/CheckableSelectField.module.scss +100 -0
- package/lib/components/Select/CheckableSelectFieldFormik.d.ts +10 -0
- package/lib/components/Select/CheckableSelectFieldFormik.js +19 -0
- package/lib/components/Select/CheckableSelectFieldFormik.js.map +1 -0
- package/lib/components/Select/Common.js +54 -0
- package/lib/components/Select/Common.js.map +1 -0
- package/lib/components/Select/Common.module.scss +69 -0
- package/lib/components/Select/MultiSelectField.d.ts +28 -0
- package/lib/components/Select/MultiSelectField.js +113 -0
- package/lib/components/Select/MultiSelectField.js.map +1 -0
- package/lib/components/Select/MultiSelectField.module.scss +72 -0
- package/lib/components/Select/MultiSelectFieldFormik.d.ts +11 -0
- package/lib/components/Select/MultiSelectFieldFormik.js +19 -0
- package/lib/components/Select/MultiSelectFieldFormik.js.map +1 -0
- package/lib/components/Select/SelectField.d.ts +43 -0
- package/lib/components/Select/SelectField.js +102 -0
- package/lib/components/Select/SelectField.js.map +1 -0
- package/lib/components/Select/SelectField.module.scss +194 -0
- package/lib/components/Select/SelectFieldFormik.d.ts +10 -0
- package/lib/components/Select/SelectFieldFormik.js +19 -0
- package/lib/components/Select/SelectFieldFormik.js.map +1 -0
- package/lib/components/Select/helpers.d.ts +12 -0
- package/lib/components/Select/helpers.js +29 -0
- package/lib/components/Select/helpers.js.map +1 -0
- package/lib/components/Select/index.js.map +1 -0
- package/lib/components/SimpleTable.d.ts +11 -0
- package/lib/components/SimpleTable.js.map +1 -0
- package/lib/components/SimpleTable.module.scss +28 -0
- package/lib/components/Slider.d.ts +59 -0
- package/lib/components/Slider.js +205 -0
- package/lib/components/Slider.js.map +1 -0
- package/lib/components/Slider.module.scss +277 -0
- package/lib/components/SliderFormik.d.ts +9 -0
- package/lib/components/SliderFormik.js +14 -0
- package/lib/components/SliderFormik.js.map +1 -0
- package/lib/components/Table/Cell.d.ts +27 -0
- package/lib/components/Table/Cell.js +60 -0
- package/lib/components/Table/Cell.js.map +1 -0
- package/lib/components/Table/Cell.module.scss +61 -0
- package/lib/components/Table/CellWrapper.d.ts +11 -0
- package/lib/components/Table/CellWrapper.js +29 -0
- package/lib/components/Table/CellWrapper.js.map +1 -0
- package/lib/components/Table/EnhancedRenderers.d.ts +21 -0
- package/lib/components/Table/EnhancedRenderers.js +13 -0
- package/lib/components/Table/EnhancedRenderers.js.map +1 -0
- package/lib/components/Table/Header.d.ts +25 -0
- package/lib/components/Table/Header.js +94 -0
- package/lib/components/Table/Header.js.map +1 -0
- package/lib/components/Table/Header.module.scss +128 -0
- package/lib/components/Table/Row.d.ts +19 -0
- package/lib/components/Table/Row.js +24 -0
- package/lib/components/Table/Row.js.map +1 -0
- package/lib/components/Table/Row.module.scss +59 -0
- package/lib/components/Table/Table.d.ts +85 -0
- package/lib/components/Table/Table.js +259 -0
- package/lib/components/Table/Table.js.map +1 -0
- package/lib/components/Table/Table.module.scss +31 -0
- package/lib/components/Table/TableContent.d.ts +26 -0
- package/lib/components/Table/TableContent.js +58 -0
- package/lib/components/Table/TableContent.js.map +1 -0
- package/lib/components/Table/constants.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.d.ts +8 -0
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +13 -0
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/CellCopyablePopover.module.scss +12 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.d.ts +6 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/ContextMenu/index.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/columnsSelection.d.ts +18 -0
- package/lib/components/Table/features/columnsSelection/columnsSelection.js +71 -0
- package/lib/components/Table/features/columnsSelection/columnsSelection.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/helpers.js.map +1 -0
- package/lib/components/Table/features/columnsSelection/index.js.map +1 -0
- package/lib/components/Table/helpers.d.ts +2 -0
- package/lib/components/Table/helpers.js +10 -0
- package/lib/components/Table/helpers.js.map +1 -0
- package/lib/components/Table/tableTypes.d.ts +80 -0
- package/lib/components/Table/tableTypes.js +2 -0
- package/lib/components/Table/tableTypes.js.map +1 -0
- package/lib/components/Table/useTrackTableState.d.ts +3 -0
- package/lib/components/Table/useTrackTableState.js +30 -0
- package/lib/components/Table/useTrackTableState.js.map +1 -0
- package/lib/components/Table/utils.d.ts +16 -0
- package/lib/components/Table/utils.js +121 -0
- package/lib/components/Table/utils.js.map +1 -0
- package/lib/components/Tabs/Tab.d.ts +33 -0
- package/lib/components/Tabs/Tab.js +39 -0
- package/lib/components/Tabs/Tab.js.map +1 -0
- package/lib/components/Tabs/Tab.module.scss +58 -0
- package/lib/components/Tabs/TabContext.js.map +1 -0
- package/lib/components/Tabs/TabList.js +58 -0
- package/lib/components/Tabs/TabList.js.map +1 -0
- package/lib/components/Tabs/TabPanel.d.ts +14 -0
- package/lib/components/Tabs/TabPanel.js +17 -0
- package/lib/components/Tabs/TabPanel.js.map +1 -0
- package/lib/components/Tabs/index.js.map +1 -0
- package/lib/components/Terminal.d.ts +25 -0
- package/lib/components/Terminal.js +113 -0
- package/lib/components/Terminal.js.map +1 -0
- package/lib/components/Terminal.module.scss +109 -0
- package/lib/components/TextArea.d.ts +19 -0
- package/lib/components/TextArea.js +31 -0
- package/lib/components/TextArea.js.map +1 -0
- package/lib/components/TextArea.module.scss +144 -0
- package/lib/components/TextAreaFormik.d.ts +9 -0
- package/lib/components/TextAreaFormik.js.map +1 -0
- package/lib/components/TextField.d.ts +50 -0
- package/lib/components/TextField.js +65 -0
- package/lib/components/TextField.js.map +1 -0
- package/lib/components/TextField.module.scss +209 -0
- package/lib/components/TextFieldFormik.d.ts +11 -0
- package/lib/components/TextFieldFormik.js +23 -0
- package/lib/components/TextFieldFormik.js.map +1 -0
- package/lib/components/TimeField.d.ts +17 -0
- package/lib/components/TimeField.js +15 -0
- package/lib/components/TimeField.js.map +1 -0
- package/lib/components/TimeFieldFormik.d.ts +9 -0
- package/lib/components/TimeFieldFormik.js.map +1 -0
- package/lib/components/Toast.d.ts +29 -0
- package/lib/components/Toast.js +56 -0
- package/lib/components/Toast.js.map +1 -0
- package/lib/components/Toast.module.scss +53 -0
- package/lib/components/Toggle.d.ts +21 -0
- package/lib/components/Toggle.js +22 -0
- package/lib/components/Toggle.js.map +1 -0
- package/lib/components/Toggle.module.scss +175 -0
- package/lib/components/ToggleFormik.d.ts +9 -0
- package/lib/components/ToggleFormik.js +12 -0
- package/lib/components/ToggleFormik.js.map +1 -0
- package/lib/components/Tooltip.d.ts +42 -0
- package/lib/components/Tooltip.js +139 -0
- package/lib/components/Tooltip.js.map +1 -0
- package/lib/components/Tooltip.module.scss +175 -0
- package/lib/components/TruncatedText.d.ts +15 -0
- package/lib/components/TruncatedText.js +23 -0
- package/lib/components/TruncatedText.js.map +1 -0
- package/lib/components/TruncatedText.module.scss +9 -0
- package/lib/helpers/array.d.ts +5 -0
- package/lib/helpers/array.js +19 -0
- package/lib/helpers/array.js.map +1 -0
- package/lib/helpers/escapeHtml.d.ts +1 -0
- package/lib/helpers/escapeHtml.js +7 -0
- package/lib/helpers/escapeHtml.js.map +1 -0
- package/lib/helpers/forms.d.ts +1 -0
- package/lib/helpers/forms.js +16 -0
- package/lib/helpers/forms.js.map +1 -0
- package/lib/helpers/math.d.ts +1 -0
- package/lib/helpers/math.js +7 -0
- package/lib/helpers/math.js.map +1 -0
- package/lib/helpers/types.d.ts +35 -0
- package/lib/helpers/types.js +2 -0
- package/lib/helpers/types.js.map +1 -0
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useCloseOnResize.js.map +1 -1
- package/lib/hooks/useDeepEqual.js +0 -1
- package/lib/hooks/useDeepEqual.js.map +1 -1
- package/lib/hooks/useDimensions.js.map +1 -1
- package/lib/hooks/useOnClickOutside.d.ts +1 -1
- package/lib/hooks/useOnClickOutside.js +7 -1
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/lib/hooks/usePagination.js +1 -1
- package/lib/hooks/usePagination.js.map +1 -1
- package/lib/hooks/usePersistedState.d.ts +2 -0
- package/lib/hooks/usePersistedState.js +35 -0
- package/lib/hooks/usePersistedState.js.map +1 -0
- package/lib/hooks/useResizeAware.d.ts +3 -0
- package/lib/hooks/useResizeAware.js +25 -0
- package/lib/hooks/useResizeAware.js.map +1 -0
- package/lib/icons/Cluster.d.ts +2 -0
- package/lib/icons/Cluster.js +7 -0
- package/lib/icons/Cluster.js.map +1 -0
- package/lib/icons/Compare.d.ts +7 -0
- package/lib/icons/Compare.js +7 -0
- package/lib/icons/Compare.js.map +1 -0
- package/lib/icons/Compute.d.ts +2 -0
- package/lib/icons/Compute.js +7 -0
- package/lib/icons/Compute.js.map +1 -0
- package/lib/icons/Folder.d.ts +2 -0
- package/lib/icons/Folder.js +4 -0
- package/lib/icons/Folder.js.map +1 -0
- package/lib/icons/PlusCircle.d.ts +2 -0
- package/lib/icons/PlusCircle.js +6 -0
- package/lib/icons/PlusCircle.js.map +1 -0
- package/lib/icons/Streaming.d.ts +2 -0
- package/lib/icons/Streaming.js +8 -0
- package/lib/icons/Streaming.js.map +1 -0
- package/lib/index.d.ts +70 -53
- package/lib/index.js +73 -53
- package/lib/index.js.map +1 -1
- package/lib/services/logger.d.ts +13 -0
- package/lib/services/logger.js +84 -0
- package/lib/services/logger.js.map +1 -0
- package/lib/services/time.d.ts +7 -0
- package/lib/services/time.js +17 -0
- package/lib/services/time.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.d.ts +6 -0
- package/lib/types.js +2 -0
- package/lib/types.js.map +1 -0
- package/lib/utils/formik.js.map +1 -1
- package/lib/utils/portal.js.map +1 -1
- package/package.json +130 -94
- package/styles/constants/_colors.scss +36 -16
- package/styles/constants/_typography.scss +0 -7
- package/styles/helpers/_gradients.scss +39 -6
- package/styles/typography/fonts/UbuntuMono-Bold.woff2 +0 -0
- package/styles/typography/fonts/UbuntuMono-BoldItalic.woff2 +0 -0
- package/styles/typography/fonts/UbuntuMono-Italic.woff2 +0 -0
- package/styles/typography/fonts/UbuntuMono-Regular.woff2 +0 -0
- package/styles/typography/ubuntu-mono.css +31 -0
- package/lib/Alert.d.ts +0 -33
- package/lib/Alert.js +0 -51
- package/lib/Alert.js.map +0 -1
- package/lib/Alert.module.scss +0 -140
- package/lib/AppHeader/AppHeader.d.ts +0 -14
- package/lib/AppHeader/AppHeader.js +0 -15
- package/lib/AppHeader/AppHeader.js.map +0 -1
- package/lib/AppHeader/AppHeader.module.scss +0 -25
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.d.ts +0 -12
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.js +0 -7
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +0 -1
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +0 -29
- package/lib/AppHeader/AppHeaderLogo/index.js.map +0 -1
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.d.ts +0 -7
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js +0 -14
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +0 -1
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +0 -11
- package/lib/AppHeader/AppHeaderMenu/index.js.map +0 -1
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.d.ts +0 -5
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +0 -1
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +0 -13
- package/lib/AppHeader/EnvironmentBadge/index.js.map +0 -1
- package/lib/AppHeader/SelectCluster/SelectCluster.js.map +0 -1
- package/lib/AppHeader/SelectCluster/SelectCluster.module.scss +0 -99
- package/lib/AppHeader/SelectCluster/index.js.map +0 -1
- package/lib/AppHeader/index.js.map +0 -1
- package/lib/AppSidebar/AppSidebar.d.ts +0 -10
- package/lib/AppSidebar/AppSidebar.js +0 -31
- package/lib/AppSidebar/AppSidebar.js.map +0 -1
- package/lib/AppSidebar/AppSidebar.module.scss +0 -64
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.d.ts +0 -6
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +0 -1
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +0 -16
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.js.map +0 -1
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.d.ts +0 -7
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +0 -1
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +0 -12
- package/lib/AppSidebar/AppSidebarFavorites/index.js.map +0 -1
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts +0 -30
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js +0 -25
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +0 -1
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +0 -86
- package/lib/AppSidebar/AppSidebarItem/index.js.map +0 -1
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.d.ts +0 -6
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +0 -1
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +0 -24
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.js.map +0 -1
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.d.ts +0 -12
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.js +0 -15
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +0 -1
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +0 -55
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.d.ts +0 -11
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +0 -45
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +0 -1
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.d.ts +0 -2
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +0 -1
- package/lib/AppSidebar/AppSidebarSection/index.js.map +0 -1
- package/lib/AppSidebar/appSidebarContext.d.ts +0 -10
- package/lib/AppSidebar/appSidebarContext.js.map +0 -1
- package/lib/AppSidebar/index.js.map +0 -1
- package/lib/AutocompleteField.js +0 -169
- package/lib/AutocompleteField.js.map +0 -1
- package/lib/AutocompleteField.module.scss +0 -164
- package/lib/AutocompleteFieldFormik.d.ts +0 -9
- package/lib/AutocompleteFieldFormik.js +0 -19
- package/lib/AutocompleteFieldFormik.js.map +0 -1
- package/lib/Badge.js +0 -44
- package/lib/Badge.js.map +0 -1
- package/lib/Badge.module.scss +0 -55
- package/lib/Button.d.ts +0 -100
- package/lib/Button.js +0 -93
- package/lib/Button.js.map +0 -1
- package/lib/Button.module.scss +0 -328
- package/lib/Calendar/Calendar.d.ts +0 -16
- package/lib/Calendar/Calendar.js +0 -41
- package/lib/Calendar/Calendar.js.map +0 -1
- package/lib/Calendar/Calendar.module.scss +0 -185
- package/lib/Calendar/CalendarRange.js.map +0 -1
- package/lib/Calendar/CalendarRange.module.scss +0 -21
- package/lib/Calendar/components/CalendarHeader.js +0 -13
- package/lib/Calendar/components/CalendarHeader.js.map +0 -1
- package/lib/Calendar/components/CalendarInput.d.ts +0 -15
- package/lib/Calendar/components/CalendarInput.js +0 -12
- package/lib/Calendar/components/CalendarInput.js.map +0 -1
- package/lib/Calendar/components/CalendarTime.d.ts +0 -9
- package/lib/Calendar/components/CalendarTime.js +0 -69
- package/lib/Calendar/components/CalendarTime.js.map +0 -1
- package/lib/Calendar/components/CalendarTime.module.scss +0 -72
- package/lib/Calendar/helpers/consts.js.map +0 -1
- package/lib/Card.d.ts +0 -24
- package/lib/Card.js +0 -20
- package/lib/Card.js.map +0 -1
- package/lib/Card.module.scss +0 -59
- package/lib/Carousel.d.ts +0 -26
- package/lib/Carousel.js +0 -28
- package/lib/Carousel.js.map +0 -1
- package/lib/Carousel.module.scss +0 -43
- package/lib/CenteredLoader.d.ts +0 -5
- package/lib/CenteredLoader.js.map +0 -1
- package/lib/CenteredLoader.module.scss +0 -11
- package/lib/Checkbox.d.ts +0 -35
- package/lib/Checkbox.js +0 -38
- package/lib/Checkbox.js.map +0 -1
- package/lib/Checkbox.module.scss +0 -106
- package/lib/CheckboxFormik.d.ts +0 -10
- package/lib/CheckboxFormik.js +0 -17
- package/lib/CheckboxFormik.js.map +0 -1
- package/lib/CircularProgressBar.js.map +0 -1
- package/lib/CircularProgressBar.module.scss +0 -37
- package/lib/ContextMenu.js +0 -61
- package/lib/ContextMenu.js.map +0 -1
- package/lib/ContextMenu.module.scss +0 -37
- package/lib/Dialog.js +0 -36
- package/lib/Dialog.js.map +0 -1
- package/lib/Dialog.module.scss +0 -62
- package/lib/EmptyState.d.ts +0 -52
- package/lib/EmptyState.js.map +0 -1
- package/lib/EmptyState.module.scss +0 -87
- package/lib/Error.d.ts +0 -12
- package/lib/Error.js +0 -8
- package/lib/Error.js.map +0 -1
- package/lib/Error.module.scss +0 -12
- package/lib/FieldHeader.d.ts +0 -24
- package/lib/FieldHeader.js.map +0 -1
- package/lib/FieldHeader.module.scss +0 -20
- package/lib/Help.d.ts +0 -14
- package/lib/Help.js +0 -14
- package/lib/Help.js.map +0 -1
- package/lib/Help.module.scss +0 -9
- package/lib/Icon.d.ts +0 -29
- package/lib/Icon.js +0 -27
- package/lib/Icon.js.map +0 -1
- package/lib/Icon.module.scss +0 -33
- package/lib/IconButton.d.ts +0 -49
- package/lib/IconButton.js +0 -25
- package/lib/IconButton.js.map +0 -1
- package/lib/IconButton.module.scss +0 -59
- package/lib/InteractiveList.d.ts +0 -38
- package/lib/InteractiveList.js +0 -49
- package/lib/InteractiveList.js.map +0 -1
- package/lib/InteractiveList.module.scss +0 -72
- package/lib/InteractiveListFormik.d.ts +0 -22
- package/lib/InteractiveListFormik.js +0 -96
- package/lib/InteractiveListFormik.js.map +0 -1
- package/lib/Label.d.ts +0 -8
- package/lib/Label.js +0 -5
- package/lib/Label.js.map +0 -1
- package/lib/Label.module.scss +0 -12
- package/lib/Link.d.ts +0 -53
- package/lib/Link.js +0 -44
- package/lib/Link.js.map +0 -1
- package/lib/Link.module.scss +0 -63
- package/lib/Loader.d.ts +0 -11
- package/lib/Loader.js +0 -26
- package/lib/Loader.js.map +0 -1
- package/lib/Loader.module.scss +0 -74
- package/lib/Modal.d.ts +0 -26
- package/lib/Modal.js +0 -41
- package/lib/Modal.js.map +0 -1
- package/lib/Modal.module.scss +0 -108
- package/lib/Notification.js.map +0 -1
- package/lib/Notification.module.scss +0 -97
- package/lib/NumberBadge.js.map +0 -1
- package/lib/NumberBadge.module.scss +0 -13
- package/lib/NumberField.d.ts +0 -33
- package/lib/NumberField.js +0 -143
- package/lib/NumberField.js.map +0 -1
- package/lib/NumberField.module.scss +0 -76
- package/lib/NumberFieldFormik.d.ts +0 -10
- package/lib/NumberFieldFormik.js +0 -54
- package/lib/NumberFieldFormik.js.map +0 -1
- package/lib/Overlay.d.ts +0 -23
- package/lib/Overlay.js.map +0 -1
- package/lib/Overlay.module.scss +0 -107
- package/lib/Pagination.js +0 -106
- package/lib/Pagination.js.map +0 -1
- package/lib/Pagination.module.scss +0 -117
- package/lib/PasswordField.d.ts +0 -29
- package/lib/PasswordField.js +0 -26
- package/lib/PasswordField.js.map +0 -1
- package/lib/PasswordField.module.scss +0 -26
- package/lib/PasswordFieldFormik.d.ts +0 -10
- package/lib/PasswordFieldFormik.js +0 -17
- package/lib/PasswordFieldFormik.js.map +0 -1
- package/lib/Popover.d.ts +0 -23
- package/lib/Popover.js +0 -93
- package/lib/Popover.js.map +0 -1
- package/lib/Popover.module.scss +0 -12
- package/lib/Radio.d.ts +0 -26
- package/lib/Radio.js +0 -34
- package/lib/Radio.js.map +0 -1
- package/lib/Radio.module.scss +0 -112
- package/lib/RadioFormik.js.map +0 -1
- package/lib/RadioGroup.d.ts +0 -21
- package/lib/RadioGroup.js +0 -24
- package/lib/RadioGroup.js.map +0 -1
- package/lib/RadioGroup.module.scss +0 -21
- package/lib/RadioGroupContext.d.ts +0 -6
- package/lib/RadioGroupContext.js.map +0 -1
- package/lib/RadioGroupFormik.d.ts +0 -10
- package/lib/RadioGroupFormik.js +0 -17
- package/lib/RadioGroupFormik.js.map +0 -1
- package/lib/SegmentedControl.d.ts +0 -18
- package/lib/SegmentedControl.js.map +0 -1
- package/lib/SegmentedControl.module.scss +0 -81
- package/lib/SegmentedControlFormik.d.ts +0 -9
- package/lib/SegmentedControlFormik.js +0 -13
- package/lib/SegmentedControlFormik.js.map +0 -1
- package/lib/Select/CheckableSelectField.d.ts +0 -40
- package/lib/Select/CheckableSelectField.js +0 -78
- package/lib/Select/CheckableSelectField.js.map +0 -1
- package/lib/Select/CheckableSelectField.module.scss +0 -100
- package/lib/Select/CheckableSelectFieldFormik.d.ts +0 -10
- package/lib/Select/CheckableSelectFieldFormik.js +0 -19
- package/lib/Select/CheckableSelectFieldFormik.js.map +0 -1
- package/lib/Select/Common.js +0 -57
- package/lib/Select/Common.js.map +0 -1
- package/lib/Select/Common.module.scss +0 -69
- package/lib/Select/MultiSelectField.d.ts +0 -28
- package/lib/Select/MultiSelectField.js +0 -111
- package/lib/Select/MultiSelectField.js.map +0 -1
- package/lib/Select/MultiSelectField.module.scss +0 -72
- package/lib/Select/MultiSelectFieldFormik.d.ts +0 -10
- package/lib/Select/MultiSelectFieldFormik.js +0 -19
- package/lib/Select/MultiSelectFieldFormik.js.map +0 -1
- package/lib/Select/SelectField.d.ts +0 -43
- package/lib/Select/SelectField.js +0 -98
- package/lib/Select/SelectField.js.map +0 -1
- package/lib/Select/SelectField.module.scss +0 -194
- package/lib/Select/SelectFieldFormik.d.ts +0 -10
- package/lib/Select/SelectFieldFormik.js +0 -19
- package/lib/Select/SelectFieldFormik.js.map +0 -1
- package/lib/Select/helpers.d.ts +0 -12
- package/lib/Select/helpers.js +0 -29
- package/lib/Select/helpers.js.map +0 -1
- package/lib/Select/index.js.map +0 -1
- package/lib/SimpleTable.d.ts +0 -11
- package/lib/SimpleTable.js.map +0 -1
- package/lib/SimpleTable.module.scss +0 -28
- package/lib/Slider.d.ts +0 -59
- package/lib/Slider.js +0 -205
- package/lib/Slider.js.map +0 -1
- package/lib/Slider.module.scss +0 -277
- package/lib/SliderFormik.d.ts +0 -9
- package/lib/SliderFormik.js +0 -14
- package/lib/SliderFormik.js.map +0 -1
- package/lib/Table/Cell.d.ts +0 -25
- package/lib/Table/Cell.js +0 -59
- package/lib/Table/Cell.js.map +0 -1
- package/lib/Table/Cell.module.scss +0 -52
- package/lib/Table/CellWrapper.d.ts +0 -11
- package/lib/Table/CellWrapper.js +0 -29
- package/lib/Table/CellWrapper.js.map +0 -1
- package/lib/Table/EnhancedRenderers.d.ts +0 -23
- package/lib/Table/EnhancedRenderers.js +0 -16
- package/lib/Table/EnhancedRenderers.js.map +0 -1
- package/lib/Table/Header.d.ts +0 -21
- package/lib/Table/Header.js +0 -83
- package/lib/Table/Header.js.map +0 -1
- package/lib/Table/Header.module.scss +0 -123
- package/lib/Table/Row.d.ts +0 -17
- package/lib/Table/Row.js +0 -25
- package/lib/Table/Row.js.map +0 -1
- package/lib/Table/Row.module.scss +0 -56
- package/lib/Table/Table.d.ts +0 -100
- package/lib/Table/Table.js +0 -261
- package/lib/Table/Table.js.map +0 -1
- package/lib/Table/Table.module.scss +0 -25
- package/lib/Table/TableContent.d.ts +0 -26
- package/lib/Table/TableContent.js +0 -53
- package/lib/Table/TableContent.js.map +0 -1
- package/lib/Table/constants.js.map +0 -1
- package/lib/Table/features/columnsSelection/CellCopyablePopover.d.ts +0 -8
- package/lib/Table/features/columnsSelection/CellCopyablePopover.js +0 -13
- package/lib/Table/features/columnsSelection/CellCopyablePopover.js.map +0 -1
- package/lib/Table/features/columnsSelection/CellCopyablePopover.module.scss +0 -12
- package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.d.ts +0 -6
- package/lib/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +0 -1
- package/lib/Table/features/columnsSelection/ContextMenu/index.js.map +0 -1
- package/lib/Table/features/columnsSelection/columnsSelection.d.ts +0 -19
- package/lib/Table/features/columnsSelection/columnsSelection.js +0 -71
- package/lib/Table/features/columnsSelection/columnsSelection.js.map +0 -1
- package/lib/Table/features/columnsSelection/helpers.js.map +0 -1
- package/lib/Table/features/columnsSelection/index.js.map +0 -1
- package/lib/Tabs/Tab.d.ts +0 -51
- package/lib/Tabs/Tab.js +0 -53
- package/lib/Tabs/Tab.js.map +0 -1
- package/lib/Tabs/Tab.module.scss +0 -62
- package/lib/Tabs/TabContext.js.map +0 -1
- package/lib/Tabs/TabList.js +0 -60
- package/lib/Tabs/TabList.js.map +0 -1
- package/lib/Tabs/TabPanel.d.ts +0 -13
- package/lib/Tabs/TabPanel.js +0 -17
- package/lib/Tabs/TabPanel.js.map +0 -1
- package/lib/Tabs/index.js.map +0 -1
- package/lib/Terminal.d.ts +0 -25
- package/lib/Terminal.js +0 -114
- package/lib/Terminal.js.map +0 -1
- package/lib/Terminal.module.scss +0 -109
- package/lib/TextArea.d.ts +0 -19
- package/lib/TextArea.js +0 -35
- package/lib/TextArea.js.map +0 -1
- package/lib/TextArea.module.scss +0 -144
- package/lib/TextAreaFormik.d.ts +0 -9
- package/lib/TextAreaFormik.js.map +0 -1
- package/lib/TextField.d.ts +0 -49
- package/lib/TextField.js +0 -65
- package/lib/TextField.js.map +0 -1
- package/lib/TextField.module.scss +0 -209
- package/lib/TextFieldFormik.d.ts +0 -11
- package/lib/TextFieldFormik.js +0 -23
- package/lib/TextFieldFormik.js.map +0 -1
- package/lib/TimeField.d.ts +0 -17
- package/lib/TimeField.js +0 -15
- package/lib/TimeField.js.map +0 -1
- package/lib/TimeFieldFormik.d.ts +0 -9
- package/lib/TimeFieldFormik.js.map +0 -1
- package/lib/Toast.d.ts +0 -28
- package/lib/Toast.js +0 -56
- package/lib/Toast.js.map +0 -1
- package/lib/Toast.module.scss +0 -53
- package/lib/Toggle.d.ts +0 -21
- package/lib/Toggle.js +0 -22
- package/lib/Toggle.js.map +0 -1
- package/lib/Toggle.module.scss +0 -175
- package/lib/ToggleFormik.d.ts +0 -9
- package/lib/ToggleFormik.js +0 -12
- package/lib/ToggleFormik.js.map +0 -1
- package/lib/Tooltip.d.ts +0 -41
- package/lib/Tooltip.js +0 -140
- package/lib/Tooltip.js.map +0 -1
- package/lib/Tooltip.module.scss +0 -167
- package/lib/TruncatedText.d.ts +0 -13
- package/lib/TruncatedText.js +0 -23
- package/lib/TruncatedText.js.map +0 -1
- package/lib/TruncatedText.module.scss +0 -9
- package/lib/utils/test.d.ts +0 -3
- package/lib/utils/test.js +0 -8
- package/lib/utils/test.js.map +0 -1
- /package/lib/{AppHeader → components/AppHeader}/AppHeaderLogo/index.d.ts +0 -0
- /package/lib/{AppHeader → components/AppHeader}/AppHeaderLogo/index.js +0 -0
- /package/lib/{AppHeader → components/AppHeader}/AppHeaderMenu/index.d.ts +0 -0
- /package/lib/{AppHeader → components/AppHeader}/AppHeaderMenu/index.js +0 -0
- /package/lib/{AppHeader → components/AppHeader}/EnvironmentBadge/EnvironmentBadge.js +0 -0
- /package/lib/{AppHeader → components/AppHeader}/EnvironmentBadge/index.d.ts +0 -0
- /package/lib/{AppHeader → components/AppHeader}/EnvironmentBadge/index.js +0 -0
- /package/lib/{AppHeader → components/AppHeader}/SelectCluster/SelectCluster.d.ts +0 -0
- /package/lib/{AppHeader → components/AppHeader}/SelectCluster/SelectCluster.js +0 -0
- /package/lib/{AppHeader → components/AppHeader}/SelectCluster/index.d.ts +0 -0
- /package/lib/{AppHeader → components/AppHeader}/SelectCluster/index.js +0 -0
- /package/lib/{AppHeader → components/AppHeader}/index.d.ts +0 -0
- /package/lib/{AppHeader → components/AppHeader}/index.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarFavoriteButton/index.d.ts +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarFavoriteButton/index.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarFavorites/AppSidebarFavorites.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarFavorites/index.d.ts +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarFavorites/index.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarItem/index.d.ts +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarItem/index.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarMenuItemCounter/index.d.ts +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarMenuItemCounter/index.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarSection/appSidebarSectionContext.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarSection/index.d.ts +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/AppSidebarSection/index.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/appSidebarContext.js +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/index.d.ts +0 -0
- /package/lib/{AppSidebar → components/AppSidebar}/index.js +0 -0
- /package/lib/{AutocompleteField.d.ts → components/AutocompleteField.d.ts} +0 -0
- /package/lib/{Badge.d.ts → components/Badge.d.ts} +0 -0
- /package/lib/{Calendar → components/Calendar}/CalendarRange.d.ts +0 -0
- /package/lib/{Calendar → components/Calendar}/CalendarRange.js +0 -0
- /package/lib/{Calendar → components/Calendar}/components/CalendarHeader.d.ts +0 -0
- /package/lib/{Calendar → components/Calendar}/helpers/consts.d.ts +0 -0
- /package/lib/{Calendar → components/Calendar}/helpers/consts.js +0 -0
- /package/lib/{CenteredLoader.js → components/CenteredLoader.js} +0 -0
- /package/lib/{CircularProgressBar.d.ts → components/CircularProgressBar.d.ts} +0 -0
- /package/lib/{CircularProgressBar.js → components/CircularProgressBar.js} +0 -0
- /package/lib/{ContextMenu.d.ts → components/ContextMenu.d.ts} +0 -0
- /package/lib/{Dialog.d.ts → components/Dialog.d.ts} +0 -0
- /package/lib/{EmptyState.js → components/EmptyState.js} +0 -0
- /package/lib/{FieldHeader.js → components/FieldHeader.js} +0 -0
- /package/lib/{Notification.d.ts → components/Notification.d.ts} +0 -0
- /package/lib/{Notification.js → components/Notification.js} +0 -0
- /package/lib/{NumberBadge.d.ts → components/NumberBadge.d.ts} +0 -0
- /package/lib/{NumberBadge.js → components/NumberBadge.js} +0 -0
- /package/lib/{Overlay.js → components/Overlay.js} +0 -0
- /package/lib/{Pagination.d.ts → components/Pagination.d.ts} +0 -0
- /package/lib/{RadioFormik.d.ts → components/RadioFormik.d.ts} +0 -0
- /package/lib/{RadioFormik.js → components/RadioFormik.js} +0 -0
- /package/lib/{RadioGroupContext.js → components/RadioGroupContext.js} +0 -0
- /package/lib/{SegmentedControl.js → components/SegmentedControl.js} +0 -0
- /package/lib/{Select → components/Select}/Common.d.ts +0 -0
- /package/lib/{Select → components/Select}/index.d.ts +0 -0
- /package/lib/{Select → components/Select}/index.js +0 -0
- /package/lib/{SimpleTable.js → components/SimpleTable.js} +0 -0
- /package/lib/{Table → components/Table}/TableContent.module.scss +0 -0
- /package/lib/{Table → components/Table}/constants.d.ts +0 -0
- /package/lib/{Table → components/Table}/constants.js +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/ContextMenu/ContextMenu.js +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/ContextMenu/ContextMenu.module.scss +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/ContextMenu/index.d.ts +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/ContextMenu/index.js +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/helpers.d.ts +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/helpers.js +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/index.d.ts +0 -0
- /package/lib/{Table → components/Table}/features/columnsSelection/index.js +0 -0
- /package/lib/{Tabs → components/Tabs}/TabContext.d.ts +0 -0
- /package/lib/{Tabs → components/Tabs}/TabContext.js +0 -0
- /package/lib/{Tabs → components/Tabs}/TabList.d.ts +0 -0
- /package/lib/{Tabs → components/Tabs}/TabList.module.scss +0 -0
- /package/lib/{Tabs → components/Tabs}/TabPanel.module.scss +0 -0
- /package/lib/{Tabs → components/Tabs}/index.d.ts +0 -0
- /package/lib/{Tabs → components/Tabs}/index.js +0 -0
- /package/lib/{TextAreaFormik.js → components/TextAreaFormik.js} +0 -0
- /package/lib/{TimeField.module.scss → components/TimeField.module.scss} +0 -0
- /package/lib/{TimeFieldFormik.js → components/TimeFieldFormik.js} +0 -0
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
|
-
import { format, parse } from 'date-fns';
|
|
3
|
-
import { Button } from '../../Button';
|
|
4
|
-
import { timePoints } from '../helpers/consts';
|
|
5
|
-
import { TimeField } from '../../TimeField';
|
|
6
|
-
import { useRefValue } from '../../hooks';
|
|
7
|
-
import styles from './CalendarTime.module.scss';
|
|
8
|
-
const DATE_FORMAT = 'HH:mm';
|
|
9
|
-
export const CalendarTimeInternal = ({ date, value, onChange }) => {
|
|
10
|
-
const [time, setTime] = useState(value);
|
|
11
|
-
const [timeInputError, setTimeInputError] = useState();
|
|
12
|
-
const getValue = useRefValue(value);
|
|
13
|
-
/*
|
|
14
|
-
* Note:
|
|
15
|
-
* We cannot override how react-datepicker handles time values.
|
|
16
|
-
* It always expects format of "xx:xx" to parse the hours and minutes from. (See Source 2. link below)
|
|
17
|
-
*
|
|
18
|
-
* This is not an issue for majority of browsers, however as for IE11, where <input type="time" />
|
|
19
|
-
* fall back to <input type="text" />, this becomes an issue.
|
|
20
|
-
*
|
|
21
|
-
* Furthermore, the package even does not handle potential thrown error by date-fns' parse.
|
|
22
|
-
* Even the live demos do crash on an input like "10:10q" (See source 1. link below).
|
|
23
|
-
*
|
|
24
|
-
* For these reasons we need to provide our own wrapper around the functionality to achieve 2 things:
|
|
25
|
-
* - Provide IE11 with a proper fallback
|
|
26
|
-
* - Prevent the invalid input value crash
|
|
27
|
-
* - Provide the user with an input error in case the value is invalid
|
|
28
|
-
*
|
|
29
|
-
* Source(1): https://reactdatepicker.com/#example-custom-time-input
|
|
30
|
-
* Source(2): https://github.com/Hacker0x01/react-datepicker/blob/master/src/inputTime.jsx#L32
|
|
31
|
-
*/
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
setTime(value);
|
|
34
|
-
}, [value]);
|
|
35
|
-
const handleTimeInputChange = useCallback(({ target: { value } }) => {
|
|
36
|
-
setTime(value);
|
|
37
|
-
const parsedDate = parse(value, DATE_FORMAT, date);
|
|
38
|
-
if (!isNaN(parsedDate.valueOf())) {
|
|
39
|
-
setTimeInputError(undefined);
|
|
40
|
-
onChange(value);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
setTimeInputError('Invalid time');
|
|
44
|
-
}
|
|
45
|
-
}, [onChange, date]);
|
|
46
|
-
const handleDateClick = useCallback((dp) => () => {
|
|
47
|
-
// Note: Input time (derived from timePoints) is in 'DATE_FORMAT'
|
|
48
|
-
const parsedDate = parse(dp, DATE_FORMAT, date);
|
|
49
|
-
// Note: Output time, that we feed back to 'react-datetime' is in 'DATE_FORMAT_NO_MERIDIEM' format
|
|
50
|
-
const timeStringWithoutAm = format(parsedDate, DATE_FORMAT);
|
|
51
|
-
onChange(timeStringWithoutAm);
|
|
52
|
-
// remove error because time from the list can not be invalid
|
|
53
|
-
setTimeInputError(undefined);
|
|
54
|
-
// restores input field value when we select the same time from the list
|
|
55
|
-
if (getValue() === timeStringWithoutAm) {
|
|
56
|
-
setTime(timeStringWithoutAm);
|
|
57
|
-
}
|
|
58
|
-
}, [onChange, getValue, date]);
|
|
59
|
-
return (React.createElement("div", { "data-test": "calendar-time", className: styles.container },
|
|
60
|
-
React.createElement("div", { "data-test": "calendar-time-header", className: styles.header },
|
|
61
|
-
React.createElement(TimeField, { showAriaLabel: true, size: "small", label: "Time Input", error: timeInputError, name: "time", value: time.toString(), inputClassName: styles.timeInput, onChange: handleTimeInputChange })),
|
|
62
|
-
React.createElement("div", { "data-test": "calendar-time-timePoints", className: styles.timePoints }, timePoints.map((tP) => (React.createElement(Button, { className: styles.timePoint, bodyClassName: styles.timePointBody, key: tP, variant: "text", onClick: handleDateClick(tP) }, tP))))));
|
|
63
|
-
};
|
|
64
|
-
export const CalendarTime = (props) => {
|
|
65
|
-
// Note: Cast the "unknown" props to the actual type
|
|
66
|
-
const propsTyped = props;
|
|
67
|
-
return React.createElement(CalendarTimeInternal, { ...propsTyped });
|
|
68
|
-
};
|
|
69
|
-
//# sourceMappingURL=CalendarTime.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
@use '../../../styles/constants' as c;
|
|
2
|
-
@use '../../../styles/helpers' as h;
|
|
3
|
-
|
|
4
|
-
/*
|
|
5
|
-
* Note:
|
|
6
|
-
* What's the motivation for statically settings the height of this particular element?
|
|
7
|
-
* We need to prevent the height of this element to expand the size of the calendar popper itself.
|
|
8
|
-
* There are basically 2 ways to do this:
|
|
9
|
-
* 1. Settings the height of the popper container
|
|
10
|
-
* 2. Settings the height of the element itself
|
|
11
|
-
*
|
|
12
|
-
* Even though I think option 1 is readable a bit better, there is this odd feature, where react-datepicker
|
|
13
|
-
* renders 6 weeks (rows) instead of 5 for some of the months. This expands the height by 1 week row,
|
|
14
|
-
* and would cause overflow in case of option 1.
|
|
15
|
-
* Therefore only option 2 is left.
|
|
16
|
-
*/
|
|
17
|
-
$calendarTimeHeight: 227px;
|
|
18
|
-
|
|
19
|
-
// Note: Add padding in order to preserve button's outline
|
|
20
|
-
$outlinePreservingPadding: c.$grid * 1.25;
|
|
21
|
-
|
|
22
|
-
// Note: Button width is 98px with border-box applied
|
|
23
|
-
/* doiuse-disable calc */
|
|
24
|
-
$buttonWidth: calc(98px - 2 * #{$outlinePreservingPadding});
|
|
25
|
-
/* doiuse-enable calc */
|
|
26
|
-
|
|
27
|
-
.container {
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-direction: column;
|
|
30
|
-
justify-content: center;
|
|
31
|
-
align-items: center;
|
|
32
|
-
|
|
33
|
-
.header {
|
|
34
|
-
display: flex;
|
|
35
|
-
justify-content: center;
|
|
36
|
-
align-items: center;
|
|
37
|
-
margin-bottom: c.$grid * 2;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.timePoints {
|
|
41
|
-
display: flex;
|
|
42
|
-
flex-direction: column;
|
|
43
|
-
overflow-y: scroll;
|
|
44
|
-
padding: $outlinePreservingPadding;
|
|
45
|
-
height: $calendarTimeHeight;
|
|
46
|
-
width: $buttonWidth;
|
|
47
|
-
box-sizing: border-box;
|
|
48
|
-
|
|
49
|
-
> .timePoint {
|
|
50
|
-
color: c.$colorTextSubdued;
|
|
51
|
-
/*
|
|
52
|
-
* Note: Using min-height instead of height to workaround IE11 flex-bug
|
|
53
|
-
* where flex text content on overflow: scroll disappears
|
|
54
|
-
*/
|
|
55
|
-
min-height: c.$grid * 5;
|
|
56
|
-
|
|
57
|
-
@include c.typographyBodySmall;
|
|
58
|
-
|
|
59
|
-
&:not(:last-of-type) {
|
|
60
|
-
margin-bottom: c.$grid;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
> .timePointBody {
|
|
64
|
-
padding: 0;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.timeInput {
|
|
71
|
-
width: 88px !important;
|
|
72
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/Calendar/helpers/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,0DAA0D;IAC1D,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;CACR,CAAA"}
|
package/lib/Card.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { DataTestProp } from '@hazelcast/helpers';
|
|
3
|
-
import { IconProps } from './Icon';
|
|
4
|
-
export type CardProps = {
|
|
5
|
-
headingIcon?: IconProps['icon'];
|
|
6
|
-
caption?: ReactNode;
|
|
7
|
-
title?: string;
|
|
8
|
-
headingContent?: ReactNode;
|
|
9
|
-
separator?: boolean;
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
className?: string;
|
|
12
|
-
iconClassName?: string;
|
|
13
|
-
titleClassName?: string;
|
|
14
|
-
contentClassName?: string;
|
|
15
|
-
headerClassName?: string;
|
|
16
|
-
} & DataTestProp;
|
|
17
|
-
/**
|
|
18
|
-
* ### Purpose
|
|
19
|
-
* Card components define content hierarchy (visual and logical), separating content into "groups".
|
|
20
|
-
*
|
|
21
|
-
* ### General Info
|
|
22
|
-
* - Card can be rendered with an optional separator and/or icon.
|
|
23
|
-
*/
|
|
24
|
-
export declare const Card: FC<CardProps>;
|
package/lib/Card.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import { Icon } from './Icon';
|
|
4
|
-
import styles from './Card.module.scss';
|
|
5
|
-
/**
|
|
6
|
-
* ### Purpose
|
|
7
|
-
* Card components define content hierarchy (visual and logical), separating content into "groups".
|
|
8
|
-
*
|
|
9
|
-
* ### General Info
|
|
10
|
-
* - Card can be rendered with an optional separator and/or icon.
|
|
11
|
-
*/
|
|
12
|
-
export const Card = ({ headingIcon, title, headingContent, separator = false, 'data-test': dataTest, children, className, iconClassName, titleClassName, contentClassName, headerClassName, caption, }) => (React.createElement("div", { "data-test": dataTest !== null && dataTest !== void 0 ? dataTest : 'card-wrapper', className: cn(styles.wrapper, { [styles.noTitle]: !title }, className) },
|
|
13
|
-
caption && React.createElement("div", { className: styles.caption }, caption),
|
|
14
|
-
(title || headingContent || headingIcon) && (React.createElement("div", { "data-test": "card-heading", className: cn(styles.heading, headerClassName) },
|
|
15
|
-
headingIcon && React.createElement(Icon, { "data-test": "card-heading-icon", icon: headingIcon, className: cn(styles.icon, iconClassName), ariaHidden: true }),
|
|
16
|
-
title && (React.createElement("h3", { "data-test": "card-heading-title", className: cn(styles.title, { [styles.space]: !!headingContent }, titleClassName) }, title)),
|
|
17
|
-
headingContent)),
|
|
18
|
-
separator && React.createElement("div", { "data-test": "card-separator", className: styles.separator }),
|
|
19
|
-
children && (React.createElement("div", { "data-test": "card-content", className: cn(styles.content, contentClassName) }, children))));
|
|
20
|
-
//# sourceMappingURL=Card.js.map
|
package/lib/Card.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AAExC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAgBvC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,WAAW,EACX,KAAK,EACL,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,WAAW,EAAE,QAAQ,EACrB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,0CAAgB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,cAAc,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC;IAC/G,OAAO,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,OAAO,CAAO;IAC1D,CAAC,KAAK,IAAI,cAAc,IAAI,WAAW,CAAC,IAAI,CAC3C,0CAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,eAAe,CAAC;QACzE,WAAW,IAAI,oBAAC,IAAI,iBAAW,mBAAmB,EAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,UAAU,SAAG;QAC9H,KAAK,IAAI,CACR,yCAAc,oBAAoB,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,cAAc,EAAE,EAAE,cAAc,CAAC,IACjH,KAAK,CACH,CACN;QACA,cAAc,CACX,CACP;IAEA,SAAS,IAAI,0CAAe,gBAAgB,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,GAAI;IAE5E,QAAQ,IAAI,CACX,0CAAe,cAAc,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAC1E,QAAQ,CACL,CACP,CACG,CACP,CAAA"}
|
package/lib/Card.module.scss
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
@use '../styles/constants' as c;
|
|
2
|
-
|
|
3
|
-
.wrapper {
|
|
4
|
-
$padding: c.$grid * 5;
|
|
5
|
-
|
|
6
|
-
padding: $padding;
|
|
7
|
-
border-radius: c.$borderRadius;
|
|
8
|
-
background: c.$colorNeutralWhite;
|
|
9
|
-
border: c.$borderWidth solid c.$colorNeutral;
|
|
10
|
-
|
|
11
|
-
.heading {
|
|
12
|
-
@include c.typographyH3;
|
|
13
|
-
|
|
14
|
-
display: flex;
|
|
15
|
-
align-items: center;
|
|
16
|
-
|
|
17
|
-
.icon {
|
|
18
|
-
margin-right: c.$grid * 2.5;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.title {
|
|
22
|
-
margin: 0;
|
|
23
|
-
font-size: c.$fontSizeBodyNormal !important;
|
|
24
|
-
line-height: c.$lineHeightBodyNormal !important;
|
|
25
|
-
|
|
26
|
-
&.space {
|
|
27
|
-
margin-right: c.$grid * 2.5;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.separator {
|
|
33
|
-
width: 100%;
|
|
34
|
-
height: 1px;
|
|
35
|
-
margin-top: c.$grid * 4;
|
|
36
|
-
background: c.$colorNeutral;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.content {
|
|
40
|
-
@include c.typographyBodyNormal;
|
|
41
|
-
|
|
42
|
-
margin-top: c.$grid * 4;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&.noTitle {
|
|
46
|
-
.content {
|
|
47
|
-
margin-top: 0;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.caption {
|
|
52
|
-
display: flex;
|
|
53
|
-
margin: (-$padding) (-$padding) $padding (-$padding);
|
|
54
|
-
|
|
55
|
-
& > * {
|
|
56
|
-
flex: 1;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
}
|
package/lib/Carousel.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { CSSProperties, FC, ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { CarouselProps as NukaCarouselProps } from 'nuka-carousel';
|
|
3
|
-
import { DataTestProp } from '@hazelcast/helpers';
|
|
4
|
-
interface ControlsConfig {
|
|
5
|
-
containerClassName?: string;
|
|
6
|
-
nextButtonClassName?: string;
|
|
7
|
-
nextButtonOnClick?: React.MouseEventHandler;
|
|
8
|
-
nextButtonStyle?: CSSProperties;
|
|
9
|
-
nextButtonContent?: ReactNode;
|
|
10
|
-
pagingDotsClassName?: string;
|
|
11
|
-
pagingDotsContainerClassName?: string;
|
|
12
|
-
pagingDotsOnClick?: React.MouseEventHandler;
|
|
13
|
-
pagingDotsStyle?: CSSProperties;
|
|
14
|
-
prevButtonClassName?: string;
|
|
15
|
-
prevButtonOnClick?: React.MouseEventHandler;
|
|
16
|
-
prevButtonStyle?: CSSProperties;
|
|
17
|
-
prevButtonContent?: ReactNode;
|
|
18
|
-
}
|
|
19
|
-
export type CarouselProps = {
|
|
20
|
-
children: ReactElement[];
|
|
21
|
-
color?: string;
|
|
22
|
-
wrapperClassName?: string;
|
|
23
|
-
defaultControlsConfig?: ControlsConfig;
|
|
24
|
-
} & Omit<NukaCarouselProps, 'defaultControlsConfig'> & DataTestProp;
|
|
25
|
-
export declare const Carousel: FC<CarouselProps>;
|
|
26
|
-
export {};
|
package/lib/Carousel.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import cn from 'classnames';
|
|
3
|
-
import NukaCarousel from 'nuka-carousel';
|
|
4
|
-
import { ChevronLeft, ChevronRight } from 'react-feather';
|
|
5
|
-
import styleConsts from '../styles/constants/export.module.scss';
|
|
6
|
-
import styles from './Carousel.module.scss';
|
|
7
|
-
export const Carousel = ({ children, color = styleConsts.colorPrimary, wrapperClassName, cellSpacing = 15, slidesToShow = 1, defaultControlsConfig, 'data-test': dataTest = 'carousel', ...props }) => {
|
|
8
|
-
var _a, _b, _c, _d, _e;
|
|
9
|
-
return (React.createElement("div", { "data-test": dataTest, className: cn(wrapperClassName, styles.wrapper) },
|
|
10
|
-
React.createElement(NukaCarousel, { slidesToShow: slidesToShow, defaultControlsConfig: {
|
|
11
|
-
nextButtonText: (_a = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.nextButtonContent) !== null && _a !== void 0 ? _a : React.createElement(ChevronRight, { size: 40, strokeWidth: "0.9", color: color }),
|
|
12
|
-
prevButtonText: (_b = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.prevButtonContent) !== null && _b !== void 0 ? _b : React.createElement(ChevronLeft, { size: 40, strokeWidth: "0.9", color: color }),
|
|
13
|
-
nextButtonClassName: cn(defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.nextButtonClassName, styles.nextButtonClassName),
|
|
14
|
-
prevButtonClassName: cn(defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.prevButtonClassName, styles.prevButtonClassName),
|
|
15
|
-
nextButtonStyle: (_c = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.nextButtonStyle) !== null && _c !== void 0 ? _c : { background: 'none' },
|
|
16
|
-
prevButtonStyle: (_d = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.prevButtonStyle) !== null && _d !== void 0 ? _d : { background: 'none' },
|
|
17
|
-
pagingDotsClassName: cn(defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.pagingDotsClassName, styles.pagingDotsClassName),
|
|
18
|
-
pagingDotsStyle: (_e = defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.pagingDotsStyle) !== null && _e !== void 0 ? _e : {
|
|
19
|
-
fill: color,
|
|
20
|
-
},
|
|
21
|
-
containerClassName: defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.containerClassName,
|
|
22
|
-
nextButtonOnClick: defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.nextButtonOnClick,
|
|
23
|
-
pagingDotsContainerClassName: defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.pagingDotsContainerClassName,
|
|
24
|
-
pagingDotsOnClick: defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.pagingDotsOnClick,
|
|
25
|
-
prevButtonOnClick: defaultControlsConfig === null || defaultControlsConfig === void 0 ? void 0 : defaultControlsConfig.prevButtonOnClick,
|
|
26
|
-
}, cellSpacing: cellSpacing, ...props }, children)));
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=Carousel.js.map
|
package/lib/Carousel.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,YAAoD,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,wBAAwB,CAAA;AA0B3C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,QAAQ,EACR,KAAK,GAAG,WAAW,CAAC,YAAY,EAChC,gBAAgB,EAChB,WAAW,GAAG,EAAE,EAChB,YAAY,GAAG,CAAC,EAChB,qBAAqB,EACrB,WAAW,EAAE,QAAQ,GAAG,UAAU,EAClC,GAAG,KAAK,EACT,EAAE,EAAE;;IACH,OAAO,CACL,0CAAgB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC;QACvE,oBAAC,YAAY,IACX,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE;gBACrB,cAAc,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,mCAAI,oBAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,GAAI;gBACtH,cAAc,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB,mCAAI,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAC,KAAK,EAAC,KAAK,EAAE,KAAK,GAAI;gBACrH,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACjF,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI,EAAE,UAAU,EAAE,MAAM,EAAE;gBACjF,mBAAmB,EAAE,EAAE,CAAC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,mBAAmB,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBAC/F,eAAe,EAAE,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,mCAAI;oBACzD,IAAI,EAAE,KAAK;iBACZ;gBACD,kBAAkB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,kBAAkB;gBAC7D,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;gBAC3D,4BAA4B,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,4BAA4B;gBACjF,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;gBAC3D,iBAAiB,EAAE,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,iBAAiB;aAC5D,EACD,WAAW,EAAE,WAAW,KACpB,KAAK,IAER,QAAQ,CACI,CACX,CACP,CAAA;AACH,CAAC,CAAA"}
|
package/lib/Carousel.module.scss
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
@use '../styles/constants' as c;
|
|
2
|
-
@use '../styles/helpers' as h;
|
|
3
|
-
@include h.withError;
|
|
4
|
-
|
|
5
|
-
.wrapper {
|
|
6
|
-
margin-left: c.$grid * 10;
|
|
7
|
-
margin-right: c.$grid * 10;
|
|
8
|
-
margin-bottom: c.$grid * 2;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.nextButtonClassName {
|
|
12
|
-
left: c.$grid * 12;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.prevButtonClassName {
|
|
16
|
-
right: c.$grid * 12;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.nextButtonClassName,
|
|
20
|
-
.prevButtonClassName {
|
|
21
|
-
padding: 0 !important;
|
|
22
|
-
position: relative;
|
|
23
|
-
height: 40px;
|
|
24
|
-
|
|
25
|
-
&:focus-visible {
|
|
26
|
-
@include h.outlineAround;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.pagingDotsClassName {
|
|
31
|
-
position: relative;
|
|
32
|
-
top: c.$grid * 7;
|
|
33
|
-
margin-left: c.$grid * 0.5;
|
|
34
|
-
margin-right: c.$grid * 0.5;
|
|
35
|
-
display: flex;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
align-items: center;
|
|
38
|
-
padding: c.$grid * 1.5;
|
|
39
|
-
|
|
40
|
-
&:focus-visible {
|
|
41
|
-
@include h.outlineAround;
|
|
42
|
-
}
|
|
43
|
-
}
|
package/lib/CenteredLoader.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CenteredLoader.js","sourceRoot":"","sources":["../src/CenteredLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAe,MAAM,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAGjD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAE,WAAW,EAAE,QAAQ,GAAG,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAClH,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS,eAAa,QAAQ;IACnD,oBAAC,MAAM,OAAK,KAAK,GAAI,CACjB,CACP,CAAA"}
|
package/lib/Checkbox.d.ts
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React, { ChangeEvent, FocusEvent, ReactElement, ReactText, MouseEvent } from 'react';
|
|
2
|
-
import { DataTestProp } from '@hazelcast/helpers';
|
|
3
|
-
import { HelpProps } from './Help';
|
|
4
|
-
type CheckboxCoreProps = {
|
|
5
|
-
name: string;
|
|
6
|
-
value?: string;
|
|
7
|
-
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
8
|
-
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
-
onClick?: (e: MouseEvent<HTMLInputElement>) => void;
|
|
10
|
-
error?: string;
|
|
11
|
-
checked?: boolean;
|
|
12
|
-
};
|
|
13
|
-
export type CheckboxExtraProps = {
|
|
14
|
-
label?: ReactElement | ReactText;
|
|
15
|
-
helperText?: HelpProps['helperText'];
|
|
16
|
-
indeterminate?: boolean;
|
|
17
|
-
disabled?: boolean;
|
|
18
|
-
required?: boolean;
|
|
19
|
-
className?: string;
|
|
20
|
-
classNameLabel?: string;
|
|
21
|
-
'aria-label'?: string;
|
|
22
|
-
classNameCheckmark?: string;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* ### Purpose
|
|
26
|
-
* Forms require input from users. If you need information that can be represented as boolean, use input with type 'checkbox'.
|
|
27
|
-
* Checkbox fields accept boolean types of data. And help and error guidance to ensure they know what to enter.
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* ### General Info
|
|
31
|
-
* - It's important to realise that we don't set checkbox value, but state (on/off). That is the main difference from other input types.
|
|
32
|
-
* - They can have a special indeterminate state, that represents a '3rd' value, usually used in tree structures, etc.
|
|
33
|
-
*/
|
|
34
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxCoreProps & CheckboxExtraProps & DataTestProp & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
-
export {};
|
package/lib/Checkbox.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React, { useRef, forwardRef } from 'react';
|
|
2
|
-
import { Check, Minus } from 'react-feather';
|
|
3
|
-
import { useUID } from 'react-uid';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
import { Error, errorId } from './Error';
|
|
6
|
-
import { Help, helpTooltipId } from './Help';
|
|
7
|
-
import styles from './Checkbox.module.scss';
|
|
8
|
-
import { TruncatedText } from './TruncatedText';
|
|
9
|
-
/**
|
|
10
|
-
* ### Purpose
|
|
11
|
-
* Forms require input from users. If you need information that can be represented as boolean, use input with type 'checkbox'.
|
|
12
|
-
* Checkbox fields accept boolean types of data. And help and error guidance to ensure they know what to enter.
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
* ### General Info
|
|
16
|
-
* - It's important to realise that we don't set checkbox value, but state (on/off). That is the main difference from other input types.
|
|
17
|
-
* - They can have a special indeterminate state, that represents a '3rd' value, usually used in tree structures, etc.
|
|
18
|
-
*/
|
|
19
|
-
export const Checkbox = forwardRef((props, ref) => {
|
|
20
|
-
const { checked, name, onChange, onBlur, className, classNameLabel, classNameCheckmark, value, indeterminate = false, label, helperText, error, disabled = false, required, 'data-test': dataTest, 'aria-label': ariaLabel, onClick, } = props;
|
|
21
|
-
const inputRef = useRef(null);
|
|
22
|
-
const id = useUID();
|
|
23
|
-
return (React.createElement("div", { ref: ref, className: classNames(className, { [styles.withError]: 'error' in props }), "data-test": dataTest },
|
|
24
|
-
React.createElement("label", { className: classNames(styles.wrapper, {
|
|
25
|
-
[styles.error]: !!error,
|
|
26
|
-
[styles.checked]: checked,
|
|
27
|
-
[styles.disabled]: disabled,
|
|
28
|
-
[styles.indeterminate]: indeterminate,
|
|
29
|
-
}, classNameLabel), htmlFor: id },
|
|
30
|
-
label !== undefined && (React.createElement("div", { className: styles.name, "data-test": "input-checkbox-label" },
|
|
31
|
-
React.createElement(TruncatedText, { text: label }))),
|
|
32
|
-
React.createElement("input", { type: "checkbox", ref: inputRef, id: id, name: name, "aria-label": ariaLabel, checked: !!checked, onChange: onChange, onBlur: onBlur, onClick: onClick, value: value, disabled: disabled, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id) }),
|
|
33
|
-
indeterminate ? (React.createElement(Minus, { className: classNames(styles.checkmark, classNameCheckmark) })) : (React.createElement(Check, { className: classNames(styles.checkmark, classNameCheckmark) })),
|
|
34
|
-
helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })),
|
|
35
|
-
React.createElement(Error, { truncated: true, error: error, className: styles.errorContainer, inputId: id })));
|
|
36
|
-
});
|
|
37
|
-
Checkbox.displayName = 'Checkbox';
|
|
38
|
-
//# sourceMappingURL=Checkbox.js.map
|
package/lib/Checkbox.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/lib/Checkbox.module.scss
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
@use '../styles/constants' as c;
|
|
2
|
-
@use '../styles/helpers' as h;
|
|
3
|
-
@include h.withError;
|
|
4
|
-
|
|
5
|
-
.wrapper {
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: row;
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
|
|
12
|
-
@include c.typographyBodySmall;
|
|
13
|
-
|
|
14
|
-
* {
|
|
15
|
-
box-sizing: border-box;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
// hide native checkbox
|
|
19
|
-
input {
|
|
20
|
-
@include h.visuallyHidden;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.helperText {
|
|
24
|
-
margin-top: c.$grid * 0.5;
|
|
25
|
-
margin-left: c.$grid * 1.5;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
// default visible checkmark
|
|
29
|
-
.checkmark {
|
|
30
|
-
/* doiuse-disable calc */
|
|
31
|
-
$checkmarkSize: calc(#{c.$iconSizeSmall} + #{c.$borderWidth * 2});
|
|
32
|
-
/* doiuse-enable calc */
|
|
33
|
-
|
|
34
|
-
width: $checkmarkSize;
|
|
35
|
-
height: $checkmarkSize;
|
|
36
|
-
border: c.$borderWidth solid c.$colorNeutralLight;
|
|
37
|
-
border-radius: c.$grid;
|
|
38
|
-
color: c.$colorNeutralWhite;
|
|
39
|
-
|
|
40
|
-
// because of ~ and + selectors used below, we need to keep the current order in DOM and
|
|
41
|
-
// fix it visually with order property
|
|
42
|
-
order: -1;
|
|
43
|
-
flex-shrink: 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
& > input:checked ~ .checkmark {
|
|
47
|
-
background-color: c.$colorSuccess;
|
|
48
|
-
border-color: c.$colorSuccess;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
Indeterminate
|
|
53
|
-
*/
|
|
54
|
-
&.indeterminate input ~ .checkmark {
|
|
55
|
-
background-color: c.$colorPrimaryLight;
|
|
56
|
-
border-color: c.$colorPrimaryLight;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
Hover
|
|
61
|
-
*/
|
|
62
|
-
&:hover,
|
|
63
|
-
&.hover {
|
|
64
|
-
input ~ .checkmark {
|
|
65
|
-
border-color: c.$colorPrimary;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
// Error state
|
|
70
|
-
&.error input ~ .checkmark {
|
|
71
|
-
border-color: c.$colorError;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.name {
|
|
75
|
-
overflow: hidden;
|
|
76
|
-
padding-left: c.$grid * 1.25;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
&:not(.checked) {
|
|
80
|
-
color: c.$colorTextSecondary;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
&.focus > input,
|
|
84
|
-
input:focus {
|
|
85
|
-
~ .checkmark {
|
|
86
|
-
@include h.outlineFormField;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
Disabled
|
|
92
|
-
*/
|
|
93
|
-
&.disabled {
|
|
94
|
-
color: c.$colorNeutralLight;
|
|
95
|
-
cursor: not-allowed;
|
|
96
|
-
|
|
97
|
-
& > input:disabled ~ .checkmark {
|
|
98
|
-
color: c.$colorNeutralWhite;
|
|
99
|
-
border-color: c.$colorNeutralLight;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
& > input:disabled:checked ~ .checkmark {
|
|
103
|
-
background-color: c.$colorNeutral;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
package/lib/CheckboxFormik.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { CheckboxExtraProps } from './Checkbox';
|
|
3
|
-
import { FieldValidatorGeneric } from './utils/formik';
|
|
4
|
-
import { ExtractKeysOfValueType } from './utils/types';
|
|
5
|
-
export type CheckboxFieldFormikProps<V extends object> = CheckboxExtraProps & {
|
|
6
|
-
name: ExtractKeysOfValueType<V, boolean>;
|
|
7
|
-
validate?: FieldValidatorGeneric<boolean>;
|
|
8
|
-
onChange?: (value: boolean) => void;
|
|
9
|
-
};
|
|
10
|
-
export declare const CheckboxFormik: <V extends object>({ name, validate, onChange, ...props }: CheckboxFieldFormikProps<V>) => ReactElement;
|
package/lib/CheckboxFormik.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { useCallback } from 'react';
|
|
2
|
-
import { useField } from 'formik';
|
|
3
|
-
import { Checkbox } from './Checkbox';
|
|
4
|
-
import { getFieldError } from './utils/formik';
|
|
5
|
-
export const CheckboxFormik = ({ name, validate, onChange, ...props }) => {
|
|
6
|
-
const [{ onBlur, onChange: onFormikChange, value }, meta] = useField({
|
|
7
|
-
name,
|
|
8
|
-
validate,
|
|
9
|
-
});
|
|
10
|
-
return (React.createElement(Checkbox, { ...props, name: name, checked: value, onChange: useCallback((e) => {
|
|
11
|
-
if (onChange) {
|
|
12
|
-
onChange(e.target.checked);
|
|
13
|
-
}
|
|
14
|
-
onFormikChange(e);
|
|
15
|
-
}, [onFormikChange, onChange]), onBlur: onBlur, error: getFieldError(meta) }));
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=CheckboxFormik.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFormik.js","sourceRoot":"","sources":["../src/CheckboxFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA+B,EAAgB,EAAE;IACpI,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAU;QAC5E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,WAAW,CACnB,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;aAC3B;YAED,cAAc,CAAC,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,EACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgressBar.js","sourceRoot":"","sources":["../src/CircularProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,aAAa,MAAM,6BAA6B,CAAA;AAEvD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAEtD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;AACvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAA;AACjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAA;AAUjC,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IACpI,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnE,aAAa,CAAC,GAAG,EAAE;QACjB,IAAI,gBAAgB,EAAE;YACpB,qBAAqB,CAAC,IAAI,CAAC,CAAA;SAC5B;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,CAAA;IACvB,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,gBAAgB,GAAG,CAAC,CAAA;IAC9C,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAA;IAE1C,MAAM,0BAA0B,GAAG,gBAAgB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IACzF,MAAM,YAAY,GAAG,CAAC,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAA;IACxD,MAAM,uBAAuB,GAAG,GAAG,YAAY,KAAK,aAAa,EAAE,CAAA;IACnE,MAAM,wBAAwB,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,0BAA0B,CAAC,CAAA;IAE1F,OAAO,CACL,0CAAe,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;QAC9F,0CAAe,SAAS,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,MAAM,MAAM,EAAE;YAC9F,6CACY,6BAA6B,EACvC,SAAS,EAAE,MAAM,CAAC,qBAAqB,EACvC,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,gBAAgB,EAC7B,eAAe,EAAE,YAAY,GAC7B;YACF,6CACY,6BAA6B,EACvC,SAAS,EAAE,MAAM,CAAC,qBAAqB,EACvC,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,gBAAgB,EAC7B,eAAe,EAAE,YAAY,GAC7B;YACF,6CACY,qBAAqB,EAC/B,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,gBAAgB,EAC7B,eAAe,EAAE,uBAAuB,EACxC,gBAAgB,EAAE,wBAAwB,GAC1C,CACE;QACN,0CAAe,UAAU,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,IAClD,IAAI,CACD,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|