@zohodesk/components 1.0.0-temp-71 → 1.0.0-temp-73

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 (412) hide show
  1. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +1 -1
  2. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +1 -1
  3. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +1 -1
  4. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +1 -1
  5. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +1 -1
  6. package/es/Accordion/Accordion.js +4 -20
  7. package/es/Accordion/AccordionItem.js +4 -19
  8. package/es/Accordion/props/defaultProps.js +8 -0
  9. package/es/Accordion/props/propTypes.js +30 -0
  10. package/es/Animation/Animation.js +4 -25
  11. package/es/Animation/props/defaultProps.js +7 -0
  12. package/es/Animation/props/propTypes.js +12 -0
  13. package/es/AppContainer/AppContainer.js +4 -23
  14. package/es/AppContainer/props/defaultProps.js +8 -0
  15. package/es/AppContainer/props/propTypes.js +15 -0
  16. package/es/Avatar/Avatar.js +4 -44
  17. package/es/Avatar/Avatar.module.css +11 -9
  18. package/es/Avatar/props/defaultProps.js +13 -0
  19. package/es/Avatar/props/propTypes.js +22 -0
  20. package/es/AvatarTeam/AvatarTeam.js +4 -36
  21. package/es/AvatarTeam/AvatarTeam.module.css +21 -7
  22. package/es/AvatarTeam/props/defaultProps.js +13 -0
  23. package/es/AvatarTeam/props/propTypes.js +23 -0
  24. package/es/Button/Button.js +4 -47
  25. package/es/Button/Button.module.css +97 -24
  26. package/es/Button/props/defaultProps.js +15 -0
  27. package/es/Button/props/propTypes.js +22 -0
  28. package/es/Buttongroup/Buttongroup.js +4 -11
  29. package/es/Buttongroup/Buttongroup.module.css +37 -8
  30. package/es/Buttongroup/props/defaultProps.js +4 -0
  31. package/es/Buttongroup/props/propTypes.js +7 -0
  32. package/es/Card/Card.js +12 -60
  33. package/es/Card/props/defaultProps.js +15 -0
  34. package/es/Card/props/propTypes.js +43 -0
  35. package/es/CheckBox/CheckBox.js +4 -59
  36. package/es/CheckBox/CheckBox.module.css +29 -19
  37. package/es/CheckBox/props/defaultProps.js +18 -0
  38. package/es/CheckBox/props/propTypes.js +41 -0
  39. package/es/DateTime/CalendarView.js +6 -26
  40. package/es/DateTime/DateTime.js +4 -62
  41. package/es/DateTime/DateTime.module.css +39 -12
  42. package/es/DateTime/DateWidget.js +4 -83
  43. package/es/DateTime/DateWidget.module.css +9 -5
  44. package/es/DateTime/YearView.js +4 -12
  45. package/es/DateTime/YearView.module.css +17 -7
  46. package/es/DateTime/props/defaultProps.js +50 -0
  47. package/es/DateTime/props/propTypes.js +130 -0
  48. package/es/DropBox/DropBox.js +4 -71
  49. package/es/DropBox/DropBox.module.css +47 -11
  50. package/es/DropBox/props/defaultProps.js +20 -0
  51. package/es/DropBox/props/propTypes.js +47 -0
  52. package/es/DropDown/DropDown.js +7 -34
  53. package/es/DropDown/DropDownHeading.js +4 -19
  54. package/es/DropDown/DropDownHeading.module.css +7 -3
  55. package/es/DropDown/DropDownItem.js +4 -18
  56. package/es/DropDown/DropDownItem.module.css +32 -6
  57. package/es/DropDown/DropDownSearch.js +4 -24
  58. package/es/DropDown/DropDownSeparator.js +2 -4
  59. package/es/DropDown/props/defaultProps.js +18 -0
  60. package/es/DropDown/props/propTypes.js +77 -0
  61. package/es/Label/Label.js +4 -24
  62. package/es/Label/props/defaultProps.js +10 -0
  63. package/es/Label/props/propTypes.js +14 -0
  64. package/es/Layout/Box.js +15 -30
  65. package/es/Layout/Container.js +15 -27
  66. package/es/Layout/Layout.module.css +13 -1
  67. package/es/Layout/docs/Layout__four_Column.docs.js +16 -22
  68. package/es/Layout/props/defaultProps.js +12 -0
  69. package/es/Layout/props/propTypes.js +42 -0
  70. package/es/ListItem/ListContainer.js +4 -41
  71. package/es/ListItem/ListItem.js +4 -50
  72. package/es/ListItem/ListItem.module.css +69 -33
  73. package/es/ListItem/ListItemWithAvatar.js +4 -56
  74. package/es/ListItem/ListItemWithCheckBox.js +4 -40
  75. package/es/ListItem/ListItemWithIcon.js +4 -47
  76. package/es/ListItem/ListItemWithRadio.js +4 -41
  77. package/es/ListItem/props/defaultProps.js +85 -0
  78. package/es/ListItem/props/propTypes.js +185 -0
  79. package/es/Modal/Modal.js +4 -9
  80. package/es/Modal/props/defaultProps.js +3 -0
  81. package/es/Modal/props/propTypes.js +6 -0
  82. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -91
  83. package/es/MultiSelect/AdvancedMultiSelect.js +4 -113
  84. package/es/MultiSelect/EmptyState.js +4 -29
  85. package/es/MultiSelect/MultiSelect.js +4 -113
  86. package/es/MultiSelect/MultiSelect.module.css +28 -11
  87. package/es/MultiSelect/MultiSelectHeader.js +4 -12
  88. package/es/MultiSelect/MultiSelectWithAvatar.js +4 -99
  89. package/es/MultiSelect/SelectedOptions.js +4 -19
  90. package/es/MultiSelect/SelectedOptions.module.css +8 -2
  91. package/es/MultiSelect/Suggestions.js +5 -34
  92. package/es/MultiSelect/props/defaultProps.js +140 -0
  93. package/es/MultiSelect/props/propTypes.js +360 -0
  94. package/es/PopOver/PopOver.js +7 -78
  95. package/es/PopOver/PopOver.module.css +1 -1
  96. package/es/PopOver/props/defaultProps.js +7 -0
  97. package/es/PopOver/props/propTypes.js +53 -0
  98. package/es/Radio/Radio.js +4 -46
  99. package/es/Radio/Radio.module.css +18 -10
  100. package/es/Radio/props/defaultProps.js +14 -0
  101. package/es/Radio/props/propTypes.js +32 -0
  102. package/es/Responsive/CustomResponsive.js +8 -19
  103. package/es/Responsive/ResizeComponent.js +15 -82
  104. package/es/Responsive/ResizeObserver.js +2 -6
  105. package/es/Responsive/Responsive.js +8 -22
  106. package/es/Responsive/docs/style.module.css +17 -8
  107. package/es/Responsive/props/defaultProps.js +13 -0
  108. package/es/Responsive/props/propTypes.js +25 -0
  109. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -11
  110. package/es/ResponsiveDropBox/props/defaultProps.js +4 -0
  111. package/es/ResponsiveDropBox/props/propTypes.js +7 -0
  112. package/es/Ribbon/Ribbon.js +4 -25
  113. package/es/Ribbon/Ribbon.module.css +93 -28
  114. package/es/Ribbon/props/defaultProps.js +8 -0
  115. package/es/Ribbon/props/propTypes.js +10 -0
  116. package/es/RippleEffect/RippleEffect.js +4 -20
  117. package/es/RippleEffect/RippleEffect.module.css +37 -44
  118. package/es/RippleEffect/props/defaultProps.js +9 -0
  119. package/es/RippleEffect/props/propTypes.js +11 -0
  120. package/es/Select/GroupSelect.js +4 -109
  121. package/es/Select/Select.js +4 -120
  122. package/es/Select/Select.module.css +12 -2
  123. package/es/Select/SelectWithAvatar.js +4 -80
  124. package/es/Select/SelectWithIcon.js +4 -69
  125. package/es/Select/props/defaultProps.js +110 -0
  126. package/es/Select/props/propTypes.js +266 -0
  127. package/es/Stencils/Stencils.js +4 -17
  128. package/es/Stencils/Stencils.module.css +21 -3
  129. package/es/Stencils/props/defaultProps.js +6 -0
  130. package/es/Stencils/props/propTypes.js +7 -0
  131. package/es/Switch/Switch.js +4 -37
  132. package/es/Switch/Switch.module.css +9 -9
  133. package/es/Switch/props/defaultProps.js +10 -0
  134. package/es/Switch/props/propTypes.js +27 -0
  135. package/es/Tab/Tab.js +4 -31
  136. package/es/Tab/Tab.module.css +16 -7
  137. package/es/Tab/TabContent.js +4 -10
  138. package/es/Tab/TabContentWrapper.js +4 -12
  139. package/es/Tab/TabWrapper.js +4 -25
  140. package/es/Tab/Tabs.js +6 -68
  141. package/es/Tab/Tabs.module.css +42 -8
  142. package/es/Tab/docs/tabdocs.module.css +1 -1
  143. package/es/Tab/props/defaultProps.js +39 -0
  144. package/es/Tab/props/propTypes.js +102 -0
  145. package/es/Tag/Tag.js +4 -47
  146. package/es/Tag/Tag.module.css +36 -14
  147. package/es/Tag/props/defaultProps.js +13 -0
  148. package/es/Tag/props/propTypes.js +34 -0
  149. package/es/TextBox/TextBox.js +4 -72
  150. package/es/TextBox/TextBox.module.css +7 -11
  151. package/es/TextBox/props/defaultProps.js +19 -0
  152. package/es/TextBox/props/propTypes.js +53 -0
  153. package/es/TextBoxIcon/TextBoxIcon.js +4 -70
  154. package/es/TextBoxIcon/TextBoxIcon.module.css +12 -5
  155. package/es/TextBoxIcon/props/defaultProps.js +21 -0
  156. package/es/TextBoxIcon/props/propTypes.js +49 -0
  157. package/es/Textarea/Textarea.js +4 -47
  158. package/es/Textarea/Textarea.module.css +6 -7
  159. package/es/Textarea/props/defaultProps.js +16 -0
  160. package/es/Textarea/props/propTypes.js +31 -0
  161. package/es/Tooltip/Tooltip.js +4 -12
  162. package/es/Tooltip/Tooltip.module.css +9 -8
  163. package/es/Tooltip/props/defaultProps.js +4 -0
  164. package/es/Tooltip/props/propTypes.js +8 -0
  165. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +4 -23
  166. package/es/VelocityAnimation/VelocityAnimation/props/defaultProps.js +7 -0
  167. package/es/VelocityAnimation/VelocityAnimation/props/propTypes.js +12 -0
  168. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +4 -37
  169. package/es/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +15 -0
  170. package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +19 -0
  171. package/es/common/animation.module.css +219 -21
  172. package/es/common/basicReset.module.css +2 -12
  173. package/es/common/common.module.css +88 -21
  174. package/es/common/customscroll.module.css +17 -21
  175. package/es/common/docStyle.module.css +79 -32
  176. package/es/common/transition.module.css +50 -10
  177. package/es/deprecated/AdvancedMultiSelect.module.css +22 -8
  178. package/es/deprecated/PortalLayer/PortalLayer.js +4 -16
  179. package/es/deprecated/PortalLayer/props/defaultProps.js +5 -0
  180. package/es/deprecated/PortalLayer/props/propTypes.js +11 -0
  181. package/es/index.js +9 -4
  182. package/es/semantic/Button/Button.js +4 -38
  183. package/es/semantic/Button/props/defaultProps.js +12 -0
  184. package/es/semantic/Button/props/propTypes.js +26 -0
  185. package/es/semantic/Button/semanticButton.module.css +3 -3
  186. package/es/ucl/Grid/Grid.js +45 -0
  187. package/es/ucl/Grid/componentNames.js +6 -0
  188. package/es/ucl/Grid/css/Grid.module.css +217 -0
  189. package/es/ucl/Grid/css/cssJSLogic.js +46 -0
  190. package/es/ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs.js +41 -0
  191. package/es/ucl/Grid/docs/Grid__Area_Based_List_Layout.docs.js +49 -0
  192. package/es/ucl/Grid/docs/Grid__Auto_Flow_Row.docs.js +32 -0
  193. package/es/ucl/Grid/docs/Grid__Basic_Detail_Layout.docs.js +41 -0
  194. package/es/ucl/Grid/docs/Grid__Box_Alignment.docs.js +37 -0
  195. package/es/ucl/Grid/docs/Grid__Line_Based_Detail_Layout.docs.js +41 -0
  196. package/es/ucl/Grid/docs/Grid__Line_Based_List_Layout.docs.js +45 -0
  197. package/es/ucl/Grid/docs/Grid__default.docs.js +61 -0
  198. package/es/ucl/Grid/docs/css/gridDocsAreaBasedDetailLayout.module.css +38 -0
  199. package/es/ucl/Grid/docs/css/gridDocsAreaBasedListLayout.module.css +63 -0
  200. package/es/ucl/Grid/docs/css/gridDocsAutoFlowRow.module.css +23 -0
  201. package/es/ucl/Grid/docs/css/gridDocsBasicDetailLayout.module.css +21 -0
  202. package/es/ucl/Grid/docs/css/gridDocsBoxAlignment.module.css +16 -0
  203. package/es/ucl/Grid/docs/css/gridDocsDefault.module.css +15 -0
  204. package/es/ucl/Grid/docs/css/gridDocsLineBasedDetailLayout.module.css +38 -0
  205. package/es/ucl/Grid/docs/css/gridDocsLineBasedListLayout.module.css +47 -0
  206. package/es/ucl/Grid/docs/css/gridDocsStyle.module.css +30 -0
  207. package/es/ucl/Grid/index.js +5 -0
  208. package/es/ucl/Grid/props/ariaPropTypes.js +6 -0
  209. package/es/ucl/Grid/props/defaultProps.js +8 -0
  210. package/es/ucl/Grid/props/propConstants.js +66 -0
  211. package/es/ucl/Grid/props/propTypes.js +27 -0
  212. package/lib/Accordion/Accordion.js +5 -20
  213. package/lib/Accordion/AccordionItem.js +5 -19
  214. package/lib/Accordion/props/defaultProps.js +16 -0
  215. package/lib/Accordion/props/propTypes.js +42 -0
  216. package/lib/Animation/Animation.js +5 -25
  217. package/lib/Animation/props/defaultProps.js +14 -0
  218. package/lib/Animation/props/propTypes.js +23 -0
  219. package/lib/AppContainer/AppContainer.js +13 -24
  220. package/lib/AppContainer/props/defaultProps.js +15 -0
  221. package/lib/AppContainer/props/propTypes.js +26 -0
  222. package/lib/Avatar/Avatar.js +5 -44
  223. package/lib/Avatar/props/defaultProps.js +20 -0
  224. package/lib/Avatar/props/propTypes.js +33 -0
  225. package/lib/AvatarTeam/AvatarTeam.js +5 -36
  226. package/lib/AvatarTeam/props/defaultProps.js +20 -0
  227. package/lib/AvatarTeam/props/propTypes.js +34 -0
  228. package/lib/Button/Button.js +5 -48
  229. package/lib/Button/props/defaultProps.js +24 -0
  230. package/lib/Button/props/propTypes.js +33 -0
  231. package/lib/Buttongroup/Buttongroup.js +5 -11
  232. package/lib/Buttongroup/props/defaultProps.js +11 -0
  233. package/lib/Buttongroup/props/propTypes.js +18 -0
  234. package/lib/Card/Card.js +13 -60
  235. package/lib/Card/props/defaultProps.js +23 -0
  236. package/lib/Card/props/propTypes.js +57 -0
  237. package/lib/CheckBox/CheckBox.js +7 -60
  238. package/lib/CheckBox/CheckBox.module.css +12 -8
  239. package/lib/CheckBox/props/defaultProps.js +25 -0
  240. package/lib/CheckBox/props/propTypes.js +52 -0
  241. package/lib/DateTime/CalendarView.js +7 -26
  242. package/lib/DateTime/DateTime.js +53 -82
  243. package/lib/DateTime/DateTime.module.css +1 -1
  244. package/lib/DateTime/DateWidget.js +17 -85
  245. package/lib/DateTime/DateWidget.module.css +0 -4
  246. package/lib/DateTime/YearView.js +5 -12
  247. package/lib/DateTime/YearView.module.css +1 -0
  248. package/lib/DateTime/props/defaultProps.js +61 -0
  249. package/lib/DateTime/props/propTypes.js +145 -0
  250. package/lib/DropBox/DropBox.js +6 -72
  251. package/lib/DropBox/props/defaultProps.js +27 -0
  252. package/lib/DropBox/props/propTypes.js +58 -0
  253. package/lib/DropDown/DropDown.js +8 -34
  254. package/lib/DropDown/DropDownHeading.js +5 -19
  255. package/lib/DropDown/DropDownItem.js +5 -18
  256. package/lib/DropDown/DropDownSearch.js +5 -23
  257. package/lib/DropDown/DropDownSeparator.js +2 -4
  258. package/lib/DropDown/props/defaultProps.js +28 -0
  259. package/lib/DropDown/props/propTypes.js +94 -0
  260. package/lib/Label/Label.js +5 -24
  261. package/lib/Label/props/defaultProps.js +17 -0
  262. package/lib/Label/props/propTypes.js +25 -0
  263. package/lib/Layout/Box.js +18 -32
  264. package/lib/Layout/Container.js +18 -29
  265. package/lib/Layout/Layout.module.css +13 -1
  266. package/lib/Layout/docs/Layout__four_Column.docs.js +16 -22
  267. package/lib/Layout/props/defaultProps.js +20 -0
  268. package/lib/Layout/props/propTypes.js +54 -0
  269. package/lib/LightNightMode/Colors.json +496 -397
  270. package/lib/LightNightMode/docs/AlternativeColors.docs.js +23 -1
  271. package/lib/ListItem/ListContainer.js +13 -46
  272. package/lib/ListItem/ListItem.js +7 -52
  273. package/lib/ListItem/ListItem.module.css +18 -19
  274. package/lib/ListItem/ListItemWithAvatar.js +7 -38
  275. package/lib/ListItem/ListItemWithCheckBox.js +7 -42
  276. package/lib/ListItem/ListItemWithIcon.js +7 -49
  277. package/lib/ListItem/ListItemWithRadio.js +7 -43
  278. package/lib/ListItem/props/defaultProps.js +97 -0
  279. package/lib/ListItem/props/propTypes.js +181 -0
  280. package/lib/Modal/Modal.js +5 -9
  281. package/lib/Modal/props/defaultProps.js +10 -0
  282. package/lib/Modal/props/propTypes.js +17 -0
  283. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +118 -172
  284. package/lib/MultiSelect/AdvancedMultiSelect.js +101 -172
  285. package/lib/MultiSelect/EmptyState.js +5 -29
  286. package/lib/MultiSelect/MultiSelect.js +91 -173
  287. package/lib/MultiSelect/MultiSelect.module.css +15 -2
  288. package/lib/MultiSelect/MultiSelectHeader.js +5 -12
  289. package/lib/MultiSelect/MultiSelectWithAvatar.js +83 -152
  290. package/lib/MultiSelect/SelectedOptions.js +5 -19
  291. package/lib/MultiSelect/Suggestions.js +6 -34
  292. package/lib/MultiSelect/props/defaultProps.js +156 -0
  293. package/lib/MultiSelect/props/propTypes.js +378 -0
  294. package/lib/PopOver/PopOver.js +19 -82
  295. package/lib/PopOver/props/defaultProps.js +15 -0
  296. package/lib/PopOver/props/propTypes.js +66 -0
  297. package/lib/Provider/Config.js +3 -1
  298. package/lib/Provider.js +32 -98
  299. package/lib/Radio/Radio.js +5 -46
  300. package/lib/Radio/Radio.module.css +8 -6
  301. package/lib/Radio/props/defaultProps.js +21 -0
  302. package/lib/Radio/props/propTypes.js +43 -0
  303. package/lib/Responsive/CustomResponsive.js +11 -21
  304. package/lib/Responsive/Responsive.js +17 -24
  305. package/lib/Responsive/props/defaultProps.js +23 -0
  306. package/lib/Responsive/props/propTypes.js +39 -0
  307. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +124 -0
  308. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  309. package/lib/ResponsiveDropBox/props/defaultProps.js +11 -0
  310. package/lib/ResponsiveDropBox/props/propTypes.js +18 -0
  311. package/lib/Ribbon/Ribbon.js +5 -25
  312. package/lib/Ribbon/props/defaultProps.js +15 -0
  313. package/lib/Ribbon/props/propTypes.js +21 -0
  314. package/lib/RippleEffect/RippleEffect.js +5 -20
  315. package/lib/RippleEffect/RippleEffect.module.css +37 -15
  316. package/lib/RippleEffect/props/defaultProps.js +16 -0
  317. package/lib/RippleEffect/props/propTypes.js +22 -0
  318. package/lib/Select/GroupSelect.js +105 -186
  319. package/lib/Select/Select.js +113 -196
  320. package/lib/Select/Select.module.css +6 -0
  321. package/lib/Select/SelectWithAvatar.js +101 -151
  322. package/lib/Select/SelectWithIcon.js +102 -134
  323. package/lib/Select/props/defaultProps.js +113 -0
  324. package/lib/Select/props/propTypes.js +280 -0
  325. package/lib/Stencils/Stencils.js +5 -17
  326. package/lib/Stencils/props/defaultProps.js +13 -0
  327. package/lib/Stencils/props/propTypes.js +18 -0
  328. package/lib/Switch/Switch.js +5 -37
  329. package/lib/Switch/Switch.module.css +3 -2
  330. package/lib/Switch/props/defaultProps.js +17 -0
  331. package/lib/Switch/props/propTypes.js +38 -0
  332. package/lib/Tab/Tab.js +5 -31
  333. package/lib/Tab/TabContent.js +5 -10
  334. package/lib/Tab/TabContentWrapper.js +5 -12
  335. package/lib/Tab/TabWrapper.js +5 -27
  336. package/lib/Tab/Tabs.js +80 -114
  337. package/lib/Tab/Tabs.module.css +2 -1
  338. package/lib/Tab/props/defaultProps.js +50 -0
  339. package/lib/Tab/props/propTypes.js +117 -0
  340. package/lib/Tag/Tag.js +5 -47
  341. package/lib/Tag/Tag.module.css +6 -2
  342. package/lib/Tag/props/defaultProps.js +20 -0
  343. package/lib/Tag/props/propTypes.js +45 -0
  344. package/lib/TextBox/TextBox.js +5 -70
  345. package/lib/TextBox/props/defaultProps.js +26 -0
  346. package/lib/TextBox/props/propTypes.js +62 -0
  347. package/lib/TextBoxIcon/TextBoxIcon.js +5 -70
  348. package/lib/TextBoxIcon/props/defaultProps.js +28 -0
  349. package/lib/TextBoxIcon/props/propTypes.js +60 -0
  350. package/lib/Textarea/Textarea.js +5 -47
  351. package/lib/Textarea/props/defaultProps.js +23 -0
  352. package/lib/Textarea/props/propTypes.js +42 -0
  353. package/lib/Tooltip/Tooltip.js +65 -20
  354. package/lib/Tooltip/Tooltip.module.css +6 -1
  355. package/lib/Tooltip/docs/Tooltip__default.docs.js +50 -11
  356. package/lib/Tooltip/props/defaultProps.js +11 -0
  357. package/lib/Tooltip/props/propTypes.js +19 -0
  358. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -23
  359. package/lib/VelocityAnimation/VelocityAnimation/props/defaultProps.js +14 -0
  360. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +23 -0
  361. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +12 -38
  362. package/lib/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +22 -0
  363. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +30 -0
  364. package/lib/common/common.module.css +26 -3
  365. package/lib/common/docStyle.module.css +6 -2
  366. package/lib/css.js +0 -2
  367. package/lib/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +1 -1
  368. package/lib/deprecated/PortalLayer/PortalLayer.js +5 -16
  369. package/lib/deprecated/PortalLayer/props/defaultProps.js +12 -0
  370. package/lib/deprecated/PortalLayer/props/propTypes.js +22 -0
  371. package/lib/deprecated/advancedMultiSelectVariableJson.js +82 -0
  372. package/lib/index.js +80 -21
  373. package/lib/semantic/Button/Button.js +5 -38
  374. package/lib/semantic/Button/props/defaultProps.js +19 -0
  375. package/lib/semantic/Button/props/propTypes.js +37 -0
  376. package/lib/ucl/Grid/Grid.js +70 -0
  377. package/lib/ucl/Grid/componentNames.js +13 -0
  378. package/lib/ucl/Grid/css/Grid.module.css +217 -0
  379. package/lib/ucl/Grid/css/cssJSLogic.js +44 -0
  380. package/lib/{beta/FocusRing/docs/FocusRing__default.docs.js → ucl/Grid/docs/Grid__Area_Based_Detail_Layout.docs.js} +42 -50
  381. package/lib/ucl/Grid/docs/Grid__Area_Based_List_Layout.docs.js +101 -0
  382. package/lib/ucl/Grid/docs/Grid__Auto_Flow_Row.docs.js +86 -0
  383. package/lib/ucl/Grid/docs/Grid__Basic_Detail_Layout.docs.js +93 -0
  384. package/lib/ucl/Grid/docs/Grid__Box_Alignment.docs.js +91 -0
  385. package/lib/ucl/Grid/docs/Grid__Line_Based_Detail_Layout.docs.js +93 -0
  386. package/lib/ucl/Grid/docs/Grid__Line_Based_List_Layout.docs.js +97 -0
  387. package/lib/ucl/Grid/docs/Grid__default.docs.js +113 -0
  388. package/lib/ucl/Grid/docs/css/gridDocsAreaBasedDetailLayout.module.css +38 -0
  389. package/lib/ucl/Grid/docs/css/gridDocsAreaBasedListLayout.module.css +63 -0
  390. package/lib/ucl/Grid/docs/css/gridDocsAutoFlowRow.module.css +23 -0
  391. package/lib/ucl/Grid/docs/css/gridDocsBasicDetailLayout.module.css +21 -0
  392. package/lib/ucl/Grid/docs/css/gridDocsBoxAlignment.module.css +16 -0
  393. package/lib/ucl/Grid/docs/css/gridDocsDefault.module.css +15 -0
  394. package/lib/ucl/Grid/docs/css/gridDocsLineBasedDetailLayout.module.css +38 -0
  395. package/lib/ucl/Grid/docs/css/gridDocsLineBasedListLayout.module.css +47 -0
  396. package/lib/ucl/Grid/docs/css/gridDocsStyle.module.css +30 -0
  397. package/lib/ucl/Grid/index.js +31 -0
  398. package/lib/ucl/Grid/props/ariaPropTypes.js +23 -0
  399. package/lib/ucl/Grid/props/defaultProps.js +19 -0
  400. package/lib/ucl/Grid/props/propConstants.js +73 -0
  401. package/lib/ucl/Grid/props/propTypes.js +46 -0
  402. package/package.json +6 -3
  403. package/es/MultiSelect/AdvancedMultiSelect.module.css +0 -113
  404. package/es/a11y/FocusScope/FocusScope.js +0 -370
  405. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  406. package/es/beta/FocusRing/FocusRing.js +0 -281
  407. package/es/beta/FocusRing/FocusRing.module.css +0 -127
  408. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  409. package/lib/a11y/FocusScope/FocusScope.js +0 -443
  410. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  411. package/lib/beta/FocusRing/FocusRing.js +0 -338
  412. package/lib/beta/FocusRing/FocusRing.module.css +0 -152
