@carbon/react 1.17.0-rc.2 → 1.18.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (377) hide show
  1. package/es/components/Accordion/AccordionItem.js +2 -2
  2. package/es/components/Accordion/index.js +2 -0
  3. package/es/components/AccordionItem/index.js +2 -0
  4. package/es/components/Breadcrumb/Breadcrumb.js +1 -2
  5. package/es/components/Breadcrumb/BreadcrumbItem.js +1 -2
  6. package/es/components/Button/Button.Skeleton.js +1 -2
  7. package/es/components/Button/Button.js +1 -2
  8. package/es/components/ButtonSet/ButtonSet.js +1 -2
  9. package/es/components/Checkbox/Checkbox.d.ts +4 -0
  10. package/es/components/Checkbox/Checkbox.js +29 -6
  11. package/es/components/CodeSnippet/CodeSnippet.js +4 -3
  12. package/es/components/ComboBox/ComboBox.js +6 -6
  13. package/es/components/ComposedModal/ComposedModal.js +2 -3
  14. package/es/components/ComposedModal/ModalFooter.js +1 -0
  15. package/es/components/ContainedList/ContainedList.js +10 -3
  16. package/es/components/ContentSwitcher/ContentSwitcher.js +3 -3
  17. package/es/components/CopyButton/CopyButton.js +1 -2
  18. package/es/components/DangerButton/DangerButton.js +2 -3
  19. package/es/components/DataTable/Table.js +1 -2
  20. package/es/components/DataTable/TableActionList.js +1 -2
  21. package/es/components/DataTable/TableBatchAction.js +2 -2
  22. package/es/components/DataTable/TableBatchActions.js +2 -2
  23. package/es/components/DataTable/TableBody.js +1 -2
  24. package/es/components/DataTable/TableCell.js +1 -2
  25. package/es/components/DataTable/TableContainer.js +1 -2
  26. package/es/components/DataTable/TableExpandHeader.js +1 -2
  27. package/es/components/DataTable/TableExpandRow.js +1 -2
  28. package/es/components/DataTable/TableExpandedRow.js +1 -2
  29. package/es/components/DataTable/TableHead.js +1 -2
  30. package/es/components/DataTable/TableHeader.js +1 -2
  31. package/es/components/DataTable/TableRow.js +1 -2
  32. package/es/components/DataTable/TableSelectAll.js +1 -2
  33. package/es/components/DataTable/TableSelectRow.js +1 -2
  34. package/es/components/DataTable/TableToolbar.js +2 -3
  35. package/es/components/DataTable/TableToolbarAction.js +2 -3
  36. package/es/components/DataTable/TableToolbarContent.js +1 -2
  37. package/es/components/DataTable/TableToolbarMenu.js +1 -2
  38. package/es/components/DataTable/TableToolbarSearch.js +2 -2
  39. package/es/components/DataTable/index.js +24 -26
  40. package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -3
  41. package/es/components/DataTable/tools/denormalize.js +1 -3
  42. package/es/components/DataTable/tools/instanceId.js +1 -3
  43. package/es/components/DataTable/tools/normalize.js +1 -3
  44. package/es/components/DataTableSkeleton/DataTableSkeleton.js +1 -2
  45. package/es/components/DatePicker/DatePicker.Skeleton.js +1 -2
  46. package/es/components/DatePicker/DatePicker.js +80 -32
  47. package/es/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
  48. package/es/components/DatePickerInput/DatePickerInput.js +19 -12
  49. package/es/components/Dropdown/Dropdown.Skeleton.js +2 -2
  50. package/es/components/Dropdown/Dropdown.js +3 -3
  51. package/es/components/ErrorBoundary/ErrorBoundary.js +1 -1
  52. package/es/components/ExpandableSearch/ExpandableSearch.js +1 -0
  53. package/es/components/FileUploader/FileUploader.js +3 -3
  54. package/es/components/FileUploader/FileUploaderButton.js +2 -2
  55. package/es/components/FileUploader/FileUploaderDropContainer.js +2 -2
  56. package/es/components/FileUploader/FileUploaderItem.js +2 -2
  57. package/es/components/FluidComboBox/FluidComboBox.Skeleton.js +1 -2
  58. package/es/components/FluidComboBox/FluidComboBox.js +1 -2
  59. package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.js +67 -0
  60. package/es/components/FluidDatePicker/FluidDatePicker.js +2 -2
  61. package/es/components/FluidDatePickerInput/FluidDatePickerInput.js +1 -2
  62. package/es/components/FluidDropdown/FluidDropdown.Skeleton.js +1 -2
  63. package/es/components/FluidDropdown/FluidDropdown.js +2 -2
  64. package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +1 -2
  65. package/es/components/FluidMultiSelect/FluidMultiSelect.js +1 -2
  66. package/es/components/FluidSelect/FluidSelect.Skeleton.js +1 -2
  67. package/es/components/FluidSelect/FluidSelect.js +2 -2
  68. package/es/components/FluidTextArea/FluidTextArea.js +1 -0
  69. package/es/components/FluidTextInput/FluidTextInput.js +1 -0
  70. package/es/components/Form/Form.js +1 -2
  71. package/es/components/FormGroup/FormGroup.js +1 -2
  72. package/es/components/Icon/Icon.Skeleton.js +1 -2
  73. package/es/components/IconButton/index.js +3 -1
  74. package/es/components/IdPrefix/index.js +29 -0
  75. package/es/components/InlineCheckbox/InlineCheckbox.js +1 -2
  76. package/es/components/Link/Link.js +1 -2
  77. package/es/components/ListBox/ListBox.js +2 -2
  78. package/es/components/ListBox/ListBoxMenu.js +1 -2
  79. package/es/components/ListBox/ListBoxMenuIcon.js +1 -2
  80. package/es/components/ListBox/ListBoxMenuItem.js +1 -2
  81. package/es/components/ListBox/ListBoxSelection.js +13 -6
  82. package/es/components/ListBox/index.js +1 -0
  83. package/es/components/ListBox/next/ListBoxSelection.js +3 -3
  84. package/es/components/ListBox/next/ListBoxTrigger.js +1 -2
  85. package/es/components/ListItem/ListItem.js +1 -2
  86. package/es/components/Menu/Menu.js +4 -5
  87. package/es/components/Menu/MenuOption.js +2 -2
  88. package/es/components/Modal/Modal.js +3 -3
  89. package/es/components/ModalWrapper/ModalWrapper.js +2 -1
  90. package/es/components/ModalWrapper/index.js +2 -5
  91. package/es/components/MultiSelect/FilterableMultiSelect.js +8 -8
  92. package/es/components/MultiSelect/MultiSelect.js +34 -11
  93. package/es/components/Notification/Notification.js +5 -4
  94. package/es/components/NumberInput/NumberInput.js +3 -3
  95. package/es/components/OrderedList/OrderedList.js +1 -2
  96. package/es/components/OverflowMenu/OverflowMenu.js +12 -2
  97. package/es/components/OverflowMenu/index.js +1 -2
  98. package/es/components/OverflowMenuItem/OverflowMenuItem.js +3 -3
  99. package/es/components/OverflowMenuItem/index.js +2 -5
  100. package/es/components/OverflowMenuV2/index.js +2 -2
  101. package/es/components/Pagination/Pagination.js +10 -8
  102. package/es/components/Pagination/experimental/PageSelector.js +1 -0
  103. package/es/components/Pagination/experimental/Pagination.js +2 -0
  104. package/es/components/Pagination/index.js +1 -0
  105. package/es/components/PaginationNav/PaginationNav.js +2 -2
  106. package/es/components/PrimaryButton/PrimaryButton.js +2 -3
  107. package/es/components/ProgressIndicator/ProgressIndicator.js +5 -5
  108. package/es/components/RadioButton/RadioButton.js +2 -3
  109. package/es/components/RadioButtonGroup/RadioButtonGroup.js +15 -7
  110. package/es/components/RadioTile/RadioTile.js +2 -2
  111. package/es/components/Search/Search.Skeleton.js +1 -2
  112. package/es/components/Search/Search.js +5 -6
  113. package/es/components/Search/index.js +1 -0
  114. package/es/components/SecondaryButton/SecondaryButton.js +2 -3
  115. package/es/components/Select/Select.Skeleton.js +1 -2
  116. package/es/components/Select/Select.js +30 -4
  117. package/es/components/SelectItem/SelectItem.js +1 -2
  118. package/es/components/SelectItemGroup/SelectItemGroup.js +1 -2
  119. package/es/components/SkeletonIcon/SkeletonIcon.js +1 -2
  120. package/es/components/SkeletonPlaceholder/SkeletonPlaceholder.js +3 -3
  121. package/es/components/SkeletonText/SkeletonText.js +2 -3
  122. package/es/components/Slider/Slider.Skeleton.js +1 -2
  123. package/es/components/Slider/Slider.js +21 -13
  124. package/es/components/Slider/index.js +2 -2
  125. package/es/components/StructuredList/StructuredList.Skeleton.js +1 -2
  126. package/es/components/StructuredList/StructuredList.js +89 -54
  127. package/es/components/Switch/Switch.js +1 -2
  128. package/es/components/Tab/Tab.js +1 -1
  129. package/es/components/Tab/index.js +4 -5
  130. package/es/components/TabContent/TabContent.js +1 -2
  131. package/es/components/Tabs/Tabs.js +4 -3
  132. package/es/components/Tabs/index.js +1 -0
  133. package/es/components/Tag/Tag.js +1 -2
  134. package/es/components/TextArea/TextArea.Skeleton.js +1 -2
  135. package/es/components/TextArea/TextArea.js +2 -2
  136. package/es/components/TextInput/ControlledPasswordInput.js +1 -2
  137. package/es/components/TextInput/PasswordInput.js +3 -3
  138. package/es/components/TextInput/TextInput.Skeleton.js +1 -2
  139. package/es/components/TextInput/TextInput.js +3 -3
  140. package/es/components/TextInput/index.js +1 -0
  141. package/es/components/Tile/Tile.js +2 -2
  142. package/es/components/TileGroup/TileGroup.js +1 -1
  143. package/es/components/TimePicker/TimePicker.js +148 -144
  144. package/es/components/TimePickerSelect/TimePickerSelect.js +1 -1
  145. package/es/components/TimePickerSelect/index.js +3 -4
  146. package/es/components/TimePickerSelect/next/TimePickerSelect.js +1 -2
  147. package/es/components/Toggle/Toggle.Skeleton.js +1 -1
  148. package/es/components/Toggle/Toggle.js +13 -3
  149. package/es/components/ToggleSmall/ToggleSmall.Skeleton.js +1 -1
  150. package/es/components/Toggletip/index.js +2 -2
  151. package/es/components/Tooltip/{next/DefinitionTooltip.js → DefinitionTooltip.js} +7 -7
  152. package/es/components/Tooltip/{next/Tooltip.js → Tooltip.js} +8 -8
  153. package/es/components/TreeView/TreeNode.js +2 -2
  154. package/es/components/TreeView/TreeView.js +2 -2
  155. package/es/components/UIShell/Content.js +1 -2
  156. package/es/components/UIShell/Header.js +2 -3
  157. package/es/components/UIShell/HeaderContainer.js +1 -2
  158. package/es/components/UIShell/HeaderGlobalAction.js +3 -3
  159. package/es/components/UIShell/HeaderMenu.js +4 -5
  160. package/es/components/UIShell/HeaderMenuButton.js +1 -1
  161. package/es/components/UIShell/HeaderMenuItem.js +2 -3
  162. package/es/components/UIShell/HeaderName.js +1 -1
  163. package/es/components/UIShell/HeaderNavigation.js +1 -1
  164. package/es/components/UIShell/HeaderPanel.js +2 -3
  165. package/es/components/UIShell/HeaderSideNavItems.js +1 -2
  166. package/es/components/UIShell/Link.js +1 -2
  167. package/es/components/UIShell/SideNav.js +2 -3
  168. package/es/components/UIShell/SideNavDetails.js +1 -2
  169. package/es/components/UIShell/SideNavHeader.js +1 -2
  170. package/es/components/UIShell/SideNavItems.js +1 -2
  171. package/es/components/UIShell/SideNavLink.js +2 -3
  172. package/es/components/UIShell/SideNavMenu.js +2 -2
  173. package/es/components/UIShell/SideNavMenuItem.js +1 -2
  174. package/es/components/UIShell/SideNavSwitcher.js +1 -2
  175. package/es/components/UIShell/Switcher.js +2 -3
  176. package/es/components/UIShell/SwitcherDivider.js +1 -2
  177. package/es/components/UIShell/SwitcherItem.js +2 -3
  178. package/es/components/UnorderedList/UnorderedList.js +1 -2
  179. package/es/index.js +86 -81
  180. package/es/internal/ClickListener.js +1 -1
  181. package/es/internal/FloatingMenu.js +1 -1
  182. package/es/internal/OptimizedResize.js +1 -3
  183. package/es/internal/Selection.js +1 -1
  184. package/es/internal/useId.js +5 -2
  185. package/es/internal/useIdPrefix.js +15 -0
  186. package/es/internal/useIsomorphicEffect.js +1 -2
  187. package/es/internal/useSavedCallback.js +1 -1
  188. package/es/tools/mergeRefs.js +1 -3
  189. package/es/tools/wrapComponent.js +1 -3
  190. package/lib/components/Accordion/AccordionItem.js +2 -2
  191. package/lib/components/Accordion/index.js +4 -0
  192. package/lib/components/AccordionItem/index.js +2 -0
  193. package/lib/components/Breadcrumb/Breadcrumb.js +1 -2
  194. package/lib/components/Breadcrumb/BreadcrumbItem.js +1 -2
  195. package/lib/components/Button/Button.Skeleton.js +1 -2
  196. package/lib/components/Button/Button.js +1 -2
  197. package/lib/components/ButtonSet/ButtonSet.js +1 -2
  198. package/lib/components/Checkbox/Checkbox.d.ts +4 -0
  199. package/lib/components/Checkbox/Checkbox.js +29 -6
  200. package/lib/components/CodeSnippet/CodeSnippet.js +4 -3
  201. package/lib/components/ComboBox/ComboBox.js +6 -6
  202. package/lib/components/ComposedModal/ComposedModal.js +1 -2
  203. package/lib/components/ComposedModal/ModalFooter.js +1 -0
  204. package/lib/components/ContainedList/ContainedList.js +10 -3
  205. package/lib/components/ContentSwitcher/ContentSwitcher.js +2 -2
  206. package/lib/components/CopyButton/CopyButton.js +1 -2
  207. package/lib/components/DangerButton/DangerButton.js +2 -3
  208. package/lib/components/DataTable/DataTable.js +5 -5
  209. package/lib/components/DataTable/Table.js +1 -2
  210. package/lib/components/DataTable/TableActionList.js +1 -2
  211. package/lib/components/DataTable/TableBatchAction.js +2 -2
  212. package/lib/components/DataTable/TableBatchActions.js +2 -2
  213. package/lib/components/DataTable/TableBody.js +1 -2
  214. package/lib/components/DataTable/TableCell.js +1 -2
  215. package/lib/components/DataTable/TableContainer.js +1 -2
  216. package/lib/components/DataTable/TableExpandHeader.js +1 -2
  217. package/lib/components/DataTable/TableExpandRow.js +1 -2
  218. package/lib/components/DataTable/TableExpandedRow.js +1 -2
  219. package/lib/components/DataTable/TableHead.js +1 -2
  220. package/lib/components/DataTable/TableHeader.js +1 -2
  221. package/lib/components/DataTable/TableRow.js +1 -2
  222. package/lib/components/DataTable/TableSelectAll.js +1 -2
  223. package/lib/components/DataTable/TableSelectRow.js +1 -2
  224. package/lib/components/DataTable/TableToolbar.js +1 -2
  225. package/lib/components/DataTable/TableToolbarAction.js +3 -4
  226. package/lib/components/DataTable/TableToolbarContent.js +1 -2
  227. package/lib/components/DataTable/TableToolbarMenu.js +1 -2
  228. package/lib/components/DataTable/TableToolbarSearch.js +2 -2
  229. package/lib/components/DataTable/index.js +23 -24
  230. package/lib/components/DataTable/state/getDerivedStateFromProps.js +1 -3
  231. package/lib/components/DataTable/tools/denormalize.js +1 -3
  232. package/lib/components/DataTable/tools/instanceId.js +1 -3
  233. package/lib/components/DataTable/tools/normalize.js +1 -3
  234. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +1 -2
  235. package/lib/components/DatePicker/DatePicker.Skeleton.js +1 -2
  236. package/lib/components/DatePicker/DatePicker.js +80 -32
  237. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
  238. package/lib/components/DatePickerInput/DatePickerInput.js +18 -11
  239. package/lib/components/Dropdown/Dropdown.Skeleton.js +2 -2
  240. package/lib/components/Dropdown/Dropdown.js +3 -3
  241. package/lib/components/ExpandableSearch/ExpandableSearch.js +1 -0
  242. package/lib/components/FileUploader/FileUploader.js +2 -2
  243. package/lib/components/FileUploader/FileUploaderButton.js +2 -2
  244. package/lib/components/FileUploader/FileUploaderDropContainer.js +2 -2
  245. package/lib/components/FileUploader/FileUploaderItem.js +2 -2
  246. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +1 -2
  247. package/lib/components/FluidComboBox/FluidComboBox.js +1 -2
  248. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +77 -0
  249. package/lib/components/FluidDatePicker/FluidDatePicker.js +2 -2
  250. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +1 -2
  251. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +1 -2
  252. package/lib/components/FluidDropdown/FluidDropdown.js +2 -2
  253. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +1 -2
  254. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +1 -2
  255. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +1 -2
  256. package/lib/components/FluidSelect/FluidSelect.js +2 -2
  257. package/lib/components/FluidTextArea/FluidTextArea.js +1 -0
  258. package/lib/components/FluidTextInput/FluidTextInput.js +1 -0
  259. package/lib/components/Form/Form.js +1 -2
  260. package/lib/components/FormGroup/FormGroup.js +1 -2
  261. package/lib/components/Icon/Icon.Skeleton.js +1 -2
  262. package/lib/components/IconButton/index.js +3 -1
  263. package/lib/components/IdPrefix/index.js +38 -0
  264. package/lib/components/InlineCheckbox/InlineCheckbox.js +1 -2
  265. package/lib/components/Link/Link.js +1 -2
  266. package/lib/components/ListBox/ListBox.js +2 -2
  267. package/lib/components/ListBox/ListBoxMenu.js +1 -2
  268. package/lib/components/ListBox/ListBoxMenuIcon.js +1 -2
  269. package/lib/components/ListBox/ListBoxMenuItem.js +1 -2
  270. package/lib/components/ListBox/ListBoxSelection.js +13 -6
  271. package/lib/components/ListBox/index.js +1 -0
  272. package/lib/components/ListBox/next/ListBoxSelection.js +2 -2
  273. package/lib/components/ListBox/next/ListBoxTrigger.js +1 -2
  274. package/lib/components/ListItem/ListItem.js +1 -2
  275. package/lib/components/Menu/Menu.js +3 -4
  276. package/lib/components/Menu/MenuOption.js +2 -2
  277. package/lib/components/Modal/Modal.js +2 -2
  278. package/lib/components/ModalWrapper/ModalWrapper.js +1 -0
  279. package/lib/components/ModalWrapper/index.js +3 -3
  280. package/lib/components/MultiSelect/FilterableMultiSelect.js +7 -7
  281. package/lib/components/MultiSelect/MultiSelect.js +33 -10
  282. package/lib/components/Notification/Notification.js +3 -2
  283. package/lib/components/NumberInput/NumberInput.js +3 -3
  284. package/lib/components/OrderedList/OrderedList.js +1 -2
  285. package/lib/components/OverflowMenu/OverflowMenu.js +12 -2
  286. package/lib/components/OverflowMenu/index.js +1 -22
  287. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +2 -2
  288. package/lib/components/OverflowMenuItem/index.js +3 -3
  289. package/lib/components/OverflowMenuV2/index.js +2 -2
  290. package/lib/components/Pagination/Pagination.js +9 -7
  291. package/lib/components/Pagination/experimental/PageSelector.js +1 -0
  292. package/lib/components/Pagination/experimental/Pagination.js +2 -0
  293. package/lib/components/Pagination/index.js +1 -0
  294. package/lib/components/PaginationNav/PaginationNav.js +2 -2
  295. package/lib/components/PrimaryButton/PrimaryButton.js +2 -3
  296. package/lib/components/ProgressIndicator/ProgressIndicator.js +5 -5
  297. package/lib/components/RadioButton/RadioButton.js +2 -3
  298. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +15 -7
  299. package/lib/components/RadioTile/RadioTile.js +2 -2
  300. package/lib/components/Search/Search.Skeleton.js +1 -2
  301. package/lib/components/Search/Search.js +3 -4
  302. package/lib/components/Search/index.js +2 -0
  303. package/lib/components/SecondaryButton/SecondaryButton.js +2 -3
  304. package/lib/components/Select/Select.Skeleton.js +1 -2
  305. package/lib/components/Select/Select.js +30 -4
  306. package/lib/components/SelectItem/SelectItem.js +1 -2
  307. package/lib/components/SelectItemGroup/SelectItemGroup.js +1 -2
  308. package/lib/components/SkeletonIcon/SkeletonIcon.js +1 -2
  309. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +3 -3
  310. package/lib/components/SkeletonText/SkeletonText.js +2 -3
  311. package/lib/components/Slider/Slider.Skeleton.js +1 -2
  312. package/lib/components/Slider/Slider.js +20 -12
  313. package/lib/components/Slider/index.js +3 -22
  314. package/lib/components/StructuredList/StructuredList.Skeleton.js +1 -2
  315. package/lib/components/StructuredList/StructuredList.js +87 -52
  316. package/lib/components/Switch/Switch.js +1 -2
  317. package/lib/components/Tab/index.js +3 -4
  318. package/lib/components/TabContent/TabContent.js +1 -2
  319. package/lib/components/Tabs/Tabs.js +4 -3
  320. package/lib/components/Tabs/index.js +2 -0
  321. package/lib/components/Tag/Tag.js +1 -2
  322. package/lib/components/TextArea/TextArea.Skeleton.js +1 -2
  323. package/lib/components/TextArea/TextArea.js +2 -2
  324. package/lib/components/TextInput/ControlledPasswordInput.js +1 -2
  325. package/lib/components/TextInput/PasswordInput.js +3 -3
  326. package/lib/components/TextInput/TextInput.Skeleton.js +1 -2
  327. package/lib/components/TextInput/TextInput.js +3 -3
  328. package/lib/components/TextInput/index.js +2 -0
  329. package/lib/components/Tile/Tile.js +2 -2
  330. package/lib/components/TimePicker/TimePicker.js +144 -140
  331. package/lib/components/TimePickerSelect/index.js +4 -5
  332. package/lib/components/TimePickerSelect/next/TimePickerSelect.js +1 -2
  333. package/lib/components/Toggle/Toggle.js +13 -3
  334. package/lib/components/Toggletip/index.js +2 -2
  335. package/lib/components/Tooltip/{next/DefinitionTooltip.js → DefinitionTooltip.js} +7 -7
  336. package/lib/components/Tooltip/{next/Tooltip.js → Tooltip.js} +8 -8
  337. package/lib/components/TreeView/TreeNode.js +2 -2
  338. package/lib/components/TreeView/TreeView.js +2 -2
  339. package/lib/components/UIShell/Content.js +1 -2
  340. package/lib/components/UIShell/Header.js +1 -2
  341. package/lib/components/UIShell/HeaderContainer.js +1 -2
  342. package/lib/components/UIShell/HeaderGlobalAction.js +2 -2
  343. package/lib/components/UIShell/HeaderMenu.js +3 -4
  344. package/lib/components/UIShell/HeaderMenuItem.js +1 -2
  345. package/lib/components/UIShell/HeaderPanel.js +1 -2
  346. package/lib/components/UIShell/HeaderSideNavItems.js +1 -2
  347. package/lib/components/UIShell/Link.js +1 -2
  348. package/lib/components/UIShell/SideNav.js +1 -2
  349. package/lib/components/UIShell/SideNavDetails.js +1 -2
  350. package/lib/components/UIShell/SideNavHeader.js +1 -2
  351. package/lib/components/UIShell/SideNavItems.js +1 -2
  352. package/lib/components/UIShell/SideNavLink.js +1 -2
  353. package/lib/components/UIShell/SideNavMenu.js +2 -2
  354. package/lib/components/UIShell/SideNavMenuItem.js +1 -2
  355. package/lib/components/UIShell/SideNavSwitcher.js +1 -2
  356. package/lib/components/UIShell/Switcher.js +1 -2
  357. package/lib/components/UIShell/SwitcherDivider.js +1 -2
  358. package/lib/components/UIShell/SwitcherItem.js +1 -2
  359. package/lib/components/UnorderedList/UnorderedList.js +1 -2
  360. package/lib/index.js +208 -200
  361. package/lib/internal/OptimizedResize.js +1 -3
  362. package/lib/internal/useId.js +5 -2
  363. package/lib/internal/useIdPrefix.js +24 -0
  364. package/lib/internal/useIsomorphicEffect.js +1 -2
  365. package/lib/tools/mergeRefs.js +1 -3
  366. package/lib/tools/wrapComponent.js +1 -3
  367. package/package.json +10 -10
  368. package/es/components/StructuredList/index.js +0 -43
  369. package/es/components/StructuredList/next/StructuredList.js +0 -342
  370. package/es/components/TimePicker/index.js +0 -15
  371. package/es/components/TimePicker/next/TimePicker.js +0 -218
  372. package/es/internal/ComponentToggle.js +0 -42
  373. package/lib/components/StructuredList/index.js +0 -52
  374. package/lib/components/StructuredList/next/StructuredList.js +0 -357
  375. package/lib/components/TimePicker/index.js +0 -39
  376. package/lib/components/TimePicker/next/TimePicker.js +0 -228
  377. package/lib/internal/ComponentToggle.js +0 -50
