@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.
Files changed (528) hide show
  1. package/.all-contributorsrc +9 -0
  2. package/CHANGELOG.md +19 -0
  3. package/README.md +1 -0
  4. package/gulpfile.js +5 -2
  5. package/lib/components/Avatar/Avatar.js +14 -19
  6. package/lib/components/AvatarGroup/AvatarGroup.js +4 -7
  7. package/lib/components/AvatarGroup/AvatarGroup.js.flow +2 -2
  8. package/lib/components/Badge/Badge.js +6 -11
  9. package/lib/components/BadgedIcon/BadgedIcon.js +2 -4
  10. package/lib/components/Banner/Banner.js +5 -7
  11. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js +4 -6
  12. package/lib/components/Breadcrumbs/Breadcrumbs.js +4 -7
  13. package/lib/components/Button/Button.js +8 -14
  14. package/lib/components/ButtonDropdown/ButtonDropdown.js +29 -21
  15. package/lib/components/ButtonDropdown/ButtonDropdown.js.flow +58 -33
  16. package/lib/components/ButtonDropdown/ButtonDropdown.module.css +8 -1
  17. package/lib/components/ButtonDropdown/SimpleButtonDropdown.js +6 -5
  18. package/lib/components/ButtonDropdown/SimpleButtonDropdown.js.flow +6 -1
  19. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.js +5 -7
  20. package/lib/components/ButtonTabs/ButtonTabDropdown.js +16 -10
  21. package/lib/components/ButtonTabs/ButtonTabDropdown.js.flow +40 -24
  22. package/lib/components/ButtonTabs/ButtonTabDropdown.module.css +4 -0
  23. package/lib/components/ButtonTabs/ButtonTabs.js +8 -9
  24. package/lib/components/ButtonTabs/ButtonTabs.js.flow +4 -0
  25. package/lib/components/Card/Card.js +7 -11
  26. package/lib/components/Charts/ChartTooltip/index.js +3 -5
  27. package/lib/components/Charts/ChartWrapper/ChartWrapper.js +5 -13
  28. package/lib/components/Charts/ColumnChart/ColumnChart.js +2 -6
  29. package/lib/components/Charts/DonutChart/DonutChart.js +2 -6
  30. package/lib/components/Charts/FunnelChart/FunnelChart.js +2 -7
  31. package/lib/components/Charts/LineChart/LineChart.js +2 -6
  32. package/lib/components/Charts/SpiderChart/SpiderChart.js +2 -7
  33. package/lib/components/ChatBubble/ChatBubble.js +5 -8
  34. package/lib/components/Checkbox/Checkbox.js +8 -7
  35. package/lib/components/Checkbox/CheckboxGroup.js +5 -8
  36. package/lib/components/Chip/Chip.js +5 -8
  37. package/lib/components/CircularLoader/CircularLoader.js +4 -7
  38. package/lib/components/CollapsibleCard/CollapsibleCard.js +5 -9
  39. package/lib/components/Combobox/Combobox.js +4 -7
  40. package/lib/components/Combobox/helper.js +3 -7
  41. package/lib/components/ConditionalWrapper/ConditionalWrapper.js +1 -3
  42. package/lib/components/DateRangePicker/Calendar.js +2 -5
  43. package/lib/components/DateRangePicker/DateRangePicker.js +4 -8
  44. package/lib/components/DateRangePicker/DateRangeWrapper.js +5 -7
  45. package/lib/components/DateRangePicker/Day.js +2 -6
  46. package/lib/components/Dialog/Dialog.js +4 -6
  47. package/lib/components/Disclaimer/Disclaimer.js +5 -7
  48. package/lib/components/Dropdown/Dropdown.js +28 -15
  49. package/lib/components/Dropdown/Dropdown.js.flow +57 -32
  50. package/lib/components/Dropdown/Dropdown.module.css +5 -0
  51. package/lib/components/Dropdown/SimpleDropdown.js +5 -5
  52. package/lib/components/Dropdown/SimpleDropdown.js.flow +4 -0
  53. package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js +1 -3
  54. package/lib/components/EmptyState/EmptyImages/ChartEmptyImage.js +1 -3
  55. package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js +1 -3
  56. package/lib/components/EmptyState/EmptyImages/FileEmptyImage.js +1 -3
  57. package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.js +1 -3
  58. package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.js +1 -3
  59. package/lib/components/EmptyState/EmptyState.js +5 -7
  60. package/lib/components/ErrorMessage/ErrorImages/ForbiddenImage.js +1 -3
  61. package/lib/components/ErrorMessage/ErrorImages/NotFoundImage.js +1 -3
  62. package/lib/components/ErrorMessage/ErrorImages/ServerErrorImage.js +1 -3
  63. package/lib/components/ErrorMessage/ErrorImages/UnauthorizedImage.js +1 -3
  64. package/lib/components/ErrorMessage/ErrorMessage.js +5 -7
  65. package/lib/components/FileUpload/FileBlock/FileBlock.js +3 -6
  66. package/lib/components/FileUpload/FileUpload.js +12 -6
  67. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js +5 -7
  68. package/lib/components/FocusManager/FocusManager.js +3 -4
  69. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js +4 -6
  70. package/lib/components/FormTitleWrapper/FormTitleWrapper.js +4 -7
  71. package/lib/components/Grid/Grid.js +3 -5
  72. package/lib/components/Icon/ClickableIcon.js +6 -9
  73. package/lib/components/Icon/Icon.docs.js +2 -4
  74. package/lib/components/Icon/Icon.js +6 -11
  75. package/lib/components/Icon/SemanticIcon.js +3 -4
  76. package/lib/components/InContextAlert/InContextAlert.js +4 -7
  77. package/lib/components/InfinitePagination/InfinitePagination.js +4 -8
  78. package/lib/components/InlineDropdown/InlineDropdown.js +30 -15
  79. package/lib/components/InlineDropdown/InlineDropdown.js.flow +57 -30
  80. package/lib/components/InlineDropdown/InlineDropdown.module.css +5 -0
  81. package/lib/components/InlineDropdown/SimpleInlineDropdown.js +5 -5
  82. package/lib/components/InlineDropdown/SimpleInlineDropdown.js.flow +4 -0
  83. package/lib/components/Input/Input.js +6 -10
  84. package/lib/components/KPIBox/KPIBox.js +5 -7
  85. package/lib/components/LinearLoader/LinearLoader.js +4 -7
  86. package/lib/components/Link/Link.js +7 -12
  87. package/lib/components/Menu/Menu.js +7 -7
  88. package/lib/components/Menu/MenuOptionButton.js +3 -4
  89. package/lib/components/Modal/Modal.js +4 -5
  90. package/lib/components/Notification/Notification.js +5 -9
  91. package/lib/components/OptionButton/OptionButton.js +5 -7
  92. package/lib/components/OptionButton/SimpleOptionButton.js +3 -5
  93. package/lib/components/PageTitle/PageTitle.js +6 -9
  94. package/lib/components/Pagination/Pagination.js +5 -7
  95. package/lib/components/Pagination/PaginationItem.js +2 -4
  96. package/lib/components/Panel/Panel.js +4 -6
  97. package/lib/components/ProgressDonut/ProgressDonut.js +4 -7
  98. package/lib/components/PromptChip/PromptChip.js +5 -9
  99. package/lib/components/PromptInput/PromptInput.js +4 -7
  100. package/lib/components/RadioButton/RadioButton.js +12 -7
  101. package/lib/components/RadioButton/RadioGroup.js +11 -8
  102. package/lib/components/RadioTile/RadioTile.js +5 -7
  103. package/lib/components/RangeSlider/RangeSlider.js +5 -8
  104. package/lib/components/Rating/Rating.js +5 -9
  105. package/lib/components/ScoreBar/ScoreBar.js +6 -11
  106. package/lib/components/SearchInput/SearchInput.js +5 -7
  107. package/lib/components/Separator/Separator.js +5 -9
  108. package/lib/components/Shimmer/Shimmer.js +5 -10
  109. package/lib/components/SideMenuLink/SideMenuLink.js +5 -8
  110. package/lib/components/StatusIndicator/StatusIndicator.js +6 -9
  111. package/lib/components/Stepper/Step/Step.js +4 -7
  112. package/lib/components/Stepper/Step/StepContent.js +2 -4
  113. package/lib/components/Stepper/Step/StepLabel.js +2 -4
  114. package/lib/components/Stepper/Stepper.js +4 -7
  115. package/lib/components/StickyBar/StickyBar.js +5 -7
  116. package/lib/components/SubMenu/SubMenu.js +4 -7
  117. package/lib/components/SubMenu/SubMenuGroup.js +3 -5
  118. package/lib/components/SubMenu/SubMenuItem.js +7 -10
  119. package/lib/components/SubMenu/SubMenuLink.js +4 -7
  120. package/lib/components/Table/Cell.js +8 -12
  121. package/lib/components/Table/DefaultRow.js +9 -6
  122. package/lib/components/Table/DefaultTableHeader.js +4 -8
  123. package/lib/components/Table/StaticTable.js +9 -13
  124. package/lib/components/Table/StaticTable.js.flow +1 -1
  125. package/lib/components/Table/Table.docs.js +3 -4
  126. package/lib/components/Table/Table.docs.js.flow +1 -1
  127. package/lib/components/Table/Table.js +4 -3
  128. package/lib/components/Table/TableActionBar.js +3 -4
  129. package/lib/components/Table/TableBottomBar.js +3 -4
  130. package/lib/components/Table/TableTopBar.js +3 -4
  131. package/lib/components/Table/dummyTableData.js +2 -4
  132. package/lib/components/Table/hooks.js +2 -4
  133. package/lib/components/Tabs/Tab/Tab.js +6 -10
  134. package/lib/components/Tabs/TabList/TabDropdown.js +17 -11
  135. package/lib/components/Tabs/TabList/TabDropdown.js.flow +38 -22
  136. package/lib/components/Tabs/TabList/TabDropdown.module.css +4 -0
  137. package/lib/components/Tabs/TabList/TabList.js +9 -11
  138. package/lib/components/Tabs/TabList/TabList.js.flow +4 -0
  139. package/lib/components/Text/Text.js +48 -75
  140. package/lib/components/TextTile/TextTile.js +4 -7
  141. package/lib/components/Textarea/Textarea.js +4 -6
  142. package/lib/components/Timeline/Timeline.js +4 -8
  143. package/lib/components/Timeline/TimelineItem/TimelineItem.js +3 -6
  144. package/lib/components/Toast/Toast.js +8 -12
  145. package/lib/components/Toast/ToastContainer.js +3 -6
  146. package/lib/components/Toast/ToastManager.js +5 -10
  147. package/lib/components/Toggle/Toggle.js +12 -7
  148. package/lib/components/TokenListInput/TokenListInput.js +33 -14
  149. package/lib/components/TokenListInput/TokenListInput.js.flow +58 -32
  150. package/lib/components/TokenListInput/TokenListInput.module.css +5 -0
  151. package/lib/components/TokenListInput/TokenValueChips.js +1 -3
  152. package/lib/components/Tooltip/Tooltip.js +9 -9
  153. package/lib/components/Tooltip/Tooltip.js.flow +2 -2
  154. package/lib/components/Truncate/Truncate.js +6 -10
  155. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js +3 -4
  156. package/lib/components/Typeahead/SimpleTypeahead.js +6 -6
  157. package/lib/components/Typeahead/SimpleTypeahead.js.flow +4 -0
  158. package/lib/components/Typeahead/Typeahead.js +30 -15
  159. package/lib/components/Typeahead/Typeahead.js.flow +58 -30
  160. package/lib/components/Typeahead/Typeahead.module.css +5 -0
  161. package/lib/components/WeekdayPicker/WeekdayPicker.js +5 -9
  162. package/lib/hooks/index.js +11 -0
  163. package/lib/hooks/index.js.flow +1 -0
  164. package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.js +0 -1
  165. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +0 -2
  166. package/lib/hooks/useDebounce/useDebounce.js +1 -3
  167. package/lib/hooks/useFileUpload/useFileUpload.js +2 -4
  168. package/lib/hooks/useFilteredOptions/useFilteredOptions.js +1 -4
  169. package/lib/hooks/useInfiniteScroll/useInfiniteScroll.js +1 -3
  170. package/lib/hooks/useInputState/useInputState.js +1 -3
  171. package/lib/hooks/useLockedBody/useLockedBody.js +0 -1
  172. package/lib/hooks/useModal/useModal.js +0 -1
  173. package/lib/hooks/useMountTransition/index.js +1 -3
  174. package/lib/hooks/usePagination/usePagination.js +0 -1
  175. package/lib/hooks/useReferenceElementWidth/index.js +16 -0
  176. package/lib/hooks/useReferenceElementWidth/index.js.flow +3 -0
  177. package/lib/hooks/useReferenceElementWidth/useReferenceElementWidth.js +21 -0
  178. package/lib/hooks/useReferenceElementWidth/useReferenceElementWidth.js.flow +23 -0
  179. package/lib/hooks/useResizeObserver/useResizeObserver.js +1 -3
  180. package/lib/hooks/useToastPortal/useToastPortal.js +0 -1
  181. package/lib/hooks/useToggle/useToggle.js +0 -1
  182. package/lib/hooks/useWindowSize/useWindowSize.js +0 -1
  183. package/lib/styles/index.js +267 -535
  184. package/lib/styles/variables/_border.js +12 -25
  185. package/lib/styles/variables/_color.js +104 -209
  186. package/lib/styles/variables/_elevation.js +7 -15
  187. package/lib/styles/variables/_font.js +30 -61
  188. package/lib/styles/variables/_motion.js +6 -13
  189. package/lib/styles/variables/_opacity.js +15 -31
  190. package/lib/styles/variables/_shadow.js +24 -49
  191. package/lib/styles/variables/_size.js +57 -115
  192. package/lib/styles/variables/_space.js +12 -25
  193. package/lib/types/charts.js +1 -0
  194. package/lib/types/common.js +2 -4
  195. package/lib/types/menu.js +1 -0
  196. package/lib/types/toast.js +4 -8
  197. package/lib/types/typography.js +2 -4
  198. package/lib/utils/array/are-arrays-equal.js +0 -1
  199. package/lib/utils/charts/charts.js +4 -8
  200. package/lib/utils/charts/columnChart.js +1 -4
  201. package/lib/utils/charts/donutChart.js +2 -4
  202. package/lib/utils/charts/funnelChart.js +0 -4
  203. package/lib/utils/charts/helpers.js +9 -17
  204. package/lib/utils/charts/lineChart.js +0 -2
  205. package/lib/utils/charts/spiderChart.js +2 -3
  206. package/lib/utils/charts/typography.js +7 -14
  207. package/lib/utils/classify/index.js +2 -4
  208. package/lib/utils/click-away/click-away.js +50 -56
  209. package/lib/utils/date-range-picker/date-range-picker.js +6 -14
  210. package/lib/utils/date-range-picker/timezones.js +2 -5
  211. package/lib/utils/dom/dom.js +0 -1
  212. package/lib/utils/helpers/helpers.js +0 -1
  213. package/lib/utils/makeClassNameComponent/makeClassNameComponent.js +3 -4
  214. package/lib/utils/menu/menu.js +1 -3
  215. package/lib/utils/rating/rating.js +2 -5
  216. package/lib/utils/score-bar/score-bar.js +2 -4
  217. package/lib/utils/string/string.js +0 -1
  218. package/lib/utils/token-list-input/token-list-input.js +1 -3
  219. package/lib/utils/tokens/tokens.js +1 -3
  220. package/package.json +7 -7
  221. package/lib/components/Avatar/Avatar.d.ts +0 -263
  222. package/lib/components/Avatar/index.d.ts +0 -1
  223. package/lib/components/AvatarGroup/AvatarGroup.d.ts +0 -161
  224. package/lib/components/AvatarGroup/index.d.ts +0 -1
  225. package/lib/components/Badge/Badge.d.ts +0 -138
  226. package/lib/components/Badge/index.d.ts +0 -1
  227. package/lib/components/BadgedIcon/BadgedIcon.d.ts +0 -70
  228. package/lib/components/BadgedIcon/index.d.ts +0 -1
  229. package/lib/components/Banner/Banner.d.ts +0 -52
  230. package/lib/components/Banner/index.d.ts +0 -1
  231. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts +0 -50
  232. package/lib/components/Breadcrumbs/BreadcrumbLink/index.d.ts +0 -1
  233. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +0 -64
  234. package/lib/components/Breadcrumbs/index.d.ts +0 -2
  235. package/lib/components/Button/Button.d.ts +0 -288
  236. package/lib/components/Button/index.d.ts +0 -14
  237. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +0 -192
  238. package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts +0 -148
  239. package/lib/components/ButtonDropdown/index.d.ts +0 -2
  240. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts +0 -82
  241. package/lib/components/ButtonTabs/ButtonTab/index.d.ts +0 -1
  242. package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts +0 -118
  243. package/lib/components/ButtonTabs/ButtonTabs.d.ts +0 -113
  244. package/lib/components/ButtonTabs/index.d.ts +0 -2
  245. package/lib/components/Card/Card.d.ts +0 -163
  246. package/lib/components/Card/index.d.ts +0 -1
  247. package/lib/components/Charts/ChartTooltip/index.d.ts +0 -10
  248. package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts +0 -184
  249. package/lib/components/Charts/ChartWrapper/index.d.ts +0 -1
  250. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +0 -111
  251. package/lib/components/Charts/ColumnChart/index.d.ts +0 -1
  252. package/lib/components/Charts/DonutChart/DonutChart.d.ts +0 -142
  253. package/lib/components/Charts/DonutChart/index.d.ts +0 -1
  254. package/lib/components/Charts/FunnelChart/FunnelChart.d.ts +0 -99
  255. package/lib/components/Charts/FunnelChart/index.d.ts +0 -1
  256. package/lib/components/Charts/LineChart/LineChart.d.ts +0 -97
  257. package/lib/components/Charts/LineChart/index.d.ts +0 -1
  258. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +0 -95
  259. package/lib/components/Charts/SpiderChart/index.d.ts +0 -1
  260. package/lib/components/Charts/index.d.ts +0 -7
  261. package/lib/components/ChatBubble/ChatBubble.d.ts +0 -203
  262. package/lib/components/ChatBubble/index.d.ts +0 -1
  263. package/lib/components/Checkbox/Checkbox.d.ts +0 -165
  264. package/lib/components/Checkbox/CheckboxGroup.d.ts +0 -113
  265. package/lib/components/Checkbox/index.d.ts +0 -2
  266. package/lib/components/Chip/Chip.d.ts +0 -202
  267. package/lib/components/Chip/index.d.ts +0 -2
  268. package/lib/components/CircularLoader/CircularLoader.d.ts +0 -56
  269. package/lib/components/CircularLoader/index.d.ts +0 -1
  270. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts +0 -134
  271. package/lib/components/CollapsibleCard/index.d.ts +0 -1
  272. package/lib/components/Combobox/Combobox.d.ts +0 -292
  273. package/lib/components/Combobox/helper.d.ts +0 -205
  274. package/lib/components/Combobox/index.d.ts +0 -1
  275. package/lib/components/ConditionalWrapper/ConditionalWrapper.d.ts +0 -12
  276. package/lib/components/ConditionalWrapper/index.d.ts +0 -1
  277. package/lib/components/DateRangePicker/Calendar.d.ts +0 -97
  278. package/lib/components/DateRangePicker/DateRangePicker.d.ts +0 -196
  279. package/lib/components/DateRangePicker/DateRangeWrapper.d.ts +0 -347
  280. package/lib/components/DateRangePicker/Day.d.ts +0 -70
  281. package/lib/components/DateRangePicker/index.d.ts +0 -1
  282. package/lib/components/Dialog/Dialog.d.ts +0 -208
  283. package/lib/components/Dialog/index.d.ts +0 -1
  284. package/lib/components/Disclaimer/Disclaimer.d.ts +0 -32
  285. package/lib/components/Disclaimer/index.d.ts +0 -1
  286. package/lib/components/Dropdown/Dropdown.d.ts +0 -145
  287. package/lib/components/Dropdown/SimpleDropdown.d.ts +0 -142
  288. package/lib/components/Dropdown/index.d.ts +0 -2
  289. package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.d.ts +0 -108
  290. package/lib/components/EmptyState/EmptyImages/ChartEmptyImage.d.ts +0 -194
  291. package/lib/components/EmptyState/EmptyImages/DataEmptyImage.d.ts +0 -116
  292. package/lib/components/EmptyState/EmptyImages/FileEmptyImage.d.ts +0 -133
  293. package/lib/components/EmptyState/EmptyImages/MessageEmptyImage.d.ts +0 -64
  294. package/lib/components/EmptyState/EmptyImages/UploadEmptyImage.d.ts +0 -67
  295. package/lib/components/EmptyState/EmptyImages/index.d.ts +0 -6
  296. package/lib/components/EmptyState/EmptyState.d.ts +0 -82
  297. package/lib/components/EmptyState/index.d.ts +0 -1
  298. package/lib/components/ErrorMessage/ErrorImages/ForbiddenImage.d.ts +0 -85
  299. package/lib/components/ErrorMessage/ErrorImages/NotFoundImage.d.ts +0 -117
  300. package/lib/components/ErrorMessage/ErrorImages/ServerErrorImage.d.ts +0 -237
  301. package/lib/components/ErrorMessage/ErrorImages/UnauthorizedImage.d.ts +0 -73
  302. package/lib/components/ErrorMessage/ErrorImages/index.d.ts +0 -4
  303. package/lib/components/ErrorMessage/ErrorMessage.d.ts +0 -86
  304. package/lib/components/ErrorMessage/index.d.ts +0 -1
  305. package/lib/components/FileUpload/FileBlock/FileBlock.d.ts +0 -137
  306. package/lib/components/FileUpload/FileBlock/index.d.ts +0 -1
  307. package/lib/components/FileUpload/FileUpload.d.ts +0 -190
  308. package/lib/components/FileUpload/index.d.ts +0 -2
  309. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts +0 -130
  310. package/lib/components/FilterButtonOverlay/index.d.ts +0 -1
  311. package/lib/components/FocusManager/FocusManager.d.ts +0 -52
  312. package/lib/components/FocusManager/index.d.ts +0 -1
  313. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts +0 -137
  314. package/lib/components/FocusManagerWithArrowKeyNavigation/index.d.ts +0 -1
  315. package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts +0 -62
  316. package/lib/components/FormTitleWrapper/index.d.ts +0 -1
  317. package/lib/components/Grid/Grid.d.ts +0 -104
  318. package/lib/components/Grid/index.d.ts +0 -1
  319. package/lib/components/Icon/ClickableIcon.d.ts +0 -106
  320. package/lib/components/Icon/Icon.d.ts +0 -71
  321. package/lib/components/Icon/Icon.docs.d.ts +0 -152
  322. package/lib/components/Icon/SemanticIcon.d.ts +0 -42
  323. package/lib/components/Icon/index.d.ts +0 -3
  324. package/lib/components/InContextAlert/InContextAlert.d.ts +0 -210
  325. package/lib/components/InContextAlert/index.d.ts +0 -1
  326. package/lib/components/InfinitePagination/InfinitePagination.d.ts +0 -112
  327. package/lib/components/InfinitePagination/index.d.ts +0 -1
  328. package/lib/components/InlineDropdown/InlineDropdown.d.ts +0 -146
  329. package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts +0 -145
  330. package/lib/components/InlineDropdown/index.d.ts +0 -2
  331. package/lib/components/Input/Input.d.ts +0 -327
  332. package/lib/components/Input/index.d.ts +0 -1
  333. package/lib/components/KPIBox/KPIBox.d.ts +0 -89
  334. package/lib/components/KPIBox/index.d.ts +0 -1
  335. package/lib/components/LinearLoader/LinearLoader.d.ts +0 -44
  336. package/lib/components/LinearLoader/index.d.ts +0 -1
  337. package/lib/components/Link/Link.d.ts +0 -225
  338. package/lib/components/Link/index.d.ts +0 -1
  339. package/lib/components/Menu/Menu.d.ts +0 -379
  340. package/lib/components/Menu/MenuOptionButton.d.ts +0 -199
  341. package/lib/components/Menu/index.d.ts +0 -2
  342. package/lib/components/Modal/Modal.d.ts +0 -362
  343. package/lib/components/Modal/index.d.ts +0 -14
  344. package/lib/components/Notification/Notification.d.ts +0 -147
  345. package/lib/components/Notification/index.d.ts +0 -1
  346. package/lib/components/OptionButton/OptionButton.d.ts +0 -150
  347. package/lib/components/OptionButton/SimpleOptionButton.d.ts +0 -150
  348. package/lib/components/OptionButton/index.d.ts +0 -2
  349. package/lib/components/PageTitle/PageTitle.d.ts +0 -256
  350. package/lib/components/PageTitle/index.d.ts +0 -1
  351. package/lib/components/Pagination/Pagination.d.ts +0 -144
  352. package/lib/components/Pagination/PaginationItem.d.ts +0 -136
  353. package/lib/components/Pagination/index.d.ts +0 -1
  354. package/lib/components/Panel/Panel.d.ts +0 -168
  355. package/lib/components/Panel/index.d.ts +0 -9
  356. package/lib/components/ProgressDonut/ProgressDonut.d.ts +0 -102
  357. package/lib/components/ProgressDonut/index.d.ts +0 -1
  358. package/lib/components/PromptChip/PromptChip.d.ts +0 -167
  359. package/lib/components/PromptChip/index.d.ts +0 -1
  360. package/lib/components/PromptInput/PromptInput.d.ts +0 -189
  361. package/lib/components/PromptInput/index.d.ts +0 -1
  362. package/lib/components/RadioButton/RadioButton.d.ts +0 -132
  363. package/lib/components/RadioButton/RadioGroup.d.ts +0 -88
  364. package/lib/components/RadioButton/index.d.ts +0 -2
  365. package/lib/components/RadioTile/RadioTile.d.ts +0 -109
  366. package/lib/components/RadioTile/index.d.ts +0 -1
  367. package/lib/components/RangeSlider/RangeSlider.d.ts +0 -207
  368. package/lib/components/RangeSlider/index.d.ts +0 -1
  369. package/lib/components/Rating/Rating.d.ts +0 -131
  370. package/lib/components/Rating/index.d.ts +0 -1
  371. package/lib/components/ScoreBar/ScoreBar.d.ts +0 -122
  372. package/lib/components/ScoreBar/index.d.ts +0 -1
  373. package/lib/components/SearchInput/SearchInput.d.ts +0 -79
  374. package/lib/components/SearchInput/index.d.ts +0 -2
  375. package/lib/components/Separator/Separator.d.ts +0 -51
  376. package/lib/components/Separator/index.d.ts +0 -1
  377. package/lib/components/Shimmer/Shimmer.d.ts +0 -131
  378. package/lib/components/Shimmer/index.d.ts +0 -1
  379. package/lib/components/SideMenuLink/SideMenuLink.d.ts +0 -336
  380. package/lib/components/SideMenuLink/index.d.ts +0 -1
  381. package/lib/components/StatusIndicator/StatusIndicator.d.ts +0 -60
  382. package/lib/components/StatusIndicator/index.d.ts +0 -1
  383. package/lib/components/Stepper/Step/Step.d.ts +0 -119
  384. package/lib/components/Stepper/Step/StepContent.d.ts +0 -35
  385. package/lib/components/Stepper/Step/StepLabel.d.ts +0 -35
  386. package/lib/components/Stepper/Step/index.d.ts +0 -3
  387. package/lib/components/Stepper/Stepper.d.ts +0 -60
  388. package/lib/components/Stepper/index.d.ts +0 -2
  389. package/lib/components/StickyBar/StickyBar.d.ts +0 -55
  390. package/lib/components/StickyBar/index.d.ts +0 -1
  391. package/lib/components/SubMenu/SubMenu.d.ts +0 -89
  392. package/lib/components/SubMenu/SubMenuGroup.d.ts +0 -156
  393. package/lib/components/SubMenu/SubMenuItem.d.ts +0 -161
  394. package/lib/components/SubMenu/SubMenuLink.d.ts +0 -81
  395. package/lib/components/SubMenu/index.d.ts +0 -4
  396. package/lib/components/Table/Cell.d.ts +0 -107
  397. package/lib/components/Table/DefaultRow.d.ts +0 -145
  398. package/lib/components/Table/DefaultTableHeader.d.ts +0 -237
  399. package/lib/components/Table/StaticTable.d.ts +0 -205
  400. package/lib/components/Table/Table.d.ts +0 -114
  401. package/lib/components/Table/Table.docs.d.ts +0 -544
  402. package/lib/components/Table/TableActionBar.d.ts +0 -48
  403. package/lib/components/Table/TableBottomBar.d.ts +0 -20
  404. package/lib/components/Table/TableTopBar.d.ts +0 -20
  405. package/lib/components/Table/dummyTableData.d.ts +0 -2189
  406. package/lib/components/Table/hooks.d.ts +0 -98
  407. package/lib/components/Table/index.d.ts +0 -8
  408. package/lib/components/Tabs/Tab/Tab.d.ts +0 -146
  409. package/lib/components/Tabs/Tab/index.d.ts +0 -1
  410. package/lib/components/Tabs/TabList/TabDropdown.d.ts +0 -100
  411. package/lib/components/Tabs/TabList/TabList.d.ts +0 -157
  412. package/lib/components/Tabs/TabList/index.d.ts +0 -1
  413. package/lib/components/Tabs/index.d.ts +0 -2
  414. package/lib/components/Text/Text.d.ts +0 -1021
  415. package/lib/components/Text/index.d.ts +0 -30
  416. package/lib/components/TextTile/TextTile.d.ts +0 -40
  417. package/lib/components/TextTile/index.d.ts +0 -1
  418. package/lib/components/Textarea/Textarea.d.ts +0 -132
  419. package/lib/components/Textarea/index.d.ts +0 -2
  420. package/lib/components/Timeline/Timeline.d.ts +0 -40
  421. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +0 -121
  422. package/lib/components/Timeline/TimelineItem/index.d.ts +0 -1
  423. package/lib/components/Timeline/index.d.ts +0 -2
  424. package/lib/components/Toast/Toast.d.ts +0 -248
  425. package/lib/components/Toast/ToastContainer.d.ts +0 -140
  426. package/lib/components/Toast/ToastManager.d.ts +0 -58
  427. package/lib/components/Toast/index.d.ts +0 -10
  428. package/lib/components/Toggle/Toggle.d.ts +0 -111
  429. package/lib/components/Toggle/index.d.ts +0 -1
  430. package/lib/components/TokenListInput/TokenListInput.d.ts +0 -351
  431. package/lib/components/TokenListInput/TokenValueChips.d.ts +0 -60
  432. package/lib/components/TokenListInput/index.d.ts +0 -1
  433. package/lib/components/Tooltip/Tooltip.d.ts +0 -186
  434. package/lib/components/Tooltip/index.d.ts +0 -1
  435. package/lib/components/Truncate/Truncate.d.ts +0 -87
  436. package/lib/components/Truncate/index.d.ts +0 -2
  437. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts +0 -95
  438. package/lib/components/TruncatedTextWithTooltip/index.d.ts +0 -1
  439. package/lib/components/Typeahead/SimpleTypeahead.d.ts +0 -141
  440. package/lib/components/Typeahead/Typeahead.d.ts +0 -217
  441. package/lib/components/Typeahead/index.d.ts +0 -2
  442. package/lib/components/WeekdayPicker/WeekdayPicker.d.ts +0 -242
  443. package/lib/components/WeekdayPicker/index.d.ts +0 -1
  444. package/lib/components/index.d.ts +0 -74
  445. package/lib/hooks/index.d.ts +0 -15
  446. package/lib/hooks/useArbitraryOptionAddition/index.d.ts +0 -1
  447. package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts +0 -124
  448. package/lib/hooks/useCopyToClipboard/index.d.ts +0 -1
  449. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.d.ts +0 -27
  450. package/lib/hooks/useDebounce/index.d.ts +0 -1
  451. package/lib/hooks/useDebounce/useDebounce.d.ts +0 -13
  452. package/lib/hooks/useFileUpload/index.d.ts +0 -1
  453. package/lib/hooks/useFileUpload/useFileUpload.d.ts +0 -342
  454. package/lib/hooks/useFilteredOptions/index.d.ts +0 -1
  455. package/lib/hooks/useFilteredOptions/useFilteredOptions.d.ts +0 -87
  456. package/lib/hooks/useInfiniteScroll/index.d.ts +0 -1
  457. package/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +0 -77
  458. package/lib/hooks/useInputState/index.d.ts +0 -1
  459. package/lib/hooks/useInputState/useInputState.d.ts +0 -22
  460. package/lib/hooks/useLockedBody/index.d.ts +0 -1
  461. package/lib/hooks/useLockedBody/useLockedBody.d.ts +0 -46
  462. package/lib/hooks/useModal/index.d.ts +0 -1
  463. package/lib/hooks/useModal/useModal.d.ts +0 -32
  464. package/lib/hooks/useMountTransition/index.d.ts +0 -24
  465. package/lib/hooks/usePagination/index.d.ts +0 -1
  466. package/lib/hooks/usePagination/usePagination.d.ts +0 -140
  467. package/lib/hooks/useResizeObserver/index.d.ts +0 -1
  468. package/lib/hooks/useResizeObserver/useResizeObserver.d.ts +0 -22
  469. package/lib/hooks/useToastPortal/index.d.ts +0 -1
  470. package/lib/hooks/useToastPortal/useToastPortal.d.ts +0 -31
  471. package/lib/hooks/useToggle/index.d.ts +0 -1
  472. package/lib/hooks/useToggle/useToggle.d.ts +0 -11
  473. package/lib/hooks/useWindowSize/index.d.ts +0 -1
  474. package/lib/hooks/useWindowSize/useWindowSize.d.ts +0 -28
  475. package/lib/index.d.ts +0 -5
  476. package/lib/styles/index.d.ts +0 -267
  477. package/lib/styles/variables/_border.d.ts +0 -12
  478. package/lib/styles/variables/_color.d.ts +0 -104
  479. package/lib/styles/variables/_elevation.d.ts +0 -7
  480. package/lib/styles/variables/_font.d.ts +0 -30
  481. package/lib/styles/variables/_motion.d.ts +0 -6
  482. package/lib/styles/variables/_opacity.d.ts +0 -15
  483. package/lib/styles/variables/_shadow.d.ts +0 -24
  484. package/lib/styles/variables/_size.d.ts +0 -57
  485. package/lib/styles/variables/_space.d.ts +0 -12
  486. package/lib/types/charts.d.ts +0 -225
  487. package/lib/types/common.d.ts +0 -10
  488. package/lib/types/date-range-picker.d.ts +0 -17
  489. package/lib/types/index.d.ts +0 -6
  490. package/lib/types/menu.d.ts +0 -13
  491. package/lib/types/toast.d.ts +0 -32
  492. package/lib/types/typography.d.ts +0 -17
  493. package/lib/utils/array/are-arrays-equal.d.ts +0 -11
  494. package/lib/utils/array/index.d.ts +0 -1
  495. package/lib/utils/charts/charts.d.ts +0 -102
  496. package/lib/utils/charts/columnChart.d.ts +0 -51
  497. package/lib/utils/charts/donutChart.d.ts +0 -116
  498. package/lib/utils/charts/funnelChart.d.ts +0 -94
  499. package/lib/utils/charts/helpers.d.ts +0 -44
  500. package/lib/utils/charts/index.d.ts +0 -7
  501. package/lib/utils/charts/lineChart.d.ts +0 -44
  502. package/lib/utils/charts/spiderChart.d.ts +0 -46
  503. package/lib/utils/charts/typography.d.ts +0 -42
  504. package/lib/utils/classify/index.d.ts +0 -27
  505. package/lib/utils/click-away/click-away.d.ts +0 -194
  506. package/lib/utils/click-away/index.d.ts +0 -1
  507. package/lib/utils/date-range-picker/date-range-picker.d.ts +0 -411
  508. package/lib/utils/date-range-picker/index.d.ts +0 -2
  509. package/lib/utils/date-range-picker/timezones.d.ts +0 -262
  510. package/lib/utils/dom/dom.d.ts +0 -245
  511. package/lib/utils/dom/index.d.ts +0 -1
  512. package/lib/utils/helpers/helpers.d.ts +0 -48
  513. package/lib/utils/helpers/index.d.ts +0 -1
  514. package/lib/utils/index.d.ts +0 -14
  515. package/lib/utils/makeClassNameComponent/index.d.ts +0 -1
  516. package/lib/utils/makeClassNameComponent/makeClassNameComponent.d.ts +0 -73
  517. package/lib/utils/menu/index.d.ts +0 -1
  518. package/lib/utils/merge-refs/index.d.ts +0 -1
  519. package/lib/utils/merge-refs/merge-refs.d.ts +0 -15
  520. package/lib/utils/rating/index.d.ts +0 -1
  521. package/lib/utils/rating/rating.d.ts +0 -31
  522. package/lib/utils/score-bar/index.d.ts +0 -1
  523. package/lib/utils/score-bar/score-bar.d.ts +0 -54
  524. package/lib/utils/string/index.d.ts +0 -1
  525. package/lib/utils/string/string.d.ts +0 -30
  526. package/lib/utils/token-list-input/token-list-input.d.ts +0 -32
  527. package/lib/utils/tokens/index.d.ts +0 -1
  528. 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- 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; }
