@zohodesk/components 1.0.0-temp-154 → 1.0.0-temp-156

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 (432) hide show
  1. package/README.md +4 -0
  2. package/es/Accordion/Accordion.js +7 -3
  3. package/es/Accordion/AccordionItem.js +4 -2
  4. package/es/Animation/Animation.js +3 -3
  5. package/es/AppContainer/AppContainer.js +13 -5
  6. package/es/AppContainer/AppContainer.module.css +2 -2
  7. package/es/Avatar/Avatar.js +23 -11
  8. package/es/Avatar/Avatar.module.css +10 -10
  9. package/es/AvatarTeam/AvatarTeam.js +3 -3
  10. package/es/AvatarTeam/AvatarTeam.module.css +22 -21
  11. package/es/Button/Button.js +4 -3
  12. package/es/Button/css/Button.module.css +51 -50
  13. package/es/Buttongroup/Buttongroup.js +3 -3
  14. package/es/Buttongroup/Buttongroup.module.css +13 -14
  15. package/es/Card/Card.js +21 -10
  16. package/es/CheckBox/CheckBox.js +5 -3
  17. package/es/CheckBox/CheckBox.module.css +16 -16
  18. package/es/DateTime/CalendarView.js +32 -20
  19. package/es/DateTime/DateTime.js +67 -6
  20. package/es/DateTime/DateTime.module.css +39 -39
  21. package/es/DateTime/DateTimePopupFooter.js +4 -2
  22. package/es/DateTime/DateTimePopupHeader.js +8 -2
  23. package/es/DateTime/DateWidget.js +98 -35
  24. package/es/DateTime/DateWidget.module.css +5 -5
  25. package/es/DateTime/DaysRow.js +4 -2
  26. package/es/DateTime/Time.js +10 -2
  27. package/es/DateTime/YearView.js +28 -4
  28. package/es/DateTime/YearView.module.css +15 -15
  29. package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
  30. package/es/DateTime/__tests__/DateTime.spec.js +1 -0
  31. package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
  32. package/es/DateTime/common.js +3 -0
  33. package/es/DateTime/constants.js +1 -0
  34. package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
  35. package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
  36. package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
  37. package/es/DateTime/dateFormatUtils/index.js +32 -2
  38. package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
  39. package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
  40. package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
  41. package/es/DateTime/objectUtils.js +14 -20
  42. package/es/DateTime/typeChecker.js +3 -0
  43. package/es/DateTime/validator.js +58 -6
  44. package/es/DropBox/DropBox.js +6 -2
  45. package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
  46. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +74 -73
  47. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
  48. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
  49. package/es/DropBox/css/DropBox.module.css +6 -6
  50. package/es/DropBox/props/defaultProps.js +1 -2
  51. package/es/DropBox/props/propTypes.js +1 -2
  52. package/es/DropDown/DropDown.js +8 -4
  53. package/es/DropDown/DropDown.module.css +2 -2
  54. package/es/DropDown/DropDownHeading.js +4 -5
  55. package/es/DropDown/DropDownHeading.module.css +3 -3
  56. package/es/DropDown/DropDownItem.js +6 -0
  57. package/es/DropDown/DropDownItem.module.css +9 -9
  58. package/es/DropDown/DropDownSearch.js +4 -0
  59. package/es/DropDown/DropDownSeparator.js +1 -0
  60. package/es/DropDown/DropDownSeparator.module.css +2 -2
  61. package/es/DropDown/__tests__/DropDown.spec.js +1 -2
  62. package/es/Heading/Heading.js +2 -3
  63. package/es/Heading/Heading.module.css +2 -2
  64. package/es/Label/Label.js +2 -3
  65. package/es/Label/Label.module.css +1 -1
  66. package/es/Layout/Box.js +13 -0
  67. package/es/Layout/Container.js +12 -1
  68. package/es/Layout/Layout.module.css +15 -15
  69. package/es/Layout/index.js +1 -2
  70. package/es/ListItem/ListContainer.js +8 -3
  71. package/es/ListItem/ListItem.js +9 -3
  72. package/es/ListItem/ListItem.module.css +26 -26
  73. package/es/ListItem/ListItemWithAvatar.js +9 -3
  74. package/es/ListItem/ListItemWithCheckBox.js +7 -2
  75. package/es/ListItem/ListItemWithIcon.js +8 -3
  76. package/es/ListItem/ListItemWithRadio.js +7 -3
  77. package/es/Modal/Modal.js +28 -11
  78. package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
  79. package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
  80. package/es/MultiSelect/EmptyState.js +2 -0
  81. package/es/MultiSelect/MultiSelect.js +99 -32
  82. package/es/MultiSelect/MultiSelect.module.css +32 -31
  83. package/es/MultiSelect/MultiSelectHeader.js +3 -0
  84. package/es/MultiSelect/MultiSelectWithAvatar.js +12 -6
  85. package/es/MultiSelect/SelectedOptions.js +6 -3
  86. package/es/MultiSelect/SelectedOptions.module.css +5 -5
  87. package/es/MultiSelect/Suggestions.js +7 -3
  88. package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
  89. package/es/MultiSelect/props/propTypes.js +2 -0
  90. package/es/PopOver/PopOver.js +18 -2
  91. package/es/PopOver/__tests__/PopOver.spec.js +2 -1
  92. package/es/Popup/Popup.js +77 -24
  93. package/es/Popup/__tests__/Popup.spec.js +17 -5
  94. package/es/Popup/viewPort.js +16 -4
  95. package/es/Provider/IdProvider.js +10 -5
  96. package/es/Provider/LibraryContext.js +6 -4
  97. package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
  98. package/es/Provider/ZindexProvider.js +9 -2
  99. package/es/Radio/Radio.js +4 -2
  100. package/es/Radio/Radio.module.css +3 -3
  101. package/es/Responsive/CustomResponsive.js +30 -18
  102. package/es/Responsive/RefWrapper.js +6 -7
  103. package/es/Responsive/ResizeComponent.js +35 -25
  104. package/es/Responsive/ResizeObserver.js +26 -6
  105. package/es/Responsive/Responsive.js +34 -20
  106. package/es/Responsive/index.js +1 -3
  107. package/es/Responsive/sizeObservers.js +28 -7
  108. package/es/Responsive/utils/index.js +7 -5
  109. package/es/Responsive/utils/shallowCompare.js +7 -2
  110. package/es/Responsive/windowResizeObserver.js +7 -0
  111. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
  112. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  113. package/es/Ribbon/Ribbon.js +3 -2
  114. package/es/Ribbon/Ribbon.module.css +42 -42
  115. package/es/RippleEffect/RippleEffect.js +1 -3
  116. package/es/Select/GroupSelect.js +58 -14
  117. package/es/Select/Select.js +79 -33
  118. package/es/Select/Select.module.css +23 -23
  119. package/es/Select/SelectWithAvatar.js +17 -4
  120. package/es/Select/SelectWithIcon.js +46 -5
  121. package/es/Select/__tests__/Select.spec.js +6 -8
  122. package/es/Select/props/propTypes.js +1 -0
  123. package/es/Stencils/Stencils.js +3 -3
  124. package/es/Stencils/Stencils.module.css +2 -2
  125. package/es/Switch/Switch.js +5 -3
  126. package/es/Switch/Switch.module.css +23 -23
  127. package/es/Tab/Tab.js +4 -4
  128. package/es/Tab/Tab.module.css +14 -14
  129. package/es/Tab/TabContent.js +1 -0
  130. package/es/Tab/TabContentWrapper.js +2 -0
  131. package/es/Tab/TabWrapper.js +5 -2
  132. package/es/Tab/Tabs.js +54 -7
  133. package/es/Tab/Tabs.module.css +23 -23
  134. package/es/Tab/__tests__/Tab.spec.js +1 -3
  135. package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
  136. package/es/Tag/Tag.js +6 -3
  137. package/es/Tag/Tag.module.css +10 -10
  138. package/es/TextBox/TextBox.js +15 -3
  139. package/es/TextBox/TextBox.module.css +6 -5
  140. package/es/TextBox/__tests__/TextBox.spec.js +1 -4
  141. package/es/TextBoxIcon/TextBoxIcon.js +9 -2
  142. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -6
  143. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
  144. package/es/Textarea/Textarea.js +12 -3
  145. package/es/Textarea/Textarea.module.css +6 -6
  146. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  147. package/es/Tooltip/Tooltip.js +58 -14
  148. package/es/Tooltip/Tooltip.module.css +12 -5
  149. package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
  150. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
  151. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
  152. package/es/common/animation.module.css +8 -8
  153. package/es/common/basicReset.module.css +3 -3
  154. package/es/common/boxShadow.module.css +1 -3
  155. package/es/common/common.module.css +24 -24
  156. package/es/common/customscroll.module.css +4 -2
  157. package/es/common/reset.module.css +1 -0
  158. package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
  159. package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
  160. package/es/semantic/Button/Button.js +3 -2
  161. package/es/semantic/Button/semanticButton.module.css +1 -1
  162. package/es/utils/Common.js +54 -9
  163. package/es/utils/ContextOptimizer.js +4 -5
  164. package/es/utils/__tests__/debounce.spec.js +2 -2
  165. package/es/utils/constructFullName.js +2 -0
  166. package/es/utils/css/compileClassNames.js +5 -0
  167. package/es/utils/css/mergeStyle.js +7 -6
  168. package/es/utils/css/utils.js +1 -0
  169. package/es/utils/datetime/common.js +16 -5
  170. package/es/utils/debounce.js +5 -1
  171. package/es/utils/dropDownUtils.js +68 -11
  172. package/es/utils/getInitial.js +4 -0
  173. package/es/utils/shallowEqual.js +6 -0
  174. package/lib/Accordion/Accordion.js +42 -18
  175. package/lib/Accordion/AccordionItem.js +40 -18
  176. package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
  177. package/lib/Accordion/index.js +3 -0
  178. package/lib/Accordion/props/propTypes.js +3 -0
  179. package/lib/Animation/Animation.js +38 -18
  180. package/lib/Animation/__tests__/Animation.spec.js +11 -7
  181. package/lib/Animation/props/propTypes.js +3 -0
  182. package/lib/AppContainer/AppContainer.js +56 -21
  183. package/lib/AppContainer/AppContainer.module.css +2 -2
  184. package/lib/AppContainer/props/propTypes.js +3 -0
  185. package/lib/Avatar/Avatar.js +78 -38
  186. package/lib/Avatar/Avatar.module.css +10 -10
  187. package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
  188. package/lib/Avatar/props/propTypes.js +3 -0
  189. package/lib/AvatarTeam/AvatarTeam.js +52 -30
  190. package/lib/AvatarTeam/AvatarTeam.module.css +22 -21
  191. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
  192. package/lib/AvatarTeam/props/propTypes.js +3 -0
  193. package/lib/Button/Button.js +31 -20
  194. package/lib/Button/css/Button.module.css +51 -50
  195. package/lib/Button/css/cssJSLogic.js +18 -17
  196. package/lib/Button/index.js +3 -0
  197. package/lib/Button/props/defaultProps.js +2 -0
  198. package/lib/Button/props/propTypes.js +3 -0
  199. package/lib/Buttongroup/Buttongroup.js +32 -12
  200. package/lib/Buttongroup/Buttongroup.module.css +13 -14
  201. package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
  202. package/lib/Buttongroup/props/propTypes.js +3 -0
  203. package/lib/Card/Card.js +102 -46
  204. package/lib/Card/__tests__/Card.spec.js +10 -1
  205. package/lib/Card/index.js +4 -0
  206. package/lib/Card/props/propTypes.js +3 -0
  207. package/lib/CheckBox/CheckBox.js +71 -47
  208. package/lib/CheckBox/CheckBox.module.css +16 -16
  209. package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
  210. package/lib/CheckBox/props/propTypes.js +3 -0
  211. package/lib/DateTime/CalendarView.js +82 -42
  212. package/lib/DateTime/DateTime.js +239 -155
  213. package/lib/DateTime/DateTime.module.css +39 -39
  214. package/lib/DateTime/DateTimePopupFooter.js +31 -8
  215. package/lib/DateTime/DateTimePopupHeader.js +48 -17
  216. package/lib/DateTime/DateWidget.js +352 -250
  217. package/lib/DateTime/DateWidget.module.css +5 -5
  218. package/lib/DateTime/DaysRow.js +27 -5
  219. package/lib/DateTime/Time.js +73 -32
  220. package/lib/DateTime/YearView.js +77 -28
  221. package/lib/DateTime/YearView.module.css +15 -15
  222. package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
  223. package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
  224. package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
  225. package/lib/DateTime/common.js +6 -0
  226. package/lib/DateTime/constants.js +1 -0
  227. package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
  228. package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
  229. package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
  230. package/lib/DateTime/dateFormatUtils/index.js +74 -16
  231. package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
  232. package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
  233. package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
  234. package/lib/DateTime/index.js +2 -0
  235. package/lib/DateTime/objectUtils.js +24 -20
  236. package/lib/DateTime/props/propTypes.js +11 -1
  237. package/lib/DateTime/typeChecker.js +4 -0
  238. package/lib/DateTime/validator.js +73 -10
  239. package/lib/DropBox/DropBox.js +34 -10
  240. package/lib/DropBox/DropBoxElement/DropBoxElement.js +58 -37
  241. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +74 -73
  242. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +41 -33
  243. package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
  244. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
  245. package/lib/DropBox/__tests__/DropBox.spec.js +6 -2
  246. package/lib/DropBox/css/DropBox.module.css +6 -6
  247. package/lib/DropBox/css/cssJSLogic.js +3 -1
  248. package/lib/DropBox/props/defaultProps.js +8 -4
  249. package/lib/DropBox/props/propTypes.js +10 -4
  250. package/lib/DropDown/DropDown.js +52 -8
  251. package/lib/DropDown/DropDown.module.css +2 -2
  252. package/lib/DropDown/DropDownHeading.js +39 -20
  253. package/lib/DropDown/DropDownHeading.module.css +3 -3
  254. package/lib/DropDown/DropDownItem.js +42 -20
  255. package/lib/DropDown/DropDownItem.module.css +9 -9
  256. package/lib/DropDown/DropDownSearch.js +40 -17
  257. package/lib/DropDown/DropDownSeparator.js +24 -4
  258. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  259. package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
  260. package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
  261. package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
  262. package/lib/DropDown/index.js +9 -0
  263. package/lib/DropDown/props/propTypes.js +6 -4
  264. package/lib/Heading/Heading.js +37 -15
  265. package/lib/Heading/Heading.module.css +2 -2
  266. package/lib/Heading/props/propTypes.js +3 -0
  267. package/lib/Label/Label.js +39 -19
  268. package/lib/Label/Label.module.css +1 -1
  269. package/lib/Label/__tests__/Label.spec.js +14 -1
  270. package/lib/Label/props/propTypes.js +3 -0
  271. package/lib/Layout/Box.js +31 -11
  272. package/lib/Layout/Container.js +29 -10
  273. package/lib/Layout/Layout.module.css +15 -15
  274. package/lib/Layout/__tests__/Box.spec.js +65 -49
  275. package/lib/Layout/__tests__/Container.spec.js +67 -50
  276. package/lib/Layout/index.js +3 -0
  277. package/lib/Layout/props/propTypes.js +3 -0
  278. package/lib/Layout/utils.js +10 -0
  279. package/lib/ListItem/ListContainer.js +48 -27
  280. package/lib/ListItem/ListItem.js +69 -45
  281. package/lib/ListItem/ListItem.module.css +26 -26
  282. package/lib/ListItem/ListItemWithAvatar.js +75 -48
  283. package/lib/ListItem/ListItemWithCheckBox.js +64 -39
  284. package/lib/ListItem/ListItemWithIcon.js +68 -44
  285. package/lib/ListItem/ListItemWithRadio.js +65 -41
  286. package/lib/ListItem/index.js +7 -0
  287. package/lib/ListItem/props/propTypes.js +6 -4
  288. package/lib/Modal/Modal.js +45 -10
  289. package/lib/Modal/props/propTypes.js +3 -0
  290. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +294 -166
  291. package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
  292. package/lib/MultiSelect/EmptyState.js +45 -24
  293. package/lib/MultiSelect/MultiSelect.js +323 -206
  294. package/lib/MultiSelect/MultiSelect.module.css +32 -31
  295. package/lib/MultiSelect/MultiSelectHeader.js +30 -8
  296. package/lib/MultiSelect/MultiSelectWithAvatar.js +105 -63
  297. package/lib/MultiSelect/SelectedOptions.js +43 -17
  298. package/lib/MultiSelect/SelectedOptions.module.css +5 -5
  299. package/lib/MultiSelect/Suggestions.js +64 -32
  300. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
  301. package/lib/MultiSelect/index.js +5 -0
  302. package/lib/MultiSelect/props/defaultProps.js +2 -0
  303. package/lib/MultiSelect/props/propTypes.js +5 -0
  304. package/lib/PopOver/PopOver.js +95 -49
  305. package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
  306. package/lib/PopOver/index.js +4 -0
  307. package/lib/PopOver/props/propTypes.js +3 -0
  308. package/lib/Popup/Popup.js +158 -81
  309. package/lib/Popup/__tests__/Popup.spec.js +43 -8
  310. package/lib/Popup/viewPort.js +28 -14
  311. package/lib/Provider/AvatarSize.js +4 -0
  312. package/lib/Provider/Config.js +2 -0
  313. package/lib/Provider/CssProvider.js +4 -0
  314. package/lib/Provider/IdProvider.js +17 -6
  315. package/lib/Provider/LibraryContext.js +35 -15
  316. package/lib/Provider/LibraryContextInit.js +4 -0
  317. package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
  318. package/lib/Provider/ZindexProvider.js +15 -3
  319. package/lib/Provider/index.js +5 -0
  320. package/lib/Radio/Radio.js +61 -38
  321. package/lib/Radio/Radio.module.css +3 -3
  322. package/lib/Radio/__tests__/Radiospec.js +9 -5
  323. package/lib/Radio/props/propTypes.js +3 -0
  324. package/lib/Responsive/CustomResponsive.js +73 -29
  325. package/lib/Responsive/RefWrapper.js +17 -11
  326. package/lib/Responsive/ResizeComponent.js +62 -36
  327. package/lib/Responsive/ResizeObserver.js +24 -10
  328. package/lib/Responsive/Responsive.js +80 -30
  329. package/lib/Responsive/index.js +4 -0
  330. package/lib/Responsive/props/propTypes.js +3 -0
  331. package/lib/Responsive/sizeObservers.js +53 -17
  332. package/lib/Responsive/utils/index.js +11 -3
  333. package/lib/Responsive/utils/shallowCompare.js +11 -2
  334. package/lib/Responsive/windowResizeObserver.js +8 -0
  335. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
  336. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  337. package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
  338. package/lib/Ribbon/Ribbon.js +33 -13
  339. package/lib/Ribbon/Ribbon.module.css +42 -42
  340. package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
  341. package/lib/Ribbon/props/propTypes.js +3 -0
  342. package/lib/RippleEffect/RippleEffect.js +18 -10
  343. package/lib/RippleEffect/props/propTypes.js +3 -0
  344. package/lib/Select/GroupSelect.js +229 -130
  345. package/lib/Select/Select.js +290 -209
  346. package/lib/Select/Select.module.css +23 -23
  347. package/lib/Select/SelectWithAvatar.js +102 -56
  348. package/lib/Select/SelectWithIcon.js +132 -76
  349. package/lib/Select/__tests__/Select.spec.js +133 -91
  350. package/lib/Select/index.js +5 -0
  351. package/lib/Select/props/defaultProps.js +5 -4
  352. package/lib/Select/props/propTypes.js +4 -0
  353. package/lib/Stencils/Stencils.js +29 -10
  354. package/lib/Stencils/Stencils.module.css +2 -2
  355. package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
  356. package/lib/Stencils/props/propTypes.js +3 -0
  357. package/lib/Switch/Switch.js +57 -34
  358. package/lib/Switch/Switch.module.css +23 -23
  359. package/lib/Switch/props/propTypes.js +3 -0
  360. package/lib/Tab/Tab.js +40 -27
  361. package/lib/Tab/Tab.module.css +14 -14
  362. package/lib/Tab/TabContent.js +12 -5
  363. package/lib/Tab/TabContentWrapper.js +13 -6
  364. package/lib/Tab/TabWrapper.js +37 -19
  365. package/lib/Tab/Tabs.js +171 -91
  366. package/lib/Tab/Tabs.module.css +23 -23
  367. package/lib/Tab/__tests__/Tab.spec.js +67 -58
  368. package/lib/Tab/__tests__/TabContent.spec.js +10 -6
  369. package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
  370. package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
  371. package/lib/Tab/__tests__/Tabs.spec.js +53 -39
  372. package/lib/Tab/index.js +6 -0
  373. package/lib/Tab/props/propTypes.js +3 -0
  374. package/lib/Tag/Tag.js +72 -43
  375. package/lib/Tag/Tag.module.css +10 -10
  376. package/lib/Tag/__tests__/Tag.spec.js +14 -8
  377. package/lib/Tag/props/propTypes.js +3 -0
  378. package/lib/TextBox/TextBox.js +85 -59
  379. package/lib/TextBox/TextBox.module.css +6 -5
  380. package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
  381. package/lib/TextBox/props/propTypes.js +6 -4
  382. package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
  383. package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -6
  384. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
  385. package/lib/TextBoxIcon/props/propTypes.js +3 -0
  386. package/lib/Textarea/Textarea.js +54 -29
  387. package/lib/Textarea/Textarea.module.css +6 -6
  388. package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
  389. package/lib/Textarea/props/propTypes.js +3 -0
  390. package/lib/Tooltip/Tooltip.js +94 -31
  391. package/lib/Tooltip/Tooltip.module.css +12 -5
  392. package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
  393. package/lib/Tooltip/props/propTypes.js +3 -0
  394. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
  395. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  396. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
  397. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  398. package/lib/VelocityAnimation/index.js +3 -0
  399. package/lib/common/animation.module.css +8 -8
  400. package/lib/common/basicReset.module.css +3 -3
  401. package/lib/common/boxShadow.module.css +1 -3
  402. package/lib/common/common.module.css +24 -24
  403. package/lib/common/customscroll.module.css +4 -2
  404. package/lib/common/reset.module.css +1 -0
  405. package/lib/css.js +40 -0
  406. package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
  407. package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
  408. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
  409. package/lib/index.js +57 -0
  410. package/lib/semantic/Button/Button.js +42 -22
  411. package/lib/semantic/Button/props/propTypes.js +3 -0
  412. package/lib/semantic/Button/semanticButton.module.css +1 -1
  413. package/lib/semantic/index.js +2 -0
  414. package/lib/utils/Common.js +108 -18
  415. package/lib/utils/ContextOptimizer.js +16 -10
  416. package/lib/utils/__tests__/constructFullName.spec.js +1 -0
  417. package/lib/utils/__tests__/debounce.spec.js +3 -2
  418. package/lib/utils/__tests__/getInitial.spec.js +1 -0
  419. package/lib/utils/constructFullName.js +13 -4
  420. package/lib/utils/css/compileClassNames.js +6 -0
  421. package/lib/utils/css/mergeStyle.js +10 -7
  422. package/lib/utils/css/utils.js +8 -0
  423. package/lib/utils/datetime/common.js +32 -5
  424. package/lib/utils/debounce.js +6 -1
  425. package/lib/utils/dropDownUtils.js +175 -59
  426. package/lib/utils/dummyFunction.js +2 -0
  427. package/lib/utils/getHTMLFontSize.js +1 -0
  428. package/lib/utils/getInitial.js +6 -0
  429. package/lib/utils/index.js +4 -0
  430. package/lib/utils/scrollTo.js +2 -0
  431. package/lib/utils/shallowEqual.js +8 -0
  432. package/package.json +20 -13