@@ -1,218 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
9
- import PropTypes from 'prop-types';
10
- import React__default from 'react';
11
- import cx from 'classnames';
12
- import { usePrefix } from '../../../internal/usePrefix.js';
13
- import deprecate from '../../../prop-types/deprecate.js';
14
-
15
- var _excluded = ["children", "className", "disabled", "hideLabel", "id", "invalidText", "invalid", "labelText", "light", "maxLength", "onChange", "onClick", "onBlur", "pattern", "placeholder", "size", "type", "value"];
16
- var TimePicker = /*#__PURE__*/React__default.forwardRef(function TimePicker(_ref, ref) {
17
- var _cx2, _cx3;
18
-
19
- var children = _ref.children,
20
- className = _ref.className,
21
- _ref$disabled = _ref.disabled,
22
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
23
- hideLabel = _ref.hideLabel,
24
- id = _ref.id,
25
- _ref$invalidText = _ref.invalidText,
26
- invalidText = _ref$invalidText === void 0 ? 'Invalid time format.' : _ref$invalidText,
27
- _ref$invalid = _ref.invalid,
28
- invalid = _ref$invalid === void 0 ? false : _ref$invalid,
29
- labelText = _ref.labelText,
30
- _ref$light = _ref.light,
31
- light = _ref$light === void 0 ? false : _ref$light,
32
- _ref$maxLength = _ref.maxLength,
33
- maxLength = _ref$maxLength === void 0 ? 5 : _ref$maxLength,
34
- _ref$onChange = _ref.onChange,
35
- onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
36
- _ref$onClick = _ref.onClick,
37
- onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
38
- _ref$onBlur = _ref.onBlur,
39
- onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
40
- _ref$pattern = _ref.pattern,
41
- pattern = _ref$pattern === void 0 ? '(1[012]|[1-9]):[0-5][0-9](\\s)?' : _ref$pattern,
42
- _ref$placeholder = _ref.placeholder,
43
- placeholder = _ref$placeholder === void 0 ? 'hh:mm' : _ref$placeholder,
44
- _ref$size = _ref.size,
45
- size = _ref$size === void 0 ? 'md' : _ref$size,
46
- _ref$type = _ref.type,
47
- type = _ref$type === void 0 ? 'text' : _ref$type,
48
- value = _ref.value,
49
- rest = _objectWithoutProperties(_ref, _excluded);
50
-
51
- var prefix = usePrefix();
52
-
53
- var _React$useState = React__default.useState(value),
54
- _React$useState2 = _slicedToArray(_React$useState, 2),
55
- isValue = _React$useState2[0],
56
- setValue = _React$useState2[1];
57
-
58
- var _React$useState3 = React__default.useState(value),
59
- _React$useState4 = _slicedToArray(_React$useState3, 2),
60
- prevValue = _React$useState4[0],
61
- setPrevValue = _React$useState4[1];
62
-
63
- if (value !== prevValue) {
64
- setValue(value);
65
- setPrevValue(value);
66
- }
67
-
68
- function handleOnClick(evt) {
69
- if (!disabled) {
70
- setValue(isValue);
71
- onClick(evt);
72
- }
73
- }
74
-
75
- function handleOnChange(evt) {
76
- if (!disabled) {
77
- setValue(isValue);
78
- onChange(evt);
79
- }
80
- }
81
-
82
- function handleOnBlur(evt) {
83
- if (!disabled) {
84
- setValue(isValue);
85
- onBlur(evt);
86
- }
87
- }
88
-
89
- var timePickerInputClasses = cx("".concat(prefix, "--time-picker__input-field"), "".concat(prefix, "--text-input"), [className], _defineProperty({}, "".concat(prefix, "--text-input--light"), light));
90
- var timePickerClasses = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--time-picker"), true), _defineProperty(_cx2, "".concat(prefix, "--time-picker--light"), light), _defineProperty(_cx2, "".concat(prefix, "--time-picker--invalid"), invalid), _defineProperty(_cx2, "".concat(prefix, "--time-picker--").concat(size), size), _defineProperty(_cx2, className, className), _cx2));
91
- var labelClasses = cx("".concat(prefix, "--label"), (_cx3 = {}, _defineProperty(_cx3, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_cx3, "".concat(prefix, "--label--disabled"), disabled), _cx3));
92
- var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
93
- htmlFor: id,
94
- className: labelClasses
95
- }, labelText) : null;
96
- var error = invalid ? /*#__PURE__*/React__default.createElement("div", {
97
- className: "".concat(prefix, "--form-requirement")
98
- }, invalidText) : null;
99
- return /*#__PURE__*/React__default.createElement("div", {
100
- className: cx("".concat(prefix, "--form-item"), className)
101
- }, label, /*#__PURE__*/React__default.createElement("div", {
102
- className: timePickerClasses
103
- }, /*#__PURE__*/React__default.createElement("div", {
104
- className: "".concat(prefix, "--time-picker__input")
105
- }, /*#__PURE__*/React__default.createElement("input", _extends({
106
- className: timePickerInputClasses,
107
- "data-invalid": invalid ? invalid : undefined,
108
- disabled: disabled,
109
- id: id,
110
- maxLength: maxLength,
111
- onClick: handleOnClick,
112
- onChange: handleOnChange,
113
- onBlur: handleOnBlur,
114
- placeholder: placeholder,
115
- pattern: pattern,
116
- ref: ref,
117
- type: type,
118
- value: value
119
- }, rest))), children), error);
120
- });
121
- TimePicker.propTypes = {
122
- /**
123
- * Pass in the children that will be rendered next to the form control
124
- */
125
- children: PropTypes.node,
126
-
127
- /**
128
- * Specify an optional className to be applied to the container node
129
- */
130
- className: PropTypes.string,
131
-
132
- /**
133
- * Specify whether the `<input>` should be disabled
134
- */
135
- disabled: PropTypes.bool,
136
-
137
- /**
138
- * Specify whether you want the underlying label to be visually hidden
139
- */
140
- hideLabel: PropTypes.bool,
141
-
142
- /**
143
- * Specify a custom `id` for the `<input>`
144
- */
145
- id: PropTypes.string.isRequired,
146
-
147
- /**
148
- * Specify whether the control is currently invalid
149
- */
150
- invalid: PropTypes.bool,
151
-
152
- /**
153
- * Provide the text that is displayed when the control is in an invalid state
154
- */
155
- invalidText: PropTypes.node,
156
-
157
- /**
158
- * Provide the text that will be read by a screen reader when visiting this
159
- * control
160
- */
161
- labelText: PropTypes.node,
162
-
163
- /**
164
- * The `light` prop for `TimePicker` has been deprecated. It will be removed in v12. Use the `Layer` component instead.
165
- */
166
- light: deprecate(PropTypes.bool, 'The `light` prop for `TimePicker` is no longer needed and has been deprecated. It will be removed in the next major release. Use the `Layer` component instead.'),
167
-
168
- /**
169
- * Specify the maximum length of the time string in `<input>`
170
- */
171
- maxLength: PropTypes.number,
172
-
173
- /**
174
- * Optionally provide an `onBlur` handler that is called whenever the
175
- * `<input>` loses focus
176
- */
177
- onBlur: PropTypes.func,
178
-
179
- /**
180
- * Optionally provide an `onChange` handler that is called whenever `<input>`
181
- * is updated
182
- */
183
- onChange: PropTypes.func,
184
-
185
- /**
186
- * Optionally provide an `onClick` handler that is called whenever the
187
- * `<input>` is clicked
188
- */
189
- onClick: PropTypes.func,
190
-
191
- /**
192
- * Specify the regular expression working as the pattern of the time string in `<input>`
193
- */
194
- pattern: PropTypes.string,
195
-
196
- /**
197
- * Specify the placeholder attribute for the `<input>`
198
- */
199
- placeholder: PropTypes.string,
200
-
201
- /**
202
- * Specify the size of the Time Picker.
203
- */
204
- size: PropTypes.oneOf(['sm', 'md', 'lg']),
205
-
206
- /**
207
- * Specify the type of the `<input>`
208
- */
209
- type: PropTypes.string,
210
-
211
- /**
212
- * Specify the value of the `<input>`
213
- */
214
- value: PropTypes.string
215
- };
216
- var TimePickerNext = TimePicker;
217
-
218
- export { TimePickerNext as default };
@@ -1,42 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
9
- import React__default from 'react';
10
- import { useFeatureFlag } from '../components/FeatureFlags/index.js';
11
-
12
- function createComponentToggle(spec) {
13
- var name = spec.name,
14
- _spec$flag = spec.flag,
15
- flag = _spec$flag === void 0 ? 'enable-v11-release' : _spec$flag,
16
- next = spec.next,
17
- classic = spec.classic;
18
-
19
- function ComponentToggle(props, ref) {
20
- var enabled = useFeatureFlag(flag);
21
-
22
- if (enabled) {
23
- if (next) {
24
- return /*#__PURE__*/React__default.createElement(next, _objectSpread2(_objectSpread2({}, props), {}, {
25
- ref: ref
26
- }));
27
- }
28
-
29
- return null;
30
- }
31
-
32
- return /*#__PURE__*/React__default.createElement(classic, _objectSpread2(_objectSpread2({}, props), {}, {
33
- ref: ref
34
- }));
35
- }
36
-
37
- var wrappedComponent = /*#__PURE__*/React__default.forwardRef(ComponentToggle);
38
- wrappedComponent.displayName = "FeatureToggle(".concat(name, ")");
39
- return wrappedComponent;
40
- }
41
-
42
- export { createComponentToggle };
@@ -1,52 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- 'use strict';
9
-
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
- var StructuredList = require('./next/StructuredList.js');
13
- var StructuredList$1 = require('./StructuredList.js');
14
- var ComponentToggle = require('../../internal/ComponentToggle.js');
15
-
16
- var StructuredListWrapper = ComponentToggle.createComponentToggle({
17
- name: 'StructuredListWrapper',
18
- next: StructuredList.StructuredListWrapper,
19
- classic: StructuredList$1.StructuredListWrapper
20
- });
21
- var StructuredListHead = ComponentToggle.createComponentToggle({
22
- name: 'StructuredListHead',
23
- next: StructuredList.StructuredListHead,
24
- classic: StructuredList$1.StructuredListHead
25
- });
26
- var StructuredListInput = ComponentToggle.createComponentToggle({
27
- name: 'StructuredListInput',
28
- next: StructuredList.StructuredListInput,
29
- classic: StructuredList$1.StructuredListInput
30
- });
31
- var StructuredListBody = ComponentToggle.createComponentToggle({
32
- name: 'StructuredListBody',
33
- next: StructuredList.StructuredListBody,
34
- classic: StructuredList$1.StructuredListBody
35
- });
36
- var StructuredListRow = ComponentToggle.createComponentToggle({
37
- name: 'StructuredListRow',
38
- next: StructuredList.StructuredListRow,
39
- classic: StructuredList$1.StructuredListRow
40
- });
41
- var StructuredListCell = ComponentToggle.createComponentToggle({
42
- name: 'StructuredListCell',
43
- next: StructuredList.StructuredListCell,
44
- classic: StructuredList$1.StructuredListCell
45
- });
46
-
47
- exports.StructuredListBody = StructuredListBody;
48
- exports.StructuredListCell = StructuredListCell;
49
- exports.StructuredListHead = StructuredListHead;
50
- exports.StructuredListInput = StructuredListInput;
51
- exports.StructuredListRow = StructuredListRow;
52
- exports.StructuredListWrapper = StructuredListWrapper;
@@ -1,357 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2022
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- 'use strict';
9
-
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
- var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
13
- var React = require('react');
14
- var PropTypes = require('prop-types');
15
- var cx = require('classnames');
16
- var useId = require('../../../internal/useId.js');
17
- var deprecate = require('../../../prop-types/deprecate.js');
18
- var usePrefix = require('../../../internal/usePrefix.js');
19
-
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
-
26
- var _excluded = ["children", "selection", "className", "ariaLabel", "isCondensed", "isFlush"],
27
- _excluded2 = ["children", "className"],
28
- _excluded3 = ["children", "className"],
29
- _excluded4 = ["onKeyDown", "children", "className", "head"],
30
- _excluded5 = ["className", "name", "title", "id"],
31
- _excluded6 = ["children", "className", "head", "noWrap"];
32
- var GridSelectedRowStateContext = /*#__PURE__*/React__default["default"].createContext(null);
33
- var GridSelectedRowDispatchContext = /*#__PURE__*/React__default["default"].createContext(null);
34
- function StructuredListWrapper(props) {
35
- var _classNames;
36
-
37
- var children = props.children,
38
- selection = props.selection,
39
- className = props.className,
40
- ariaLabel = props.ariaLabel,
41
- isCondensed = props.isCondensed,
42
- isFlush = props.isFlush,
43
- other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
44
-
45
- var prefix = usePrefix.usePrefix();
46
- var classes = cx__default["default"]("".concat(prefix, "--structured-list"), className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--selection"), selection), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--condensed"), isCondensed), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--structured-list--flush"), isFlush), _classNames));
47
-
48
- var _React$useState = React__default["default"].useState(null),
49
- _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
50
- selectedRow = _React$useState2[0],
51
- setSelectedRow = _React$useState2[1];
52
-
53
- return /*#__PURE__*/React__default["default"].createElement(GridSelectedRowStateContext.Provider, {
54
- value: selectedRow
55
- }, /*#__PURE__*/React__default["default"].createElement(GridSelectedRowDispatchContext.Provider, {
56
- value: setSelectedRow
57
- }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
58
- role: "table",
59
- className: classes
60
- }, other, {
61
- "aria-label": ariaLabel
62
- }), children)));
63
- }
64
- StructuredListWrapper.propTypes = {
65
- /**
66
- * Specify a label to be read by screen readers on the container node
67
- */
68
- ariaLabel: PropTypes__default["default"].string,
69
-
70
- /**
71
- * Provide the contents of your StructuredListWrapper
72
- */
73
- children: PropTypes__default["default"].node,
74
-
75
- /**
76
- * Specify an optional className to be applied to the container node
77
- */
78
- className: PropTypes__default["default"].string,
79
-
80
- /**
81
- * Specify if structured list is condensed, default is false
82
- */
83
- isCondensed: PropTypes__default["default"].bool,
84
-
85
- /**
86
- * Specify if structured list is flush, default is false
87
- */
88
- isFlush: PropTypes__default["default"].bool,
89
-
90
- /**
91
- * Specify whether your StructuredListWrapper should have selections
92
- */
93
- selection: PropTypes__default["default"].bool
94
- };
95
- StructuredListWrapper.defaultProps = {
96
- selection: false,
97
- isCondensed: false,
98
- isFlush: false,
99
- ariaLabel: 'Structured list section'
100
- };
101
- function StructuredListHead(props) {
102
- var children = props.children,
103
- className = props.className,
104
- other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
105
-
106
- var prefix = usePrefix.usePrefix();
107
- var classes = cx__default["default"]("".concat(prefix, "--structured-list-thead"), className);
108
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
109
- role: "rowgroup",
110
- className: classes
111
- }, other), children);
112
- }
113
- StructuredListHead.propTypes = {
114
- /**
115
- * Provide the contents of your StructuredListHead
116
- */
117
- children: PropTypes__default["default"].node,
118
-
119
- /**
120
- * Specify an optional className to be applied to the node
121
- */
122
- className: PropTypes__default["default"].string
123
- };
124
- function StructuredListBody(props) {
125
- var children = props.children,
126
- className = props.className,
127
- other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
128
-
129
- var prefix = usePrefix.usePrefix();
130
- var classes = cx__default["default"]("".concat(prefix, "--structured-list-tbody"), className);
131
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
132
- className: classes,
133
- role: "rowgroup"
134
- }, other), children);
135
- }
136
- StructuredListBody.propTypes = {
137
- /**
138
- * Provide the contents of your StructuredListBody
139
- */
140
- children: PropTypes__default["default"].node,
141
-
142
- /**
143
- * Specify an optional className to be applied to the container node
144
- */
145
- className: PropTypes__default["default"].string,
146
- head: PropTypes__default["default"].bool,
147
-
148
- /**
149
- * Provide a handler that is invoked on the key down event for the control
150
- */
151
- onKeyDown: PropTypes__default["default"].func
152
- };
153
- StructuredListBody.defaultProps = {
154
- onKeyDown: function onKeyDown() {}
155
- };
156
- var GridRowContext = /*#__PURE__*/React__default["default"].createContext(null);
157
- function StructuredListRow(props) {
158
- var _classNames2;
159
-
160
- var onKeyDown = props.onKeyDown,
161
- children = props.children,
162
- className = props.className,
163
- head = props.head,
164
- other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
165
-
166
- var _useState = React.useState(false),
167
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
168
- hasFocusWithin = _useState2[0],
169
- setHasFocusWithin = _useState2[1];
170
-
171
- var id = useId.useId('grid-input');
172
- var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
173
- var prefix = usePrefix.usePrefix();
174
- var value = {
175
- id: id
176
- };
177
- var classes = cx__default["default"]("".concat(prefix, "--structured-list-row"), className, (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--header-row"), head), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--structured-list-row--focused-within"), hasFocusWithin), _classNames2));
178
- return head ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
179
- role: "row"
180
- }, other, {
181
- className: classes
182
- }), children) :
183
- /*#__PURE__*/
184
- // eslint-disable-next-line jsx-a11y/interactive-supports-focus
185
- React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
186
- role: "row",
187
- className: classes,
188
- onClick: function onClick() {
189
- return setSelectedRow(id);
190
- },
191
- onFocus: function onFocus() {
192
- setHasFocusWithin(true);
193
- },
194
- onBlur: function onBlur() {
195
- setHasFocusWithin(false);
196
- },
197
- onKeyDown: onKeyDown
198
- }), /*#__PURE__*/React__default["default"].createElement(GridRowContext.Provider, {
199
- value: value
200
- }, children));
201
- }
202
- StructuredListRow.propTypes = {
203
- /**
204
- * Provide the contents of your StructuredListRow
205
- */
206
- children: PropTypes__default["default"].node,
207
-
208
- /**
209
- * Specify an optional className to be applied to the container node
210
- */
211
- className: PropTypes__default["default"].string,
212
-
213
- /**
214
- * Specify whether your StructuredListRow should be used as a header row
215
- */
216
- head: PropTypes__default["default"].bool,
217
-
218
- /**
219
- * Specify whether a `<label>` should be used
220
- */
221
- label: deprecate["default"](PropTypes__default["default"].bool, "\nThe `label` prop is no longer needed and will be removed in the next major version of Carbon."),
222
-
223
- /**
224
- * Provide a handler that is invoked on the key down event for the control,
225
- */
226
- onKeyDown: PropTypes__default["default"].func
227
- };
228
- StructuredListRow.defaultProps = {
229
- head: false,
230
- onKeyDown: function onKeyDown() {}
231
- };
232
- function StructuredListInput(props) {
233
- var _row$id;
234
-
235
- var defaultId = useId.useId('structureListInput');
236
-
237
- var className = props.className,
238
- _props$name = props.name,
239
- name = _props$name === void 0 ? "structured-list-input-".concat(defaultId) : _props$name,
240
- title = props.title,
241
- id = props.id,
242
- other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded5);
243
-
244
- var prefix = usePrefix.usePrefix();
245
- var classes = cx__default["default"]("".concat(prefix, "--structured-list-input"), "".concat(prefix, "--visually-hidden"), className);
246
- var row = React__default["default"].useContext(GridRowContext);
247
- var selectedRow = React__default["default"].useContext(GridSelectedRowStateContext);
248
- var setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
249
- return /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
250
- type: "radio",
251
- tabIndex: 0,
252
- checked: row && row.id === selectedRow,
253
- value: (_row$id = row === null || row === void 0 ? void 0 : row.id) !== null && _row$id !== void 0 ? _row$id : '',
254
- onChange: function onChange(event) {
255
- setSelectedRow(event.target.value);
256
- },
257
- id: id !== null && id !== void 0 ? id : defaultId,
258
- className: classes,
259
- name: name,
260
- title: title
261
- }));
262
- }
263
- StructuredListInput.propTypes = {
264
- /**
265
- * Specify an optional className to be applied to the input
266
- */
267
- className: PropTypes__default["default"].string,
268
-
269
- /**
270
- * Specify whether the underlying input should be checked by default
271
- */
272
- defaultChecked: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `defaultChecked` is no longer needed and will be removed in the next major version of Carbon."),
273
-
274
- /**
275
- * Specify a custom `id` for the input
276
- */
277
- id: PropTypes__default["default"].string,
278
-
279
- /**
280
- * Provide a `name` for the input
281
- */
282
- name: PropTypes__default["default"].string,
283
-
284
- /**
285
- * Provide an optional hook that is called each time the input is updated
286
- */
287
- onChange: deprecate["default"](PropTypes__default["default"].func, "\nThe prop `onChange` will be removed in the next major version of Carbon."),
288
-
289
- /**
290
- * Provide a `title` for the input
291
- */
292
- title: PropTypes__default["default"].string,
293
-
294
- /**
295
- * Specify the value of the input
296
- */
297
- value: deprecate["default"](PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, "\nThe prop `value` will be removed in the next major version of Carbon.")
298
- };
299
- StructuredListInput.defaultProps = {
300
- title: 'title'
301
- };
302
- function StructuredListCell(props) {
303
- var _classNames3;
304
-
305
- var children = props.children,
306
- className = props.className,
307
- head = props.head,
308
- noWrap = props.noWrap,
309
- other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded6);
310
-
311
- var prefix = usePrefix.usePrefix();
312
- var classes = cx__default["default"](className, (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-th"), head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-td"), !head), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--structured-list-content--nowrap"), noWrap), _classNames3));
313
-
314
- if (head) {
315
- return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
316
- className: classes,
317
- role: "columnheader"
318
- }, other), children);
319
- }
320
-
321
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
322
- className: classes,
323
- role: "cell"
324
- }, other), children);
325
- }
326
- StructuredListCell.propTypes = {
327
- /**
328
- * Provide the contents of your StructuredListCell
329
- */
330
- children: PropTypes__default["default"].node,
331
-
332
- /**
333
- * Specify an optional className to be applied to the container node
334
- */
335
- className: PropTypes__default["default"].string,
336
-
337
- /**
338
- * Specify whether your StructuredListCell should be used as a header cell
339
- */
340
- head: PropTypes__default["default"].bool,
341
-
342
- /**
343
- * Specify whether your StructuredListCell should have text wrapping
344
- */
345
- noWrap: PropTypes__default["default"].bool
346
- };
347
- StructuredListCell.defaultProps = {
348
- head: false,
349
- noWrap: false
350
- };
351
-
352
- exports.StructuredListBody = StructuredListBody;
353
- exports.StructuredListCell = StructuredListCell;
354
- exports.StructuredListHead = StructuredListHead;
355
- exports.StructuredListInput = StructuredListInput;
356
- exports.StructuredListRow = StructuredListRow;
357
- exports.StructuredListWrapper = StructuredListWrapper;