@algolia/satellite 2.0.0-rc.1 → 2.0.0-rc.3

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 (295) hide show
  1. package/dist/cjs/Actions/Button/PolymorphicIconButton.d.ts +1 -1
  2. package/dist/cjs/Actions/{Switch/Switch.d.ts → SegmentedControl/SegmentedControl.d.ts} +6 -6
  3. package/dist/cjs/Actions/{Switch/Switch.js → SegmentedControl/SegmentedControl.js} +6 -6
  4. package/dist/cjs/{Fields/Toggle/Toggle.tailwind.d.ts → Actions/SegmentedControl/SegmentedControl.tailwind.d.ts} +2 -2
  5. package/dist/cjs/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js} +4 -4
  6. package/dist/cjs/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts} +2 -2
  7. package/dist/cjs/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js} +2 -2
  8. package/dist/cjs/Actions/SegmentedControl/index.d.ts +2 -0
  9. package/dist/cjs/Actions/SegmentedControl/index.js +27 -0
  10. package/dist/cjs/Actions/SegmentedControl/types.d.ts +7 -0
  11. package/dist/cjs/Actions/{Switch → SegmentedControl}/utils.d.ts +2 -2
  12. package/dist/cjs/Actions/{Switch → SegmentedControl}/utils.js +4 -4
  13. package/dist/cjs/Actions/index.d.ts +1 -1
  14. package/dist/cjs/Actions/index.js +4 -4
  15. package/dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts +4 -2
  16. package/dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.js +7 -8
  17. package/dist/cjs/Avatars/UserAvatar/UserAvatar.d.ts +7 -4
  18. package/dist/cjs/Avatars/UserAvatar/UserAvatar.js +14 -8
  19. package/dist/cjs/Avatars/types.d.ts +3 -2
  20. package/dist/cjs/Avatars/types.js +6 -2
  21. package/dist/cjs/Fields/AutoComplete/AutoComplete.js +6 -5
  22. package/dist/cjs/Fields/DateInput/DateInput.js +2 -1
  23. package/dist/cjs/Fields/DatePicker/DatePicker/DatePicker.js +2 -1
  24. package/dist/cjs/Fields/DatePicker/DateRangePicker/DateRangePicker.js +5 -3
  25. package/dist/cjs/Fields/DatePicker/components/Popover.d.ts +2 -1
  26. package/dist/cjs/Fields/DatePicker/components/Popover.js +4 -7
  27. package/dist/cjs/Fields/DatePicker/types.d.ts +5 -2
  28. package/dist/cjs/Fields/Dropzone/Dropzone.d.ts +13 -2
  29. package/dist/cjs/Fields/Dropzone/Dropzone.js +78 -30
  30. package/dist/cjs/Fields/Field/Field.js +62 -46
  31. package/dist/cjs/Fields/FilePicker/FilePicker.d.ts +16 -0
  32. package/dist/cjs/Fields/FilePicker/FilePicker.js +141 -0
  33. package/dist/cjs/Fields/FilePicker/index.d.ts +1 -0
  34. package/dist/cjs/Fields/FilePicker/index.js +16 -0
  35. package/dist/cjs/Fields/Form/Form.d.ts +3 -0
  36. package/dist/cjs/Fields/Form/Form.js +7 -2
  37. package/dist/cjs/Fields/Form/FormContext.d.ts +3 -0
  38. package/dist/cjs/Fields/Form/index.d.ts +1 -1
  39. package/dist/cjs/Fields/Form/stories/Complex.js +3 -7
  40. package/dist/cjs/Fields/Form/stories/InlineFields.js +62 -0
  41. package/dist/cjs/Fields/Form/stories/JSONForms.js +2 -2
  42. package/dist/cjs/Fields/{Toggle/Toggle.d.ts → Switch/Switch.d.ts} +4 -4
  43. package/dist/cjs/Fields/{Toggle/Toggle.js → Switch/Switch.js} +8 -8
  44. package/dist/cjs/Fields/{Toggle/Toggle.tailwind.js → Switch/Switch.tailwind.js} +14 -14
  45. package/dist/cjs/Fields/Switch/index.d.ts +1 -0
  46. package/dist/cjs/Fields/{Toggle → Switch}/index.js +4 -4
  47. package/dist/cjs/Fields/index.d.ts +2 -1
  48. package/dist/cjs/Fields/index.js +15 -4
  49. package/dist/cjs/Helpers/HelpUnderline/HelpUnderline.d.ts +1 -1
  50. package/dist/cjs/Indicators/AnnouncementBadge/AnnouncementBadge.d.ts +11 -2
  51. package/dist/cjs/Indicators/Badge/Badge.d.ts +13 -2
  52. package/dist/cjs/Indicators/Banners/Alert/Alert.d.ts +25 -8
  53. package/dist/cjs/Indicators/Banners/Promote/Promote.d.ts +30 -4
  54. package/dist/cjs/Indicators/Banners/SystemNotification/SystemNotification.d.ts +6 -0
  55. package/dist/cjs/Indicators/EmptyState/types.d.ts +21 -9
  56. package/dist/cjs/Indicators/KeyboardKey/KeyboardKey.d.ts +3 -0
  57. package/dist/cjs/Indicators/ProgressBar/ProgressBar.d.ts +9 -3
  58. package/dist/cjs/Indicators/ProgressSpinner/ProgressSpinner.d.ts +9 -0
  59. package/dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.d.ts +12 -0
  60. package/dist/cjs/Indicators/Skeleton/Skeleton.d.ts +12 -0
  61. package/dist/cjs/Indicators/Tag/Tag.d.ts +19 -5
  62. package/dist/cjs/Layout/Card/Card.d.ts +6 -0
  63. package/dist/cjs/Layout/FlexGrid/FlexGrid.d.ts +18 -4
  64. package/dist/cjs/Layout/Insert/Insert.d.ts +9 -1
  65. package/dist/cjs/Layout/Sidebar/Sidebar.d.ts +14 -2
  66. package/dist/cjs/Layout/Sidebar/SidebarButtonLink.d.ts +18 -0
  67. package/dist/cjs/Layout/Sidebar/SidebarHeading.d.ts +6 -0
  68. package/dist/cjs/Layout/Sidebar/SidebarLink.d.ts +12 -0
  69. package/dist/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +18 -0
  70. package/dist/cjs/Layout/Sidebar/SidebarNav.d.ts +12 -0
  71. package/dist/cjs/Layout/Tables/DataTable/DataTable.d.ts +16 -1
  72. package/dist/cjs/Layout/Tables/DataTable/components/Body.d.ts +8 -0
  73. package/dist/cjs/Layout/Tables/DataTable/components/Footer.d.ts +2 -0
  74. package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts +4 -0
  75. package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts +6 -0
  76. package/dist/cjs/Layout/Tables/DataTable/components/Loader.d.ts +1 -0
  77. package/dist/cjs/Layout/Tables/Table/Table.d.ts +15 -0
  78. package/dist/cjs/Layout/Tables/Table/components/TableFooter.d.ts +3 -0
  79. package/dist/cjs/Navigation/Link/Link.d.ts +18 -0
  80. package/dist/cjs/Navigation/Pagination/CompactPagination/CompactPagination.d.ts +24 -1
  81. package/dist/cjs/Navigation/Pagination/DotPagination/DotPagination.d.ts +15 -1
  82. package/dist/cjs/Navigation/Pagination/Pagination/Pagination.d.ts +15 -0
  83. package/dist/cjs/Navigation/Tabs/types.d.ts +21 -0
  84. package/dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.d.ts +0 -10
  85. package/dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.js +1 -46
  86. package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -1
  87. package/dist/{esm/Overlay/Tooltip → cjs/Overlay/OverflowTooltipWrapper}/OverflowTooltipWrapper.d.ts +1 -1
  88. package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/OverflowTooltipWrapper.js +1 -1
  89. package/dist/cjs/Overlay/OverflowTooltipWrapper/index.d.ts +1 -0
  90. package/dist/cjs/Overlay/OverflowTooltipWrapper/index.js +16 -0
  91. package/dist/cjs/Overlay/Tooltip/index.d.ts +0 -2
  92. package/dist/cjs/Overlay/Tooltip/index.js +0 -22
  93. package/dist/cjs/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.js +1 -1
  94. package/dist/cjs/Overlay/TooltipWrapper/index.d.ts +1 -0
  95. package/dist/cjs/Overlay/TooltipWrapper/index.js +16 -0
  96. package/dist/{esm/Overlay/Tooltip → cjs/Overlay/TooltipWrapper}/types.d.ts +1 -1
  97. package/dist/cjs/Overlay/TooltipWrapper/types.js +5 -0
  98. package/dist/cjs/Overlay/index.d.ts +2 -1
  99. package/dist/cjs/Overlay/index.js +22 -11
  100. package/dist/cjs/Satellite/locale.d.ts +3 -2
  101. package/dist/cjs/styles/tailwind.config.js +1 -1
  102. package/dist/cjs/utils/isCssPropertySupported.d.ts +1 -1
  103. package/dist/esm/Actions/Button/PolymorphicIconButton.d.ts +1 -1
  104. package/dist/esm/Actions/{Switch/Switch.d.ts → SegmentedControl/SegmentedControl.d.ts} +6 -6
  105. package/dist/esm/Actions/{Switch/Switch.js → SegmentedControl/SegmentedControl.js} +5 -5
  106. package/dist/esm/{Fields/Toggle/Toggle.tailwind.d.ts → Actions/SegmentedControl/SegmentedControl.tailwind.d.ts} +2 -2
  107. package/dist/esm/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js} +4 -4
  108. package/dist/esm/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts} +2 -2
  109. package/dist/esm/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js} +1 -1
  110. package/dist/esm/Actions/SegmentedControl/index.d.ts +2 -0
  111. package/dist/esm/Actions/SegmentedControl/index.js +2 -0
  112. package/dist/esm/Actions/SegmentedControl/types.d.ts +7 -0
  113. package/dist/esm/Actions/{Switch → SegmentedControl}/utils.d.ts +2 -2
  114. package/dist/esm/Actions/{Switch → SegmentedControl}/utils.js +3 -3
  115. package/dist/esm/Actions/index.d.ts +1 -1
  116. package/dist/esm/Actions/index.js +1 -1
  117. package/dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts +4 -2
  118. package/dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.js +7 -8
  119. package/dist/esm/Avatars/UserAvatar/UserAvatar.d.ts +7 -4
  120. package/dist/esm/Avatars/UserAvatar/UserAvatar.js +14 -8
  121. package/dist/esm/Avatars/types.d.ts +3 -2
  122. package/dist/esm/Avatars/types.js +4 -1
  123. package/dist/esm/Fields/AutoComplete/AutoComplete.js +7 -5
  124. package/dist/esm/Fields/DateInput/DateInput.js +2 -1
  125. package/dist/esm/Fields/DatePicker/DatePicker/DatePicker.js +2 -1
  126. package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.js +5 -3
  127. package/dist/esm/Fields/DatePicker/components/Popover.d.ts +2 -1
  128. package/dist/esm/Fields/DatePicker/components/Popover.js +4 -7
  129. package/dist/esm/Fields/DatePicker/types.d.ts +5 -2
  130. package/dist/esm/Fields/Dropzone/Dropzone.d.ts +13 -2
  131. package/dist/esm/Fields/Dropzone/Dropzone.js +80 -32
  132. package/dist/esm/Fields/Field/Field.js +62 -46
  133. package/dist/esm/Fields/FilePicker/FilePicker.d.ts +16 -0
  134. package/dist/esm/Fields/FilePicker/FilePicker.js +134 -0
  135. package/dist/esm/Fields/FilePicker/index.d.ts +1 -0
  136. package/dist/esm/Fields/FilePicker/index.js +1 -0
  137. package/dist/esm/Fields/Form/Form.d.ts +3 -0
  138. package/dist/esm/Fields/Form/Form.js +7 -2
  139. package/dist/esm/Fields/Form/FormContext.d.ts +3 -0
  140. package/dist/esm/Fields/Form/index.d.ts +1 -1
  141. package/dist/esm/Fields/Form/stories/Complex.js +3 -7
  142. package/dist/esm/Fields/Form/stories/InlineFields.js +55 -0
  143. package/dist/esm/Fields/Form/stories/JSONForms.js +2 -2
  144. package/dist/esm/Fields/{Toggle/Toggle.d.ts → Switch/Switch.d.ts} +4 -4
  145. package/dist/esm/Fields/{Toggle/Toggle.js → Switch/Switch.js} +7 -7
  146. package/dist/esm/Fields/{Toggle/Toggle.tailwind.js → Switch/Switch.tailwind.js} +14 -14
  147. package/dist/esm/Fields/Switch/index.d.ts +1 -0
  148. package/dist/esm/Fields/Switch/index.js +1 -0
  149. package/dist/esm/Fields/index.d.ts +2 -1
  150. package/dist/esm/Fields/index.js +2 -1
  151. package/dist/esm/Helpers/HelpUnderline/HelpUnderline.d.ts +1 -1
  152. package/dist/esm/Indicators/AnnouncementBadge/AnnouncementBadge.d.ts +11 -2
  153. package/dist/esm/Indicators/Badge/Badge.d.ts +13 -2
  154. package/dist/esm/Indicators/Banners/Alert/Alert.d.ts +25 -8
  155. package/dist/esm/Indicators/Banners/Promote/Promote.d.ts +30 -4
  156. package/dist/esm/Indicators/Banners/SystemNotification/SystemNotification.d.ts +6 -0
  157. package/dist/esm/Indicators/EmptyState/types.d.ts +21 -9
  158. package/dist/esm/Indicators/KeyboardKey/KeyboardKey.d.ts +3 -0
  159. package/dist/esm/Indicators/ProgressBar/ProgressBar.d.ts +9 -3
  160. package/dist/esm/Indicators/ProgressSpinner/ProgressSpinner.d.ts +9 -0
  161. package/dist/esm/Indicators/ScrollIndicator/ScrollIndicator.d.ts +12 -0
  162. package/dist/esm/Indicators/Skeleton/Skeleton.d.ts +12 -0
  163. package/dist/esm/Indicators/Tag/Tag.d.ts +19 -5
  164. package/dist/esm/Layout/Card/Card.d.ts +6 -0
  165. package/dist/esm/Layout/FlexGrid/FlexGrid.d.ts +18 -4
  166. package/dist/esm/Layout/Insert/Insert.d.ts +9 -1
  167. package/dist/esm/Layout/Sidebar/Sidebar.d.ts +14 -2
  168. package/dist/esm/Layout/Sidebar/SidebarButtonLink.d.ts +18 -0
  169. package/dist/esm/Layout/Sidebar/SidebarHeading.d.ts +6 -0
  170. package/dist/esm/Layout/Sidebar/SidebarLink.d.ts +12 -0
  171. package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +18 -0
  172. package/dist/esm/Layout/Sidebar/SidebarNav.d.ts +12 -0
  173. package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts +16 -1
  174. package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts +8 -0
  175. package/dist/esm/Layout/Tables/DataTable/components/Footer.d.ts +2 -0
  176. package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts +4 -0
  177. package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts +6 -0
  178. package/dist/esm/Layout/Tables/DataTable/components/Loader.d.ts +1 -0
  179. package/dist/esm/Layout/Tables/Table/Table.d.ts +15 -0
  180. package/dist/esm/Layout/Tables/Table/components/TableFooter.d.ts +3 -0
  181. package/dist/esm/Navigation/Link/Link.d.ts +18 -0
  182. package/dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.d.ts +24 -1
  183. package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.d.ts +15 -1
  184. package/dist/esm/Navigation/Pagination/Pagination/Pagination.d.ts +15 -0
  185. package/dist/esm/Navigation/Tabs/types.d.ts +21 -0
  186. package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.d.ts +0 -10
  187. package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js +0 -39
  188. package/dist/esm/Overlay/MenuButton/components/items/ToggleItem.js +2 -2
  189. package/dist/{cjs/Overlay/Tooltip → esm/Overlay/OverflowTooltipWrapper}/OverflowTooltipWrapper.d.ts +1 -1
  190. package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/OverflowTooltipWrapper.js +1 -1
  191. package/dist/esm/Overlay/OverflowTooltipWrapper/index.d.ts +1 -0
  192. package/dist/esm/Overlay/OverflowTooltipWrapper/index.js +1 -0
  193. package/dist/esm/Overlay/Tooltip/index.d.ts +0 -2
  194. package/dist/esm/Overlay/Tooltip/index.js +1 -3
  195. package/dist/esm/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.js +1 -1
  196. package/dist/esm/Overlay/TooltipWrapper/index.d.ts +1 -0
  197. package/dist/esm/Overlay/TooltipWrapper/index.js +1 -0
  198. package/dist/{cjs/Overlay/Tooltip → esm/Overlay/TooltipWrapper}/types.d.ts +1 -1
  199. package/dist/esm/Overlay/TooltipWrapper/types.js +1 -0
  200. package/dist/esm/Overlay/index.d.ts +2 -1
  201. package/dist/esm/Overlay/index.js +3 -2
  202. package/dist/esm/Satellite/locale.d.ts +3 -2
  203. package/dist/esm/styles/tailwind.config.js +1 -1
  204. package/dist/esm/utils/isCssPropertySupported.d.ts +1 -1
  205. package/dist/satellite.min.css +1 -1
  206. package/package.json +2 -2
  207. package/dist/cjs/Actions/Switch/index.d.ts +0 -2
  208. package/dist/cjs/Actions/Switch/index.js +0 -27
  209. package/dist/cjs/Actions/Switch/types.d.ts +0 -8
  210. package/dist/cjs/Actions/Switch/types.js +0 -7
  211. package/dist/cjs/Fields/Toggle/index.d.ts +0 -1
  212. package/dist/cjs/Overlay/Dropdown/Dropdown.d.ts +0 -37
  213. package/dist/cjs/Overlay/Dropdown/Dropdown.js +0 -124
  214. package/dist/cjs/Overlay/Dropdown/DropdownButton.d.ts +0 -13
  215. package/dist/cjs/Overlay/Dropdown/DropdownButton.js +0 -49
  216. package/dist/cjs/Overlay/Dropdown/DropdownContext.d.ts +0 -6
  217. package/dist/cjs/Overlay/Dropdown/DropdownContext.js +0 -15
  218. package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.d.ts +0 -14
  219. package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.js +0 -49
  220. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -10
  221. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +0 -60
  222. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +0 -8
  223. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +0 -21
  224. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +0 -8
  225. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -17
  226. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +0 -10
  227. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +0 -37
  228. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +0 -10
  229. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +0 -34
  230. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/index.d.ts +0 -5
  231. package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/index.js +0 -63
  232. package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.d.ts +0 -2
  233. package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.js +0 -17
  234. package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.d.ts +0 -9
  235. package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.js +0 -29
  236. package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.d.ts +0 -10
  237. package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.js +0 -56
  238. package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.d.ts +0 -6
  239. package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.js +0 -43
  240. package/dist/cjs/Overlay/Dropdown/components/DropdownTitle.d.ts +0 -6
  241. package/dist/cjs/Overlay/Dropdown/components/DropdownTitle.js +0 -25
  242. package/dist/cjs/Overlay/Dropdown/index.d.ts +0 -12
  243. package/dist/cjs/Overlay/Dropdown/index.js +0 -147
  244. package/dist/cjs/Overlay/Dropdown/useDropdownItemProps.d.ts +0 -20
  245. package/dist/cjs/Overlay/Dropdown/useDropdownItemProps.js +0 -37
  246. package/dist/esm/Actions/Switch/index.d.ts +0 -2
  247. package/dist/esm/Actions/Switch/index.js +0 -2
  248. package/dist/esm/Actions/Switch/types.d.ts +0 -8
  249. package/dist/esm/Actions/Switch/types.js +0 -1
  250. package/dist/esm/Fields/Toggle/index.d.ts +0 -1
  251. package/dist/esm/Fields/Toggle/index.js +0 -1
  252. package/dist/esm/Overlay/Dropdown/Dropdown.d.ts +0 -37
  253. package/dist/esm/Overlay/Dropdown/Dropdown.js +0 -117
  254. package/dist/esm/Overlay/Dropdown/DropdownButton.d.ts +0 -13
  255. package/dist/esm/Overlay/Dropdown/DropdownButton.js +0 -42
  256. package/dist/esm/Overlay/Dropdown/DropdownContext.d.ts +0 -6
  257. package/dist/esm/Overlay/Dropdown/DropdownContext.js +0 -9
  258. package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.d.ts +0 -14
  259. package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js +0 -42
  260. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -10
  261. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +0 -53
  262. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +0 -8
  263. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +0 -15
  264. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +0 -8
  265. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -11
  266. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +0 -10
  267. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +0 -30
  268. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +0 -10
  269. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +0 -27
  270. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/index.d.ts +0 -5
  271. package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/index.js +0 -5
  272. package/dist/esm/Overlay/Dropdown/components/DropdownDivider.d.ts +0 -2
  273. package/dist/esm/Overlay/Dropdown/components/DropdownDivider.js +0 -11
  274. package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.d.ts +0 -9
  275. package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.js +0 -22
  276. package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.d.ts +0 -10
  277. package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.js +0 -49
  278. package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.d.ts +0 -6
  279. package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js +0 -36
  280. package/dist/esm/Overlay/Dropdown/components/DropdownTitle.d.ts +0 -6
  281. package/dist/esm/Overlay/Dropdown/components/DropdownTitle.js +0 -18
  282. package/dist/esm/Overlay/Dropdown/index.d.ts +0 -12
  283. package/dist/esm/Overlay/Dropdown/index.js +0 -12
  284. package/dist/esm/Overlay/Dropdown/useDropdownItemProps.d.ts +0 -20
  285. package/dist/esm/Overlay/Dropdown/useDropdownItemProps.js +0 -30
  286. /package/dist/cjs/{Overlay/Tooltip → Actions/SegmentedControl}/types.js +0 -0
  287. /package/dist/cjs/{Actions → Fields}/Switch/Switch.tailwind.d.ts +0 -0
  288. /package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.d.ts +0 -0
  289. /package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.js +0 -0
  290. /package/dist/cjs/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.d.ts +0 -0
  291. /package/dist/esm/{Overlay/Tooltip → Actions/SegmentedControl}/types.js +0 -0
  292. /package/dist/esm/{Actions → Fields}/Switch/Switch.tailwind.d.ts +0 -0
  293. /package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.d.ts +0 -0
  294. /package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.js +0 -0
  295. /package/dist/esm/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.d.ts +0 -0
