@patternfly/react-core 5.2.0-prerelease.42 → 5.2.0-prerelease.43

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 (144) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/Modal/package.json +1 -1
  119. package/dist/dynamic/next/components/package.json +1 -1
  120. package/dist/esm/components/Checkbox/Checkbox.d.ts +9 -3
  121. package/dist/esm/components/Checkbox/Checkbox.d.ts.map +1 -1
  122. package/dist/esm/components/Checkbox/Checkbox.js +16 -8
  123. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  124. package/dist/esm/components/Radio/Radio.d.ts +7 -5
  125. package/dist/esm/components/Radio/Radio.d.ts.map +1 -1
  126. package/dist/esm/components/Radio/Radio.js +13 -20
  127. package/dist/esm/components/Radio/Radio.js.map +1 -1
  128. package/dist/js/components/Checkbox/Checkbox.d.ts +9 -3
  129. package/dist/js/components/Checkbox/Checkbox.d.ts.map +1 -1
  130. package/dist/js/components/Checkbox/Checkbox.js +16 -8
  131. package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
  132. package/dist/js/components/Radio/Radio.d.ts +7 -5
  133. package/dist/js/components/Radio/Radio.d.ts.map +1 -1
  134. package/dist/js/components/Radio/Radio.js +13 -20
  135. package/dist/js/components/Radio/Radio.js.map +1 -1
  136. package/dist/umd/react-core.min.js +1 -1
  137. package/helpers/package.json +1 -1
  138. package/layouts/package.json +1 -1
  139. package/next/package.json +1 -1
  140. package/package.json +2 -2
  141. package/src/components/Checkbox/Checkbox.tsx +63 -29
  142. package/src/components/Checkbox/__tests__/Checkbox.test.tsx +41 -0
  143. package/src/components/Radio/Radio.tsx +39 -38
  144. package/src/components/Radio/__tests__/Radio.test.tsx +41 -0
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-wizard-deprecated-dynamic","main":"../../../../js/deprecated/components/Wizard/index.js","module":"../../../../esm/deprecated/components/Wizard/index.js","typings":"../../../../esm/deprecated/components/Wizard/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-wizard-deprecated-dynamic","main":"../../../../js/deprecated/components/Wizard/index.js","module":"../../../../esm/deprecated/components/Wizard/index.js","typings":"../../../../esm/deprecated/components/Wizard/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-favorites.js-dynamic","main":"../../../js/helpers/favorites.js","module":"../../../esm/helpers/favorites.js","typings":"../../../esm/helpers/favorites.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-favorites.js-dynamic","main":"../../../js/helpers/favorites.js","module":"../../../esm/helpers/favorites.js","typings":"../../../esm/helpers/favorites.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-modal-next-dynamic","main":"../../../../js/next/components/Modal/index.js","module":"../../../../esm/next/components/Modal/index.js","typings":"../../../../esm/next/components/Modal/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-modal-next-dynamic","main":"../../../../js/next/components/Modal/index.js","module":"../../../../esm/next/components/Modal/index.js","typings":"../../../../esm/next/components/Modal/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-components-next-dynamic","main":"../../../js/next/components/index.js","module":"../../../esm/next/components/index.js","typings":"../../../esm/next/components/index.d.ts","version":"5.2.0-prerelease.41","private":true}
1
+ {"name":"@patternfly/react-core-components-next-dynamic","main":"../../../js/next/components/index.js","module":"../../../esm/next/components/index.js","typings":"../../../esm/next/components/index.d.ts","version":"5.2.0-prerelease.42","private":true}
@@ -2,10 +2,16 @@ import * as React from 'react';
2
2
  import { PickOptional } from '../../helpers/typeUtils';
3
3
  import { OUIAProps } from '../../helpers';
4
4
  export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
5
- /** Additional classes added to the checkbox. */
5
+ /** Additional classes added to the checkbox wrapper. This wrapper will be div element by default. It will be a label element if
6
+ * isLabelWrapped is true, or it can be overridden by any element specified in the component prop.
7
+ */
6
8
  className?: string;