@@ -9,7 +9,9 @@ exports["default"] = exports.DropBoxElement = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _defaultProps = require("./props/defaultProps");
13
+
14
+ var _propTypes = require("./props/propTypes");
13
15
 
14
16
  var _Common = require("../utils/Common");
15
17
 
@@ -171,7 +173,7 @@ var DropBoxElement = /*#__PURE__*/function (_React$Component) {
171
173
  } : {};
172
174
  }
173
175
 
174
- boxPosition = boxPosition ? boxPosition : 'bottomCenter';
176
+ boxPosition = boxPosition && boxPosition != 'undefined' ? boxPosition : 'bottomCenter';
175
177
  var boxDirection = _DropBoxPositionMapping.positionMapping[boxPosition].direction;
176
178
  /*getting box direction*/
177
179
 
@@ -311,77 +313,9 @@ var DropBox = /*#__PURE__*/function (_React$Component2) {
311
313
  }(_react["default"].Component);
312
314
 
313
315
  exports["default"] = DropBox;
314
- DropBox.propTypes = {
315
- animationStyle: _propTypes["default"].oneOf(['default', 'bounce']),
316
- arrowBottom: _propTypes["default"].number,
317
- arrowLeft: _propTypes["default"].number,
318
- arrowPosition: _propTypes["default"].oneOf(['start', 'mid', 'end']),
319
- arrowRight: _propTypes["default"].number,
320
- arrowTop: _propTypes["default"].number,
321
- bottom: _propTypes["default"].number,
322
- boxPosition: _propTypes["default"].oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
323
- children: _propTypes["default"].element,
324
- dataId: _propTypes["default"].string,
325
- forwardRef: _propTypes["default"].object,
326
- getRef: _propTypes["default"].func,
327
- isAbsolutePositioningNeeded: _propTypes["default"].bool,
328
- isActive: _propTypes["default"].bool,
329
- isAnimate: _propTypes["default"].bool,
330
- isArrow: _propTypes["default"].bool,
331
- isBoxPaddingNeed: _propTypes["default"].bool,
332
- isPadding: _propTypes["default"].bool,
333
- isRadius: _propTypes["default"].bool,
334
- left: _propTypes["default"].number,
335
- needResponsive: _propTypes["default"].bool,
336
- onClick: _propTypes["default"].func,
337
- right: _propTypes["default"].number,
338
- size: _propTypes["default"].oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
339
- top: _propTypes["default"].number,
340
- tourId: _propTypes["default"].string,
341
- htmlId: _propTypes["default"].string,
342
- tabIndex: _propTypes["default"].number,
343
- customClass: _propTypes["default"].shape({
344
- customDropBox: _propTypes["default"].string,
345
- customMobileDropBox: _propTypes["default"].string,
346
- customDropBoxWrap: _propTypes["default"].string,
347
- customMobileDropBoxWrap: _propTypes["default"].string
348
- }),
349
- a11y: _propTypes["default"].shape({
350
- role: _propTypes["default"].string,
351
- ariaMultiselectable: _propTypes["default"].bool,
352
- ariaLabelledby: _propTypes["default"].string
353
- }),
354
- palette: _propTypes["default"].oneOf(['default', 'dark']),
355
- needAutoZindex: _propTypes["default"].bool,
356
- portalId: _propTypes["default"].string,
357
- isRestrictScroll: _propTypes["default"].bool,
358
- customStyle: _propTypes["default"].object
359
- };
360
- DropBox.contextTypes = {
361
- direction: _propTypes["default"].string,
362
- isReducedMotion: _propTypes["default"].bool
363
- };
316
+ DropBox.propTypes = _propTypes.propTypes;
364
317
  DropBox.contextType = _LibraryContextInit["default"];