@@ -1,39 +1,60 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _propTypes = require("./props/propTypes");
13
+
10
14
  var _defaultProps = require("./props/defaultProps");
15
+
11
16
  var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
17
+
12
18
  var _DropDownSearchModule = _interopRequireDefault(require("./DropDownSearch.module.css"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- 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, _toPropertyKey(descriptor.key), descriptor); } }
23
+
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); } }
25
+
16
26
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
27
+
19
28
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
+
20
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
+
21
32
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
33
+
22
34
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
35
+
23
36
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
+
24
38
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
+
25
40
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
+
26
42
  /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'menu', 'shadow', 'target', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', separator, 'small', 'search', 'medium', 'heading', 'listGroup'] }] */
27
43
  var DropDownSearch = /*#__PURE__*/function (_React$Component) {
28
44
  _inherits(DropDownSearch, _React$Component);
45
+
29
46
  var _super = _createSuper(DropDownSearch);
47
+
30
48
  function DropDownSearch(props) {
31
49
  var _this;
50
+
32
51
  _classCallCheck(this, DropDownSearch);
52
+
33
53
  _this = _super.call(this, props);
34
54
  _this.getRef = _this.getRef.bind(_assertThisInitialized(_this));
35
55
  return _this;
36
56
  }
57
+
37
58
  _createClass(DropDownSearch, [{
38
59
  key: "componentDidMount",
39
60
  value: function componentDidMount() {
@@ -52,21 +73,21 @@ var DropDownSearch = /*#__PURE__*/function (_React$Component) {
52
73
  key: "render",
53
74
  value: function render() {
54
75
  var _this$props = this.props,
55
- name = _this$props.name,
56
- id = _this$props.id,
57
- maxLength = _this$props.maxLength,
58
- onKeyDown = _this$props.onKeyDown,
59
- onChange = _this$props.onChange,
60
- value = _this$props.value,
61
- onBlur = _this$props.onBlur,
62
- size = _this$props.size,
63
- textBoxSize = _this$props.textBoxSize,
64
- placeHolder = _this$props.placeHolder,
65
- customClass = _this$props.customClass;
76
+ name = _this$props.name,
77
+ id = _this$props.id,
78
+ maxLength = _this$props.maxLength,
79
+ onKeyDown = _this$props.onKeyDown,
80
+ onChange = _this$props.onChange,
81
+ value = _this$props.value,
82
+ onBlur = _this$props.onBlur,
83
+ size = _this$props.size,
84
+ textBoxSize = _this$props.textBoxSize,
85
+ placeHolder = _this$props.placeHolder,
86
+ customClass = _this$props.customClass;
66
87
  var _customClass$searchCl = customClass.searchClass,
67
- searchClass = _customClass$searchCl === void 0 ? '' : _customClass$searchCl,
68
- _customClass$customTe = customClass.customTextBox,
69
- customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe;
88
+ searchClass = _customClass$searchCl === void 0 ? '' : _customClass$searchCl,
89
+ _customClass$customTe = customClass.customTextBox,
90
+ customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe;
70
91
  return /*#__PURE__*/_react["default"].createElement("div", {
71
92
  className: "".concat(_DropDownSearchModule["default"].search, " ").concat(_DropDownSearchModule["default"]["".concat(size, "Search")], " ").concat(searchClass)
72
93
  }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
@@ -84,8 +105,10 @@ var DropDownSearch = /*#__PURE__*/function (_React$Component) {
84
105
  }));
85
106
  }
86
107
  }]);
108
+
87
109
  return DropDownSearch;
88
110
  }(_react["default"].Component);
111
+
89
112
  exports["default"] = DropDownSearch;
90
113
  DropDownSearch.defaultProps = _defaultProps.DropDownSearch_defaultProps;
91
114
  DropDownSearch.propTypes = _propTypes.DropDownSearch_propTypes;
@@ -1,44 +1,64 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _propTypes = require("./props/propTypes");
13
+
10
14
  var _DropDownSeparatorModule = _interopRequireDefault(require("./DropDownSeparator.module.css"));
15
+
11
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
+
12
18
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
13
- 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, _toPropertyKey(descriptor.key), descriptor); } }
19
+
20
+ 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); } }
21
+
14
22
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
15
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
16
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
23
+
17
24
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
25
+
18
26
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
+
19
28
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
29
+
20
30
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
31
+
21
32
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
33
+
22
34
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
+
23
36
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
+
24
38
  var DropDownSeparator = /*#__PURE__*/function (_React$Component) {
25
39
  _inherits(DropDownSeparator, _React$Component);
40
+
26
41
  var _super = _createSuper(DropDownSeparator);
42
+
27
43
  function DropDownSeparator() {
28
44
  _classCallCheck(this, DropDownSeparator);
45
+
29
46
  return _super.apply(this, arguments);
30
47
  }
48
+
31
49
  _createClass(DropDownSeparator, [{
32
50
  key: "render",
33
51
  value: function render() {
34
52
  var _this$props$customCla = this.props.customClass,
35
- customClass = _this$props$customCla === void 0 ? '' : _this$props$customCla;
53
+ customClass = _this$props$customCla === void 0 ? '' : _this$props$customCla;
36
54
  return /*#__PURE__*/_react["default"].createElement("div", {
37
55
  className: "".concat(_DropDownSeparatorModule["default"].separator, " ").concat(customClass)
38
56
  });
39
57
  }
40
58
  }]);
59
+
41
60
  return DropDownSeparator;
42
61
  }(_react["default"].Component);
