@spaced-out/ui-design-system 0.5.7-beta.0 → 0.5.7-beta.1

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 (463) hide show
  1. package/.cspell/custom-words.txt +2 -0
  2. package/.github/CODEOWNERS +0 -5
  3. package/.github/workflows/pull_request_checks.yml +4 -4
  4. package/.storybook/public/component-parent-levels.json +95 -0
  5. package/.type-coverage +13 -0
  6. package/CHANGELOG.md +41 -0
  7. package/cspell.json +0 -1
  8. package/design-tokens/size/base-size.json +3 -0
  9. package/eslint.config.mjs +62 -29
  10. package/lib/components/AIPromptFlow/AIPromptFlow.stories.d.ts.map +1 -1
  11. package/lib/components/Accordion/Accordion.d.ts +2 -2
  12. package/lib/components/Accordion/Accordion.d.ts.map +1 -1
  13. package/lib/components/Accordion/AccordionGroup.d.ts +2 -2
  14. package/lib/components/Accordion/AccordionGroup.d.ts.map +1 -1
  15. package/lib/components/Accordion/AccordionGroup.stories.d.ts.map +1 -1
  16. package/lib/components/Avatar/Avatar.d.ts +5 -5
  17. package/lib/components/Avatar/Avatar.d.ts.map +1 -1
  18. package/lib/components/Avatar/Avatar.js +4 -13
  19. package/lib/components/AvatarGroup/AvatarGroup.d.ts +2 -2
  20. package/lib/components/AvatarGroup/AvatarGroup.d.ts.map +1 -1
  21. package/lib/components/AvatarGroup/AvatarGroup.js +27 -14
  22. package/lib/components/Badge/Badge.d.ts +7 -8
  23. package/lib/components/Badge/Badge.d.ts.map +1 -1
  24. package/lib/components/Badge/Badge.stories.d.ts.map +1 -1
  25. package/lib/components/BadgedIcon/BadgedIcon.d.ts +2 -2
  26. package/lib/components/BadgedIcon/BadgedIcon.d.ts.map +1 -1
  27. package/lib/components/BadgedIcon/BadgedIcon.js +1 -4
  28. package/lib/components/Banner/Banner.d.ts +2 -3
  29. package/lib/components/Banner/Banner.d.ts.map +1 -1
  30. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts +2 -3
  31. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.d.ts.map +1 -1
  32. package/lib/components/Breadcrumbs/BreadcrumbLink/BreadcrumbLink.js +2 -4
  33. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  34. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  35. package/lib/components/Breadcrumbs/Breadcrumbs.js +5 -6
  36. package/lib/components/Button/Button.d.ts +7 -8
  37. package/lib/components/Button/Button.d.ts.map +1 -1
  38. package/lib/components/Button/Button.js +7 -21
  39. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts +3 -4
  40. package/lib/components/ButtonDropdown/ButtonDropdown.d.ts.map +1 -1
  41. package/lib/components/ButtonDropdown/ButtonDropdown.js +4 -14
  42. package/lib/components/ButtonDropdown/ButtonDropdown.stories.d.ts +70 -70
  43. package/lib/components/ButtonDropdown/ButtonDropdown.stories.d.ts.map +1 -1
  44. package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts +5 -6
  45. package/lib/components/ButtonDropdown/SimpleButtonDropdown.d.ts.map +1 -1
  46. package/lib/components/ButtonDropdown/SimpleButtonDropdown.js +1 -9
  47. package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.d.ts +109 -109
  48. package/lib/components/ButtonDropdown/SimpleButtonDropdown.stories.d.ts.map +1 -1
  49. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts +2 -2
  50. package/lib/components/ButtonTabs/ButtonTab/ButtonTab.d.ts.map +1 -1
  51. package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts +2 -3
  52. package/lib/components/ButtonTabs/ButtonTabDropdown.d.ts.map +1 -1
  53. package/lib/components/ButtonTabs/ButtonTabDropdown.js +5 -14
  54. package/lib/components/ButtonTabs/ButtonTabs.d.ts +2 -2
  55. package/lib/components/ButtonTabs/ButtonTabs.d.ts.map +1 -1
  56. package/lib/components/ButtonTabs/ButtonTabs.js +2 -3
  57. package/lib/components/Card/Card.d.ts +9 -7
  58. package/lib/components/Card/Card.d.ts.map +1 -1
  59. package/lib/components/Card/Card.js +2 -7
  60. package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts +9 -4
  61. package/lib/components/Charts/ChartWrapper/ChartWrapper.d.ts.map +1 -1
  62. package/lib/components/Charts/ChartWrapper/ChartWrapper.js +5 -7
  63. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts +8 -5
  64. package/lib/components/Charts/ColumnChart/ColumnChart.d.ts.map +1 -1
  65. package/lib/components/Charts/ColumnChart/ColumnChart.js +16 -10
  66. package/lib/components/Charts/DonutChart/DonutChart.d.ts +4 -5
  67. package/lib/components/Charts/DonutChart/DonutChart.d.ts.map +1 -1
  68. package/lib/components/Charts/DonutChart/DonutChart.js +1 -2
  69. package/lib/components/Charts/FunnelChart/FunnelChart.d.ts +4 -5
  70. package/lib/components/Charts/FunnelChart/FunnelChart.d.ts.map +1 -1
  71. package/lib/components/Charts/LineChart/LineChart.d.ts +4 -5
  72. package/lib/components/Charts/LineChart/LineChart.d.ts.map +1 -1
  73. package/lib/components/Charts/SankeyChart/SankeyChart.d.ts +2 -3
  74. package/lib/components/Charts/SankeyChart/SankeyChart.d.ts.map +1 -1
  75. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts +4 -5
  76. package/lib/components/Charts/SpiderChart/SpiderChart.d.ts.map +1 -1
  77. package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts +4 -5
  78. package/lib/components/Charts/StackedBarChart/StackedBarChart.d.ts.map +1 -1
  79. package/lib/components/ChatBubble/ChatBubble.d.ts +14 -14
  80. package/lib/components/ChatBubble/ChatBubble.d.ts.map +1 -1
  81. package/lib/components/ChatBubble/ChatBubble.js +11 -4
  82. package/lib/components/Checkbox/Checkbox.d.ts +2 -3
  83. package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
  84. package/lib/components/Checkbox/Checkbox.js +1 -2
  85. package/lib/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
  86. package/lib/components/Checkbox/CheckboxGroup.d.ts +2 -2
  87. package/lib/components/Checkbox/CheckboxGroup.d.ts.map +1 -1
  88. package/lib/components/Checkbox/CheckboxGroup.js +8 -12
  89. package/lib/components/Checkbox/CheckboxGroup.stories.d.ts +2 -3
  90. package/lib/components/Checkbox/CheckboxGroup.stories.d.ts.map +1 -1
  91. package/lib/components/Chip/Chip.d.ts +10 -11
  92. package/lib/components/Chip/Chip.d.ts.map +1 -1
  93. package/lib/components/Chip/Chip.js +7 -13
  94. package/lib/components/CircularLoader/CircularLoader.d.ts +2 -2
  95. package/lib/components/CircularLoader/CircularLoader.d.ts.map +1 -1
  96. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts +6 -6
  97. package/lib/components/CollapsibleCard/CollapsibleCard.d.ts.map +1 -1
  98. package/lib/components/Combobox/Combobox.d.ts +16 -16
  99. package/lib/components/Combobox/Combobox.d.ts.map +1 -1
  100. package/lib/components/Combobox/Combobox.js +16 -19
  101. package/lib/components/Combobox/Combobox.stories.d.ts.map +1 -1
  102. package/lib/components/Combobox/helper.d.ts.map +1 -1
  103. package/lib/components/Combobox/helper.js +0 -1
  104. package/lib/components/ConditionalWrapper/ConditionalWrapper.d.ts +2 -2
  105. package/lib/components/ConditionalWrapper/ConditionalWrapper.d.ts.map +1 -1
  106. package/lib/components/DateRangePicker/Calendar.d.ts +3 -3
  107. package/lib/components/DateRangePicker/Calendar.d.ts.map +1 -1
  108. package/lib/components/DateRangePicker/Calendar.js +2 -6
  109. package/lib/components/DateRangePicker/DateRangePicker.d.ts +2 -2
  110. package/lib/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  111. package/lib/components/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -1
  112. package/lib/components/DateRangePicker/DateRangeWrapper.d.ts +2 -2
  113. package/lib/components/DateRangePicker/DateRangeWrapper.d.ts.map +1 -1
  114. package/lib/components/DateRangePicker/DateRangeWrapper.js +6 -14
  115. package/lib/components/DateRangePicker/Day.d.ts +2 -2
  116. package/lib/components/DateRangePicker/Day.d.ts.map +1 -1
  117. package/lib/components/Dialog/Dialog.d.ts +10 -11
  118. package/lib/components/Dialog/Dialog.d.ts.map +1 -1
  119. package/lib/components/Disclaimer/Disclaimer.d.ts.map +1 -1
  120. package/lib/components/Disclaimer/Disclaimer.js +0 -1
  121. package/lib/components/Dropdown/Dropdown.d.ts +3 -4
  122. package/lib/components/Dropdown/Dropdown.d.ts.map +1 -1
  123. package/lib/components/Dropdown/Dropdown.js +17 -18
  124. package/lib/components/Dropdown/Dropdown.stories.d.ts.map +1 -1
  125. package/lib/components/Dropdown/SimpleDropdown.d.ts +5 -6
  126. package/lib/components/Dropdown/SimpleDropdown.d.ts.map +1 -1
  127. package/lib/components/Dropdown/SimpleDropdown.js +1 -7
  128. package/lib/components/Dropdown/SimpleDropdown.stories.d.ts.map +1 -1
  129. package/lib/components/EmptyState/EmptyState.d.ts +2 -2
  130. package/lib/components/EmptyState/EmptyState.d.ts.map +1 -1
  131. package/lib/components/ErrorMessage/ErrorMessage.d.ts +2 -2
  132. package/lib/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
  133. package/lib/components/FileUpload/FileBlock/FileBlock.d.ts +2 -2
  134. package/lib/components/FileUpload/FileBlock/FileBlock.d.ts.map +1 -1
  135. package/lib/components/FileUpload/FileUpload.d.ts +14 -13
  136. package/lib/components/FileUpload/FileUpload.d.ts.map +1 -1
  137. package/lib/components/FileUpload/FileUpload.js +2 -7
  138. package/lib/components/FileUpload/FileUpload.stories.d.ts +2 -1
  139. package/lib/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
  140. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts +3 -4
  141. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.d.ts.map +1 -1
  142. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.js +1 -9
  143. package/lib/components/FilterButtonOverlay/FilterButtonOverlay.stories.d.ts.map +1 -1
  144. package/lib/components/FocusManager/FocusManager.d.ts +2 -2
  145. package/lib/components/FocusManager/FocusManager.d.ts.map +1 -1
  146. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts +4 -5
  147. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.d.ts.map +1 -1
  148. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.js +21 -17
  149. package/lib/components/FocusManagerWithArrowKeyNavigation/FocusManagerWithArrowKeyNavigation.stories.d.ts.map +1 -1
  150. package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts +2 -2
  151. package/lib/components/FormTitleWrapper/FormTitleWrapper.d.ts.map +1 -1
  152. package/lib/components/Grid/Col.stories.d.ts +1 -1
  153. package/lib/components/Grid/Grid.d.ts +7 -7
  154. package/lib/components/Grid/Grid.d.ts.map +1 -1
  155. package/lib/components/Grid/Grid.js +6 -13
  156. package/lib/components/Grid/GridPatterns.stories.d.ts +1 -1
  157. package/lib/components/Grid/GridPatterns.stories.d.ts.map +1 -1
  158. package/lib/components/Grid/Row.stories.d.ts +1 -1
  159. package/lib/components/Icon/ClickableIcon.d.ts +6 -6
  160. package/lib/components/Icon/ClickableIcon.d.ts.map +1 -1
  161. package/lib/components/Icon/ClickableIcon.js +1 -1
  162. package/lib/components/Icon/Icon.d.ts +3 -3
  163. package/lib/components/Icon/Icon.d.ts.map +1 -1
  164. package/lib/components/Icon/Icon.js +1 -3
  165. package/lib/components/Icon/Icon.stories.d.ts +2 -2
  166. package/lib/components/Icon/Icon.stories.d.ts.map +1 -1
  167. package/lib/components/Icon/SemanticIcon.d.ts +2 -3
  168. package/lib/components/Icon/SemanticIcon.d.ts.map +1 -1
  169. package/lib/components/InContextAlert/InContextAlert.d.ts +4 -5
  170. package/lib/components/InContextAlert/InContextAlert.d.ts.map +1 -1
  171. package/lib/components/InContextAlert/InContextAlert.js +8 -6
  172. package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts +3 -4
  173. package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.d.ts.map +1 -1
  174. package/lib/components/InContextAlertWithMultipleActions/InContextAlertWithMultipleActions.js +7 -6
  175. package/lib/components/InfinitePagination/InfinitePagination.d.ts.map +1 -1
  176. package/lib/components/InfinitePagination/InfinitePagination.js +10 -11
  177. package/lib/components/InfinitePagination/InfinitePagination.stories.d.ts.map +1 -1
  178. package/lib/components/InlineDropdown/InlineDropdown.d.ts +3 -4
  179. package/lib/components/InlineDropdown/InlineDropdown.d.ts.map +1 -1
  180. package/lib/components/InlineDropdown/InlineDropdown.js +9 -14
  181. package/lib/components/InlineDropdown/InlineDropdown.stories.d.ts +45 -45
  182. package/lib/components/InlineDropdown/InlineDropdown.stories.d.ts.map +1 -1
  183. package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts +5 -6
  184. package/lib/components/InlineDropdown/SimpleInlineDropdown.d.ts.map +1 -1
  185. package/lib/components/InlineDropdown/SimpleInlineDropdown.js +2 -11
  186. package/lib/components/InlineDropdown/SimpleInlineDropdown.stories.d.ts +83 -83
  187. package/lib/components/InlineDropdown/SimpleInlineDropdown.stories.d.ts.map +1 -1
  188. package/lib/components/Input/Input.d.ts +17 -16
  189. package/lib/components/Input/Input.d.ts.map +1 -1
  190. package/lib/components/Input/Input.js +7 -20
  191. package/lib/components/KPIBox/KPIBox.d.ts +2 -2
  192. package/lib/components/KPIBox/KPIBox.d.ts.map +1 -1
  193. package/lib/components/LinearLoader/LinearLoader.d.ts +2 -2
  194. package/lib/components/LinearLoader/LinearLoader.d.ts.map +1 -1
  195. package/lib/components/LinearLoader/LinearLoader.js +2 -2
  196. package/lib/components/Link/Link.d.ts +5 -6
  197. package/lib/components/Link/Link.d.ts.map +1 -1
  198. package/lib/components/Link/Link.js +4 -13
  199. package/lib/components/Menu/Menu.d.ts +12 -12
  200. package/lib/components/Menu/Menu.d.ts.map +1 -1
  201. package/lib/components/Menu/Menu.js +3 -5
  202. package/lib/components/Menu/Menu.stories.d.ts.map +1 -1
  203. package/lib/components/Menu/MenuOptionButton.d.ts +2 -3
  204. package/lib/components/Menu/MenuOptionButton.d.ts.map +1 -1
  205. package/lib/components/Menu/MenuOptionButton.js +0 -1
  206. package/lib/components/Modal/Modal.d.ts +12 -30
  207. package/lib/components/Modal/Modal.d.ts.map +1 -1
  208. package/lib/components/Modal/Modal.js +5 -8
  209. package/lib/components/Notification/Notification.d.ts +6 -7
  210. package/lib/components/Notification/Notification.d.ts.map +1 -1
  211. package/lib/components/Notification/Notification.js +7 -4
  212. package/lib/components/OptionButton/OptionButton.d.ts +6 -7
  213. package/lib/components/OptionButton/OptionButton.d.ts.map +1 -1
  214. package/lib/components/OptionButton/OptionButton.js +2 -2
  215. package/lib/components/OptionButton/OptionButton.stories.d.ts.map +1 -1
  216. package/lib/components/OptionButton/SimpleOptionButton.d.ts +6 -7
  217. package/lib/components/OptionButton/SimpleOptionButton.d.ts.map +1 -1
  218. package/lib/components/OptionButton/SimpleOptionButton.js +1 -7
  219. package/lib/components/OptionButton/SimpleOptionButton.stories.d.ts +55 -55
  220. package/lib/components/OptionButton/SimpleOptionButton.stories.d.ts.map +1 -1
  221. package/lib/components/PageTitle/PageTitle.d.ts +9 -8
  222. package/lib/components/PageTitle/PageTitle.d.ts.map +1 -1
  223. package/lib/components/PageTitle/PageTitle.js +15 -10
  224. package/lib/components/PageTitle/PageTitle.stories.d.ts.map +1 -1
  225. package/lib/components/Pagination/Pagination.d.ts +10 -12
  226. package/lib/components/Pagination/Pagination.d.ts.map +1 -1
  227. package/lib/components/Pagination/Pagination.stories.d.ts +1 -9
  228. package/lib/components/Pagination/Pagination.stories.d.ts.map +1 -1
  229. package/lib/components/Pagination/PaginationItem.d.ts.map +1 -1
  230. package/lib/components/Pagination/PaginationItem.js +0 -3
  231. package/lib/components/Panel/Panel.d.ts +9 -10
  232. package/lib/components/Panel/Panel.d.ts.map +1 -1
  233. package/lib/components/Panel/Panel.stories.d.ts.map +1 -1
  234. package/lib/components/ProgressDonut/ProgressDonut.d.ts +2 -2
  235. package/lib/components/ProgressDonut/ProgressDonut.d.ts.map +1 -1
  236. package/lib/components/ProgressDonut/ProgressDonut.js +2 -3
  237. package/lib/components/PromptChip/PromptChip.d.ts.map +1 -1
  238. package/lib/components/PromptChip/PromptChip.js +6 -5
  239. package/lib/components/PromptInput/PromptInput.d.ts +7 -7
  240. package/lib/components/PromptInput/PromptInput.d.ts.map +1 -1
  241. package/lib/components/PromptInput/PromptInput.js +0 -7
  242. package/lib/components/RadioButton/RadioButton.d.ts +2 -3
  243. package/lib/components/RadioButton/RadioButton.d.ts.map +1 -1
  244. package/lib/components/RadioButton/RadioButton.js +1 -2
  245. package/lib/components/RadioButton/RadioButton.stories.d.ts.map +1 -1
  246. package/lib/components/RadioButton/RadioGroup.d.ts +2 -2
  247. package/lib/components/RadioButton/RadioGroup.d.ts.map +1 -1
  248. package/lib/components/RadioButton/RadioGroup.js +2 -1
  249. package/lib/components/RadioButton/RadioGroup.stories.d.ts.map +1 -1
  250. package/lib/components/RadioTile/RadioTile.d.ts +2 -2
  251. package/lib/components/RadioTile/RadioTile.d.ts.map +1 -1
  252. package/lib/components/RadioTile/RadioTile.js +1 -3
  253. package/lib/components/RadioTile/RadioTile.stories.d.ts.map +1 -1
  254. package/lib/components/RangeSlider/RangeSlider.d.ts +2 -2
  255. package/lib/components/RangeSlider/RangeSlider.d.ts.map +1 -1
  256. package/lib/components/RangeSlider/RangeSlider.js +0 -3
  257. package/lib/components/Rating/Rating.d.ts +2 -2
  258. package/lib/components/Rating/Rating.d.ts.map +1 -1
  259. package/lib/components/ScoreBar/ScoreBar.d.ts +2 -2
  260. package/lib/components/ScoreBar/ScoreBar.d.ts.map +1 -1
  261. package/lib/components/SearchInput/SearchInput.d.ts +2 -3
  262. package/lib/components/SearchInput/SearchInput.d.ts.map +1 -1
  263. package/lib/components/Separator/Separator.d.ts +2 -2
  264. package/lib/components/Separator/Separator.d.ts.map +1 -1
  265. package/lib/components/Shimmer/Shimmer.d.ts +6 -6
  266. package/lib/components/Shimmer/Shimmer.d.ts.map +1 -1
  267. package/lib/components/Shimmer/Shimmer.js +1 -3
  268. package/lib/components/SideMenuLink/SideMenuLink.d.ts +2 -2
  269. package/lib/components/SideMenuLink/SideMenuLink.d.ts.map +1 -1
  270. package/lib/components/SideMenuLink/SideMenuLink.js +3 -9
  271. package/lib/components/SideMenuLink/SideMenuLink.stories.d.ts.map +1 -1
  272. package/lib/components/StatusIndicator/StatusIndicator.d.ts +2 -2
  273. package/lib/components/StatusIndicator/StatusIndicator.d.ts.map +1 -1
  274. package/lib/components/Stepper/Step/Step.d.ts +2 -2
  275. package/lib/components/Stepper/Step/Step.d.ts.map +1 -1
  276. package/lib/components/Stepper/Step/Step.js +13 -10
  277. package/lib/components/Stepper/Step/StepContent.d.ts +2 -2
  278. package/lib/components/Stepper/Step/StepContent.d.ts.map +1 -1
  279. package/lib/components/Stepper/Step/StepLabel.d.ts +2 -2
  280. package/lib/components/Stepper/Step/StepLabel.d.ts.map +1 -1
  281. package/lib/components/Stepper/Stepper.d.ts +2 -2
  282. package/lib/components/Stepper/Stepper.d.ts.map +1 -1
  283. package/lib/components/Stepper/Stepper.js +23 -8
  284. package/lib/components/Stepper/Stepper.stories.d.ts.map +1 -1
  285. package/lib/components/StickyBar/StickyBar.d.ts +4 -4
  286. package/lib/components/StickyBar/StickyBar.d.ts.map +1 -1
  287. package/lib/components/SubMenu/SubMenu.d.ts +2 -2
  288. package/lib/components/SubMenu/SubMenu.d.ts.map +1 -1
  289. package/lib/components/SubMenu/SubMenuGroup.d.ts +2 -2
  290. package/lib/components/SubMenu/SubMenuGroup.d.ts.map +1 -1
  291. package/lib/components/SubMenu/SubMenuGroup.js +14 -11
  292. package/lib/components/SubMenu/SubMenuItem.d.ts +8 -8
  293. package/lib/components/SubMenu/SubMenuItem.d.ts.map +1 -1
  294. package/lib/components/SubMenu/SubMenuItem.js +16 -24
  295. package/lib/components/SubMenu/SubMenuLink.d.ts +3 -3
  296. package/lib/components/SubMenu/SubMenuLink.d.ts.map +1 -1
  297. package/lib/components/SubMenu/SubMenuLink.js +4 -8
  298. package/lib/components/Table/BasicTable.stories.d.ts +6 -6
  299. package/lib/components/Table/BasicTable.stories.d.ts.map +1 -1
  300. package/lib/components/Table/BulkActions.stories.d.ts.map +1 -1
  301. package/lib/components/Table/Cell.d.ts +3 -3
  302. package/lib/components/Table/Cell.d.ts.map +1 -1
  303. package/lib/components/Table/Cell.js +3 -7
  304. package/lib/components/Table/DefaultRow.d.ts +4 -4
  305. package/lib/components/Table/DefaultRow.d.ts.map +1 -1
  306. package/lib/components/Table/DefaultTableHeader.d.ts +4 -4
  307. package/lib/components/Table/DefaultTableHeader.d.ts.map +1 -1
  308. package/lib/components/Table/DefaultTableHeader.js +2 -9
  309. package/lib/components/Table/InlineEdit.stories.d.ts.map +1 -1
  310. package/lib/components/Table/StaticTable.d.ts.map +1 -1
  311. package/lib/components/Table/StaticTable.js +13 -56
  312. package/lib/components/Table/Table.d.ts +7 -7
  313. package/lib/components/Table/Table.d.ts.map +1 -1
  314. package/lib/components/Table/Table.js +2 -24
  315. package/lib/components/Table/TableActionBar.d.ts +2 -2
  316. package/lib/components/Table/TableActionBar.d.ts.map +1 -1
  317. package/lib/components/Table/TableBottomBar.d.ts +2 -2
  318. package/lib/components/Table/TableBottomBar.d.ts.map +1 -1
  319. package/lib/components/Table/TableTopBar.d.ts +2 -2
  320. package/lib/components/Table/TableTopBar.d.ts.map +1 -1
  321. package/lib/components/Table/hooks.d.ts.map +1 -1
  322. package/lib/components/Table/hooks.js +4 -12
  323. package/lib/components/Tabs/Tab/Tab.d.ts +6 -4
  324. package/lib/components/Tabs/Tab/Tab.d.ts.map +1 -1
  325. package/lib/components/Tabs/Tab/Tab.js +28 -8
  326. package/lib/components/Tabs/TabList/TabDropdown.d.ts +2 -2
  327. package/lib/components/Tabs/TabList/TabDropdown.d.ts.map +1 -1
  328. package/lib/components/Tabs/TabList/TabDropdown.js +3 -9
  329. package/lib/components/Tabs/TabList/TabList.d.ts +4 -3
  330. package/lib/components/Tabs/TabList/TabList.d.ts.map +1 -1
  331. package/lib/components/Tabs/TabList/TabList.js +40 -50
  332. package/lib/components/Tabs/TabList/TabList.stories.d.ts +22 -0
  333. package/lib/components/Tabs/TabList/TabList.stories.d.ts.map +1 -1
  334. package/lib/components/Text/Text.d.ts +4 -4
  335. package/lib/components/Text/Text.d.ts.map +1 -1
  336. package/lib/components/Text/Text.js +0 -1
  337. package/lib/components/TextTile/TextTile.d.ts +2 -2
  338. package/lib/components/TextTile/TextTile.d.ts.map +1 -1
  339. package/lib/components/Textarea/Textarea.d.ts +6 -7
  340. package/lib/components/Textarea/Textarea.d.ts.map +1 -1
  341. package/lib/components/Textarea/Textarea.js +7 -17
  342. package/lib/components/Timeline/Timeline.d.ts +2 -2
  343. package/lib/components/Timeline/Timeline.d.ts.map +1 -1
  344. package/lib/components/Timeline/Timeline.js +20 -14
  345. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +2 -2
  346. package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts.map +1 -1
  347. package/lib/components/Timeline/TimelineItem/TimelineItem.js +2 -9
  348. package/lib/components/Timeline/TimelineItem/TimelineItem.stories.d.ts.map +1 -1
  349. package/lib/components/Toast/Toast.d.ts +8 -8
  350. package/lib/components/Toast/Toast.d.ts.map +1 -1
  351. package/lib/components/Toast/Toast.js +31 -24
  352. package/lib/components/Toast/ToastContainer.d.ts.map +1 -1
  353. package/lib/components/Toast/ToastContainer.js +7 -6
  354. package/lib/components/Toast/ToastManager.d.ts +5 -5
  355. package/lib/components/Toast/ToastManager.d.ts.map +1 -1
  356. package/lib/components/Toast/ToastManager.js +1 -2
  357. package/lib/components/Toggle/Toggle.d.ts +2 -2
  358. package/lib/components/Toggle/Toggle.d.ts.map +1 -1
  359. package/lib/components/Toggle/Toggle.js +2 -6
  360. package/lib/components/Toggle/Toggle.stories.d.ts.map +1 -1
  361. package/lib/components/TokenListInput/TokenListInput.d.ts +13 -11
  362. package/lib/components/TokenListInput/TokenListInput.d.ts.map +1 -1
  363. package/lib/components/TokenListInput/TokenListInput.js +24 -38
  364. package/lib/components/TokenListInput/TokenListInput.stories.d.ts +3 -4
  365. package/lib/components/TokenListInput/TokenListInput.stories.d.ts.map +1 -1
  366. package/lib/components/TokenListInput/TokenValueChips.d.ts +4 -4
  367. package/lib/components/TokenListInput/TokenValueChips.d.ts.map +1 -1
  368. package/lib/components/TokenListInput/TokenValueChips.js +14 -17
  369. package/lib/components/Tooltip/Tooltip.d.ts +5 -6
  370. package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
  371. package/lib/components/Tooltip/Tooltip.js +10 -9
  372. package/lib/components/Truncate/Truncate.d.ts +2 -2
  373. package/lib/components/Truncate/Truncate.d.ts.map +1 -1
  374. package/lib/components/Truncate/Truncate.js +4 -5
  375. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts +3 -3
  376. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.d.ts.map +1 -1
  377. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.js +19 -10
  378. package/lib/components/TruncatedTextWithTooltip/TruncatedTextWithTooltip.stories.d.ts +1 -1
  379. package/lib/components/Typeahead/SimpleTypeahead.d.ts +5 -6
  380. package/lib/components/Typeahead/SimpleTypeahead.d.ts.map +1 -1
  381. package/lib/components/Typeahead/SimpleTypeahead.js +1 -5
  382. package/lib/components/Typeahead/SimpleTypeahead.stories.d.ts.map +1 -1
  383. package/lib/components/Typeahead/Typeahead.d.ts +5 -6
  384. package/lib/components/Typeahead/Typeahead.d.ts.map +1 -1
  385. package/lib/components/Typeahead/Typeahead.js +14 -11
  386. package/lib/components/Typeahead/Typeahead.stories.d.ts.map +1 -1
  387. package/lib/components/WeekdayPicker/WeekdayPicker.d.ts +4 -4
  388. package/lib/components/WeekdayPicker/WeekdayPicker.d.ts.map +1 -1
  389. package/lib/components/WeekdayPicker/WeekdayPicker.stories.d.ts.map +1 -1
  390. package/lib/devtools/DependencyGraph/DependencyGraph.stories.d.ts.map +1 -1
  391. package/lib/flow-to-typescript-codemod.d.ts +1 -21
  392. package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts +2 -2
  393. package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.d.ts.map +1 -1
  394. package/lib/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.d.ts.map +1 -1
  395. package/lib/hooks/useFileUpload/useFileUpload.d.ts +2 -2
  396. package/lib/hooks/useFileUpload/useFileUpload.d.ts.map +1 -1
  397. package/lib/hooks/useFileUpload/useFileUpload.stories.d.ts.map +1 -1
  398. package/lib/hooks/useFilteredOptions/useFilteredOptions.d.ts +4 -4
  399. package/lib/hooks/useFilteredOptions/useFilteredOptions.d.ts.map +1 -1
  400. package/lib/hooks/useFilteredOptions/useFilteredOptions.stories.d.ts.map +1 -1
  401. package/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts +2 -2
  402. package/lib/hooks/useInfiniteScroll/useInfiniteScroll.d.ts.map +1 -1
  403. package/lib/hooks/useInputState/useInputState.d.ts.map +1 -1
  404. package/lib/hooks/useLockedBody/useLockedBody.d.ts.map +1 -1
  405. package/lib/hooks/useModal/useModal.d.ts +13 -5
  406. package/lib/hooks/useModal/useModal.d.ts.map +1 -1
  407. package/lib/hooks/useToastPortal/useToastPortal.d.ts +2 -2
  408. package/lib/hooks/useToastPortal/useToastPortal.d.ts.map +1 -1
  409. package/lib/hooks/useToggle/useToggle.d.ts.map +1 -1
  410. package/lib/hooks/useWindowSize/useWindowSize.d.ts +2 -2
  411. package/lib/hooks/useWindowSize/useWindowSize.d.ts.map +1 -1
  412. package/lib/stories/Border/Border.stories.d.ts.map +1 -1
  413. package/lib/stories/Color/Color.stories.d.ts.map +1 -1
  414. package/lib/stories/Elevation/Elevation.stories.d.ts.map +1 -1
  415. package/lib/stories/Motion/Motion.stories.d.ts.map +1 -1
  416. package/lib/stories/Opacity/Opacity.stories.d.ts.map +1 -1
  417. package/lib/stories/Shadow/Shadow.stories.d.ts.map +1 -1
  418. package/lib/stories/Size/Size.stories.d.ts.map +1 -1
  419. package/lib/stories/Space/Space.stories.d.ts.map +1 -1
  420. package/lib/stories/Tokens/index.d.ts.map +1 -1
  421. package/lib/styles/index.css +2 -0
  422. package/lib/styles/index.d.ts +1 -0
  423. package/lib/styles/index.d.ts.map +1 -1
  424. package/lib/styles/index.js +2 -1
  425. package/lib/styles/variables/_size.css +2 -0
  426. package/lib/styles/variables/_size.d.ts +1 -0
  427. package/lib/styles/variables/_size.d.ts.map +1 -1
  428. package/lib/styles/variables/_size.js +2 -1
  429. package/lib/types/charts.d.ts +35 -31
  430. package/lib/types/charts.d.ts.map +1 -1
  431. package/lib/types/date-range-picker.d.ts +8 -9
  432. package/lib/types/date-range-picker.d.ts.map +1 -1
  433. package/lib/types/menu.d.ts +2 -2
  434. package/lib/types/menu.d.ts.map +1 -1
  435. package/lib/types/toast.d.ts +9 -10
  436. package/lib/types/toast.d.ts.map +1 -1
  437. package/lib/utils/charts/charts.d.ts +1 -1
  438. package/lib/utils/charts/charts.d.ts.map +1 -1
  439. package/lib/utils/charts/donutChart.d.ts +2 -2
  440. package/lib/utils/charts/donutChart.d.ts.map +1 -1
  441. package/lib/utils/charts/donutChart.js +2 -0
  442. package/lib/utils/charts/funnelChart.d.ts.map +1 -1
  443. package/lib/utils/charts/helpers.d.ts +1 -1
  444. package/lib/utils/charts/helpers.d.ts.map +1 -1
  445. package/lib/utils/charts/sankeyChart.d.ts +2 -2
  446. package/lib/utils/charts/sankeyChart.d.ts.map +1 -1
  447. package/lib/utils/click-away/click-away.d.ts +11 -13
  448. package/lib/utils/click-away/click-away.d.ts.map +1 -1
  449. package/lib/utils/date-range-picker/date-range-picker.d.ts.map +1 -1
  450. package/lib/utils/dom/dom.d.ts +2 -2
  451. package/lib/utils/dom/dom.d.ts.map +1 -1
  452. package/lib/utils/helpers/helpers.d.ts.map +1 -1
  453. package/lib/utils/makeClassNameComponent/makeClassNameComponent.d.ts.map +1 -1
  454. package/lib/utils/merge-refs/merge-refs.d.ts +2 -3
  455. package/lib/utils/merge-refs/merge-refs.d.ts.map +1 -1
  456. package/lib/utils/merge-refs/merge-refs.js +13 -7
  457. package/lib/utils/merge-refs/merge-refs.stories.d.ts.map +1 -1
  458. package/lib/utils/token-list-input/token-list-input.d.ts +5 -5
  459. package/lib/utils/token-list-input/token-list-input.d.ts.map +1 -1
  460. package/lib/utils/tokens/tokens.d.ts +7 -6
  461. package/lib/utils/tokens/tokens.d.ts.map +1 -1
  462. package/package.json +18 -10
  463. package/tsconfig.json +1 -1