14
- 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); }
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 _size = require("../../styles/variables/_size");
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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
- 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; }
20
- 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); }
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
- ref: (0, _mergeRefs.mergeRefs)([dropdownRef, boundaryRef])
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("div", {
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
- width: _size.sizeFluid
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 {sizeFluid} from '../../styles/variables/_size';
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
- const {x, y, refs, strategy} = useFloating({
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
- ref={mergeRefs([dropdownRef, boundaryRef])}
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
- <div
119
- ref={mergeRefs([refs.setFloating, boundaryRef])}
120
- style={{
121
- position: strategy,
122
- top: y ?? spaceNone,
123
- left: x ?? spaceNone,
124
- width: sizeFluid,
125
- }}
126
- >
127
- <Menu
128
- {...menu}
129
- onSelect={(option, e) => {
130
- onChange && onChange(option, e);
131
- if (
132
- // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
133
- !option.keepMenuOpenOnOptionSelect &&
134
- (!menu.optionsVariant || menu.optionsVariant === 'normal')
135
- ) {
136
- clickAway();
137
- refs.reference.current.querySelector('input').focus();
138
- }
139
- }}
140
- size={menu.size || size}
141
- onTabOut={clickAway}
142
- ref={menuRef}
143
- />
144
- </div>
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
  )}
@@ -12,3 +12,8 @@
12
12
  .inputBox {
13
13
  cursor: pointer;
14
14
  }
15
+
16
+ .menuWrapper {
17
+ width: var(--dropdown-width);
18
+ z-index: var(--menu-elevation);
19
+ }
@@ -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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
- 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; }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- 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; }
14
- 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); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
- 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; }
14
- 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); }
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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- 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; }
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';