7
- /** Additional classed added to the radio input */
9
+ /** Additional classes added to the checkbox input. */
8
10
  inputClassName?: string;
11
+ /** Flag to indicate whether the checkbox wrapper element is a <label> element for the checkbox input. Will not apply if a component prop (with a value other than a "label") is specified. */
12
+ isLabelWrapped?: boolean;
13
+ /** Flag to show if the checkbox label is shown before the checkbox input. */
14
+ isLabelBeforeButton?: boolean;
9
15
  /** Flag to show if the checkbox selection is valid or invalid. */
10
16
  isValid?: boolean;
11
17
  /** Flag to show if the checkbox is disabled. */
@@ -27,7 +33,7 @@ export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, '
27
33
  description?: React.ReactNode;
28
34
  /** Body text of the checkbox */
29
35
  body?: React.ReactNode;
30
- /** Sets the input wrapper component to render. Defaults to <div> */
36
+ /** Sets the checkbox wrapper component to render. Defaults to "div". If set to "label", behaves the same as if isLabelWrapped prop was specified. */
31
37
  component?: React.ElementType;
32
38
  /** Value to overwrite the randomly generated data-ouia-component-id.*/
33
39
  ouiaId?: number | string;
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAClE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAkEP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8LAA8L;IAC9L,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qJAAqJ;IACrJ,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAClE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CA8FP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -17,7 +17,7 @@ class Checkbox extends React.Component {
17
17
  };
18
18
  }
