@spaced-out/ui-design-system 0.3.45 → 0.3.47-beta.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/.all-contributorsrc +9 -0
- package/CHANGELOG.md +19 -0
- package/README.md +1 -0
- package/gulpfile.js +5 -2
- package/lib/components/Avatar/Avatar.js +14 -19
- package/lib/components/AvatarGroup/AvatarGroup.js +4 -7
- package/lib/components/AvatarGroup/AvatarGroup.js.flow +2 -2
- package/lib/components/Badge/Badge.js +6 -11
- package/lib/components/BadgedIcon/BadgedIcon.js +2 -4
- package/lib/components/Banner/Banner.js +5 -7
- package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js +4 -6
- package/lib/components/Breadcrumbs/Breadcrumbs.js +4 -7
- package/lib/components/Button/Button.js +8 -14
- package/lib/components/ButtonDropdown/ButtonDropdown.js +29 -21
- package/lib/components/ButtonDropdown/ButtonDropdown.js.flow +58 -33
- package/lib/components/ButtonDropdown/ButtonDropdown.module.css +8 -1
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.js +6 -5
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.js.flow +6 -1
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.js +5 -7
- package/lib/components/ButtonTabs/ButtonTabDropdown.js +16 -10
- package/lib/components/ButtonTabs/ButtonTabDropdown.js.flow +40 -24
- package/lib/components/ButtonTabs/ButtonTabDropdown.module.css +4 -0
- package/lib/components/ButtonTabs/ButtonTabs.js +8 -9
- package/lib/components/ButtonTabs/ButtonTabs.js.flow +4 -0
- package/lib/components/Card/Card.js +7 -11
- package/lib/components/Charts/ChartTooltip/index.js +3 -5
- package/lib/components/Charts/ChartWrapper/ChartWrapper.js +5 -13
- package/lib/components/Charts/ColumnChart/ColumnChart.js +2 -6
- package/lib/components/Charts/DonutChart/DonutChart.js +2 -6
- package/lib/components/Charts/FunnelChart/FunnelChart.js +2 -7
- package/lib/components/Charts/LineChart/LineChart.js +2 -6
- package/lib/components/Charts/SpiderChart/SpiderChart.js +2 -7
- package/lib/components/ChatBubble/ChatBubble.js +5 -8
- package/lib/components/Checkbox/Checkbox.js +8 -7
- package/lib/components/Checkbox/CheckboxGroup.js +5 -8
- package/lib/components/Chip/Chip.js +5 -8
- package/lib/components/CircularLoader/CircularLoader.js +4 -7
- package/lib/components/CollapsibleCard/CollapsibleCard.js +5 -9
- package/lib/components/Combobox/Combobox.js +4 -7
- package/lib/components/Combobox/helper.js +3 -7
- package/lib/components/ConditionalWrapper/ConditionalWrapper.js +1 -3
- package/lib/components/DateRangePicker/Calendar.js +2 -5
- package/lib/components/DateRangePicker/DateRangePicker.js +4 -8
- package/lib/components/DateRangePicker/DateRangeWrapper.js +5 -7
- package/lib/components/DateRangePicker/Day.js +2 -6
- package/lib/components/Dialog/Dialog.js +4 -6
- package/lib/components/Disclaimer/Disclaimer.js +5 -7
- package/lib/components/Dropdown/Dropdown.js +28 -15
- package/lib/components/Dropdown/Dropdown.js.flow +57 -32
- package/lib/components/Dropdown/Dropdown.module.css +5 -0
- package/lib/components/Dropdown/SimpleDropdown.js +5 -5
- package/lib/components/Dropdown/SimpleDropdown.js.flow +4 -0
- package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js +1 -3
- package/lib/components/EmptyState/EmptyImages/ChartEmptyImage.js +1 -3
- package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js +1 -3
- package/lib/components/EmptyState/EmptyImages/FileEmptyImage.js +1 -3
- package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.js +1 -3
- package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.js +1 -3
- package/lib/components/EmptyState/EmptyState.js +5 -7
- package/lib/components/ErrorMessage/ErrorImages/ForbiddenImage.js +1 -3
- package/lib/components/ErrorMessage/ErrorImages/NotFoundImage.js +1 -3
- package/lib/components/ErrorMessage/ErrorImages/ServerErrorImage.js +1 -3
- package/lib/components/ErrorMessage/ErrorImages/UnauthorizedImage.js +1 -3
- package/lib/components/ErrorMessage/ErrorMessage.js +5 -7
- package/lib/components/FileUpload/FileBlock/FileBlock.js +3 -6
- package/lib/components/FileUpload/FileUpload.js +12 -6
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js +5 -7
- package/lib/components/FocusManager/FocusManager.js +3 -4
- package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js +4 -6
- package/lib/components/FormTitleWrapper/FormTitleWrapper.js +4 -7
- package/lib/components/Grid/Grid.js +3 -5
- package/lib/components/Icon/ClickableIcon.js +6 -9
- package/lib/components/Icon/Icon.docs.js +2 -4
- package/lib/components/Icon/Icon.js +6 -11
- package/lib/components/Icon/SemanticIcon.js +3 -4
- package/lib/components/InContextAlert/InContextAlert.js +4 -7
- package/lib/components/InfinitePagination/InfinitePagination.js +4 -8
- package/lib/components/InlineDropdown/InlineDropdown.js +30 -15
- package/lib/components/InlineDropdown/InlineDropdown.js.flow +57 -30
- package/lib/components/InlineDropdown/InlineDropdown.module.css +5 -0
- package/lib/components/InlineDropdown/SimpleInlineDropdown.js +5 -5
- package/lib/components/InlineDropdown/SimpleInlineDropdown.js.flow +4 -0
- package/lib/components/Input/Input.js +6 -10
- package/lib/components/KPIBox/KPIBox.js +5 -7
- package/lib/components/LinearLoader/LinearLoader.js +4 -7
- package/lib/components/Link/Link.js +7 -12
- package/lib/components/Menu/Menu.js +7 -7
- package/lib/components/Menu/MenuOptionButton.js +3 -4
- package/lib/components/Modal/Modal.js +4 -5
- package/lib/components/Notification/Notification.js +5 -9
- package/lib/components/OptionButton/OptionButton.js +5 -7
- package/lib/components/OptionButton/SimpleOptionButton.js +3 -5
- package/lib/components/PageTitle/PageTitle.js +6 -9
- package/lib/components/Pagination/Pagination.js +5 -7
- package/lib/components/Pagination/PaginationItem.js +2 -4
- package/lib/components/Panel/Panel.js +4 -6
- package/lib/components/ProgressDonut/ProgressDonut.js +4 -7
- package/lib/components/PromptChip/PromptChip.js +5 -9
- package/lib/components/PromptInput/PromptInput.js +4 -7
- package/lib/components/RadioButton/RadioButton.js +12 -7
- package/lib/components/RadioButton/RadioGroup.js +11 -8
- package/lib/components/RadioTile/RadioTile.js +5 -7
- package/lib/components/RangeSlider/RangeSlider.js +5 -8
- package/lib/components/Rating/Rating.js +5 -9
- package/lib/components/ScoreBar/ScoreBar.js +6 -11
- package/lib/components/SearchInput/SearchInput.js +5 -7
- package/lib/components/Separator/Separator.js +5 -9
- package/lib/components/Shimmer/Shimmer.js +5 -10
- package/lib/components/SideMenuLink/SideMenuLink.js +5 -8
- package/lib/components/StatusIndicator/StatusIndicator.js +6 -9
- package/lib/components/Stepper/Step/Step.js +4 -7
- package/lib/components/Stepper/Step/StepContent.js +2 -4
- package/lib/components/Stepper/Step/StepLabel.js +2 -4
- package/lib/components/Stepper/Stepper.js +4 -7
- package/lib/components/StickyBar/StickyBar.js +5 -7
- package/lib/components/SubMenu/SubMenu.js +4 -7
- package/lib/components/SubMenu/SubMenuGroup.js +3 -5
- package/lib/components/SubMenu/SubMenuItem.js +7 -10
- package/lib/components/SubMenu/SubMenuLink.js +4 -7
- package/lib/components/Table/Cell.js +8 -12
- package/lib/components/Table/DefaultRow.js +9 -6
- package/lib/components/Table/DefaultTableHeader.js +4 -8
- package/lib/components/Table/StaticTable.js +9 -13
- package/lib/components/Table/StaticTable.js.flow +1 -1
- package/lib/components/Table/Table.docs.js +3 -4
- package/lib/components/Table/Table.docs.js.flow +1 -1
- package/lib/components/Table/Table.js +4 -3
- package/lib/components/Table/TableActionBar.js +3 -4
- package/lib/components/Table/TableBottomBar.js +3 -4
- package/lib/components/Table/TableTopBar.js +3 -4
- package/lib/components/Table/dummyTableData.js +2 -4
- package/lib/components/Table/hooks.js +2 -4
- package/lib/components/Tabs/Tab/Tab.js +6 -10
- package/lib/components/Tabs/TabList/TabDropdown.js +17 -11
- package/lib/components/Tabs/TabList/TabDropdown.js.flow +38 -22
- package/lib/components/Tabs/TabList/TabDropdown.module.css +4 -0
- package/lib/components/Tabs/TabList/TabList.js +9 -11
- package/lib/components/Tabs/TabList/TabList.js.flow +4 -0
- package/lib/components/Text/Text.js +48 -75
- package/lib/components/TextTile/TextTile.js +4 -7
- package/lib/components/Textarea/Textarea.js +4 -6
- package/lib/components/Timeline/Timeline.js +4 -8
- package/lib/components/Timeline/TimelineItem/TimelineItem.js +3 -6
- package/lib/components/Toast/Toast.js +8 -12
- package/lib/components/Toast/ToastContainer.js +3 -6
- package/lib/components/Toast/ToastManager.js +5 -10
- package/lib/components/Toggle/Toggle.js +12 -7
- package/lib/components/TokenListInput/TokenListInput.js +33 -14
- package/lib/components/TokenListInput/TokenListInput.js.flow +58 -32
- package/lib/components/TokenListInput/TokenListInput.module.css +5 -0
- package/lib/components/TokenListInput/TokenValueChips.js +1 -3
- package/lib/components/Tooltip/Tooltip.js +9 -9
- package/lib/components/Tooltip/Tooltip.js.flow +2 -2
- package/lib/components/Truncate/Truncate.js +6 -10
- package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js +3 -4
- package/lib/components/Typeahead/SimpleTypeahead.js +6 -6
- package/lib/components/Typeahead/SimpleTypeahead.js.flow +4 -0
- package/lib/components/Typeahead/Typeahead.js +30 -15
- package/lib/components/Typeahead/Typeahead.js.flow +58 -30
- package/lib/components/Typeahead/Typeahead.module.css +5 -0
- package/lib/components/WeekdayPicker/WeekdayPicker.js +5 -9
- package/lib/hooks/index.js +11 -0
- package/lib/hooks/index.js.flow +1 -0
- package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.js +0 -1
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +0 -2
- package/lib/hooks/useDebounce/useDebounce.js +1 -3
- package/lib/hooks/useFileUpload/useFileUpload.js +2 -4
- package/lib/hooks/useFilteredOptions/useFilteredOptions.js +1 -4
- package/lib/hooks/useInfiniteScroll/useInfiniteScroll.js +1 -3
- package/lib/hooks/useInputState/useInputState.js +1 -3
- package/lib/hooks/useLockedBody/useLockedBody.js +0 -1
- package/lib/hooks/useModal/useModal.js +0 -1
- package/lib/hooks/useMountTransition/index.js +1 -3
- package/lib/hooks/usePagination/usePagination.js +0 -1
- package/lib/hooks/useReferenceElementWidth/index.js +16 -0
- package/lib/hooks/useReferenceElementWidth/index.js.flow +3 -0
- package/lib/hooks/useReferenceElementWidth/useReferenceElementWidth.js +21 -0
- package/lib/hooks/useReferenceElementWidth/useReferenceElementWidth.js.flow +23 -0
- package/lib/hooks/useResizeObserver/useResizeObserver.js +1 -3
- package/lib/hooks/useToastPortal/useToastPortal.js +0 -1
- package/lib/hooks/useToggle/useToggle.js +0 -1
- package/lib/hooks/useWindowSize/useWindowSize.js +0 -1
- package/lib/styles/index.js +267 -535
- package/lib/styles/variables/_border.js +12 -25
- package/lib/styles/variables/_color.js +104 -209
- package/lib/styles/variables/_elevation.js +7 -15
- package/lib/styles/variables/_font.js +30 -61
- package/lib/styles/variables/_motion.js +6 -13
- package/lib/styles/variables/_opacity.js +15 -31
- package/lib/styles/variables/_shadow.js +24 -49
- package/lib/styles/variables/_size.js +57 -115
- package/lib/styles/variables/_space.js +12 -25
- package/lib/types/charts.js +1 -0
- package/lib/types/common.js +2 -4
- package/lib/types/menu.js +1 -0
- package/lib/types/toast.js +4 -8
- package/lib/types/typography.js +2 -4
- package/lib/utils/array/are-arrays-equal.js +0 -1
- package/lib/utils/charts/charts.js +4 -8
- package/lib/utils/charts/columnChart.js +1 -4
- package/lib/utils/charts/donutChart.js +2 -4
- package/lib/utils/charts/funnelChart.js +0 -4
- package/lib/utils/charts/helpers.js +9 -17
- package/lib/utils/charts/lineChart.js +0 -2
- package/lib/utils/charts/spiderChart.js +2 -3
- package/lib/utils/charts/typography.js +7 -14
- package/lib/utils/classify/index.js +2 -4
- package/lib/utils/click-away/click-away.js +50 -56
- package/lib/utils/date-range-picker/date-range-picker.js +6 -14
- package/lib/utils/date-range-picker/timezones.js +2 -5
- package/lib/utils/dom/dom.js +0 -1
- package/lib/utils/helpers/helpers.js +0 -1
- package/lib/utils/makeClassNameComponent/makeClassNameComponent.js +3 -4
- package/lib/utils/menu/menu.js +1 -3
- package/lib/utils/rating/rating.js +2 -5
- package/lib/utils/score-bar/score-bar.js +2 -4
- package/lib/utils/string/string.js +0 -1
- package/lib/utils/token-list-input/token-list-input.js +1 -3
- package/lib/utils/tokens/tokens.js +1 -3
- package/package.json +7 -7
- package/lib/components/Avatar/Avatar.d.ts +0 -263
- package/lib/components/Avatar/index.d.ts +0 -1
- package/lib/components/AvatarGroup/AvatarGroup.d.ts +0 -161
- package/lib/components/AvatarGroup/index.d.ts +0 -1
- package/lib/components/Badge/Badge.d.ts +0 -138
- package/lib/components/Badge/index.d.ts +0 -1
- package/lib/components/BadgedIcon/BadgedIcon.d.ts +0 -70
- package/lib/components/BadgedIcon/index.d.ts +0 -1
- package/lib/components/Banner/Banner.d.ts +0 -52
- package/lib/components/Banner/index.d.ts +0 -1
- package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts +0 -50
- package/lib/components/Breadcrumbs/BreadcrumbLink/index.d.ts +0 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +0 -64
- package/lib/components/Breadcrumbs/index.d.ts +0 -2
- package/lib/components/Button/Button.d.ts +0 -288
- package/lib/components/Button/index.d.ts +0 -14
- package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +0 -192
- package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts +0 -148
- package/lib/components/ButtonDropdown/index.d.ts +0 -2
- package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts +0 -82
- package/lib/components/ButtonTabs/ButtonTab/index.d.ts +0 -1
- package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts +0 -118
- package/lib/components/ButtonTabs/ButtonTabs.d.ts +0 -113
- package/lib/components/ButtonTabs/index.d.ts +0 -2
- package/lib/components/Card/Card.d.ts +0 -163
- package/lib/components/Card/index.d.ts +0 -1
- package/lib/components/Charts/ChartTooltip/index.d.ts +0 -10
- package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts +0 -184
- package/lib/components/Charts/ChartWrapper/index.d.ts +0 -1
- package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +0 -111
- package/lib/components/Charts/ColumnChart/index.d.ts +0 -1
- package/lib/components/Charts/DonutChart/DonutChart.d.ts +0 -142
- package/lib/components/Charts/DonutChart/index.d.ts +0 -1
- package/lib/components/Charts/FunnelChart/FunnelChart.d.ts +0 -99
- package/lib/components/Charts/FunnelChart/index.d.ts +0 -1
- package/lib/components/Charts/LineChart/LineChart.d.ts +0 -97
- package/lib/components/Charts/LineChart/index.d.ts +0 -1
- package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +0 -95
- package/lib/components/Charts/SpiderChart/index.d.ts +0 -1
- package/lib/components/Charts/index.d.ts +0 -7
- package/lib/components/ChatBubble/ChatBubble.d.ts +0 -203
- package/lib/components/ChatBubble/index.d.ts +0 -1
- package/lib/components/Checkbox/Checkbox.d.ts +0 -165
- package/lib/components/Checkbox/CheckboxGroup.d.ts +0 -113
- package/lib/components/Checkbox/index.d.ts +0 -2
- package/lib/components/Chip/Chip.d.ts +0 -202
- package/lib/components/Chip/index.d.ts +0 -2
- package/lib/components/CircularLoader/CircularLoader.d.ts +0 -56
- package/lib/components/CircularLoader/index.d.ts +0 -1
- package/lib/components/CollapsibleCard/CollapsibleCard.d.ts +0 -134
- package/lib/components/CollapsibleCard/index.d.ts +0 -1
- package/lib/components/Combobox/Combobox.d.ts +0 -292
- package/lib/components/Combobox/helper.d.ts +0 -205
- package/lib/components/Combobox/index.d.ts +0 -1
- package/lib/components/ConditionalWrapper/ConditionalWrapper.d.ts +0 -12
- package/lib/components/ConditionalWrapper/index.d.ts +0 -1
- package/lib/components/DateRangePicker/Calendar.d.ts +0 -97
- package/lib/components/DateRangePicker/DateRangePicker.d.ts +0 -196
- package/lib/components/DateRangePicker/DateRangeWrapper.d.ts +0 -347
- package/lib/components/DateRangePicker/Day.d.ts +0 -70
- package/lib/components/DateRangePicker/index.d.ts +0 -1
- package/lib/components/Dialog/Dialog.d.ts +0 -208
- package/lib/components/Dialog/index.d.ts +0 -1
- package/lib/components/Disclaimer/Disclaimer.d.ts +0 -32
- package/lib/components/Disclaimer/index.d.ts +0 -1
- package/lib/components/Dropdown/Dropdown.d.ts +0 -145
- package/lib/components/Dropdown/SimpleDropdown.d.ts +0 -142
- package/lib/components/Dropdown/index.d.ts +0 -2
- package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.d.ts +0 -108
- package/lib/components/EmptyState/EmptyImages/ChartEmptyImage.d.ts +0 -194
- package/lib/components/EmptyState/EmptyImages/DataEmptyImage.d.ts +0 -116
- package/lib/components/EmptyState/EmptyImages/FileEmptyImage.d.ts +0 -133
- package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.d.ts +0 -64
- package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.d.ts +0 -67
- package/lib/components/EmptyState/EmptyImages/index.d.ts +0 -6
- package/lib/components/EmptyState/EmptyState.d.ts +0 -82
- package/lib/components/EmptyState/index.d.ts +0 -1
- package/lib/components/ErrorMessage/ErrorImages/ForbiddenImage.d.ts +0 -85
- package/lib/components/ErrorMessage/ErrorImages/NotFoundImage.d.ts +0 -117
- package/lib/components/ErrorMessage/ErrorImages/ServerErrorImage.d.ts +0 -237
- package/lib/components/ErrorMessage/ErrorImages/UnauthorizedImage.d.ts +0 -73
- package/lib/components/ErrorMessage/ErrorImages/index.d.ts +0 -4
- package/lib/components/ErrorMessage/ErrorMessage.d.ts +0 -86
- package/lib/components/ErrorMessage/index.d.ts +0 -1
- package/lib/components/FileUpload/FileBlock/FileBlock.d.ts +0 -137
- package/lib/components/FileUpload/FileBlock/index.d.ts +0 -1
- package/lib/components/FileUpload/FileUpload.d.ts +0 -190
- package/lib/components/FileUpload/index.d.ts +0 -2
- package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts +0 -130
- package/lib/components/FilterButtonOverlay/index.d.ts +0 -1
- package/lib/components/FocusManager/FocusManager.d.ts +0 -52
- package/lib/components/FocusManager/index.d.ts +0 -1
- package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts +0 -137
- package/lib/components/FocusManagerWithArrowKeyNavigation/index.d.ts +0 -1
- package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts +0 -62
- package/lib/components/FormTitleWrapper/index.d.ts +0 -1
- package/lib/components/Grid/Grid.d.ts +0 -104
- package/lib/components/Grid/index.d.ts +0 -1
- package/lib/components/Icon/ClickableIcon.d.ts +0 -106
- package/lib/components/Icon/Icon.d.ts +0 -71
- package/lib/components/Icon/Icon.docs.d.ts +0 -152
- package/lib/components/Icon/SemanticIcon.d.ts +0 -42
- package/lib/components/Icon/index.d.ts +0 -3
- package/lib/components/InContextAlert/InContextAlert.d.ts +0 -210
- package/lib/components/InContextAlert/index.d.ts +0 -1
- package/lib/components/InfinitePagination/InfinitePagination.d.ts +0 -112
- package/lib/components/InfinitePagination/index.d.ts +0 -1
- package/lib/components/InlineDropdown/InlineDropdown.d.ts +0 -146
- package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts +0 -145
- package/lib/components/InlineDropdown/index.d.ts +0 -2
- package/lib/components/Input/Input.d.ts +0 -327
- package/lib/components/Input/index.d.ts +0 -1
- package/lib/components/KPIBox/KPIBox.d.ts +0 -89
- package/lib/components/KPIBox/index.d.ts +0 -1
- package/lib/components/LinearLoader/LinearLoader.d.ts +0 -44
- package/lib/components/LinearLoader/index.d.ts +0 -1
- package/lib/components/Link/Link.d.ts +0 -225
- package/lib/components/Link/index.d.ts +0 -1
- package/lib/components/Menu/Menu.d.ts +0 -379
- package/lib/components/Menu/MenuOptionButton.d.ts +0 -199
- package/lib/components/Menu/index.d.ts +0 -2
- package/lib/components/Modal/Modal.d.ts +0 -362
- package/lib/components/Modal/index.d.ts +0 -14
- package/lib/components/Notification/Notification.d.ts +0 -147
- package/lib/components/Notification/index.d.ts +0 -1
- package/lib/components/OptionButton/OptionButton.d.ts +0 -150
- package/lib/components/OptionButton/SimpleOptionButton.d.ts +0 -150
- package/lib/components/OptionButton/index.d.ts +0 -2
- package/lib/components/PageTitle/PageTitle.d.ts +0 -256
- package/lib/components/PageTitle/index.d.ts +0 -1
- package/lib/components/Pagination/Pagination.d.ts +0 -144
- package/lib/components/Pagination/PaginationItem.d.ts +0 -136
- package/lib/components/Pagination/index.d.ts +0 -1
- package/lib/components/Panel/Panel.d.ts +0 -168
- package/lib/components/Panel/index.d.ts +0 -9
- package/lib/components/ProgressDonut/ProgressDonut.d.ts +0 -102
- package/lib/components/ProgressDonut/index.d.ts +0 -1
- package/lib/components/PromptChip/PromptChip.d.ts +0 -167
- package/lib/components/PromptChip/index.d.ts +0 -1
- package/lib/components/PromptInput/PromptInput.d.ts +0 -189
- package/lib/components/PromptInput/index.d.ts +0 -1
- package/lib/components/RadioButton/RadioButton.d.ts +0 -132
- package/lib/components/RadioButton/RadioGroup.d.ts +0 -88
- package/lib/components/RadioButton/index.d.ts +0 -2
- package/lib/components/RadioTile/RadioTile.d.ts +0 -109
- package/lib/components/RadioTile/index.d.ts +0 -1
- package/lib/components/RangeSlider/RangeSlider.d.ts +0 -207
- package/lib/components/RangeSlider/index.d.ts +0 -1
- package/lib/components/Rating/Rating.d.ts +0 -131
- package/lib/components/Rating/index.d.ts +0 -1
- package/lib/components/ScoreBar/ScoreBar.d.ts +0 -122
- package/lib/components/ScoreBar/index.d.ts +0 -1
- package/lib/components/SearchInput/SearchInput.d.ts +0 -79
- package/lib/components/SearchInput/index.d.ts +0 -2
- package/lib/components/Separator/Separator.d.ts +0 -51
- package/lib/components/Separator/index.d.ts +0 -1
- package/lib/components/Shimmer/Shimmer.d.ts +0 -131
- package/lib/components/Shimmer/index.d.ts +0 -1
- package/lib/components/SideMenuLink/SideMenuLink.d.ts +0 -336
- package/lib/components/SideMenuLink/index.d.ts +0 -1
- package/lib/components/StatusIndicator/StatusIndicator.d.ts +0 -60
- package/lib/components/StatusIndicator/index.d.ts +0 -1
- package/lib/components/Stepper/Step/Step.d.ts +0 -119
- package/lib/components/Stepper/Step/StepContent.d.ts +0 -35
- package/lib/components/Stepper/Step/StepLabel.d.ts +0 -35
- package/lib/components/Stepper/Step/index.d.ts +0 -3
- package/lib/components/Stepper/Stepper.d.ts +0 -60
- package/lib/components/Stepper/index.d.ts +0 -2
- package/lib/components/StickyBar/StickyBar.d.ts +0 -55
- package/lib/components/StickyBar/index.d.ts +0 -1
- package/lib/components/SubMenu/SubMenu.d.ts +0 -89
- package/lib/components/SubMenu/SubMenuGroup.d.ts +0 -156
- package/lib/components/SubMenu/SubMenuItem.d.ts +0 -161
- package/lib/components/SubMenu/SubMenuLink.d.ts +0 -81
- package/lib/components/SubMenu/index.d.ts +0 -4
- package/lib/components/Table/Cell.d.ts +0 -107
- package/lib/components/Table/DefaultRow.d.ts +0 -145
- package/lib/components/Table/DefaultTableHeader.d.ts +0 -237
- package/lib/components/Table/StaticTable.d.ts +0 -205
- package/lib/components/Table/Table.d.ts +0 -114
- package/lib/components/Table/Table.docs.d.ts +0 -544
- package/lib/components/Table/TableActionBar.d.ts +0 -48
- package/lib/components/Table/TableBottomBar.d.ts +0 -20
- package/lib/components/Table/TableTopBar.d.ts +0 -20
- package/lib/components/Table/dummyTableData.d.ts +0 -2189
- package/lib/components/Table/hooks.d.ts +0 -98
- package/lib/components/Table/index.d.ts +0 -8
- package/lib/components/Tabs/Tab/Tab.d.ts +0 -146
- package/lib/components/Tabs/Tab/index.d.ts +0 -1
- package/lib/components/Tabs/TabList/TabDropdown.d.ts +0 -100
- package/lib/components/Tabs/TabList/TabList.d.ts +0 -157
- package/lib/components/Tabs/TabList/index.d.ts +0 -1
- package/lib/components/Tabs/index.d.ts +0 -2
- package/lib/components/Text/Text.d.ts +0 -1021
- package/lib/components/Text/index.d.ts +0 -30
- package/lib/components/TextTile/TextTile.d.ts +0 -40
- package/lib/components/TextTile/index.d.ts +0 -1
- package/lib/components/Textarea/Textarea.d.ts +0 -132
- package/lib/components/Textarea/index.d.ts +0 -2
- package/lib/components/Timeline/Timeline.d.ts +0 -40
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +0 -121
- package/lib/components/Timeline/TimelineItem/index.d.ts +0 -1
- package/lib/components/Timeline/index.d.ts +0 -2
- package/lib/components/Toast/Toast.d.ts +0 -248
- package/lib/components/Toast/ToastContainer.d.ts +0 -140
- package/lib/components/Toast/ToastManager.d.ts +0 -58
- package/lib/components/Toast/index.d.ts +0 -10
- package/lib/components/Toggle/Toggle.d.ts +0 -111
- package/lib/components/Toggle/index.d.ts +0 -1
- package/lib/components/TokenListInput/TokenListInput.d.ts +0 -351
- package/lib/components/TokenListInput/TokenValueChips.d.ts +0 -60
- package/lib/components/TokenListInput/index.d.ts +0 -1
- package/lib/components/Tooltip/Tooltip.d.ts +0 -186
- package/lib/components/Tooltip/index.d.ts +0 -1
- package/lib/components/Truncate/Truncate.d.ts +0 -87
- package/lib/components/Truncate/index.d.ts +0 -2
- package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts +0 -95
- package/lib/components/TruncatedTextWithTooltip/index.d.ts +0 -1
- package/lib/components/Typeahead/SimpleTypeahead.d.ts +0 -141
- package/lib/components/Typeahead/Typeahead.d.ts +0 -217
- package/lib/components/Typeahead/index.d.ts +0 -2
- package/lib/components/WeekdayPicker/WeekdayPicker.d.ts +0 -242
- package/lib/components/WeekdayPicker/index.d.ts +0 -1
- package/lib/components/index.d.ts +0 -74
- package/lib/hooks/index.d.ts +0 -15
- package/lib/hooks/useArbitraryOptionAddition/index.d.ts +0 -1
- package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts +0 -124
- package/lib/hooks/useCopyToClipboard/index.d.ts +0 -1
- package/lib/hooks/useCopyToClipboard/useCopyToClipboard.d.ts +0 -27
- package/lib/hooks/useDebounce/index.d.ts +0 -1
- package/lib/hooks/useDebounce/useDebounce.d.ts +0 -13
- package/lib/hooks/useFileUpload/index.d.ts +0 -1
- package/lib/hooks/useFileUpload/useFileUpload.d.ts +0 -342
- package/lib/hooks/useFilteredOptions/index.d.ts +0 -1
- package/lib/hooks/useFilteredOptions/useFilteredOptions.d.ts +0 -87
- package/lib/hooks/useInfiniteScroll/index.d.ts +0 -1
- package/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +0 -77
- package/lib/hooks/useInputState/index.d.ts +0 -1
- package/lib/hooks/useInputState/useInputState.d.ts +0 -22
- package/lib/hooks/useLockedBody/index.d.ts +0 -1
- package/lib/hooks/useLockedBody/useLockedBody.d.ts +0 -46
- package/lib/hooks/useModal/index.d.ts +0 -1
- package/lib/hooks/useModal/useModal.d.ts +0 -32
- package/lib/hooks/useMountTransition/index.d.ts +0 -24
- package/lib/hooks/usePagination/index.d.ts +0 -1
- package/lib/hooks/usePagination/usePagination.d.ts +0 -140
- package/lib/hooks/useResizeObserver/index.d.ts +0 -1
- package/lib/hooks/useResizeObserver/useResizeObserver.d.ts +0 -22
- package/lib/hooks/useToastPortal/index.d.ts +0 -1
- package/lib/hooks/useToastPortal/useToastPortal.d.ts +0 -31
- package/lib/hooks/useToggle/index.d.ts +0 -1
- package/lib/hooks/useToggle/useToggle.d.ts +0 -11
- package/lib/hooks/useWindowSize/index.d.ts +0 -1
- package/lib/hooks/useWindowSize/useWindowSize.d.ts +0 -28
- package/lib/index.d.ts +0 -5
- package/lib/styles/index.d.ts +0 -267
- package/lib/styles/variables/_border.d.ts +0 -12
- package/lib/styles/variables/_color.d.ts +0 -104
- package/lib/styles/variables/_elevation.d.ts +0 -7
- package/lib/styles/variables/_font.d.ts +0 -30
- package/lib/styles/variables/_motion.d.ts +0 -6
- package/lib/styles/variables/_opacity.d.ts +0 -15
- package/lib/styles/variables/_shadow.d.ts +0 -24
- package/lib/styles/variables/_size.d.ts +0 -57
- package/lib/styles/variables/_space.d.ts +0 -12
- package/lib/types/charts.d.ts +0 -225
- package/lib/types/common.d.ts +0 -10
- package/lib/types/date-range-picker.d.ts +0 -17
- package/lib/types/index.d.ts +0 -6
- package/lib/types/menu.d.ts +0 -13
- package/lib/types/toast.d.ts +0 -32
- package/lib/types/typography.d.ts +0 -17
- package/lib/utils/array/are-arrays-equal.d.ts +0 -11
- package/lib/utils/array/index.d.ts +0 -1
- package/lib/utils/charts/charts.d.ts +0 -102
- package/lib/utils/charts/columnChart.d.ts +0 -51
- package/lib/utils/charts/donutChart.d.ts +0 -116
- package/lib/utils/charts/funnelChart.d.ts +0 -94
- package/lib/utils/charts/helpers.d.ts +0 -44
- package/lib/utils/charts/index.d.ts +0 -7
- package/lib/utils/charts/lineChart.d.ts +0 -44
- package/lib/utils/charts/spiderChart.d.ts +0 -46
- package/lib/utils/charts/typography.d.ts +0 -42
- package/lib/utils/classify/index.d.ts +0 -27
- package/lib/utils/click-away/click-away.d.ts +0 -194
- package/lib/utils/click-away/index.d.ts +0 -1
- package/lib/utils/date-range-picker/date-range-picker.d.ts +0 -411
- package/lib/utils/date-range-picker/index.d.ts +0 -2
- package/lib/utils/date-range-picker/timezones.d.ts +0 -262
- package/lib/utils/dom/dom.d.ts +0 -245
- package/lib/utils/dom/index.d.ts +0 -1
- package/lib/utils/helpers/helpers.d.ts +0 -48
- package/lib/utils/helpers/index.d.ts +0 -1
- package/lib/utils/index.d.ts +0 -14
- package/lib/utils/makeClassNameComponent/index.d.ts +0 -1
- package/lib/utils/makeClassNameComponent/makeClassNameComponent.d.ts +0 -73
- package/lib/utils/menu/index.d.ts +0 -1
- package/lib/utils/merge-refs/index.d.ts +0 -1
- package/lib/utils/merge-refs/merge-refs.d.ts +0 -15
- package/lib/utils/rating/index.d.ts +0 -1
- package/lib/utils/rating/rating.d.ts +0 -31
- package/lib/utils/score-bar/index.d.ts +0 -1
- package/lib/utils/score-bar/score-bar.d.ts +0 -54
- package/lib/utils/string/index.d.ts +0 -1
- package/lib/utils/string/string.d.ts +0 -30
- package/lib/utils/token-list-input/token-list-input.d.ts +0 -32
- package/lib/utils/tokens/index.d.ts +0 -1
- package/lib/utils/tokens/tokens.d.ts +0 -230
|
@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _Banner = require("../Banner");
|
|
9
9
|
var _Icon = require("../Icon");
|
|
10
10
|
var _DisclaimerModule = _interopRequireDefault(require("./Disclaimer.module.css"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
const Disclaimer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
const Disclaimer = exports.Disclaimer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
16
15
|
let {
|
|
17
16
|
classNames,
|
|
18
17
|
leftIconName = 'info-circle',
|
|
@@ -30,5 +29,4 @@ const Disclaimer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
30
29
|
icon: _DisclaimerModule.default.iconWrapper
|
|
31
30
|
}
|
|
32
31
|
}));
|
|
33
|
-
});
|
|
34
|
-
exports.Disclaimer = Disclaimer;
|
|
32
|
+
});
|
|
@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Dropdown = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@floating-ui/react");
|
|
9
|
-
var
|
|
9
|
+
var _hooks = require("../../hooks");
|
|
10
10
|
var _space = require("../../styles/variables/_space");
|
|
11
11
|
var _classify = require("../../utils/classify");
|
|
12
12
|
var _clickAway = require("../../utils/click-away");
|
|
13
13
|
var _mergeRefs = require("../../utils/merge-refs");
|
|
14
14
|
var _Input = require("../Input");
|
|
15
15
|
var _Menu = require("../Menu");
|
|
16
|
+
var _Tooltip = require("../Tooltip");
|
|
16
17
|
var _DropdownModule = _interopRequireDefault(require("./Dropdown.module.css"));
|
|
17
|
-
function _interopRequireDefault(
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
|
|
21
|
-
const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
21
|
+
const Dropdown = exports.Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
22
22
|
let {
|
|
23
23
|
size = 'medium',
|
|
24
24
|
classNames,
|
|
@@ -30,15 +30,16 @@ const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
30
30
|
scrollMenuToBottom = false,
|
|
31
31
|
dropdownInputText = '',
|
|
32
32
|
clickAwayRef,
|
|
33
|
+
elevation = 'modal',
|
|
33
34
|
...inputProps
|
|
34
35
|
} = _ref;
|
|
35
|
-
const dropdownRef = React.useRef();
|
|
36
36
|
const menuRef = React.useRef();
|
|
37
37
|
const {
|
|
38
38
|
x,
|
|
39
39
|
y,
|
|
40
40
|
refs,
|
|
41
|
-
strategy
|
|
41
|
+
strategy,
|
|
42
|
+
context
|
|
42
43
|
} = (0, _react2.useFloating)({
|
|
43
44
|
open: true,
|
|
44
45
|
strategy: 'absolute',
|
|
@@ -46,6 +47,7 @@ const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
46
47
|
whileElementsMounted: _react2.autoUpdate,
|
|
47
48
|
middleware: [(0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
|
|
48
49
|
});
|
|
50
|
+
const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
|
|
49
51
|
const onMenuToggle = isOpen => {
|
|
50
52
|
isOpen ? onMenuOpen && onMenuOpen() : onMenuClose && onMenuClose();
|
|
51
53
|
if (scrollMenuToBottom && menuRef.current && isOpen) {
|
|
@@ -64,9 +66,8 @@ const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
64
66
|
triggerRef
|
|
65
67
|
} = _ref2;
|
|
66
68
|
return /*#__PURE__*/React.createElement("div", {
|
|
67
|
-
"data-testid": "Dropdown",
|
|
68
69
|
className: (0, _classify.classify)(_DropdownModule.default.dropdownContainer, classNames?.wrapper),
|
|
69
|
-
|
|
70
|
+
"data-testid": "Dropdown"
|
|
70
71
|
}, /*#__PURE__*/React.createElement(_Input.Input, _extends({}, inputProps, {
|
|
71
72
|
onKeyDown: e => {
|
|
72
73
|
if (e.keyCode === 32) {
|
|
@@ -89,13 +90,26 @@ const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
89
90
|
onOpen();
|
|
90
91
|
},
|
|
91
92
|
ref: ref
|
|
92
|
-
})), isOpen && menu && /*#__PURE__*/React.createElement(
|
|
93
|
+
})), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
|
|
94
|
+
modal: false,
|
|
95
|
+
context: context,
|
|
96
|
+
initialFocus: refs.reference
|
|
97
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
93
98
|
ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
|
|
99
|
+
className: _DropdownModule.default.menuWrapper,
|
|
94
100
|
style: {
|
|
95
101
|
position: strategy,
|
|
96
102
|
top: y ?? _space.spaceNone,
|
|
97
103
|
left: x ?? _space.spaceNone,
|
|
98
|
-
|
|
104
|
+
/* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
|
|
105
|
+
so its parent is effectively the <body> element. This means the menu
|
|
106
|
+
would otherwise default to the body's width. To support fluid width,
|
|
107
|
+
we must manually set the dropdown width here; otherwise, it uses a fixed width.
|
|
108
|
+
Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
|
|
109
|
+
...(menu.isFluid !== false && {
|
|
110
|
+
'--dropdown-width': dropdownWidth
|
|
111
|
+
}),
|
|
112
|
+
'--menu-elevation': (0, _Tooltip.getElevationValue)(elevation)
|
|
99
113
|
}
|
|
100
114
|
}, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
|
|
101
115
|
onSelect: (option, e) => {
|
|
@@ -110,7 +124,6 @@ const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
110
124
|
size: menu.size || size,
|
|
111
125
|
onTabOut: clickAway,
|
|
112
126
|
ref: menuRef
|
|
113
|
-
}))));
|
|
127
|
+
}))))));
|
|
114
128
|
});
|
|
115
|
-
});
|
|
116
|
-
exports.Dropdown = Dropdown;
|
|
129
|
+
});
|
|
@@ -7,12 +7,16 @@ import {
|
|
|
7
7
|
// $FlowFixMe[untyped-import]
|
|
8
8
|
flip,
|
|
9
9
|
// $FlowFixMe[untyped-import]
|
|
10
|
+
FloatingFocusManager,
|
|
11
|
+
// $FlowFixMe[untyped-import]
|
|
12
|
+
FloatingPortal,
|
|
13
|
+
// $FlowFixMe[untyped-import]
|
|
10
14
|
offset,
|
|
11
15
|
// $FlowFixMe[untyped-import]
|
|
12
16
|
useFloating,
|
|
13
17
|
} from '@floating-ui/react';
|
|
14
18
|
|
|
15
|
-
import {
|
|
19
|
+
import {useReferenceElementWidth} from '../../hooks';
|
|
16
20
|
import {spaceNone, spaceXXSmall} from '../../styles/variables/_space';
|
|
17
21
|
import {classify} from '../../utils/classify';
|
|
18
22
|
import {type ClickAwayRefType, ClickAway} from '../../utils/click-away';
|
|
@@ -21,6 +25,7 @@ import type {InputProps} from '../Input';
|
|
|
21
25
|
import {Input} from '../Input';
|
|
22
26
|
import type {MenuOption, MenuProps} from '../Menu';
|
|
23
27
|
import {Menu} from '../Menu';
|
|
28
|
+
import {type ElevationType, getElevationValue} from '../Tooltip';
|
|
24
29
|
|
|
25
30
|
import css from './Dropdown.module.css';
|
|
26
31
|
|
|
@@ -40,6 +45,7 @@ export type DropdownProps = {
|
|
|
40
45
|
scrollMenuToBottom?: boolean,
|
|
41
46
|
dropdownInputText?: string,
|
|
42
47
|
menu?: MenuProps,
|
|
48
|
+
elevation?: ElevationType,
|
|
43
49
|
clickAwayRef?: ClickAwayRefType,
|
|
44
50
|
...
|
|
45
51
|
};
|
|
@@ -60,19 +66,21 @@ export const Dropdown: React$AbstractComponent<
|
|
|
60
66
|
scrollMenuToBottom = false,
|
|
61
67
|
dropdownInputText = '',
|
|
62
68
|
clickAwayRef,
|
|
69
|
+
elevation = 'modal',
|
|
63
70
|
...inputProps
|
|
64
71
|
}: DropdownProps,
|
|
65
72
|
ref,
|
|
66
73
|
): React.Node => {
|
|
67
|
-
const dropdownRef = React.useRef();
|
|
68
74
|
const menuRef = React.useRef();
|
|
69
|
-
|
|
75
|
+
|
|
76
|
+
const {x, y, refs, strategy, context} = useFloating({
|
|
70
77
|
open: true,
|
|
71
78
|
strategy: 'absolute',
|
|
72
79
|
placement: 'bottom-start',
|
|
73
80
|
whileElementsMounted: autoUpdate,
|
|
74
81
|
middleware: [flip(), offset(parseInt(spaceXXSmall))],
|
|
75
82
|
});
|
|
83
|
+
const dropdownWidth = useReferenceElementWidth(refs.reference?.current);
|
|
76
84
|
|
|
77
85
|
const onMenuToggle = (isOpen: boolean) => {
|
|
78
86
|
isOpen ? onMenuOpen && onMenuOpen() : onMenuClose && onMenuClose();
|
|
@@ -85,9 +93,8 @@ export const Dropdown: React$AbstractComponent<
|
|
|
85
93
|
<ClickAway onChange={onMenuToggle} clickAwayRef={clickAwayRef}>
|
|
86
94
|
{({isOpen, onOpen, clickAway, boundaryRef, triggerRef}) => (
|
|
87
95
|
<div
|
|
88
|
-
data-testid="Dropdown"
|
|
89
96
|
className={classify(css.dropdownContainer, classNames?.wrapper)}
|
|
90
|
-
|
|
97
|
+
data-testid="Dropdown"
|
|
91
98
|
>
|
|
92
99
|
<Input
|
|
93
100
|
{...inputProps}
|
|
@@ -115,33 +122,51 @@ export const Dropdown: React$AbstractComponent<
|
|
|
115
122
|
/>
|
|
116
123
|
|
|
117
124
|
{isOpen && menu && (
|
|
118
|
-
<
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
125
|
+
<FloatingPortal>
|
|
126
|
+
<FloatingFocusManager
|
|
127
|
+
modal={false}
|
|
128
|
+
context={context}
|
|
129
|
+
initialFocus={refs.reference}
|
|
130
|
+
>
|
|
131
|
+
<div
|
|
132
|
+
ref={mergeRefs([refs.setFloating, boundaryRef])}
|
|
133
|
+
className={css.menuWrapper}
|
|
134
|
+
style={{
|
|
135
|
+
position: strategy,
|
|
136
|
+
top: y ?? spaceNone,
|
|
137
|
+
left: x ?? spaceNone,
|
|
138
|
+
/* NOTE(Sharad): The FloatingPortal renders the menu outside the normal DOM structure,
|
|
139
|
+
so its parent is effectively the <body> element. This means the menu
|
|
140
|
+
would otherwise default to the body's width. To support fluid width,
|
|
141
|
+
we must manually set the dropdown width here; otherwise, it uses a fixed width.
|
|
142
|
+
Also, Only treat menu as non-fluid if isFluid is strictly false, since default is true in menu and undefined means fluid. */
|
|
143
|
+
...(menu.isFluid !== false && {
|
|
144
|
+
'--dropdown-width': dropdownWidth,
|
|
145
|
+
}),
|
|
146
|
+
'--menu-elevation': getElevationValue(elevation),
|
|
147
|
+
}}
|
|
148
|
+
>
|
|
149
|
+
<Menu
|
|
150
|
+
{...menu}
|
|
151
|
+
onSelect={(option, e) => {
|
|
152
|
+
onChange && onChange(option, e);
|
|
153
|
+
if (
|
|
154
|
+
// option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
|
|
155
|
+
!option.keepMenuOpenOnOptionSelect &&
|
|
156
|
+
(!menu.optionsVariant ||
|
|
157
|
+
menu.optionsVariant === 'normal')
|
|
158
|
+
) {
|
|
159
|
+
clickAway();
|
|
160
|
+
refs.reference.current.querySelector('input').focus();
|
|
161
|
+
}
|
|
162
|
+
}}
|
|
163
|
+
size={menu.size || size}
|
|
164
|
+
onTabOut={clickAway}
|
|
165
|
+
ref={menuRef}
|
|
166
|
+
/>
|
|
167
|
+
</div>
|
|
168
|
+
</FloatingFocusManager>
|
|
169
|
+
</FloatingPortal>
|
|
145
170
|
)}
|
|
146
171
|
</div>
|
|
147
172
|
)}
|
|
@@ -7,9 +7,8 @@ exports.SimpleDropdown = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _menu = require("../../utils/menu");
|
|
9
9
|
var _Dropdown = require("./Dropdown");
|
|
10
|
-
function
|
|
11
|
-
function
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
12
|
const SimpleDropdownBase = (props, ref) => {
|
|
14
13
|
const {
|
|
15
14
|
size = 'medium',
|
|
@@ -23,6 +22,7 @@ const SimpleDropdownBase = (props, ref) => {
|
|
|
23
22
|
onMenuOpen,
|
|
24
23
|
onMenuClose,
|
|
25
24
|
resolveLabel,
|
|
25
|
+
elevation = 'modal',
|
|
26
26
|
menuVirtualization,
|
|
27
27
|
resolveSecondaryLabel,
|
|
28
28
|
isMenuFluid = true,
|
|
@@ -62,6 +62,7 @@ const SimpleDropdownBase = (props, ref) => {
|
|
|
62
62
|
return /*#__PURE__*/React.createElement(_Dropdown.Dropdown, _extends({}, inputProps, {
|
|
63
63
|
classNames: classNames,
|
|
64
64
|
size: size,
|
|
65
|
+
elevation: elevation,
|
|
65
66
|
placeholder: placeholder,
|
|
66
67
|
onChange: handleOptionChange,
|
|
67
68
|
onMenuOpen: onMenuOpen,
|
|
@@ -86,5 +87,4 @@ const SimpleDropdownBase = (props, ref) => {
|
|
|
86
87
|
}
|
|
87
88
|
}));
|
|
88
89
|
};
|
|
89
|
-
const SimpleDropdown = /*#__PURE__*/React.forwardRef(SimpleDropdownBase);
|
|
90
|
-
exports.SimpleDropdown = SimpleDropdown;
|
|
90
|
+
const SimpleDropdown = exports.SimpleDropdown = /*#__PURE__*/React.forwardRef(SimpleDropdownBase);
|
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
} from '../../utils/menu';
|
|
11
11
|
import type {InputProps} from '../Input';
|
|
12
12
|
import type {MenuOption, MenuOptionsVariant, Virtualization} from '../Menu';
|
|
13
|
+
import type {ElevationType} from '../Tooltip';
|
|
13
14
|
|
|
14
15
|
import {Dropdown} from './Dropdown';
|
|
15
16
|
|
|
@@ -27,6 +28,7 @@ export type SimpleDropdownProps = {
|
|
|
27
28
|
// Input props
|
|
28
29
|
...InputProps,
|
|
29
30
|
|
|
31
|
+
elevation?: ElevationType,
|
|
30
32
|
classNames?: ClassNames,
|
|
31
33
|
clickAwayRef?: ClickAwayRefType,
|
|
32
34
|
|
|
@@ -67,6 +69,7 @@ const SimpleDropdownBase = (props: SimpleDropdownProps, ref) => {
|
|
|
67
69
|
onMenuOpen,
|
|
68
70
|
onMenuClose,
|
|
69
71
|
resolveLabel,
|
|
72
|
+
elevation = 'modal',
|
|
70
73
|
menuVirtualization,
|
|
71
74
|
resolveSecondaryLabel,
|
|
72
75
|
isMenuFluid = true,
|
|
@@ -125,6 +128,7 @@ const SimpleDropdownBase = (props: SimpleDropdownProps, ref) => {
|
|
|
125
128
|
{...inputProps}
|
|
126
129
|
classNames={classNames}
|
|
127
130
|
size={size}
|
|
131
|
+
elevation={elevation}
|
|
128
132
|
placeholder={placeholder}
|
|
129
133
|
onChange={handleOptionChange}
|
|
130
134
|
onMenuOpen={onMenuOpen}
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.CalendarEmptyImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const CalendarEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.ChartEmptyImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const ChartEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.DataEmptyImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.FileEmptyImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const FileEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.MessageEmptyImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const MessageEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.UploadEmptyImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const UploadEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _classify = _interopRequireDefault(require("../../utils/classify"));
|
|
9
9
|
var _EmptyImages = require("./EmptyImages");
|
|
10
10
|
var _EmptyStateModule = _interopRequireDefault(require("./EmptyState.module.css"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
const EmptyState = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
const EmptyState = exports.EmptyState = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
16
15
|
let {
|
|
17
16
|
classNames,
|
|
18
17
|
children,
|
|
@@ -39,5 +38,4 @@ const EmptyState = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
39
38
|
}, description), !!children && /*#__PURE__*/React.createElement("div", {
|
|
40
39
|
className: (0, _classify.default)(_EmptyStateModule.default.childrenWrapper, classNames?.children)
|
|
41
40
|
}, children));
|
|
42
|
-
});
|
|
43
|
-
exports.EmptyState = EmptyState;
|
|
41
|
+
});
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.ForbiddenImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const ForbiddenImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.NotFoundImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const NotFoundImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.ServerErrorImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const ServerErrorImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.UnauthorizedImage = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
9
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
-
|
|
8
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
9
|
const UnauthorizedImage = () => /*#__PURE__*/React.createElement("svg", {
|
|
12
10
|
width: "140",
|
|
13
11
|
height: "140",
|
|
@@ -8,11 +8,10 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _classify = _interopRequireDefault(require("../../utils/classify"));
|
|
9
9
|
var _ErrorImages = require("./ErrorImages");
|
|
10
10
|
var _ErrorMessageModule = _interopRequireDefault(require("./ErrorMessage.module.css"));
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
const ErrorMessage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
|
+
const ErrorMessage = exports.ErrorMessage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
16
15
|
let {
|
|
17
16
|
classNames,
|
|
18
17
|
children,
|
|
@@ -42,5 +41,4 @@ const ErrorMessage = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
42
41
|
}, description), !!children && /*#__PURE__*/React.createElement("div", {
|
|
43
42
|
className: (0, _classify.default)(_ErrorMessageModule.default.childrenWrapper, classNames?.children)
|
|
44
43
|
}, children));
|
|
45
|
-
});
|
|
46
|
-
exports.ErrorMessage = ErrorMessage;
|
|
44
|
+
});
|
|
@@ -10,11 +10,9 @@ var _Icon = require("../../Icon");
|
|
|
10
10
|
var _LinearLoader = require("../../LinearLoader");
|
|
11
11
|
var _Truncate = require("../../Truncate");
|
|
12
12
|
var _FileUploadModule = _interopRequireDefault(require("../FileUpload.module.css"));
|
|
13
|
-
function _interopRequireDefault(
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const FileBlock = exports.FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
18
16
|
let {
|
|
19
17
|
classNames,
|
|
20
18
|
fileObject,
|
|
@@ -61,7 +59,6 @@ const FileBlock = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
61
59
|
});
|
|
62
60
|
|
|
63
61
|
// This function returns the status of a file
|
|
64
|
-
exports.FileBlock = FileBlock;
|
|
65
62
|
const getFileStatus = fileObject => {
|
|
66
63
|
if (fileObject.progress) {
|
|
67
64
|
return 'progress';
|