@@ -1 +0,0 @@
1
- export * from "./Toggle";
@@ -1,37 +0,0 @@
1
- import type { StrictModifiers } from "@popperjs/core";
2
- import type { FC, PropsWithChildren, ReactNode } from "react";
3
- import { DropdownButtonItem } from "./components/DropdownButtonItem";
4
- import { DropdownCollapsibleItem } from "./components/DropdownCollapsibleItem";
5
- import { DropdownDivider } from "./components/DropdownDivider";
6
- import { DropdownFooterItem } from "./components/DropdownFooterItem";
7
- import { DropdownLinkItem } from "./components/DropdownLinkItem";
8
- import { DropdownRadioItem } from "./components/DropdownRadioItem";
9
- import { DropdownTitle } from "./components/DropdownTitle";
10
- import { DropdownToggleItem } from "./components/DropdownToggleItem";
11
- export interface RenderTargetParams {
12
- toggle: (open?: boolean) => any;
13
- isShowingMenu: boolean;
14
- }
15
- export declare type DropdownProps = PropsWithChildren<{
16
- /** Classes for the opened menu */
17
- menuClassName?: string;
18
- /** Modifiers for the Popper menu */
19
- modifiers?: StrictModifiers[];
20
- /** Defines which side to open the menu */
21
- placement?: "bottom-start" | "bottom-end";
22
- renderTarget: (params: RenderTargetParams) => ReactNode;
23
- renderFooter?: (params: RenderTargetParams) => ReactNode;
24
- }>;
25
- declare type DropdownSubComponents = {
26
- ButtonItem: typeof DropdownButtonItem;
27
- LinkItem: typeof DropdownLinkItem;
28
- RadioItem: typeof DropdownRadioItem;
29
- ToggleItem: typeof DropdownToggleItem;
30
- CollapsibleItem: typeof DropdownCollapsibleItem;
31
- FooterItem: typeof DropdownFooterItem;
32
- Divider: typeof DropdownDivider;
33
- Title: typeof DropdownTitle;
34
- };
35
- /** @deprecated use `MenuButton` instead */
36
- export declare const Dropdown: FC<DropdownProps> & DropdownSubComponents;
37
- export {};
@@ -1,124 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Dropdown = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
- var _clsx = _interopRequireDefault(require("clsx"));
13
- var _react = require("react");
14
- var _reactPopper = require("react-popper");
15
- var _Helpers = require("../../Helpers");
16
- var _Layout = require("../../Layout");
17
- var _Satellite = require("../../Satellite");
18
- var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
19
- var _DropdownButtonItem = require("./components/DropdownButtonItem");
20
- var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
21
- var _DropdownDivider = require("./components/DropdownDivider");
22
- var _DropdownFooterItem = require("./components/DropdownFooterItem");
23
- var _DropdownLinkItem = require("./components/DropdownLinkItem");
24
- var _DropdownRadioItem = require("./components/DropdownRadioItem");
25
- var _DropdownTitle = require("./components/DropdownTitle");
26
- var _DropdownToggleItem = require("./components/DropdownToggleItem");
27
- var _DropdownContext = require("./DropdownContext");
28
- var _jsxRuntime = require("react/jsx-runtime");
29
- var _templateObject, _templateObject2, _templateObject3;
30
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32
- var DEFAULT_DROPDOWN_POPPER_MODIFIERS = [{
33
- name: "offset",
34
- options: {
35
- offset: [0, 16]
36
- }
37
- }];
38
- var _Dropdown = function _Dropdown(_ref) {
39
- var _renderFooter;
40
- var _ref$placement = _ref.placement,
41
- placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
42
- menuClassName = _ref.menuClassName,
43
- _ref$modifiers = _ref.modifiers,
44
- modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
45
- renderTarget = _ref.renderTarget,
46
- renderFooter = _ref.renderFooter,
47
- children = _ref.children;
48
- var createPortal = (0, _Satellite.useCreatePortal)();
49
- var _useState = (0, _react.useState)(false),
50
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
51
- showMenu = _useState2[0],
52
- setShowMenu = _useState2[1];
53
- var _useState3 = (0, _react.useState)(null),
54
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
55
- targetEl = _useState4[0],
56
- setTargetEl = _useState4[1];
57
- var _useState5 = (0, _react.useState)(null),
58
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
59
- menuContainerEl = _useState6[0],
60
- setMenuContainerEl = _useState6[1];
61
- var _usePopper = (0, _reactPopper.usePopper)(targetEl, menuContainerEl, {
62
- modifiers: [].concat(DEFAULT_DROPDOWN_POPPER_MODIFIERS, (0, _toConsumableArray2["default"])(modifiers)),
63
- placement: placement,
64
- strategy: "fixed"
65
- }),
66
- styles = _usePopper.styles,
67
- attributes = _usePopper.attributes;
68
- var target = renderTarget({
69
- toggle: function toggle(open) {
70
- return setShowMenu(open === undefined ? !showMenu : open);
71
- },
72
- isShowingMenu: showMenu
73
- });
74
- var footer = (_renderFooter = renderFooter === null || renderFooter === void 0 ? void 0 : renderFooter({
75
- toggle: function toggle(open) {
76
- return setShowMenu(open === undefined ? !showMenu : open);
77
- },
78
- isShowingMenu: showMenu
79
- })) !== null && _renderFooter !== void 0 ? _renderFooter : null;
80
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContext.DropdownContext.Provider, {
81
- value: {
82
- showMenu: setShowMenu
83
- },
84
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DropdownCollapsibleItem.DropdownCollapsibleItemsSingleGroup, {
85
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
86
- className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["inline-block leading-none"]))),
87
- ref: setTargetEl,
88
- children: target
89
- }), showMenu && targetEl && createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Helpers.ClickAwayContainer, {
90
- element: menuContainerEl,
91
- onClickAway: function onClickAway(evt) {
92
- var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
93
- if (!isContainedInTarget) {
94
- setShowMenu(false);
95
- }
96
- },
97
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
98
- style: styles.popper,
99
- className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["z-dropdown min-w-64 max-w-128"]))), menuClassName),
100
- ref: setMenuContainerEl,
101
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Layout.Card, {
102
- fullBleed: true,
103
- elevation: "300",
104
- className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col py-1 text-grey-900"]))),
105
- children: [children, footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownFooterItem.DropdownFooterItem, {
106
- children: footer
107
- }) : null]
108
- })
109
- }))
110
- }))]
111
- })
112
- });
113
- };
114
- _Dropdown.ButtonItem = _DropdownButtonItem.DropdownButtonItem;
115
- _Dropdown.LinkItem = _DropdownLinkItem.DropdownLinkItem;
116
- _Dropdown.RadioItem = _DropdownRadioItem.DropdownRadioItem;
117
- _Dropdown.ToggleItem = _DropdownToggleItem.DropdownToggleItem;
118
- _Dropdown.CollapsibleItem = _DropdownCollapsibleItem.DropdownCollapsibleItem;
119
- _Dropdown.FooterItem = _DropdownFooterItem.DropdownFooterItem;
120
- _Dropdown.Divider = _DropdownDivider.DropdownDivider;
121
- _Dropdown.Title = _DropdownTitle.DropdownTitle;
122
-
123
- /** @deprecated use `MenuButton` instead */
124
- var Dropdown = exports.Dropdown = _Dropdown;
@@ -1,13 +0,0 @@
1
- import type { ReactNode } from "react";
2
- import type { ButtonProps } from "../../Actions";
3
- import type { RenderTargetParams } from "./Dropdown";
4
- export interface DropdownButtonProps extends Omit<ButtonProps, "title" | "endIcon"> {
5
- /** Descriptive title for `Dropdown` */
6
- title: ReactNode;
7
- renderFooter?: (args: RenderTargetParams) => ReactNode;
8
- children: ReactNode;
9
- }
10
- /**
11
- * @deprecated use `MenuButton` instead
12
- */
13
- export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownButton = void 0;
8
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
- var _react = require("react");
11
- var _Actions = require("../../Actions");
12
- var _Icons = require("../../Icons");
13
- var _Dropdown = require("./Dropdown");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- var _excluded = ["children", "title", "renderFooter"];
16
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
- /**
19
- * @deprecated use `MenuButton` instead
20
- */
21
- var DropdownButton = exports.DropdownButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
22
- var children = _ref.children,
23
- title = _ref.title,
24
- renderFooter = _ref.renderFooter,
25
- buttonProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
26
- var renderButton = function renderButton(_ref2) {
27
- var toggle = _ref2.toggle;
28
- var handleClick = function handleClick(evt) {
29
- if (buttonProps.onClick) {
30
- buttonProps.onClick(evt);
31
- }
32
- if (!evt.defaultPrevented) {
33
- toggle();
34
- }
35
- };
36
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
37
- onClick: handleClick,
38
- endIcon: _Icons.ChevronDownIcon,
39
- ref: ref,
40
- children: title
41
- }));
42
- };
43
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.Dropdown, {
44
- renderTarget: renderButton,
45
- renderFooter: renderFooter,
46
- children: children
47
- });
48
- });
49
- DropdownButton.displayName = "DropdownButton";
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DropdownContextInterface {
3
- showMenu: (show: boolean) => void;
4
- }
5
- export declare const DropdownContext: import("react").Context<DropdownContextInterface | null>;
6
- export declare const useDropdownContext: () => DropdownContextInterface;
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDropdownContext = exports.DropdownContext = void 0;
7
- var _react = require("react");
8
- var DropdownContext = exports.DropdownContext = /*#__PURE__*/(0, _react.createContext)(null);
9
- var useDropdownContext = exports.useDropdownContext = function useDropdownContext() {
10
- var context = (0, _react.useContext)(DropdownContext);
11
- if (!context) {
12
- throw new Error("useDropdownContext used outside DropdownContext");
13
- }
14
- return context;
15
- };
@@ -1,14 +0,0 @@
1
- import type { FC } from "react";
2
- import type { IconComponentType } from "../../../Icons";
3
- import type { DropdownBaseItemProps } from "../useDropdownItemProps";
4
- export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonElement> & JSX.IntrinsicElements["button"] & {
5
- /** Left aligned icon */
6
- startIcon?: IconComponentType;
7
- /**
8
- * Variant of the item
9
- * @default default
10
- */
11
- variant?: "default" | "destructive";
12
- };
13
- /** @deprecated */
14
- export declare const DropdownButtonItem: FC<DropdownButtonItemProps>;
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownButtonItem = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
- var _clsx = _interopRequireDefault(require("clsx"));
12
- var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
13
- var _useDropdownItemProps = require("../useDropdownItemProps");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- var _templateObject, _templateObject2, _templateObject3;
16
- var _excluded = ["toggle"],
17
- _excluded2 = ["children", "variant", "startIcon"];
18
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
20
- var _DropdownButtonItem = function _DropdownButtonItem(_ref) {
21
- var _ref$toggle = _ref.toggle,
22
- toggle = _ref$toggle === void 0 ? true : _ref$toggle,
23
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
24
- var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(_objectSpread({
25
- toggle: toggle
26
- }, props));
27
- var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
28
- children = _props$dropdownItemPr.children,
29
- variant = _props$dropdownItemPr.variant,
30
- StartIcon = _props$dropdownItemPr.startIcon,
31
- mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded2);
32
- var showDestructiveVariant = !props.disabled && variant === "destructive";
33
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
34
- type: "button"
35
- }, mergedProps), {}, {
36
- className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
37
- children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
38
- className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
39
- width: "1rem",
40
- height: "1rem"
41
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
42
- className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate ", ""])), showDestructiveVariant && "text-red-700"),
43
- children: children
44
- })]
45
- }));
46
- };
47
-
48
- /** @deprecated */
49
- var DropdownButtonItem = exports.DropdownButtonItem = _DropdownButtonItem;
@@ -1,10 +0,0 @@
1
- import type { FC, MouseEvent, ReactNode } from "react";
2
- export interface DropdownCollapsibleItemProps {
3
- title: ReactNode;
4
- name?: string;
5
- expanded?: boolean;
6
- onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
7
- children: ReactNode;
8
- }
9
- /** @deprecated */
10
- export declare const DropdownCollapsibleItem: FC<DropdownCollapsibleItemProps>;
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownCollapsibleItem = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = require("react");
11
- var _Icons = require("../../../../Icons");
12
- var _satellitePrefixer = _interopRequireDefault(require("../../../../styles/helpers/satellitePrefixer"));
13
- var _utils = require("../../../../utils");
14
- var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
15
- var _jsxRuntime = require("react/jsx-runtime");
16
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
17
- /** @deprecated */
18
- var DropdownCollapsibleItem = exports.DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
19
- var title = _ref.title,
20
- name = _ref.name,
21
- expanded = _ref.expanded,
22
- _onClick = _ref.onClick,
23
- children = _ref.children;
24
- var _useDropdownCollapsib = (0, _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup)(),
25
- expandedItems = _useDropdownCollapsib.expandedItems,
26
- onItemClick = _useDropdownCollapsib.onItemClick;
27
- var _useState = (0, _react.useState)(function () {
28
- return (0, _utils.uniqueId)("ddci");
29
- }),
30
- _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
31
- internalName = _useState2[0];
32
- var itemName = name !== null && name !== void 0 ? name : internalName;
33
- var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
34
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
35
- className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col"]))),
36
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
37
- type: "button",
38
- className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n w-full h-10 px-4\n flex items-center justify-between\n text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n "]))),
39
- onClick: function onClick(evt) {
40
- if (typeof expanded === "boolean") {
41
- _onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
42
- } else {
43
- onItemClick(itemName);
44
- }
45
- },
46
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
47
- children: title
48
- }), isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
49
- className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
50
- size: "1.25em"
51
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronRightIcon, {
52
- className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
53
- size: "1.25em"
54
- })]
55
- }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
56
- className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-50 border-l-2 border-grey-300 typo-subdued"]))),
57
- children: children
58
- })]
59
- });
60
- };
@@ -1,8 +0,0 @@
1
- import type { FC, ReactNode } from "react";
2
- export declare type DropdownCollapsibleItemsGroupProps = {
3
- expandedItems: string[];
4
- onItemClick(name: string): void;
5
- children: ReactNode;
6
- };
7
- /** @deprecated */
8
- export declare const DropdownCollapsibleItemsGroup: FC<DropdownCollapsibleItemsGroupProps>;
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DropdownCollapsibleItemsGroup = void 0;
7
- var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- /** @deprecated */
10
- var DropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
11
- var expandedItems = _ref.expandedItems,
12
- onItemClick = _ref.onItemClick,
13
- children = _ref.children;
14
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroupContext.DropdownCollapsibleItemsGroupContext.Provider, {
15
- value: {
16
- expandedItems: expandedItems,
17
- onItemClick: onItemClick
18
- },
19
- children: children
20
- });
21
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DropdownCollapsibleItemsGroupContextInterface {
3
- expandedItems: readonly string[];
4
- onItemClick: (name: string) => void;
5
- }
6
- export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContextInterface | null>;
7
- /** @deprecated */
8
- export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContextInterface;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useDropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroupContext = void 0;
7
- var _react = require("react");
8
- var DropdownCollapsibleItemsGroupContext = exports.DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
9
-
10
- /** @deprecated */
11
- var useDropdownCollapsibleItemsGroup = exports.useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
12
- var context = (0, _react.useContext)(DropdownCollapsibleItemsGroupContext);
13
- if (!context) {
14
- throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
15
- }
16
- return context;
17
- };
@@ -1,10 +0,0 @@
1
- import type { FC, ReactNode } from "react";
2
- export declare type DropdownCollapsibleItemsMultiGroupProps = {
3
- initialExpandedItems?: string[];
4
- children: ReactNode;
5
- };
6
- /**
7
- * Multiple collapsible item can be open at a given time
8
- * @deprecated
9
- */
10
- export declare const DropdownCollapsibleItemsMultiGroup: FC<DropdownCollapsibleItemsMultiGroupProps>;
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownCollapsibleItemsMultiGroup = void 0;
8
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _react = require("react");
11
- var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- /**
14
- * Multiple collapsible item can be open at a given time
15
- * @deprecated
16
- */
17
- var DropdownCollapsibleItemsMultiGroup = exports.DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
18
- var initialExpandedItems = _ref.initialExpandedItems,
19
- children = _ref.children;
20
- var _useState = (0, _react.useState)(function () {
21
- return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
22
- }),
23
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
24
- expandedItems = _useState2[0],
25
- setExpandedItems = _useState2[1];
26
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
27
- expandedItems: expandedItems,
28
- onItemClick: function onItemClick(name) {
29
- return setExpandedItems(function (items) {
30
- return items.includes(name) ? items.filter(function (i) {
31
- return i !== name;
32
- }) : [].concat((0, _toConsumableArray2["default"])(items), [name]);
33
- });
34
- },
35
- children: children
36
- });
37
- };
@@ -1,10 +0,0 @@
1
- import type { FC, ReactNode } from "react";
2
- export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
3
- initialExpandedItem?: string;
4
- children: ReactNode;
5
- };
6
- /**
7
- * Only one collapsible item can be open at a given time (unless you manually override)
8
- * @deprecated
9
- */
10
- export declare const DropdownCollapsibleItemsSingleGroup: FC<DropdownCollapsibleItemsExclusiveGroupProps>;
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownCollapsibleItemsSingleGroup = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
- var _react = require("react");
10
- var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- /**
13
- * Only one collapsible item can be open at a given time (unless you manually override)
14
- * @deprecated
15
- */
16
- var DropdownCollapsibleItemsSingleGroup = exports.DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
17
- var initialExpandedItem = _ref.initialExpandedItem,
18
- children = _ref.children;
19
- var _useState = (0, _react.useState)(function () {
20
- return initialExpandedItem ? [initialExpandedItem] : [];
21
- }),
22
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
23
- expandedItems = _useState2[0],
24
- setExpandedItems = _useState2[1];
25
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
26
- expandedItems: expandedItems,
27
- onItemClick: function onItemClick(name) {
28
- return setExpandedItems(function (items) {
29
- return items.includes(name) ? [] : [name];
30
- });
31
- },
32
- children: children
33
- });
34
- };
@@ -1,5 +0,0 @@
1
- export * from "./DropdownCollapsibleItem";
2
- export * from "./DropdownCollapsibleItemsGroup";
3
- export * from "./DropdownCollapsibleItemsMultiGroup";
4
- export * from "./DropdownCollapsibleItemsSingleGroup";
5
- export { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
@@ -1,63 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _exportNames = {
7
- useDropdownCollapsibleItemsGroup: true
8
- };
9
- Object.defineProperty(exports, "useDropdownCollapsibleItemsGroup", {
10
- enumerable: true,
11
- get: function get() {
12
- return _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup;
13
- }
14
- });
15
- var _DropdownCollapsibleItem = require("./DropdownCollapsibleItem");
16
- Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
17
- if (key === "default" || key === "__esModule") return;
18
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
19
- if (key in exports && exports[key] === _DropdownCollapsibleItem[key]) return;
20
- Object.defineProperty(exports, key, {
21
- enumerable: true,
22
- get: function get() {
23
- return _DropdownCollapsibleItem[key];
24
- }
25
- });
26
- });
27
- var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
28
- Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
29
- if (key === "default" || key === "__esModule") return;
30
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
31
- if (key in exports && exports[key] === _DropdownCollapsibleItemsGroup[key]) return;
32
- Object.defineProperty(exports, key, {
33
- enumerable: true,
34
- get: function get() {
35
- return _DropdownCollapsibleItemsGroup[key];
36
- }
37
- });
38
- });
39
- var _DropdownCollapsibleItemsMultiGroup = require("./DropdownCollapsibleItemsMultiGroup");
40
- Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
41
- if (key === "default" || key === "__esModule") return;
42
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
43
- if (key in exports && exports[key] === _DropdownCollapsibleItemsMultiGroup[key]) return;
44
- Object.defineProperty(exports, key, {
45
- enumerable: true,
46
- get: function get() {
47
- return _DropdownCollapsibleItemsMultiGroup[key];
48
- }
49
- });
50
- });
51
- var _DropdownCollapsibleItemsSingleGroup = require("./DropdownCollapsibleItemsSingleGroup");
52
- Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
53
- if (key === "default" || key === "__esModule") return;
54
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
55
- if (key in exports && exports[key] === _DropdownCollapsibleItemsSingleGroup[key]) return;
56
- Object.defineProperty(exports, key, {
57
- enumerable: true,
58
- get: function get() {
59
- return _DropdownCollapsibleItemsSingleGroup[key];
60
- }
61
- });
62
- });
63
- var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
@@ -1,2 +0,0 @@
1
- /** @deprecated */
2
- export declare const DropdownDivider: () => import("react/jsx-runtime").JSX.Element;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownDivider = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
- var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
10
- var _jsxRuntime = require("react/jsx-runtime");
11
- var _templateObject;
12
- /** @deprecated */
13
- var DropdownDivider = exports.DropdownDivider = function DropdownDivider() {
14
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
15
- className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
16
- });
17
- };