19
19
  render() {
20
- const _a = this.props, { 'aria-label': ariaLabel, className, inputClassName, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = __rest(_a, ['aria-label', "className", "inputClassName", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
20
+ const _a = this.props, { 'aria-label': ariaLabel, className, inputClassName, onChange, isLabelWrapped, isLabelBeforeButton, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component } = _a, props = __rest(_a, ['aria-label', "className", "inputClassName", "onChange", "isLabelWrapped", "isLabelBeforeButton", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
21
21
  if (!props.id) {
22
22
  // eslint-disable-next-line no-console
23
23
  console.error('Checkbox:', 'id is required to make input accessible');
@@ -32,12 +32,20 @@ class Checkbox extends React.Component {
32
32
  if ([false, true].includes(defaultChecked)) {
33
33
  checkedProps.defaultChecked = defaultChecked;
34
34
  }
35
+ const inputRendered = (React.createElement("input", Object.assign({}, props, { className: css(styles.checkInput, inputClassName), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: (elem) => elem && (elem.indeterminate = isChecked === null) }, checkedProps, getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))));
36
+ const wrapWithLabel = (isLabelWrapped && !component) || component === 'label';
37
+ const Label = wrapWithLabel ? 'span' : 'label';
38
+ const labelRendered = label ? (React.createElement(Label, { className: css(styles.checkLabel, isDisabled && styles.modifiers.disabled), htmlFor: !wrapWithLabel && props.id },
39
+ label,
40
+ isRequired && (React.createElement("span", { className: css(styles.checkLabelRequired), "aria-hidden": "true" }, ASTERISK)))) : null;
41
+ const Component = component !== null && component !== void 0 ? component : (wrapWithLabel ? 'label' : 'div');
35
42
  checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
36
- return (React.createElement(Component, { className: css(styles.check, !label && styles.modifiers.standalone, className) },
37
- React.createElement("input", Object.assign({}, props, { className: css(styles.checkInput, inputClassName), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: (elem) => elem && (elem.indeterminate = isChecked === null) }, checkedProps, getOUIAProps(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
38
- label && (React.createElement("label", { className: css(styles.checkLabel, isDisabled && styles.modifiers.disabled), htmlFor: props.id },
39
- label,
40
- isRequired && (React.createElement("span", { className: css(styles.checkLabelRequired), "aria-hidden": "true" }, ASTERISK)))),
43
+ return (React.createElement(Component, { className: css(styles.check, !label && styles.modifiers.standalone, className), htmlFor: wrapWithLabel && props.id },
44
+ isLabelBeforeButton ? (React.createElement(React.Fragment, null,
45
+ labelRendered,
46
+ inputRendered)) : (React.createElement(React.Fragment, null,
47
+ inputRendered,
48
+ labelRendered)),
41
49
  description && React.createElement("span", { className: css(styles.checkDescription) }, description),
42
50
  body && React.createElement("span", { className: css(styles.checkBody) }, body)));
43
51
  }
@@ -45,13 +53,13 @@ class Checkbox extends React.Component {
45
53
  Checkbox.displayName = 'Checkbox';
46
54
  Checkbox.defaultProps = {
47
55
  className: '',
56
+ isLabelWrapped: false,
48
57
  isValid: true,
49
58
  isDisabled: false,
50
59
  isRequired: false,
51
60
  isChecked: false,
52
61
  onChange: defaultOnChange,
53
- ouiaSafe: true,
54
- component: 'div'
62
+ ouiaSafe: true
55
63
  };
56
64
  export { Checkbox };
57
65
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
@@ -2,17 +2,17 @@ import * as React from 'react';
2
2
  import { PickOptional } from '../../helpers/typeUtils';
3
3
  import { OUIAProps } from '../../helpers';
4
4
  export interface RadioProps extends Omit<React.HTMLProps<HTMLInputElement>, 'disabled' | 'label' | 'onChange' | 'type'>, OUIAProps {
5
- /** Additional classes added to the radio wrapper. This will be a div element if
6
- * isLabelWrapped is true, otherwise this will be a label element.
5
+ /** Additional classes added to the radio wrapper. This wrapper will be div element by default. It will be a label element if
6
+ * isLabelWrapped is true, or it can be overridden by any element specified in the component prop.
7
7
  */
8
8
  className?: string;
9
- /** Additional classed added to the radio input */
9
+ /** Additional classes added to the radio input. */
10
10
  inputClassName?: string;
11
11
  /** Id of the radio. */
12
12
  id: string;
13
- /** Flag to show if the radio label is wrapped on small screen. */
13
+ /** Flag to indicate whether the radio wrapper element is a native label element for the radio input. Will not apply if a component prop (with a value other than a "label") is specified. */
14
14
  isLabelWrapped?: boolean;
15
- /** Flag to show if the radio label is shown before the radio button. */
15
+ /** Flag to show if the radio label is shown before the radio input. */
16
16
  isLabelBeforeButton?: boolean;
17
17
  /** Flag to show if the radio is checked. */
18
18
  checked?: boolean;
@@ -34,6 +34,8 @@ export interface RadioProps extends Omit<React.HTMLProps<HTMLInputElement>, 'dis
34
34
  description?: React.ReactNode;
35
35
  /** Body of the radio. */
36
36
  body?: React.ReactNode;
37
+ /** Sets the radio wrapper component to render. Defaults to "div". If set to "label", behaves the same as if isLabelWrapped prop was specified. */
38
+ component?: React.ElementType;
37
39
  /** Value to overwrite the randomly generated data-ouia-component-id.*/
38
40
  ouiaId?: number | string;
39
41
  /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,EACzF,SAAS;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACtE,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAK3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,MAAM;CA8EP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,EACzF,SAAS;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,6LAA6L;IAC7L,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kJAAkJ;IAClJ,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACtE,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAK3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,MAAM;CA6EP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -20,31 +20,24 @@ class Radio extends React.Component {
20
20
  render() {
21
21
  const _a = this.props, { 'aria-label': ariaLabel, checked, className, inputClassName, defaultChecked, isLabelWrapped, isLabelBeforeButton, isChecked, isDisabled, isValid, label,
22
22
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
- onChange, description, body, ouiaId, ouiaSafe = true } = _a, props = __rest(_a, ['aria-label', "checked", "className", "inputClassName", "defaultChecked", "isLabelWrapped", "isLabelBeforeButton", "isChecked", "isDisabled", "isValid", "label", "onChange", "description", "body", "ouiaId", "ouiaSafe"]);
23
+ onChange, description, body, ouiaId, ouiaSafe = true, component } = _a, props = __rest(_a, ['aria-label', "checked", "className", "inputClassName", "defaultChecked", "isLabelWrapped", "isLabelBeforeButton", "isChecked", "isDisabled", "isValid", "label", "onChange", "description", "body", "ouiaId", "ouiaSafe", "component"]);
24
24
  if (!props.id) {
25
25
  // eslint-disable-next-line no-console
26
26
  console.error('Radio:', 'id is required to make input accessible');
27
27
  }
28
28
  const inputRendered = (React.createElement("input", Object.assign({}, props, { className: css(styles.radioInput, inputClassName), type: "radio", onChange: this.handleChange, "aria-invalid": !isValid, disabled: isDisabled, checked: checked || isChecked }, (checked === undefined && { defaultChecked }), (!label && { 'aria-label': ariaLabel }), getOUIAProps(Radio.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))));
29
- let labelRendered = null;
30
- if (label && isLabelWrapped) {
31
- labelRendered = React.createElement("span", { className: css(styles.radioLabel, isDisabled && styles.modifiers.disabled) }, label);
32
- }
33
- else if (label) {
34
- labelRendered = (React.createElement("label", { className: css(styles.radioLabel, isDisabled && styles.modifiers.disabled), htmlFor: props.id }, label));
35
- }
36
- const descRender = description ? React.createElement("span", { className: css(styles.radioDescription) }, description) : null;
37
- const bodyRender = body ? React.createElement("span", { className: css(styles.radioBody) }, body) : null;
38
- const childrenRendered = isLabelBeforeButton ? (React.createElement(React.Fragment, null,
39
- labelRendered,
40
- inputRendered,
41
- descRender,
42
- bodyRender)) : (React.createElement(React.Fragment, null,
43
- inputRendered,
44
- labelRendered,
45
- descRender,
46
- bodyRender));
47
- return isLabelWrapped ? (React.createElement("label", { className: css(styles.radio, className), htmlFor: props.id }, childrenRendered)) : (React.createElement("div", { className: css(styles.radio, !label && styles.modifiers.standalone, className) }, childrenRendered));
29
+ const wrapWithLabel = (isLabelWrapped && !component) || component === 'label';
30
+ const Label = wrapWithLabel ? 'span' : 'label';
31
+ const labelRendered = label ? (React.createElement(Label, { className: css(styles.radioLabel, isDisabled && styles.modifiers.disabled), htmlFor: !wrapWithLabel && props.id }, label)) : null;
32
+ const Component = component !== null && component !== void 0 ? component : (wrapWithLabel ? 'label' : 'div');
33
+ return (React.createElement(Component, { className: css(styles.radio, !label && styles.modifiers.standalone, className), htmlFor: wrapWithLabel && props.id },
34
+ isLabelBeforeButton ? (React.createElement(React.Fragment, null,
35
+ labelRendered,
36
+ inputRendered)) : (React.createElement(React.Fragment, null,
37
+ inputRendered,
38
+ labelRendered)),
39
+ description && React.createElement("span", { className: css(styles.radioDescription) }, description),
40
+ body && React.createElement("span", { className: css(styles.radioBody) }, body)));
48
41
  }
49
42
  }
50
43
  Radio.displayName = 'Radio';
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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"}
@@ -2,10 +2,16 @@ import * as React from 'react';
2
2
  import { PickOptional } from '../../helpers/typeUtils';
3
3
  import { OUIAProps } from '../../helpers';
4
4
  export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'label'>, OUIAProps {
5
- /** Additional classes added to the checkbox. */
5
+ /** Additional classes added to the checkbox wrapper. This wrapper will be div element by default. It will be a label element if
6
+ * isLabelWrapped is true, or it can be overridden by any element specified in the component prop.
7
+ */
6
8
  className?: string;
7
- /** Additional classed added to the radio input */
9
+ /** Additional classes added to the checkbox input. */
8
10
  inputClassName?: string;
11
+ /** Flag to indicate whether the checkbox wrapper element is a <label> element for the checkbox input. Will not apply if a component prop (with a value other than a "label") is specified. */
12
+ isLabelWrapped?: boolean;
13
+ /** Flag to show if the checkbox label is shown before the checkbox input. */
14
+ isLabelBeforeButton?: boolean;
9
15
  /** Flag to show if the checkbox selection is valid or invalid. */
10
16
  isValid?: boolean;
11
17
  /** Flag to show if the checkbox is disabled. */
@@ -27,7 +33,7 @@ export interface CheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, '
27
33
  description?: React.ReactNode;
28
34
  /** Body text of the checkbox */
29
35
  body?: React.ReactNode;
30
- /** Sets the input wrapper component to render. Defaults to <div> */
36
+ /** Sets the checkbox wrapper component to render. Defaults to "div". If set to "label", behaves the same as if isLabelWrapped prop was specified. */
31
37
  component?: React.ElementType;
32
38
  /** Value to overwrite the randomly generated data-ouia-component-id.*/
33
39
  ouiaId?: number | string;
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAClE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CAkEP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EACzF,SAAS;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8LAA8L;IAC9L,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0BAA0B;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qJAAqJ;IACrJ,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAKD,UAAU,aAAa;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAClE,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAS9C;gBAEU,KAAK,EAAE,GAAG;IAOtB,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM;CA8FP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -20,7 +20,7 @@ class Checkbox extends React.Component {
20
20
  };
21
21
  }
22
22
  render() {
23
- const _a = this.props, { 'aria-label': ariaLabel, className, inputClassName, onChange, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component: Component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "inputClassName", "onChange", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
23
+ const _a = this.props, { 'aria-label': ariaLabel, className, inputClassName, onChange, isLabelWrapped, isLabelBeforeButton, isValid, isDisabled, isRequired, isChecked, label, checked, defaultChecked, description, body, ouiaId, ouiaSafe, component } = _a, props = tslib_1.__rest(_a, ['aria-label', "className", "inputClassName", "onChange", "isLabelWrapped", "isLabelBeforeButton", "isValid", "isDisabled", "isRequired", "isChecked", "label", "checked", "defaultChecked", "description", "body", "ouiaId", "ouiaSafe", "component"]);
24
24
  if (!props.id) {
25
25
  // eslint-disable-next-line no-console
26
26
  console.error('Checkbox:', 'id is required to make input accessible');
@@ -35,12 +35,20 @@ class Checkbox extends React.Component {
35
35
  if ([false, true].includes(defaultChecked)) {
36
36
  checkedProps.defaultChecked = defaultChecked;
37
37
  }
38
+ const inputRendered = (React.createElement("input", Object.assign({}, props, { className: (0, react_styles_1.css)(check_1.default.checkInput, inputClassName), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: (elem) => elem && (elem.indeterminate = isChecked === null) }, checkedProps, (0, helpers_1.getOUIAProps)(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))));
39
+ const wrapWithLabel = (isLabelWrapped && !component) || component === 'label';
40
+ const Label = wrapWithLabel ? 'span' : 'label';
41
+ const labelRendered = label ? (React.createElement(Label, { className: (0, react_styles_1.css)(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: !wrapWithLabel && props.id },
42
+ label,
43
+ isRequired && (React.createElement("span", { className: (0, react_styles_1.css)(check_1.default.checkLabelRequired), "aria-hidden": "true" }, htmlConstants_1.ASTERISK)))) : null;
44
+ const Component = component !== null && component !== void 0 ? component : (wrapWithLabel ? 'label' : 'div');
38
45
  checkedProps.checked = checkedProps.checked === null ? false : checkedProps.checked;
39
- return (React.createElement(Component, { className: (0, react_styles_1.css)(check_1.default.check, !label && check_1.default.modifiers.standalone, className) },
40
- React.createElement("input", Object.assign({}, props, { className: (0, react_styles_1.css)(check_1.default.checkInput, inputClassName), type: "checkbox", onChange: this.handleChange, "aria-invalid": !isValid, "aria-label": ariaLabel, disabled: isDisabled, required: isRequired, ref: (elem) => elem && (elem.indeterminate = isChecked === null) }, checkedProps, (0, helpers_1.getOUIAProps)(Checkbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))),
41
- label && (React.createElement("label", { className: (0, react_styles_1.css)(check_1.default.checkLabel, isDisabled && check_1.default.modifiers.disabled), htmlFor: props.id },
42
- label,
43
- isRequired && (React.createElement("span", { className: (0, react_styles_1.css)(check_1.default.checkLabelRequired), "aria-hidden": "true" }, htmlConstants_1.ASTERISK)))),
46
+ return (React.createElement(Component, { className: (0, react_styles_1.css)(check_1.default.check, !label && check_1.default.modifiers.standalone, className), htmlFor: wrapWithLabel && props.id },
47
+ isLabelBeforeButton ? (React.createElement(React.Fragment, null,
48
+ labelRendered,
49
+ inputRendered)) : (React.createElement(React.Fragment, null,
50
+ inputRendered,
51
+ labelRendered)),
44
52
  description && React.createElement("span", { className: (0, react_styles_1.css)(check_1.default.checkDescription) }, description),
45
53
  body && React.createElement("span", { className: (0, react_styles_1.css)(check_1.default.checkBody) }, body)));
46
54
  }
@@ -49,12 +57,12 @@ exports.Checkbox = Checkbox;
49
57
  Checkbox.displayName = 'Checkbox';
50
58
  Checkbox.defaultProps = {
51
59
  className: '',
60
+ isLabelWrapped: false,
52
61
  isValid: true,
53
62
  isDisabled: false,
54
63
  isRequired: false,
55
64
  isChecked: false,
56
65
  onChange: defaultOnChange,
57
- ouiaSafe: true,
58
- component: 'div'
66
+ ouiaSafe: true
59
67
  };
60
68
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAE/C,2CAA0E;AAC1E,+DAAuD;AA4CvD,oCAAoC;AACpC,MAAM,eAAe,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAMjC,MAAM,QAAS,SAAQ,KAAK,CAAC,SAAuC;IAalE,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;QAMP,iBAAY,GAAG,CAAC,KAAwC,EAAQ,EAAE;YACxE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC1D,CAAC,CAAC;QAPA,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,IAAA,0BAAgB,EAAC,QAAQ,CAAC,WAAW,CAAC;SACpD,CAAC;IACJ,CAAC;IAMD,MAAM;QACJ,MAAM,KAoBF,IAAI,CAAC,KAAK,EApBR,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,cAAc,EACd,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,OAEG,EADT,KAAK,sBAnBJ,sPAoBL,CAAa,CAAC;QACf,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE;YACb,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,yCAAyC,CAAC,CAAC;SACvE;QACD,MAAM,YAAY,GAAoD,EAAE,CAAC;QACzE,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,SAAS,KAAK,IAAI,EAAE;YACzD,YAAY,CAAC,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;SAC7C;QACD,IAAI,QAAQ,KAAK,eAAe,EAAE;YAChC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;SAClC;QACD,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;YAC1C,YAAY,CAAC,cAAc,GAAG,cAAc,CAAC;SAC9C;QAED,MAAM,aAAa,GAAG,CACpB,+CACM,KAAK,IACT,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,UAAU,EAAE,cAAc,CAAC,EACjD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,YAAY,kBACb,CAAC,OAAO,gBACV,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC,IAC5D,YAAY,EACZ,IAAA,sBAAY,EAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,EACxG,CACH,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,OAAO,CAAC;QAE9E,MAAM,KAAK,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAC/C,MAAM,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAC5B,oBAAC,KAAK,IACJ,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,UAAU,EAAE,UAAU,IAAI,eAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EAC1E,OAAO,EAAE,CAAC,aAAa,IAAI,KAAK,CAAC,EAAE;YAElC,KAAK;YACL,UAAU,IAAI,CACb,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,kBAAkB,CAAC,iBAAc,MAAM,IAChE,wBAAQ,CACJ,CACR,CACK,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,MAAM,SAAS,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QAEjE,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC;QACpF,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,eAAM,CAAC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,EAC9E,OAAO,EAAE,aAAa,IAAI,KAAK,CAAC,EAAE;YAEjC,mBAAmB,CAAC,CAAC,CAAC,CACrB;gBACG,aAAa;gBACb,aAAa,CACb,CACJ,CAAC,CAAC,CAAC,CACF;gBACG,aAAa;gBACb,aAAa,CACb,CACJ;YACA,WAAW,IAAI,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,gBAAgB,CAAC,IAAG,WAAW,CAAQ;YAClF,IAAI,IAAI,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAM,CAAC,SAAS,CAAC,IAAG,IAAI,CAAQ,CACpD,CACb,CAAC;IACJ,CAAC;;AAGM,4BAAQ;AAvHR,oBAAW,GAAG,UAAU,CAAC;AACzB,qBAAY,GAAgC;IACjD,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,KAAK;IACrB,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;IACjB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,IAAI;CACf,CAAC"}
@@ -2,17 +2,17 @@ import * as React from 'react';
2
2
  import { PickOptional } from '../../helpers/typeUtils';
3
3
  import { OUIAProps } from '../../helpers';
4
4
  export interface RadioProps extends Omit<React.HTMLProps<HTMLInputElement>, 'disabled' | 'label' | 'onChange' | 'type'>, OUIAProps {
5
- /** Additional classes added to the radio wrapper. This will be a div element if
6
- * isLabelWrapped is true, otherwise this will be a label element.
5
+ /** Additional classes added to the radio wrapper. This wrapper will be div element by default. It will be a label element if
6
+ * isLabelWrapped is true, or it can be overridden by any element specified in the component prop.
7
7
  */
8
8
  className?: string;
9
- /** Additional classed added to the radio input */
9
+ /** Additional classes added to the radio input. */
10
10
  inputClassName?: string;
11
11
  /** Id of the radio. */
12
12
  id: string;
13
- /** Flag to show if the radio label is wrapped on small screen. */
13
+ /** Flag to indicate whether the radio wrapper element is a native label element for the radio input. Will not apply if a component prop (with a value other than a "label") is specified. */
14
14
  isLabelWrapped?: boolean;
15
- /** Flag to show if the radio label is shown before the radio button. */
15
+ /** Flag to show if the radio label is shown before the radio input. */
16
16
  isLabelBeforeButton?: boolean;
17
17
  /** Flag to show if the radio is checked. */
18
18
  checked?: boolean;
@@ -34,6 +34,8 @@ export interface RadioProps extends Omit<React.HTMLProps<HTMLInputElement>, 'dis
34
34
  description?: React.ReactNode;
35
35
  /** Body of the radio. */
36
36
  body?: React.ReactNode;
37
+ /** Sets the radio wrapper component to render. Defaults to "div". If set to "label", behaves the same as if isLabelWrapped prop was specified. */
38
+ component?: React.ElementType;
37
39
  /** Value to overwrite the randomly generated data-ouia-component-id.*/
38
40
  ouiaId?: number | string;
39
41
  /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,EACzF,SAAS;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,kEAAkE;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACtE,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAK3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,MAAM;CA8EP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC,EACzF,SAAS;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,6LAA6L;IAC7L,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChF,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yBAAyB;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kJAAkJ;IAClJ,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACtE,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAK3C;gBAEU,KAAK,EAAE,UAAU;IAW7B,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,MAAM;CA6EP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}