62
+
43
63
  exports["default"] = DropDownSeparator;
44
64
  DropDownSeparator.propTypes = _propTypes.DropDownSeparator_propTypes;
@@ -1,7 +1,7 @@
1
1
  .separator {
2
- height: var(--zd_size1);
2
+ height: var(--zd_size1) ;
3
3
  border-width: 0 0 1px 0;
4
4
  border-style: solid;
5
5
  border-color: var(--zdt_dropdown_user_default_border);
6
- margin: var(--zd_size5) 0;
6
+ margin: var(--zd_size5) 0 ;
7
7
  }
@@ -1,10 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _DropDown = require("../DropDown");
6
+
5
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
6
- // import renderer from 'react-test-renderer';
7
8
 
9
+ // import renderer from 'react-test-renderer';
8
10
  var defaultProps = {
9
11
  onScroll: jest.fn(),
10
12
  children: /*#__PURE__*/_react["default"].createElement("div", {
@@ -14,30 +16,34 @@ var defaultProps = {
14
16
  describe('DropDown component Test Cases', function () {
15
17
  it('Should onScroll method get called', function () {
16
18
  var _setup = setup(_DropDown.DropDownItemContainer, defaultProps),
17
- props = _setup.props,
18
- renderedDOM = _setup.renderedDOM;
19
+ props = _setup.props,
20
+ renderedDOM = _setup.renderedDOM;
21
+
19
22
  var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'drpdwnItemContainer');
20
23
  TestUtils.Simulate.scroll(component);
21
24
  expect(props.onScroll).toHaveBeenCalled();
22
25
  });
23
26
  it('Should render children element in DropDownItemContainer', function () {
24
27
  var _setup2 = setup(_DropDown.DropDownItemContainer, defaultProps),
25
- props = _setup2.props,
26
- renderedDOM = _setup2.renderedDOM;
28
+ props = _setup2.props,
29
+ renderedDOM = _setup2.renderedDOM;
30
+
27
31
  var children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'childElem');
28
32
  expect(children.length).toBe(1);
29
33
  });
30
34
  it('Should render children element in DropDownContainer', function () {
31
35
  var _setup3 = setup(_DropDown.DropDownContainer, defaultProps),
32
- props = _setup3.props,
33
- renderedDOM = _setup3.renderedDOM;
36
+ props = _setup3.props,
37
+ renderedDOM = _setup3.renderedDOM;
38
+
34
39
  var children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'childElem');
35
40
  expect(children.length).toBe(1);
36
41
  });
37
42
  it('Should render children element in DropDownTarget', function () {
38
43
  var _setup4 = setup(_DropDown.DropDownTarget, defaultProps),
39
- props = _setup4.props,
40
- renderedDOM = _setup4.renderedDOM;
44
+ props = _setup4.props,
45
+ renderedDOM = _setup4.renderedDOM;
46
+
41
47
  var children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'childElem');
42
48
  expect(children.length).toBe(1);
43
49
  });
@@ -1,8 +1,11 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _DropDownItem = _interopRequireDefault(require("../DropDownItem"));
6
+
5
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
+
6
9
  var defaultProps = {
7
10
  onClick: jest.fn(),
8
11
  onHover: jest.fn(),
@@ -29,16 +32,18 @@ describe('DropDownItem component Test Cases', function () {
29
32
  });
30
33
  it('Should onClick method get called', function () {
31
34
  var _setup = setup(_DropDownItem["default"], defaultProps),
32
- props = _setup.props,
33
- renderedDOM = _setup.renderedDOM;
35
+ props = _setup.props,
36
+ renderedDOM = _setup.renderedDOM;
37
+
34
38
  var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'dropDwnItemContainer');
35
39
  TestUtils.Simulate.click(component);
36
40
  expect(props.onClick).toHaveBeenCalled();
37
41
  });
38
42
  it('Should onHover method get called', function () {
39
43
  var _setup2 = setup(_DropDownItem["default"], defaultProps),
40
- props = _setup2.props,
41
- renderedDOM = _setup2.renderedDOM;
44
+ props = _setup2.props,
45
+ renderedDOM = _setup2.renderedDOM;
46
+
42
47
  var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'dropDwnItemContainer');
43
48
  TestUtils.Simulate.mouseOver(component);
44
49
  expect(props.onHover).toHaveBeenCalled();
@@ -1,8 +1,11 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _DropDownSearch = _interopRequireDefault(require("../DropDownSearch"));
6
+
5
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
+
6
9
  describe('DropDownSearch component Test Cases', function () {
7
10
  it('Should check render proper class name(size)', function () {
8
11
  var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_DropDownSearch["default"], {
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -46,11 +47,19 @@ Object.defineProperty(exports, "DropDownTarget", {
46
47
  return _DropDown.DropDownTarget;
47
48
  }
48
49
  });
50
+
49
51
  var _DropDown = _interopRequireWildcard(require("./DropDown"));
52
+
50
53
  var _DropDownHeading = _interopRequireDefault(require("./DropDownHeading"));
54
+
51
55
  var _DropDownItem = _interopRequireDefault(require("./DropDownItem"));
56
+
52
57
  var _DropDownSearch = _interopRequireDefault(require("./DropDownSearch"));
58
+
53
59
  var _DropDownSeparator = _interopRequireDefault(require("./DropDownSeparator"));
60
+
54
61
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
62
+
55
63
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
64
+
56
65
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -4,13 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
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
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  var _DropDownSearch_propT;
11
+
9
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
11
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
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
+
14
16
  var DropDown_propTypes = {
15
17
  arrowBottom: _propTypes["default"].string,
16
18
  arrowLeft: _propTypes["default"].string,
@@ -1,49 +1,71 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _HeadingModule = _interopRequireDefault(require("./Heading.module.css"));
17
+
12
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
13
20
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
+
14
22
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
23
+
24
+ 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; }
25
+
16
26
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
- 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, _toPropertyKey(descriptor.key), descriptor); } }
27
+
28
+ 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); } }
29
+
18
30
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
19
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
31
+
21
32
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
+
22
34
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
+
23
36
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
+
24
38
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
39
+
25
40
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
+
26
42
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
+
27
44
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
+
28
46
  var Heading = /*#__PURE__*/function (_React$Component) {
29
47
  _inherits(Heading, _React$Component);
48
+
30
49
  var _super = _createSuper(Heading);
50
+
31
51
  function Heading() {
32
52
  _classCallCheck(this, Heading);
53
+
33
54
  return _super.apply(this, arguments);
34
55
  }
56
+
35
57
  _createClass(Heading, [{
36
58
  key: "render",
37
59
  value: function render() {
38
60
  var _this$props = this.props,
39
- tagName = _this$props.tagName,
40
- className = _this$props.className,
41
- onClick = _this$props.onClick,
42
- onDoubleClick = _this$props.onDoubleClick,
43
- title = _this$props.title,
44
- dataTitle = _this$props.dataTitle,
45
- dataId = _this$props.dataId,
46
- a11y = _this$props.a11y;
61
+ tagName = _this$props.tagName,
62
+ className = _this$props.className,
63
+ onClick = _this$props.onClick,
64
+ onDoubleClick = _this$props.onDoubleClick,
65
+ title = _this$props.title,
66
+ dataTitle = _this$props.dataTitle,
67
+ dataId = _this$props.dataId,
68
+ a11y = _this$props.a11y;
47
69
  return /*#__PURE__*/_react["default"].createElement(tagName, _objectSpread({
48
70
  className: "".concat(_HeadingModule["default"].reset, " ").concat(className),
49
71
  onClick: onClick,
@@ -53,13 +75,13 @@ var Heading = /*#__PURE__*/function (_React$Component) {
53
75
  }, a11y), title);
54
76
  }
55
77
  }]);
78
+
56
79
  return Heading;
57
80
  }(_react["default"].Component);
81
+
58
82
  exports["default"] = Heading;
59
83
  Heading.propTypes = _propTypes.propTypes;
60
- Heading.defaultProps = _defaultProps.defaultProps;
61
-
62
- // if (__DOCS__) {
84
+ Heading.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
63
85
  // Heading.docs = {
64
86
  // folderName: 'Style Guide',
65
87
  // componentGroup: 'Accessibility'
@@ -1,5 +1,5 @@
1
1
  .reset {
2
- font-size: initial;
2
+ font-size: initial ;
3
3
  font-weight: initial;
4
- margin: initial;
4
+ margin: initial ;
5
5
  }
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  tagName: _propTypes["default"].string,
11
14
  className: _propTypes["default"].string,
@@ -1,52 +1,72 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _LabelModule = _interopRequireDefault(require("./Label.module.css"));
17
+
12
18
  var _LabelColorsModule = _interopRequireDefault(require("./LabelColors.module.css"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- 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, _toPropertyKey(descriptor.key), descriptor); } }
23
+
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); } }
25
+
16
26
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
27
+
19
28
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
+
20
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
+
21
32
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
33
+
22
34
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
35
+
23
36
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
+
24
38
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
+
25
40
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
+
26
42
  var Label = /*#__PURE__*/function (_React$Component) {
27
43
  _inherits(Label, _React$Component);
44
+
28
45
  var _super = _createSuper(Label);
46
+
29
47
  function Label() {
30
48
  _classCallCheck(this, Label);
49
+
31
50
  return _super.apply(this, arguments);
32
51
  }
52
+
33
53
  _createClass(Label, [{
34
54
  key: "render",
35
55
  value: function render() {
36
56
  var _this$props = this.props,
37
- text = _this$props.text,
38
- type = _this$props.type,
39
- palette = _this$props.palette,
40
- size = _this$props.size,
41
- clipped = _this$props.clipped,
42
- htmlFor = _this$props.htmlFor,
43
- title = _this$props.title,
44
- onClick = _this$props.onClick,
45
- dataId = _this$props.dataId,
46
- dataSelectorId = _this$props.dataSelectorId,
47
- variant = _this$props.variant,
48
- customClass = _this$props.customClass,
49
- id = _this$props.id;
57
+ text = _this$props.text,
58
+ type = _this$props.type,
59
+ palette = _this$props.palette,
60
+ size = _this$props.size,
61
+ clipped = _this$props.clipped,
62
+ htmlFor = _this$props.htmlFor,
63
+ title = _this$props.title,
64
+ onClick = _this$props.onClick,
65
+ dataId = _this$props.dataId,
66
+ dataSelectorId = _this$props.dataSelectorId,
67
+ variant = _this$props.variant,
68
+ customClass = _this$props.customClass,
69
+ id = _this$props.id;
50
70
  return /*#__PURE__*/_react["default"].createElement("label", {
51
71
  className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass, " "),
52
72
  htmlFor: htmlFor,
@@ -58,13 +78,13 @@ var Label = /*#__PURE__*/function (_React$Component) {
58
78
  }, text);
59
79
  }
60
80
  }]);
81
+
61
82
  return Label;
62
83
  }(_react["default"].Component);
84
+
63
85
  exports["default"] = Label;
64
86
  Label.defaultProps = _defaultProps.defaultProps;
65
- Label.propTypes = _propTypes.propTypes;
66
-
67
- // if (__DOCS__) {
87
+ Label.propTypes = _propTypes.propTypes; // if (__DOCS__) {
68
88
  // Label.docs = {
69
89
  // componentGroup: 'Form Elements',
70
90
  // folderName: 'Style Guide'
@@ -4,7 +4,7 @@
4
4
  --label_text_color: var(--zdt_label_default_text);
5
5
  --label_font_family: var(--zd_regular);
6
6
  --label_cursor: default;
7
- --label_line_height: var(--zd_size18);
7
+ --label_line_height: 18px;
8
8
  }
9
9
  .label {
10
10
  composes: varClass;