@@ -22,11 +22,7 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
22
22
  dismissable,
23
23
  children,
24
24
  inline = false,
25
- // @ts-ignore - TS2339 - Property 'selfDismiss' does not exist on type 'InContextAlertWithMultipleActionsProps'.
26
- selfDismiss = false,
27
25
  leftIconName = '',
28
- // @ts-ignore - TS2339 - Property 'onCloseClick' does not exist on type 'InContextAlertWithMultipleActionsProps'.
29
- onCloseClick,
30
26
  actionText = '',
31
27
  onAction,
32
28
  actionTextColor = _typography.TEXT_COLORS.primary,
@@ -35,10 +31,15 @@ const InContextAlertWithMultipleActions = exports.InContextAlertWithMultipleActi
35
31
  secondaryActionTextColor = _typography.TEXT_COLORS.primary,
36
32
  leftIconType
37
33
  } = props;
34
+ // Type narrowing to safely access selfDismiss only when dismissable is true
35
+ const selfDismiss = dismissable === true && 'selfDismiss' in props ? props.selfDismiss : false;
36
+ const onCloseClick = dismissable === true && 'onCloseClick' in props ? props.onCloseClick : undefined;
38
37
  const [dismissed, setDismissed] = React.useState(false);
39
38
  const closeClickHandler = e => {
40
- onCloseClick && onCloseClick(e);
41
- selfDismiss && setDismissed(true);
39
+ onCloseClick?.(e);
40
+ if (selfDismiss) {
41
+ setDismissed(true);
42
+ }
42
43
  };