365
- DropBox.defaultProps = {
366
- animationStyle: 'default',
367
- boxPosition: 'bottomLeft',
368
- dataId: 'dropBox',
369
- isActive: false,
370
- isAnimate: false,
371
- isArrow: true,
372
- isRadius: true,
373
- size: 'default',
374
- needResponsive: true,
375
- isAbsolutePositioningNeeded: true,
376
- isBoxPaddingNeed: false,
377
- isPadding: true,
378
- customClass: {},
379
- a11y: {},
380
- palette: 'default',
381
- needAutoZindex: true,
382
- portalId: 'portal1',
383
- isRestrictScroll: false
384
- };
318
+ DropBox.defaultProps = _defaultProps.defaultProps;
385
319
 
386
320
  if (false) {
387
321
  DropBox.docs = {
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.defaultProps = void 0;
7
+ var defaultProps = {
8
+ animationStyle: 'default',
9
+ boxPosition: 'bottomLeft',
10
+ dataId: 'dropBox',
11
+ isActive: false,
12
+ isAnimate: false,
13
+ isArrow: true,
14
+ isRadius: true,
15
+ size: 'default',
16
+ needResponsive: true,
17
+ isAbsolutePositioningNeeded: true,
18
+ isBoxPaddingNeed: false,
19
+ isPadding: true,
20
+ customClass: {},
21
+ a11y: {},
22
+ palette: 'default',
23
+ needAutoZindex: true,
24
+ portalId: 'portal1',
25
+ isRestrictScroll: false
26
+ };
27
+ exports.defaultProps = defaultProps;
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.propTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var propTypes = {
13
+ animationStyle: _propTypes["default"].oneOf(['default', 'bounce']),
14
+ arrowBottom: _propTypes["default"].number,
15
+ arrowLeft: _propTypes["default"].number,
16
+ arrowPosition: _propTypes["default"].oneOf(['start', 'mid', 'end']),
17
+ arrowRight: _propTypes["default"].number,
18
+ arrowTop: _propTypes["default"].number,
19
+ bottom: _propTypes["default"].number,
20
+ boxPosition: _propTypes["default"].oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
21
+ children: _propTypes["default"].element,
22
+ dataId: _propTypes["default"].string,
23
+ forwardRef: _propTypes["default"].object,
24
+ getRef: _propTypes["default"].func,
25
+ isAbsolutePositioningNeeded: _propTypes["default"].bool,
26
+ isActive: _propTypes["default"].bool,
27
+ isAnimate: _propTypes["default"].bool,
28
+ isArrow: _propTypes["default"].bool,
29
+ isBoxPaddingNeed: _propTypes["default"].bool,
30
+ isPadding: _propTypes["default"].bool,
31
+ isRadius: _propTypes["default"].bool,
32
+ left: _propTypes["default"].number,
33
+ needResponsive: _propTypes["default"].bool,
34
+ onClick: _propTypes["default"].func,
35
+ right: _propTypes["default"].number,
36
+ size: _propTypes["default"].oneOf(['mini', 'xmini', 'xsmall', 'small', 'medium', 'large', 'mlarge', 'xlarge', 'xxlarge', 'default']),
37
+ top: _propTypes["default"].number,
38
+ tourId: _propTypes["default"].string,
39
+ htmlId: _propTypes["default"].string,
40
+ tabIndex: _propTypes["default"].number,
41
+ customClass: _propTypes["default"].shape({
42
+ customDropBox: _propTypes["default"].string,
43
+ customMobileDropBox: _propTypes["default"].string,
44
+ customDropBoxWrap: _propTypes["default"].string,
45
+ customMobileDropBoxWrap: _propTypes["default"].string
46
+ }),
47
+ a11y: _propTypes["default"].shape({
48
+ role: _propTypes["default"].string,
49
+ ariaMultiselectable: _propTypes["default"].bool,
50
+ ariaLabelledby: _propTypes["default"].string
51
+ }),
52
+ palette: _propTypes["default"].oneOf(['default', 'dark']),
53
+ needAutoZindex: _propTypes["default"].bool,
54
+ portalId: _propTypes["default"].string,
55
+ isRestrictScroll: _propTypes["default"].bool,
56
+ customStyle: _propTypes["default"].object
57
+ };
58
+ exports.propTypes = propTypes;
@@ -9,7 +9,9 @@ exports["default"] = exports.DropDownTarget = exports.DropDownItemContainer = ex
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _propTypes = require("./props/propTypes");
13
+
14
+ var _defaultProps = require("./props/defaultProps");
13
15
 
14
16
  var _DropDownModule = _interopRequireDefault(require("./DropDown.module.css"));
15
17
 
@@ -65,24 +67,7 @@ var DropDown = /*#__PURE__*/function (_React$Component) {
65
67
  }(_react["default"].Component);
66
68
 
67
69
  exports["default"] = DropDown;
68
- DropDown.propTypes = {
69
- arrowBottom: _propTypes["default"].string,
70
- arrowLeft: _propTypes["default"].string,
71
- arrowPosition: _propTypes["default"].string,
72
- arrowRight: _propTypes["default"].string,
73
- arrowTop: _propTypes["default"].string,
74
- bottom: _propTypes["default"].string,
75
- boxPosition: _propTypes["default"].string,
76
- children: _propTypes["default"].node,
77
- isAnimate: _propTypes["default"].bool,
78
- isArrow: _propTypes["default"].bool,
79
- isPopupOpen: _propTypes["default"].bool,
80
- left: _propTypes["default"].string,
81
- onClick: _propTypes["default"].func,
82
- right: _propTypes["default"].string,
83
- size: _propTypes["default"].string,
84
- top: _propTypes["default"].string
85
- };
70
+ DropDown.propTypes = _propTypes.DropDown_propTypes;
86
71
 
87
72
  if (false) {
88
73
  DropDown.docs = {
@@ -114,9 +99,7 @@ var DropDownTarget = /*#__PURE__*/function (_React$Component2) {
114
99
  }(_react["default"].Component);
115
100
 
116
101
  exports.DropDownTarget = DropDownTarget;
117
- DropDownTarget.propTypes = {
118
- children: _propTypes["default"].node
119
- };
102
+ DropDownTarget.propTypes = _propTypes.DropDownTarget_propTypes;
120
103
 
121
104
  var DropDownContainer = /*#__PURE__*/function (_React$Component3) {
122
105
  _inherits(DropDownContainer, _React$Component3);
@@ -141,9 +124,7 @@ var DropDownContainer = /*#__PURE__*/function (_React$Component3) {
141
124
  }(_react["default"].Component);
142
125
 
143
126
  exports.DropDownContainer = DropDownContainer;
144
- DropDownContainer.propTypes = {
145
- children: _propTypes["default"].node
146
- };
127
+ DropDownContainer.propTypes = _propTypes.DropDownContainer_propTypes;
147
128
 
148
129
  var DropDownItemContainer = /*#__PURE__*/function (_React$Component4) {
149
130
  _inherits(DropDownItemContainer, _React$Component4);
@@ -192,12 +173,5 @@ var DropDownItemContainer = /*#__PURE__*/function (_React$Component4) {
192
173
  }(_react["default"].Component);
193
174
 
194
175
  exports.DropDownItemContainer = DropDownItemContainer;
195
- DropDownItemContainer.propTypes = {
196
- children: _propTypes["default"].node,
197
- dataId: _propTypes["default"].string,
198
- getRef: _propTypes["default"].func,
199
- onScroll: _propTypes["default"].func
200
- };
201
- DropDownItemContainer.defaultProps = {
202
- dataId: 'drpdwnItemContainer'
203
- };
176
+ DropDownItemContainer.propTypes = _propTypes.DropDownItemContainer_propTypes;
177
+ DropDownItemContainer.defaultProps = _defaultProps.DropDownItemContainer_defaultProps;
@@ -9,7 +9,9 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _propTypes = require("./props/propTypes");
13
+
14
+ var _defaultProps = require("./props/defaultProps");
13
15
 
14
16
  var _DropDownHeadingModule = _interopRequireDefault(require("./DropDownHeading.module.css"));
15
17
 
@@ -75,24 +77,8 @@ var DropDownHeading = /*#__PURE__*/function (_React$Component) {
75
77
  }(_react["default"].Component);
76
78
 
77
79
  exports["default"] = DropDownHeading;
78
- DropDownHeading.propTypes = {
79
- children: _propTypes["default"].node,
80
- customClass: _propTypes["default"].string,
81
- palette: _propTypes["default"].oneOf(['light', 'dark']),
82
- text: _propTypes["default"].string,
83
- title: _propTypes["default"].string,
84
- htmlId: _propTypes["default"].string,
85
- a11y: _propTypes["default"].shape({
86
- role: _propTypes["default"].string,
87
- ariaLabelledby: _propTypes["default"].string
88
- })
89
- };
90
- DropDownHeading.defaultProps = {
91
- customClass: '',
92
- children: null,
93
- palette: 'light',
94
- a11y: {}
95
- };
80
+ DropDownHeading.propTypes = _propTypes.DropDownHeading_propTypes;
81
+ DropDownHeading.defaultProps = _defaultProps.DropDownHeading_defaultProps;
96
82
 
97
83
  if (false) {
98
84
  DropDownHeading.docs = {
@@ -9,7 +9,9 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _propTypes = require("./props/propTypes");
13
+
14
+ var _defaultProps = require("./props/defaultProps");
13
15
 
14
16
  var _DropDownItemModule = _interopRequireDefault(require("./DropDownItem.module.css"));
15
17
 
@@ -120,20 +122,5 @@ var DropDownItem = /*#__PURE__*/function (_React$Component) {
120
122
  }(_react["default"].Component);
121
123
 
122
124
  exports["default"] = DropDownItem;
123
- DropDownItem.propTypes = {
124
- active: _propTypes["default"].bool,
125
- children: _propTypes["default"].node,
126
- dataId: _propTypes["default"].string,
127
- getRef: _propTypes["default"].func,
128
- hightlight: _propTypes["default"].bool,
129
- id: _propTypes["default"].string,
130
- index: _propTypes["default"].number,
131
- onClick: _propTypes["default"].func,
132
- onHover: _propTypes["default"].func,
133
- value: _propTypes["default"].string,
134
- customClass: _propTypes["default"].string
135
- };
136
- DropDownItem.defaultProps = {
137
- active: false,
138
- dataId: 'dropDwnItemContainer'
139
- };
125
+ DropDownItem.propTypes = _propTypes.DropDownItem_propTypes;
126
+ DropDownItem.defaultProps = _defaultProps.DropDownItem_defaultProps;
@@ -9,18 +9,16 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _propTypes = require("./props/propTypes");
13
+
14
+ var _defaultProps = require("./props/defaultProps");
13
15
 
14
16
  var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
15
17
 
16
18
  var _DropDownSearchModule = _interopRequireDefault(require("./DropDownSearch.module.css"));
17
19
 
18
- var _DropDownSearch$propT;
19
-
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
21
 
22
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
-
24
22
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
23
 
26
24
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -112,21 +110,5 @@ var DropDownSearch = /*#__PURE__*/function (_React$Component) {
112
110
  }(_react["default"].Component);
113
111
 
114
112
  exports["default"] = DropDownSearch;
115
- DropDownSearch.defaultProps = {
116
- size: 'medium',
117
- textBoxSize: 'medium',
118
- customClass: {}
119
- };
120
- DropDownSearch.propTypes = (_DropDownSearch$propT = {
121
- getRef: _propTypes["default"].func,
122
- id: _propTypes["default"].string,
123
- maxLength: _propTypes["default"].string,
124
- name: _propTypes["default"].string,
125
- onBlur: _propTypes["default"].func,
126
- onChange: _propTypes["default"].func,
127
- onKeyDown: _propTypes["default"].func,
128
- placeHolder: _propTypes["default"].string
129
- }, _defineProperty(_DropDownSearch$propT, "placeHolder", _propTypes["default"].string), _defineProperty(_DropDownSearch$propT, "size", _propTypes["default"].oneOf(['small', 'medium'])), _defineProperty(_DropDownSearch$propT, "textBoxSize", _propTypes["default"].string), _defineProperty(_DropDownSearch$propT, "value", _propTypes["default"].string), _defineProperty(_DropDownSearch$propT, "customClass", _propTypes["default"].shape({
130
- searchClass: _propTypes["default"].string,
131
- customTextBox: _propTypes["default"].string
132
- })), _DropDownSearch$propT);
113
+ DropDownSearch.defaultProps = _defaultProps.DropDownSearch_defaultProps;
114
+ DropDownSearch.propTypes = _propTypes.DropDownSearch_propTypes;
@@ -9,7 +9,7 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _propTypes = require("./props/propTypes");
13
13
 
14
14
  var _DropDownSeparatorModule = _interopRequireDefault(require("./DropDownSeparator.module.css"));
15
15
 
@@ -61,6 +61,4 @@ var DropDownSeparator = /*#__PURE__*/function (_React$Component) {
61
61
  }(_react["default"].Component);
62
62
 
63
63
  exports["default"] = DropDownSeparator;
64
- DropDownSeparator.propTypes = {
65
- customClass: _propTypes["default"].string
66
- };
64
+ DropDownSeparator.propTypes = _propTypes.DropDownSeparator_propTypes;
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DropDownSearch_defaultProps = exports.DropDownItem_defaultProps = exports.DropDownItemContainer_defaultProps = exports.DropDownHeading_defaultProps = void 0;
7
+ var DropDownItemContainer_defaultProps = {
8
+ dataId: 'drpdwnItemContainer'
9
+ };
10
+ exports.DropDownItemContainer_defaultProps = DropDownItemContainer_defaultProps;
11
+ var DropDownHeading_defaultProps = {
12
+ customClass: '',
13
+ children: null,
14
+ palette: 'light',
15
+ a11y: {}
16
+ };
17
+ exports.DropDownHeading_defaultProps = DropDownHeading_defaultProps;
18
+ var DropDownItem_defaultProps = {
19
+ active: false,
20
+ dataId: 'dropDwnItemContainer'
21
+ };
22
+ exports.DropDownItem_defaultProps = DropDownItem_defaultProps;
23
+ var DropDownSearch_defaultProps = {
24
+ size: 'medium',
25
+ textBoxSize: 'medium',
26
+ customClass: {}
27
+ };
28
+ exports.DropDownSearch_defaultProps = DropDownSearch_defaultProps;
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.DropDown_propTypes = exports.DropDownTarget_propTypes = exports.DropDownSeparator_propTypes = exports.DropDownSearch_propTypes = exports.DropDownItem_propTypes = exports.DropDownItemContainer_propTypes = exports.DropDownHeading_propTypes = exports.DropDownContainer_propTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ var _DropDownSearch_propT;
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+
14
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
+
16
+ var DropDown_propTypes = {
17
+ arrowBottom: _propTypes["default"].string,
18
+ arrowLeft: _propTypes["default"].string,
19
+ arrowPosition: _propTypes["default"].string,
20
+ arrowRight: _propTypes["default"].string,
21
+ arrowTop: _propTypes["default"].string,
22
+ bottom: _propTypes["default"].string,
23
+ boxPosition: _propTypes["default"].string,
24
+ children: _propTypes["default"].node,
25
+ isAnimate: _propTypes["default"].bool,
26
+ isArrow: _propTypes["default"].bool,
27
+ isPopupOpen: _propTypes["default"].bool,
28
+ left: _propTypes["default"].string,
29
+ onClick: _propTypes["default"].func,
30
+ right: _propTypes["default"].string,
31
+ size: _propTypes["default"].string,
32
+ top: _propTypes["default"].string
33
+ };
34
+ exports.DropDown_propTypes = DropDown_propTypes;
35
+ var DropDownTarget_propTypes = {
36
+ children: _propTypes["default"].node
37
+ };
38
+ exports.DropDownTarget_propTypes = DropDownTarget_propTypes;
39
+ var DropDownContainer_propTypes = {
40
+ children: _propTypes["default"].node
41
+ };
42
+ exports.DropDownContainer_propTypes = DropDownContainer_propTypes;
43
+ var DropDownItemContainer_propTypes = {
44
+ children: _propTypes["default"].node,
45
+ dataId: _propTypes["default"].string,
46
+ getRef: _propTypes["default"].func,
47
+ onScroll: _propTypes["default"].func
48
+ };
49
+ exports.DropDownItemContainer_propTypes = DropDownItemContainer_propTypes;
50
+ var DropDownHeading_propTypes = {
51
+ children: _propTypes["default"].node,
52
+ customClass: _propTypes["default"].string,
53
+ palette: _propTypes["default"].oneOf(['light', 'dark']),
54
+ text: _propTypes["default"].string,
55
+ title: _propTypes["default"].string,
56
+ htmlId: _propTypes["default"].string,
57
+ a11y: _propTypes["default"].shape({
58
+ role: _propTypes["default"].string,
59
+ ariaLabelledby: _propTypes["default"].string
60
+ })
61
+ };
62
+ exports.DropDownHeading_propTypes = DropDownHeading_propTypes;
63
+ var DropDownItem_propTypes = {
64
+ active: _propTypes["default"].bool,
65
+ children: _propTypes["default"].node,
66
+ dataId: _propTypes["default"].string,
67
+ getRef: _propTypes["default"].func,
68
+ hightlight: _propTypes["default"].bool,
69
+ id: _propTypes["default"].string,
70
+ index: _propTypes["default"].number,
71
+ onClick: _propTypes["default"].func,
72
+ onHover: _propTypes["default"].func,
73
+ value: _propTypes["default"].string,
74
+ customClass: _propTypes["default"].string
75
+ };
76
+ exports.DropDownItem_propTypes = DropDownItem_propTypes;
77
+ var DropDownSearch_propTypes = (_DropDownSearch_propT = {
78
+ getRef: _propTypes["default"].func,
79
+ id: _propTypes["default"].string,
80
+ maxLength: _propTypes["default"].string,
81
+ name: _propTypes["default"].string,
82
+ onBlur: _propTypes["default"].func,
83
+ onChange: _propTypes["default"].func,
84
+ onKeyDown: _propTypes["default"].func,
85
+ placeHolder: _propTypes["default"].string
86
+ }, _defineProperty(_DropDownSearch_propT, "placeHolder", _propTypes["default"].string), _defineProperty(_DropDownSearch_propT, "size", _propTypes["default"].oneOf(['small', 'medium'])), _defineProperty(_DropDownSearch_propT, "textBoxSize", _propTypes["default"].string), _defineProperty(_DropDownSearch_propT, "value", _propTypes["default"].string), _defineProperty(_DropDownSearch_propT, "customClass", _propTypes["default"].shape({
87
+ searchClass: _propTypes["default"].string,
88
+ customTextBox: _propTypes["default"].string
89
+ })), _DropDownSearch_propT);
90
+ exports.DropDownSearch_propTypes = DropDownSearch_propTypes;
91
+ var DropDownSeparator_propTypes = {
92
+ customClass: _propTypes["default"].string
93
+ };
94
+ exports.DropDownSeparator_propTypes = DropDownSeparator_propTypes;
@@ -9,7 +9,9 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _defaultProps = require("./props/defaultProps");
13
+
14
+ var _propTypes = require("./props/propTypes");
13
15
 
14
16
  var _LabelModule = _interopRequireDefault(require("./Label.module.css"));
15
17
 
@@ -77,29 +79,8 @@ var Label = /*#__PURE__*/function (_React$Component) {
77
79
  }(_react["default"].Component);
78
80
 
79
81
  exports["default"] = Label;
80
- Label.defaultProps = {
81
- clipped: false,
82
- dataId: 'label',
83
- palette: 'default',
84
- size: 'medium',
85
- text: 'Label',
86
- type: 'title',
87
- variant: 'default',
88
- customClass: ''
89
- };
90
- Label.propTypes = {
91
- clipped: _propTypes["default"].bool,
92
- dataId: _propTypes["default"].string,
93
- htmlFor: _propTypes["default"].string,
94
- onClick: _propTypes["default"].func,
95
- palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
96
- size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
97
- text: _propTypes["default"].string,
98
- title: _propTypes["default"].string,
99
- type: _propTypes["default"].oneOf(['title', 'subtitle']),
100
- variant: _propTypes["default"].oneOf(['primary', 'default']),
101
- customClass: _propTypes["default"].string
102
- };
82
+ Label.defaultProps = _defaultProps.defaultProps;
83
+ Label.propTypes = _propTypes.propTypes;
103
84
 
104
85
  if (false) {
105
86
  Label.docs = {
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.defaultProps = void 0;
7
+ var defaultProps = {
8
+ clipped: false,
9
+ dataId: 'label',
10
+ palette: 'default',
11
+ size: 'medium',
12
+ text: 'Label',
13
+ type: 'title',
14
+ variant: 'default',
15
+ customClass: ''
16
+ };
17
+ exports.defaultProps = defaultProps;
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.propTypes = void 0;
7
+
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
12
+ var propTypes = {
13
+ clipped: _propTypes["default"].bool,
14
+ dataId: _propTypes["default"].string,
15
+ htmlFor: _propTypes["default"].string,
16
+ onClick: _propTypes["default"].func,
17
+ palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
18
+ size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
19
+ text: _propTypes["default"].string,
20
+ title: _propTypes["default"].string,
21
+ type: _propTypes["default"].oneOf(['title', 'subtitle']),
22
+ variant: _propTypes["default"].oneOf(['primary', 'default']),
23
+ customClass: _propTypes["default"].string
24
+ };
25
+ exports.propTypes = propTypes;