43
44
  return /*#__PURE__*/React.createElement(React.Fragment, null, !dismissed && /*#__PURE__*/React.createElement("div", {
44
45
  className: (0, _classify.classify)(_InContextAlertWithMultipleActionsModule.default.alertContainer, {
@@ -1 +1 @@
1
- {"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,CAsFf,CAAC"}
1
+ {"version":3,"file":"InfinitePagination.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAMrD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC,CAAC;AAIH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACrE,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC,GAAG,CACA;IACE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,kBAAkB,EAAE,IAAI,CAAC;CAC1B,GACD;IACE,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CACJ,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CACrD,uBAAuB,EACvB,cAAc,CA4Ff,CAAC"}
@@ -31,12 +31,9 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
31
31
  const itemsLength = items.length;
32
32
  const totalItemsCount = itemsLength + (hasNextPage ? 1 : 0);
33
33
  const [containerRef, containerHeight] = (0, _hooks.useResizeObserver)();
34
-
35
- // @ts-ignore - TS2322 - Type 'null' is not assignable to type 'HTMLDivElement'.
36
34
  React.useImperativeHandle(ref, () => listRef.current);
37
35
  React.useEffect(() => {
38
36
  if (listRef.current) {
39
- // @ts-ignore - TS2339 - Property 'scrollToItem' does not exist on type 'never'.
40
37
  listRef.current.scrollToItem(0);
41
38
  }
42
39
  }, [itemsLength === 0]);
@@ -49,8 +46,6 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
49
46
  containerHeight,
50
47
  isVariableSizeList
51
48
  });
52
-
53
- // @ts-ignore - TS7031 - Binding element 'index' implicitly has an 'any' type. | TS7031 - Binding element 'style' implicitly has an 'any' type.
54
49
  const Row = _ref => {
55
50
  let {
56
51
  index,
@@ -66,16 +61,20 @@ const InfinitePagination = exports.InfinitePagination = /*#__PURE__*/React.forwa
66
61
  className: _InfinitePaginationModule.default.listRow
67
62
  }, renderItem(items[index], index));
68
63
  };
69
- const itemKey = React.useCallback(
70
- // @ts-ignore - TS7006 - Parameter 'index' implicitly has an 'any' type.
71
- index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
72
- const ListComponent = isVariableSizeList ? _reactWindow.VariableSizeList : _reactWindow.FixedSizeList;
64
+ const itemKey = React.useCallback(index => index === itemsLength ? 'loading-indicator' : getItemKey ? getItemKey(items[index], index) : index, [items, getItemKey]);
73
65
  return /*#__PURE__*/React.createElement("div", {
74
- // @ts-ignore - TS2322 - Type 'Ref<"div">' is not assignable to type 'Ref<HTMLDivElement> | undefined'.
75
66
  ref: containerRef,
76
67
  "data-testid": "InfinitePagination",
77
68
  className: (0, _classify.default)(_InfinitePaginationModule.default.wrapper, classNames?.wrapper)
78
- }, /*#__PURE__*/React.createElement(ListComponent, {
69
+ }, isVariableSizeList ? /*#__PURE__*/React.createElement(_reactWindow.VariableSizeList, {
70
+ ref: listRef,
71
+ width: width,
72
+ height: containerHeight,
73
+ itemKey: itemKey,
74
+ itemSize: itemSize,
75
+ onScroll: handleScroll,
76
+ itemCount: totalItemsCount
77
+ }, Row) : /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
79
78
  ref: listRef,
80
79
  width: width,
81
80
  height: containerHeight,
@@ -1 +1 @@
1
- {"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMlE,wBA8GE;AAEF,eAAO,MAAM,kBAAkB;WAAU,uBAAuB;;;;CAyF/D,CAAC;AAMF,eAAO,MAAM,qBAAqB;WAAU,uBAAuB;;;;CAsGlE,CAAC"}
1
+ {"version":3,"file":"InfinitePagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InfinitePagination/InfinitePagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAalE,wBA8GE;AAEF,eAAO,MAAM,kBAAkB;WAAU,uBAAuB;;;;CA6F/D,CAAC;AAMF,eAAO,MAAM,qBAAqB;WAAU,uBAAuB;;;;CAsGlE,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import type { Flow } from 'flow-to-typescript-codemod';
3
- import type { Over } from '../../types/utils';
4
3
  import type { ClickAwayRefType } from '../../utils/click-away';
5
4
  import type { UnstyledButtonProps } from '../Button';
6
5
  import type { AnchorType } from '../ButtonDropdown';
@@ -10,7 +9,7 @@ type ClassNames = Readonly<{
10
9
  buttonWrapper?: string;
11
10
  dropdownContainer?: string;
12
11
  }>;
13
- export type InlineDropdownProps = Over<UnstyledButtonProps, {
12
+ export interface InlineDropdownProps extends Omit<UnstyledButtonProps, 'classNames' | 'menu' | 'anchorPosition' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'size' | 'elevation' | 'clickAwayRef'> {
14
13
  classNames?: ClassNames;
15
14
  menu?: MenuProps;
16
15
  anchorPosition?: AnchorType;
@@ -19,8 +18,8 @@ export type InlineDropdownProps = Over<UnstyledButtonProps, {
19
18
  onMenuClose?: () => unknown;
20
19
  size?: 'medium' | 'small' | 'extraSmall';
21
20
  elevation?: ElevationType;
22
- clickAwayRef?: ClickAwayRefType;
23
- }>;
21
+ clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
22
+ }
24
23
  export declare const InlineDropdown: Flow.AbstractComponent<InlineDropdownProps, HTMLDivElement>;
25
24
  export {};
26
25
  //# sourceMappingURL=InlineDropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,mBAAmB,EACnB;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CA+Hf,CAAC"}
1
+ {"version":3,"file":"InlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAO9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,mBAAmB,EACjB,YAAY,GACZ,MAAM,GACN,gBAAgB,GAChB,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,MAAM,GACN,WAAW,GACX,cAAc,CACjB;IACD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,iBAAiB,CACjD,mBAAmB,EACnB,cAAc,CAgIf,CAAC"}
@@ -44,16 +44,17 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
44
44
  } = (0, _react2.useFloating)({
45
45
  open: true,
46
46
  strategy: 'absolute',
47
- // @ts-ignore - TS2322 - Type 'string' is not assignable to type 'Placement | undefined'.
48
47
  placement: anchorPosition,
49
48
  whileElementsMounted: _react2.autoUpdate,
50
49
  middleware: [(0, _react2.shift)(), (0, _react2.flip)(), (0, _react2.offset)(parseInt(_space.spaceXXSmall))]
51
50
  });
52
-
53
- // @ts-ignore - TS2345 - Argument of type '(ReferenceType & ReferenceType) | null' is not assignable to parameter of type 'HTMLElement | null | undefined'.
54
51
  const dropdownWidth = (0, _hooks.useReferenceElementWidth)(refs.reference?.current);
55
52
  const onMenuToggle = isOpen => {
56
- isOpen ? onMenuOpen?.() : onMenuClose?.();
53
+ if (isOpen) {
54
+ onMenuOpen?.();
55
+ } else {
56
+ onMenuClose?.();
57
+ }
57
58
  };
58
59
  return /*#__PURE__*/React.createElement(_clickAway.ClickAway, {
59
60
  onChange: onMenuToggle,
@@ -71,9 +72,7 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
71
72
  className: (0, _classify.classify)(_InlineDropdownModule.default.inlineDropdownContainer, classNames?.dropdownContainer),
72
73
  ref: ref
73
74
  }, /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({}, restButtonProps, {
74
- disabled: disabled
75
- // @ts-ignore - TS2322 - Type '((node: ReferenceType | null) => void) & ((node: ReferenceType | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
76
- ,
75
+ disabled: disabled,
77
76
  ref: (0, _mergeRefs.mergeRefs)([refs.setReference, triggerRef]),
78
77
  onClick: e => {
79
78
  e.stopPropagation();
@@ -91,14 +90,10 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
91
90
  })
92
91
  })), isOpen && menu && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
93
92
  modal: false,
94
- context: context
95
- // @ts-ignore - TS2322 - Type 'TriggerRefType<HTMLElement | null | undefined>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
96
- ,
93
+ context: context,
97
94
  initialFocus: triggerRef
98
95
  }, /*#__PURE__*/React.createElement("div", {
99
- className: _InlineDropdownModule.default.menuWrapper
100
- // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.
101
- ,
96
+ className: _InlineDropdownModule.default.menuWrapper,
102
97
  ref: (0, _mergeRefs.mergeRefs)([refs.setFloating, boundaryRef]),
103
98
  style: {
104
99
  display: 'flex',
@@ -117,7 +112,7 @@ const InlineDropdown = exports.InlineDropdown = /*#__PURE__*/React.forwardRef((_
117
112
  }
118
113
  }, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({}, menu, {
119
114
  onSelect: (option, e) => {
120
- onOptionSelect && onOptionSelect(option, e);
115
+ onOptionSelect?.(option, e);
121
116
  if (
122
117
  // option.keepMenuOpenOnOptionSelect - to allow the menu persist its open stat upon option selection in normal variant
123
118
  !option.keepMenuOpenOnOptionSelect && (!menu.optionsVariant || menu.optionsVariant === 'normal')) {
@@ -176,6 +176,17 @@ export declare const _TextOnly: {
176
176
  args: {
177
177
  menu: MenuProps;
178
178
  size: string;
179
+ classNames?: Readonly<{
180
+ wrapper?: string;
181
+ icon?: string;
182
+ text?: string;
183
+ }>;
184
+ iconLeftName?: string;
185
+ iconLeftType?: import("..").IconType;
186
+ iconRightName?: string;
187
+ iconRightType?: import("..").IconType;
188
+ type?: import("../Button").ButtonType;
189
+ isFluid?: boolean;
179
190
  className?: string | undefined | undefined;
180
191
  ariaLabel?: string | undefined;
181
192
  form?: string | undefined | undefined;
@@ -186,8 +197,11 @@ export declare const _TextOnly: {
186
197
  disabled?: boolean | undefined;
187
198
  slot?: string | undefined | undefined;
188
199
  title?: string | undefined | undefined;
200
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
189
201
  name?: string | undefined | undefined;
190
- onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
202
+ actionType?: import("../Button").ButtonActionType | undefined;
203
+ tabIndex?: number | undefined;
204
+ isLoading?: boolean | undefined;
191
205
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
192
206
  formEncType?: string | undefined | undefined;
193
207
  formMethod?: string | undefined | undefined;
@@ -211,7 +225,6 @@ export declare const _TextOnly: {
211
225
  lang?: string | undefined | undefined;
212
226
  nonce?: string | undefined | undefined;
213
227
  spellCheck?: (boolean | "true" | "false") | undefined;
214
- tabIndex?: number | undefined;
215
228
  translate?: "yes" | "no" | undefined | undefined;
216
229
  radioGroup?: string | undefined | undefined;
217
230
  about?: string | undefined | undefined;
@@ -466,19 +479,6 @@ export declare const _TextOnly: {
466
479
  onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
467
480
  onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
468
481
  onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
469
- actionType?: import("../Button").ButtonActionType | undefined;
470
- isLoading?: boolean | undefined;
471
- classNames?: Readonly<{
472
- wrapper?: string;
473
- icon?: string;
474
- text?: string;
475
- }>;
476
- iconLeftName?: string;
477
- iconLeftType?: import("..").IconType;
478
- iconRightName?: string;
479
- iconRightType?: import("..").IconType;
480
- type?: import("../Button").ButtonType;
481
- isFluid?: boolean;
482
482
  };
483
483
  };
484
484
  export declare const _TextWithTooltip: {
@@ -524,6 +524,17 @@ export declare const _TextWithTooltip: {
524
524
  groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
525
525
  };
526
526
  size: string;
527
+ classNames?: Readonly<{
528
+ wrapper?: string;
529
+ icon?: string;
530
+ text?: string;
531
+ }>;
532
+ iconLeftName?: string;
533
+ iconLeftType?: import("..").IconType;
534
+ iconRightName?: string;
535
+ iconRightType?: import("..").IconType;
536
+ type?: import("../Button").ButtonType;
537
+ isFluid?: boolean;
527
538
  className?: string | undefined | undefined;
528
539
  ariaLabel?: string | undefined;
529
540
  form?: string | undefined | undefined;
@@ -534,8 +545,11 @@ export declare const _TextWithTooltip: {
534
545
  disabled?: boolean | undefined;
535
546
  slot?: string | undefined | undefined;
536
547
  title?: string | undefined | undefined;
548
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
537
549
  name?: string | undefined | undefined;
538
- onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
550
+ actionType?: import("../Button").ButtonActionType | undefined;
551
+ tabIndex?: number | undefined;
552
+ isLoading?: boolean | undefined;
539
553
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
540
554
  formEncType?: string | undefined | undefined;
541
555
  formMethod?: string | undefined | undefined;
@@ -559,7 +573,6 @@ export declare const _TextWithTooltip: {
559
573
  lang?: string | undefined | undefined;
560
574
  nonce?: string | undefined | undefined;
561
575
  spellCheck?: (boolean | "true" | "false") | undefined;
562
- tabIndex?: number | undefined;
563
576
  translate?: "yes" | "no" | undefined | undefined;
564
577
  radioGroup?: string | undefined | undefined;
565
578
  about?: string | undefined | undefined;
@@ -814,19 +827,6 @@ export declare const _TextWithTooltip: {
814
827
  onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
815
828
  onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
816
829
  onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
817
- actionType?: import("../Button").ButtonActionType | undefined;
818
- isLoading?: boolean | undefined;
819
- classNames?: Readonly<{
820
- wrapper?: string;
821
- icon?: string;
822
- text?: string;
823
- }>;
824
- iconLeftName?: string;
825
- iconLeftType?: import("..").IconType;
826
- iconRightName?: string;
827
- iconRightType?: import("..").IconType;
828
- type?: import("../Button").ButtonType;
829
- isFluid?: boolean;
830
830
  };
831
831
  };
832
832
  export declare const _WithSearch: {
@@ -870,6 +870,17 @@ export declare const _WithSearch: {
870
870
  groupTitleOptions?: Array<import("../Menu").MenuGroupTitleOption>;
871
871
  };
872
872
  size: string;
873
+ classNames?: Readonly<{
874
+ wrapper?: string;
875
+ icon?: string;
876
+ text?: string;
877
+ }>;
878
+ iconLeftName?: string;
879
+ iconLeftType?: import("..").IconType;
880
+ iconRightName?: string;
881
+ iconRightType?: import("..").IconType;
882
+ type?: import("../Button").ButtonType;
883
+ isFluid?: boolean;
873
884
  className?: string | undefined | undefined;
874
885
  ariaLabel?: string | undefined;
875
886
  form?: string | undefined | undefined;
@@ -880,8 +891,11 @@ export declare const _WithSearch: {
880
891
  disabled?: boolean | undefined;
881
892
  slot?: string | undefined | undefined;
882
893
  title?: string | undefined | undefined;
894
+ onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
883
895
  name?: string | undefined | undefined;
884
- onClick?: ((arg1: React.SyntheticEvent<HTMLElement>) => unknown) | null | undefined | undefined;
896
+ actionType?: import("../Button").ButtonActionType | undefined;
897
+ tabIndex?: number | undefined;
898
+ isLoading?: boolean | undefined;
885
899
  formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
886
900
  formEncType?: string | undefined | undefined;
887
901
  formMethod?: string | undefined | undefined;
@@ -905,7 +919,6 @@ export declare const _WithSearch: {
905
919
  lang?: string | undefined | undefined;
906
920
  nonce?: string | undefined | undefined;
907
921
  spellCheck?: (boolean | "true" | "false") | undefined;
908
- tabIndex?: number | undefined;
909
922
  translate?: "yes" | "no" | undefined | undefined;
910
923
  radioGroup?: string | undefined | undefined;
911
924
  about?: string | undefined | undefined;
@@ -1160,19 +1173,6 @@ export declare const _WithSearch: {
1160
1173
  onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1161
1174
  onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1162
1175
  onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1163
- actionType?: import("../Button").ButtonActionType | undefined;
1164
- isLoading?: boolean | undefined;
1165
- classNames?: Readonly<{
1166
- wrapper?: string;
1167
- icon?: string;
1168
- text?: string;
1169
- }>;
1170
- iconLeftName?: string;
1171
- iconLeftType?: import("..").IconType;
1172
- iconRightName?: string;
1173
- iconRightType?: import("..").IconType;
1174
- type?: import("../Button").ButtonType;
1175
- isFluid?: boolean;
1176
1176
  };
1177
1177
  };
1178
1178
  export declare const _WithCheckboxMenu: {
@@ -1 +1 @@
1
- {"version":3,"file":"InlineDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoD1D,wBA8JE;AAEF,eAAO,MAAM,SAAS;WAAU,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIlD,CAAC;AAQF,eAAO,MAAM,gBAAgB;WAAU,mBAAmB;;;;;;gDAlMjB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBAkDQ,CAAC;uBAAqB,CAAC;kCAGjE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJR,CAAC;AAQF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;gDA9MZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;sBAkDQ,CAAC;uBAAqB,CAAC;kCAGjE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JR,CAAC;AAeF,eAAO,MAAM,iBAAiB;WAAU,mBAAmB;;;;;;CAyC1D,CAAC;AAeF,eAAO,MAAM,cAAc;WAAU,mBAAmB;;;;;CAwBvD,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,mBAAmB;;;;;;CAE7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,mBAAmB,sBAuD5D,CAAC"}
1
+ {"version":3,"file":"InlineDropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/InlineDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqD1D,wBA8JE;AAEF,eAAO,MAAM,SAAS;WAAU,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIlD,CAAC;AAQF,eAAO,MAAM,gBAAgB;WAAU,mBAAmB;;;;;;gDApMpD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BsD,CAAC;uBAC1C,CAAC;kCAEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2KV,CAAC;AAQF,eAAO,MAAM,WAAW;WAAU,mBAAmB;;;;gDAhN/C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;sBA0BsD,CAAC;uBAC1C,CAAC;kCAEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuLV,CAAC;AAeF,eAAO,MAAM,iBAAiB;WAAU,mBAAmB;;;;;;CAuC1D,CAAC;AAeF,eAAO,MAAM,cAAc;WAAU,mBAAmB;;;;;CAwBvD,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,mBAAmB;;;;;;CAE7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,mBAAmB,sBAoD5D,CAAC"}
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import type { Flow } from 'flow-to-typescript-codemod';
3
3
  import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
4
- import type { Over } from '../../types/utils';
5
4
  import type { ClickAwayRefType } from '../../utils/click-away';
6
5
  import type { ButtonProps } from '../Button';
7
6
  import type { AnchorType } from '../ButtonDropdown';
@@ -11,10 +10,10 @@ type ClassNames = Readonly<{
11
10
  buttonWrapper?: string;
12
11
  dropdownContainer?: string;
13
12
  }>;
14
- export type SimpleInlineDropdownRef = {
13
+ export interface SimpleInlineDropdownRef {
15
14
  selectedKeys?: Array<string>;
16
- };
17
- export type SimpleInlineDropdownProps = Over<ButtonProps, {
15
+ }
16
+ export interface SimpleInlineDropdownProps extends Omit<ButtonProps, 'elevation' | 'classNames' | 'anchorPosition' | 'options' | 'optionsVariant' | 'allowSearch' | 'selectedKeys' | 'showLabelTooltip' | 'allowWrap' | 'onOptionSelect' | 'onMenuOpen' | 'onMenuClose' | 'menuVirtualization' | 'header' | 'footer' | 'menuClassNames' | 'resolveLabel' | 'resolveSecondaryLabel' | 'clickAwayRef'> {
18
17
  elevation?: ElevationType;
19
18
  classNames?: ClassNames;
20
19
  anchorPosition?: AnchorType;
@@ -33,8 +32,8 @@ export type SimpleInlineDropdownProps = Over<ButtonProps, {
33
32
  menuClassNames?: MenuClassNames;
34
33
  resolveLabel?: (option: MenuOption) => string | React.ReactNode;
35
34
  resolveSecondaryLabel?: (option: MenuOption) => string | React.ReactNode;
36
- clickAwayRef?: ClickAwayRefType;
37
- }>;
35
+ clickAwayRef?: React.RefObject<ClickAwayRefType | null>;
36
+ }
38
37
  export declare const SimpleInlineDropdown: Flow.AbstractComponent<SimpleInlineDropdownProps, SimpleInlineDropdownRef>;
39
38
  export {};
40
39
  //# sourceMappingURL=SimpleInlineDropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAK7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GACnC,IAAI,CACF,WAAW,EACX;IACE,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CACF,CAAC;AAuHJ,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAIxB,CAAC"}
1
+ {"version":3,"file":"SimpleInlineDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/InlineDropdown/SimpleInlineDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAErD,OAAO,KAAK,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAK7D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAC;AAC3C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAC5E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAK9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CACV,WAAW,EACT,WAAW,GACX,YAAY,GACZ,gBAAgB,GAChB,SAAS,GACT,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,QAAQ,GACR,QAAQ,GACR,gBAAgB,GAChB,cAAc,GACd,uBAAuB,GACvB,cAAc,CACjB;IACD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,cAAc,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChE,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACzE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACzD;AA8GD,eAAO,MAAM,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CACvD,yBAAyB,EACzB,uBAAuB,CAGxB,CAAC"}
@@ -40,7 +40,6 @@ const SimpleInlineDropdownBase = (props, ref) => {
40
40
  React.useEffect(() => {
41
41
  const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(selectedKeys, children);
42
42
  setInlineDropdownSelectedKeys(selectedKeys);
43
- // @ts-ignore - TS2345 - Argument of type 'ReactNode' is not assignable to parameter of type 'SetStateAction<string>'.
44
43
  setBtnText(newBtnText);
45
44
  }, [selectedKeys]);
46
45
  const handleOptionChange = (selectedOption, e) => {
@@ -53,14 +52,11 @@ const SimpleInlineDropdownBase = (props, ref) => {
53
52
  }
54
53
  const newBtnText = (0, _menu.getButtonLabelFromSelectedKeys)(newSelectedKeys, children);
55
54
  setInlineDropdownSelectedKeys(newSelectedKeys);
56
- // @ts-ignore - TS2345 - Argument of type 'ReactNode' is not assignable to parameter of type 'SetStateAction<string>'.
57
55
  setBtnText(newBtnText);
58
56
  setTimeout(() => {
59
57
  onOptionSelect?.(selectedOption, e);
60
58
  });
61
59
  };
62
-
63
- // @ts-ignore - TS2345 - Argument of type '{ current: SimpleInlineDropdownRef | null; } | ((arg1: SimpleInlineDropdownRef | null) => unknown)' is not assignable to parameter of type 'Ref<SimpleInlineDropdownRef> | undefined'.
64
60
  React.useImperativeHandle(ref, () => ({
65
61
  selectedKeys: inlineDropdownSelectedKeys
66
62
  }));
@@ -82,8 +78,7 @@ const SimpleInlineDropdownBase = (props, ref) => {
82
78
  allowSearch,
83
79
  resolveLabel,
84
80
  resolveSecondaryLabel,
85
- // @ts-ignore - TS2367 - This condition will always return 'false' since the types '"medium" | "small"' and '"extraSmall"' have no overlap.
86
- size: size === 'extraSmall' ? 'small' : size,
81
+ size,
87
82
  virtualization: menuVirtualization,
88
83
  header,
89
84
  footer,
@@ -93,8 +88,4 @@ const SimpleInlineDropdownBase = (props, ref) => {
93
88
  }
94
89
  }), optionsVariant === 'checkbox' ? btnText : children);
95
90
  };
96
-
97
- // @ts-ignore - TS2345 - Argument of type '(props: SimpleInlineDropdownProps, ref: { current: null | SimpleInlineDropdownRef; } | ((arg1: null | SimpleInlineDropdownRef) => unknown)) => React.JSX.Element' is not assignable to parameter of type 'ForwardRefRenderFunction<SimpleInlineDropdownProps, SimpleInlineDropdownRef>'.
98
- const SimpleInlineDropdown = exports.SimpleInlineDropdown = /*#__PURE__*/React.forwardRef(
99
- //@ts-expect-error
100
- SimpleInlineDropdownBase);
91
+ const SimpleInlineDropdown = exports.SimpleInlineDropdown = /*#__PURE__*/React.forwardRef(SimpleInlineDropdownBase);