@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-166

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 (478) hide show
  1. package/README.md +34 -0
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +151 -151
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +30 -30
  5. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +30 -30
  7. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  8. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +30 -30
  9. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  10. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +30 -30
  11. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  12. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +30 -30
  13. package/assets/Appearance/light/mode/Component_LightMode.module.css +148 -148
  14. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  15. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +30 -30
  16. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  17. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +30 -30
  18. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  19. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +30 -30
  20. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  21. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +30 -30
  22. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  23. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +30 -30
  24. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +153 -153
  25. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  26. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +30 -30
  27. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  28. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +30 -30
  29. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  30. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +30 -30
  31. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  32. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +30 -30
  33. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  34. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +30 -30
  35. package/es/Accordion/Accordion.js +8 -3
  36. package/es/Accordion/AccordionItem.js +5 -2
  37. package/es/Animation/Animation.js +3 -3
  38. package/es/AppContainer/AppContainer.js +27 -10
  39. package/es/AppContainer/AppContainer.module.css +2 -2
  40. package/es/AppContainer/props/defaultProps.js +2 -1
  41. package/es/AppContainer/props/propTypes.js +1 -0
  42. package/es/Avatar/Avatar.js +26 -11
  43. package/es/Avatar/Avatar.module.css +18 -18
  44. package/es/AvatarTeam/AvatarTeam.js +4 -3
  45. package/es/AvatarTeam/AvatarTeam.module.css +35 -35
  46. package/es/Button/Button.js +5 -3
  47. package/es/Button/css/Button.module.css +70 -70
  48. package/es/Buttongroup/Buttongroup.js +4 -3
  49. package/es/Buttongroup/Buttongroup.module.css +14 -15
  50. package/es/Card/Card.js +21 -10
  51. package/es/CheckBox/CheckBox.js +5 -3
  52. package/es/CheckBox/CheckBox.module.css +15 -15
  53. package/es/DateTime/CalendarView.js +33 -20
  54. package/es/DateTime/DateTime.js +113 -12
  55. package/es/DateTime/DateTime.module.css +39 -39
  56. package/es/DateTime/DateTimePopupFooter.js +4 -2
  57. package/es/DateTime/DateTimePopupHeader.js +8 -2
  58. package/es/DateTime/DateWidget.js +100 -35
  59. package/es/DateTime/DateWidget.module.css +5 -5
  60. package/es/DateTime/DaysRow.js +4 -2
  61. package/es/DateTime/Time.js +10 -2
  62. package/es/DateTime/YearView.js +28 -4
  63. package/es/DateTime/YearView.module.css +15 -15
  64. package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
  65. package/es/DateTime/__tests__/DateTime.spec.js +1 -0
  66. package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
  67. package/es/DateTime/common.js +3 -0
  68. package/es/DateTime/constants.js +1 -0
  69. package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
  70. package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
  71. package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
  72. package/es/DateTime/dateFormatUtils/index.js +32 -2
  73. package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
  74. package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
  75. package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
  76. package/es/DateTime/objectUtils.js +14 -20
  77. package/es/DateTime/props/defaultProps.js +2 -1
  78. package/es/DateTime/typeChecker.js +3 -0
  79. package/es/DateTime/validator.js +58 -6
  80. package/es/DropBox/DropBox.js +9 -5
  81. package/es/DropBox/DropBoxElement/DropBoxElement.js +18 -6
  82. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
  83. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -4
  84. package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
  85. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
  86. package/es/DropBox/__tests__/DropBox.spec.js +2 -2
  87. package/es/DropBox/css/DropBox.module.css +6 -6
  88. package/es/DropBox/props/defaultProps.js +1 -2
  89. package/es/DropBox/props/propTypes.js +1 -2
  90. package/es/DropDown/DropDown.js +10 -5
  91. package/es/DropDown/DropDown.module.css +2 -2
  92. package/es/DropDown/DropDownHeading.js +5 -5
  93. package/es/DropDown/DropDownHeading.module.css +6 -6
  94. package/es/DropDown/DropDownItem.js +8 -1
  95. package/es/DropDown/DropDownItem.module.css +12 -12
  96. package/es/DropDown/DropDownSearch.js +4 -0
  97. package/es/DropDown/DropDownSearch.module.css +3 -3
  98. package/es/DropDown/DropDownSeparator.js +1 -0
  99. package/es/DropDown/DropDownSeparator.module.css +2 -2
  100. package/es/DropDown/__tests__/DropDown.spec.js +1 -2
  101. package/es/Heading/Heading.js +3 -3
  102. package/es/Heading/Heading.module.css +2 -2
  103. package/es/Label/Label.js +3 -3
  104. package/es/Label/Label.module.css +5 -5
  105. package/es/Layout/Box.js +17 -3
  106. package/es/Layout/Container.js +16 -4
  107. package/es/Layout/Layout.module.css +15 -15
  108. package/es/Layout/index.js +1 -2
  109. package/es/Layout/props/defaultProps.js +2 -0
  110. package/es/Layout/props/propTypes.js +2 -0
  111. package/es/Layout/utils.js +5 -1
  112. package/es/ListItem/ListContainer.js +8 -3
  113. package/es/ListItem/ListItem.js +9 -3
  114. package/es/ListItem/ListItem.module.css +38 -38
  115. package/es/ListItem/ListItemWithAvatar.js +9 -3
  116. package/es/ListItem/ListItemWithCheckBox.js +7 -2
  117. package/es/ListItem/ListItemWithIcon.js +8 -3
  118. package/es/ListItem/ListItemWithRadio.js +7 -3
  119. package/es/Modal/Modal.js +28 -11
  120. package/es/MultiSelect/AdvancedGroupMultiSelect.js +90 -13
  121. package/es/MultiSelect/AdvancedMultiSelect.js +33 -9
  122. package/es/MultiSelect/EmptyState.js +6 -0
  123. package/es/MultiSelect/MultiSelect.js +100 -32
  124. package/es/MultiSelect/MultiSelect.module.css +31 -31
  125. package/es/MultiSelect/MultiSelectHeader.js +3 -0
  126. package/es/MultiSelect/MultiSelectWithAvatar.js +13 -6
  127. package/es/MultiSelect/SelectedOptions.js +6 -3
  128. package/es/MultiSelect/SelectedOptions.module.css +5 -5
  129. package/es/MultiSelect/Suggestions.js +7 -3
  130. package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
  131. package/es/MultiSelect/props/propTypes.js +2 -0
  132. package/es/PopOver/PopOver.js +18 -2
  133. package/es/PopOver/__tests__/PopOver.spec.js +2 -1
  134. package/es/Popup/Popup.js +77 -27
  135. package/es/Popup/__tests__/Popup.spec.js +17 -5
  136. package/es/Popup/viewPort.js +16 -4
  137. package/es/Provider/IdProvider.js +10 -5
  138. package/es/Provider/LibraryContext.js +6 -4
  139. package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
  140. package/es/Provider/ZindexProvider.js +9 -2
  141. package/es/Radio/Radio.js +4 -2
  142. package/es/Radio/Radio.module.css +9 -9
  143. package/es/Responsive/CustomResponsive.js +30 -18
  144. package/es/Responsive/RefWrapper.js +6 -7
  145. package/es/Responsive/ResizeComponent.js +35 -25
  146. package/es/Responsive/ResizeObserver.js +26 -6
  147. package/es/Responsive/Responsive.js +34 -20
  148. package/es/Responsive/index.js +1 -3
  149. package/es/Responsive/sizeObservers.js +28 -7
  150. package/es/Responsive/utils/index.js +7 -5
  151. package/es/Responsive/utils/shallowCompare.js +7 -2
  152. package/es/Responsive/windowResizeObserver.js +7 -0
  153. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
  154. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  155. package/es/Ribbon/Ribbon.js +4 -2
  156. package/es/Ribbon/Ribbon.module.css +46 -48
  157. package/es/RippleEffect/RippleEffect.js +1 -3
  158. package/es/Select/GroupSelect.js +59 -14
  159. package/es/Select/Select.js +81 -34
  160. package/es/Select/Select.module.css +23 -23
  161. package/es/Select/SelectWithAvatar.js +19 -4
  162. package/es/Select/SelectWithIcon.js +48 -6
  163. package/es/Select/__tests__/Select.spec.js +6 -8
  164. package/es/Select/props/propTypes.js +1 -0
  165. package/es/Stencils/Stencils.js +3 -3
  166. package/es/Stencils/Stencils.module.css +11 -11
  167. package/es/Switch/Switch.js +6 -3
  168. package/es/Switch/Switch.module.css +23 -23
  169. package/es/Tab/Tab.js +4 -4
  170. package/es/Tab/Tab.module.css +14 -14
  171. package/es/Tab/TabContent.js +1 -0
  172. package/es/Tab/TabContentWrapper.js +2 -0
  173. package/es/Tab/TabWrapper.js +5 -2
  174. package/es/Tab/Tabs.js +56 -8
  175. package/es/Tab/Tabs.module.css +24 -42
  176. package/es/Tab/__tests__/Tab.spec.js +1 -3
  177. package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
  178. package/es/Tag/Tag.js +7 -3
  179. package/es/Tag/Tag.module.css +25 -25
  180. package/es/TextBox/TextBox.js +16 -3
  181. package/es/TextBox/TextBox.module.css +9 -9
  182. package/es/TextBox/__tests__/TextBox.spec.js +1 -4
  183. package/es/TextBoxIcon/TextBoxIcon.js +9 -2
  184. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
  185. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
  186. package/es/Textarea/Textarea.js +13 -3
  187. package/es/Textarea/Textarea.module.css +21 -21
  188. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  189. package/es/Tooltip/Tooltip.js +60 -15
  190. package/es/Tooltip/Tooltip.module.css +5 -5
  191. package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
  192. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
  193. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
  194. package/es/common/animation.module.css +8 -8
  195. package/es/common/avatarsizes.module.css +16 -16
  196. package/es/common/basicReset.module.css +3 -3
  197. package/es/common/common.module.css +24 -24
  198. package/es/common/customscroll.module.css +2 -2
  199. package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
  200. package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
  201. package/es/semantic/Button/Button.js +4 -2
  202. package/es/semantic/Button/semanticButton.module.css +1 -1
  203. package/es/utils/Common.js +58 -9
  204. package/es/utils/ContextOptimizer.js +4 -5
  205. package/es/utils/__tests__/debounce.spec.js +2 -2
  206. package/es/utils/constructFullName.js +2 -0
  207. package/es/utils/css/compileClassNames.js +5 -0
  208. package/es/utils/css/mergeStyle.js +7 -6
  209. package/es/utils/css/utils.js +1 -0
  210. package/es/utils/datetime/GMTZones.js +48 -0
  211. package/es/utils/datetime/common.js +31 -7
  212. package/es/utils/debounce.js +5 -1
  213. package/es/utils/dropDownUtils.js +68 -11
  214. package/es/utils/getInitial.js +4 -0
  215. package/es/utils/shallowEqual.js +6 -0
  216. package/lib/Accordion/Accordion.js +43 -18
  217. package/lib/Accordion/AccordionItem.js +41 -18
  218. package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
  219. package/lib/Accordion/index.js +3 -0
  220. package/lib/Accordion/props/propTypes.js +3 -0
  221. package/lib/Animation/Animation.js +38 -18
  222. package/lib/Animation/__tests__/Animation.spec.js +11 -7
  223. package/lib/Animation/props/propTypes.js +3 -0
  224. package/lib/AppContainer/AppContainer.js +66 -26
  225. package/lib/AppContainer/AppContainer.module.css +2 -2
  226. package/lib/AppContainer/props/defaultProps.js +2 -1
  227. package/lib/AppContainer/props/propTypes.js +4 -0
  228. package/lib/Avatar/Avatar.js +81 -38
  229. package/lib/Avatar/Avatar.module.css +18 -18
  230. package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
  231. package/lib/Avatar/props/propTypes.js +3 -0
  232. package/lib/AvatarTeam/AvatarTeam.js +53 -30
  233. package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
  234. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
  235. package/lib/AvatarTeam/props/propTypes.js +3 -0
  236. package/lib/Button/Button.js +32 -20
  237. package/lib/Button/css/Button.module.css +70 -70
  238. package/lib/Button/css/cssJSLogic.js +18 -17
  239. package/lib/Button/index.js +3 -0
  240. package/lib/Button/props/defaultProps.js +2 -0
  241. package/lib/Button/props/propTypes.js +3 -0
  242. package/lib/Buttongroup/Buttongroup.js +33 -12
  243. package/lib/Buttongroup/Buttongroup.module.css +14 -15
  244. package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
  245. package/lib/Buttongroup/props/propTypes.js +3 -0
  246. package/lib/Card/Card.js +102 -46
  247. package/lib/Card/__tests__/Card.spec.js +10 -1
  248. package/lib/Card/index.js +4 -0
  249. package/lib/Card/props/propTypes.js +3 -0
  250. package/lib/CheckBox/CheckBox.js +71 -47
  251. package/lib/CheckBox/CheckBox.module.css +15 -15
  252. package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
  253. package/lib/CheckBox/props/propTypes.js +3 -0
  254. package/lib/DateTime/CalendarView.js +83 -42
  255. package/lib/DateTime/DateTime.js +287 -160
  256. package/lib/DateTime/DateTime.module.css +39 -39
  257. package/lib/DateTime/DateTimePopupFooter.js +31 -8
  258. package/lib/DateTime/DateTimePopupHeader.js +48 -17
  259. package/lib/DateTime/DateWidget.js +354 -250
  260. package/lib/DateTime/DateWidget.module.css +5 -5
  261. package/lib/DateTime/DaysRow.js +27 -5
  262. package/lib/DateTime/Time.js +73 -32
  263. package/lib/DateTime/YearView.js +77 -28
  264. package/lib/DateTime/YearView.module.css +15 -15
  265. package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
  266. package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
  267. package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
  268. package/lib/DateTime/common.js +6 -0
  269. package/lib/DateTime/constants.js +1 -0
  270. package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
  271. package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
  272. package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
  273. package/lib/DateTime/dateFormatUtils/index.js +74 -16
  274. package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
  275. package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
  276. package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
  277. package/lib/DateTime/index.js +2 -0
  278. package/lib/DateTime/objectUtils.js +24 -20
  279. package/lib/DateTime/props/defaultProps.js +2 -1
  280. package/lib/DateTime/props/propTypes.js +11 -1
  281. package/lib/DateTime/typeChecker.js +4 -0
  282. package/lib/DateTime/validator.js +73 -10
  283. package/lib/DropBox/DropBox.js +36 -12
  284. package/lib/DropBox/DropBoxElement/DropBoxElement.js +68 -42
  285. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
  286. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +43 -34
  287. package/lib/DropBox/DropBoxElement/props/propTypes.js +4 -1
  288. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
  289. package/lib/DropBox/__tests__/DropBox.spec.js +8 -4
  290. package/lib/DropBox/css/DropBox.module.css +6 -6
  291. package/lib/DropBox/css/cssJSLogic.js +3 -1
  292. package/lib/DropBox/props/defaultProps.js +8 -4
  293. package/lib/DropBox/props/propTypes.js +10 -4
  294. package/lib/DropDown/DropDown.js +54 -9
  295. package/lib/DropDown/DropDown.module.css +2 -2
  296. package/lib/DropDown/DropDownHeading.js +40 -20
  297. package/lib/DropDown/DropDownHeading.module.css +6 -6
  298. package/lib/DropDown/DropDownItem.js +44 -21
  299. package/lib/DropDown/DropDownItem.module.css +12 -12
  300. package/lib/DropDown/DropDownSearch.js +40 -17
  301. package/lib/DropDown/DropDownSearch.module.css +3 -3
  302. package/lib/DropDown/DropDownSeparator.js +24 -4
  303. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  304. package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
  305. package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
  306. package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
  307. package/lib/DropDown/index.js +9 -0
  308. package/lib/DropDown/props/propTypes.js +6 -4
  309. package/lib/Heading/Heading.js +39 -16
  310. package/lib/Heading/Heading.module.css +2 -2
  311. package/lib/Heading/props/propTypes.js +3 -0
  312. package/lib/Label/Label.js +40 -19
  313. package/lib/Label/Label.module.css +5 -5
  314. package/lib/Label/__tests__/Label.spec.js +14 -1
  315. package/lib/Label/props/propTypes.js +3 -0
  316. package/lib/Layout/Box.js +39 -15
  317. package/lib/Layout/Container.js +37 -14
  318. package/lib/Layout/Layout.module.css +15 -15
  319. package/lib/Layout/__tests__/Box.spec.js +65 -49
  320. package/lib/Layout/__tests__/Container.spec.js +67 -50
  321. package/lib/Layout/index.js +3 -0
  322. package/lib/Layout/props/defaultProps.js +2 -0
  323. package/lib/Layout/props/propTypes.js +5 -0
  324. package/lib/Layout/utils.js +15 -1
  325. package/lib/ListItem/ListContainer.js +48 -27
  326. package/lib/ListItem/ListItem.js +69 -45
  327. package/lib/ListItem/ListItem.module.css +38 -38
  328. package/lib/ListItem/ListItemWithAvatar.js +75 -48
  329. package/lib/ListItem/ListItemWithCheckBox.js +64 -39
  330. package/lib/ListItem/ListItemWithIcon.js +68 -44
  331. package/lib/ListItem/ListItemWithRadio.js +65 -41
  332. package/lib/ListItem/index.js +7 -0
  333. package/lib/ListItem/props/propTypes.js +6 -4
  334. package/lib/Modal/Modal.js +45 -10
  335. package/lib/Modal/props/propTypes.js +3 -0
  336. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +295 -166
  337. package/lib/MultiSelect/AdvancedMultiSelect.js +203 -125
  338. package/lib/MultiSelect/EmptyState.js +49 -24
  339. package/lib/MultiSelect/MultiSelect.js +324 -206
  340. package/lib/MultiSelect/MultiSelect.module.css +31 -31
  341. package/lib/MultiSelect/MultiSelectHeader.js +30 -8
  342. package/lib/MultiSelect/MultiSelectWithAvatar.js +106 -63
  343. package/lib/MultiSelect/SelectedOptions.js +43 -17
  344. package/lib/MultiSelect/SelectedOptions.module.css +5 -5
  345. package/lib/MultiSelect/Suggestions.js +64 -32
  346. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
  347. package/lib/MultiSelect/index.js +5 -0
  348. package/lib/MultiSelect/props/defaultProps.js +2 -0
  349. package/lib/MultiSelect/props/propTypes.js +5 -0
  350. package/lib/PopOver/PopOver.js +95 -49
  351. package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
  352. package/lib/PopOver/index.js +4 -0
  353. package/lib/PopOver/props/propTypes.js +3 -0
  354. package/lib/Popup/Popup.js +158 -84
  355. package/lib/Popup/__tests__/Popup.spec.js +43 -8
  356. package/lib/Popup/viewPort.js +28 -14
  357. package/lib/Provider/AvatarSize.js +4 -0
  358. package/lib/Provider/Config.js +2 -0
  359. package/lib/Provider/CssProvider.js +4 -0
  360. package/lib/Provider/IdProvider.js +17 -6
  361. package/lib/Provider/LibraryContext.js +35 -15
  362. package/lib/Provider/LibraryContextInit.js +4 -0
  363. package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
  364. package/lib/Provider/ZindexProvider.js +15 -3
  365. package/lib/Provider/index.js +5 -0
  366. package/lib/Radio/Radio.js +61 -38
  367. package/lib/Radio/Radio.module.css +9 -9
  368. package/lib/Radio/__tests__/Radiospec.js +9 -5
  369. package/lib/Radio/props/propTypes.js +3 -0
  370. package/lib/Responsive/CustomResponsive.js +73 -29
  371. package/lib/Responsive/RefWrapper.js +17 -11
  372. package/lib/Responsive/ResizeComponent.js +62 -36
  373. package/lib/Responsive/ResizeObserver.js +24 -10
  374. package/lib/Responsive/Responsive.js +80 -30
  375. package/lib/Responsive/index.js +4 -0
  376. package/lib/Responsive/props/propTypes.js +3 -0
  377. package/lib/Responsive/sizeObservers.js +53 -17
  378. package/lib/Responsive/utils/index.js +11 -3
  379. package/lib/Responsive/utils/shallowCompare.js +11 -2
  380. package/lib/Responsive/windowResizeObserver.js +8 -0
  381. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
  382. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  383. package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
  384. package/lib/Ribbon/Ribbon.js +34 -13
  385. package/lib/Ribbon/Ribbon.module.css +46 -48
  386. package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
  387. package/lib/Ribbon/props/propTypes.js +3 -0
  388. package/lib/RippleEffect/RippleEffect.js +18 -10
  389. package/lib/RippleEffect/props/propTypes.js +3 -0
  390. package/lib/Select/GroupSelect.js +230 -130
  391. package/lib/Select/Select.js +292 -210
  392. package/lib/Select/Select.module.css +23 -23
  393. package/lib/Select/SelectWithAvatar.js +104 -56
  394. package/lib/Select/SelectWithIcon.js +134 -77
  395. package/lib/Select/__tests__/Select.spec.js +133 -91
  396. package/lib/Select/index.js +5 -0
  397. package/lib/Select/props/defaultProps.js +5 -4
  398. package/lib/Select/props/propTypes.js +4 -0
  399. package/lib/Stencils/Stencils.js +29 -10
  400. package/lib/Stencils/Stencils.module.css +11 -11
  401. package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
  402. package/lib/Stencils/props/propTypes.js +3 -0
  403. package/lib/Switch/Switch.js +58 -34
  404. package/lib/Switch/Switch.module.css +23 -23
  405. package/lib/Switch/props/propTypes.js +3 -0
  406. package/lib/Tab/Tab.js +40 -27
  407. package/lib/Tab/Tab.module.css +14 -14
  408. package/lib/Tab/TabContent.js +12 -5
  409. package/lib/Tab/TabContentWrapper.js +13 -6
  410. package/lib/Tab/TabWrapper.js +37 -19
  411. package/lib/Tab/Tabs.js +173 -92
  412. package/lib/Tab/Tabs.module.css +24 -42
  413. package/lib/Tab/__tests__/Tab.spec.js +67 -58
  414. package/lib/Tab/__tests__/TabContent.spec.js +10 -6
  415. package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
  416. package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
  417. package/lib/Tab/__tests__/Tabs.spec.js +53 -39
  418. package/lib/Tab/index.js +6 -0
  419. package/lib/Tab/props/propTypes.js +3 -0
  420. package/lib/Tag/Tag.js +73 -43
  421. package/lib/Tag/Tag.module.css +25 -25
  422. package/lib/Tag/__tests__/Tag.spec.js +14 -8
  423. package/lib/Tag/props/propTypes.js +3 -0
  424. package/lib/TextBox/TextBox.js +86 -59
  425. package/lib/TextBox/TextBox.module.css +9 -9
  426. package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
  427. package/lib/TextBox/props/propTypes.js +6 -4
  428. package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
  429. package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
  430. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
  431. package/lib/TextBoxIcon/props/propTypes.js +3 -0
  432. package/lib/Textarea/Textarea.js +55 -29
  433. package/lib/Textarea/Textarea.module.css +21 -21
  434. package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
  435. package/lib/Textarea/props/propTypes.js +3 -0
  436. package/lib/Tooltip/Tooltip.js +96 -32
  437. package/lib/Tooltip/Tooltip.module.css +5 -5
  438. package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
  439. package/lib/Tooltip/props/propTypes.js +3 -0
  440. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
  441. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  442. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
  443. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  444. package/lib/VelocityAnimation/index.js +3 -0
  445. package/lib/common/animation.module.css +8 -8
  446. package/lib/common/avatarsizes.module.css +16 -16
  447. package/lib/common/basicReset.module.css +3 -3
  448. package/lib/common/common.module.css +24 -24
  449. package/lib/common/customscroll.module.css +2 -2
  450. package/lib/css.js +40 -0
  451. package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
  452. package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
  453. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
  454. package/lib/index.js +57 -0
  455. package/lib/semantic/Button/Button.js +43 -22
  456. package/lib/semantic/Button/props/propTypes.js +3 -0
  457. package/lib/semantic/Button/semanticButton.module.css +1 -1
  458. package/lib/semantic/index.js +2 -0
  459. package/lib/utils/Common.js +117 -19
  460. package/lib/utils/ContextOptimizer.js +16 -10
  461. package/lib/utils/__tests__/constructFullName.spec.js +1 -0
  462. package/lib/utils/__tests__/debounce.spec.js +3 -2
  463. package/lib/utils/__tests__/getInitial.spec.js +1 -0
  464. package/lib/utils/constructFullName.js +13 -4
  465. package/lib/utils/css/compileClassNames.js +6 -0
  466. package/lib/utils/css/mergeStyle.js +10 -7
  467. package/lib/utils/css/utils.js +8 -0
  468. package/lib/utils/datetime/GMTZones.js +55 -0
  469. package/lib/utils/datetime/common.js +52 -7
  470. package/lib/utils/debounce.js +6 -1
  471. package/lib/utils/dropDownUtils.js +175 -59
  472. package/lib/utils/dummyFunction.js +2 -0
  473. package/lib/utils/getHTMLFontSize.js +1 -0
  474. package/lib/utils/getInitial.js +6 -0
  475. package/lib/utils/index.js +4 -0
  476. package/lib/utils/scrollTo.js +2 -0
  477. package/lib/utils/shallowEqual.js +8 -0
  478. package/package.json +18 -27
@@ -1,15 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _Avatar = _interopRequireDefault(require("../Avatar"));
6
+
5
7
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
+
6
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+
7
11
  var avatarURL = 'avatar.jpg';
8
12
  describe('Avatar component', function () {
9
13
  it('should display initial', function () {
10
14
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
11
15
  name: "vimalesan a"
12
16
  }));
17
+
13
18
  var tree = ele.toJSON();
14
19
  expect(tree).toMatchSnapshot();
15
20
  });
@@ -18,146 +23,185 @@ describe('Avatar component', function () {
18
23
  name: "vimalesan a",
19
24
  src: avatarURL
20
25
  }));
26
+
21
27
  var tree = ele.toJSON();
22
28
  expect(tree).toMatchSnapshot();
23
29
  });
24
30
  it('should display initial if invalid url', function () {
25
31
  _Avatar["default"].invalidImageURLs.push(avatarURL);
32
+
26
33
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
27
34
  name: "vimalesan a",
28
35
  src: avatarURL
29
36
  }));
37
+
30
38
  var tree = ele.toJSON();
31
39
  expect(tree).toMatchSnapshot();
32
40
  });
33
41
  it('should display image valid url', function () {
34
42
  _Avatar["default"].invalidImageURLs.length = 0;
43
+
35
44
  _Avatar["default"].validImageURLs.push(avatarURL);
45
+
36
46
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
37
47
  name: "vimalesan a",
38
48
  src: avatarURL
39
49
  }));
50
+
40
51
  var tree = ele.toJSON();
41
52
  expect(tree).toMatchSnapshot();
42
53
  });
43
54
  it('should the palette is default', function () {
44
55
  _Avatar["default"].invalidImageURLs.length = 0;
56
+
45
57
  _Avatar["default"].validImageURLs.push(avatarURL);
58
+
46
59
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
47
60
  name: "vimalesan a",
48
61
  src: avatarURL,
49
62
  palette: "default"
50
63
  }));
64
+
51
65
  var tree = ele.toJSON();
52
66
  expect(tree).toMatchSnapshot();
53
67
  });
54
68
  it('should the palette is secondary', function () {
55
69
  _Avatar["default"].invalidImageURLs.length = 0;
70
+
56
71
  _Avatar["default"].validImageURLs.push(avatarURL);
72
+
57
73
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
58
74
  name: "vimalesan a",
59
75
  src: avatarURL,
60
76
  palette: "secondary"
61
77
  }));
78
+
62
79
  var tree = ele.toJSON();
63
80
  expect(tree).toMatchSnapshot();
64
81
  });
65
82
  it('should the palette is info', function () {
66
83
  _Avatar["default"].invalidImageURLs.length = 0;
84
+
67
85
  _Avatar["default"].validImageURLs.push(avatarURL);
86
+
68
87
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
69
88
  name: "vimalesan a",
70
89
  src: avatarURL,
71
90
  palette: "info"
72
91
  }));
92
+
73
93
  var tree = ele.toJSON();
74
94
  expect(tree).toMatchSnapshot();
75
95
  });
76
96
  it('should the shape is square', function () {
77
97
  _Avatar["default"].invalidImageURLs.length = 0;
98
+
78
99
  _Avatar["default"].validImageURLs.push(avatarURL);
100
+
79
101
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
80
102
  name: "vimalesan a",
81
103
  src: avatarURL,
82
104
  shape: "square"
83
105
  }));
106
+
84
107
  var tree = ele.toJSON();
85
108
  expect(tree).toMatchSnapshot();
86
109
  });
87
110
  it('should the size is small', function () {
88
111
  _Avatar["default"].invalidImageURLs.length = 0;
112
+
89
113
  _Avatar["default"].validImageURLs.push(avatarURL);
114
+
90
115
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
91
116
  name: "vimalesan a",
92
117
  src: avatarURL,
93
118
  size: "square"
94
119
  }));
120
+
95
121
  var tree = ele.toJSON();
96
122
  expect(tree).toMatchSnapshot();
97
123
  });
98
124
  it('should the size is xsmall', function () {
99
125
  _Avatar["default"].invalidImageURLs.length = 0;
126
+
100
127
  _Avatar["default"].validImageURLs.push(avatarURL);
128
+
101
129
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
102
130
  name: "vimalesan a",
103
131
  src: avatarURL,
104
132
  size: "xsmall"
105
133
  }));
134
+
106
135
  var tree = ele.toJSON();
107
136
  expect(tree).toMatchSnapshot();
108
137
  });
109
138
  it('should the size is xmedium', function () {
110
139
  _Avatar["default"].invalidImageURLs.length = 0;
140
+
111
141
  _Avatar["default"].validImageURLs.push(avatarURL);
142
+
112
143
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
113
144
  name: "vimalesan a",
114
145
  src: avatarURL,
115
146
  size: "xmedium"
116
147
  }));
148
+
117
149
  var tree = ele.toJSON();
118
150
  expect(tree).toMatchSnapshot();
119
151
  });
120
152
  it('should the size is large', function () {
121
153
  _Avatar["default"].invalidImageURLs.length = 0;
154
+
122
155
  _Avatar["default"].validImageURLs.push(avatarURL);
156
+
123
157
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
124
158
  name: "vimalesan a",
125
159
  src: avatarURL,
126
160
  size: "large"
127
161
  }));
162
+
128
163
  var tree = ele.toJSON();
129
164
  expect(tree).toMatchSnapshot();
130
165
  });
131
166
  it('should the size is xlarge', function () {
132
167
  _Avatar["default"].invalidImageURLs.length = 0;
168
+
133
169
  _Avatar["default"].validImageURLs.push(avatarURL);
170
+
134
171
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
135
172
  name: "vimalesan a",
136
173
  src: avatarURL,
137
174
  size: "xlarge"
138
175
  }));
176
+
139
177
  var tree = ele.toJSON();
140
178
  expect(tree).toMatchSnapshot();
141
179
  });
142
180
  it('should have title', function () {
143
181
  _Avatar["default"].invalidImageURLs.length = 0;
182
+
144
183
  _Avatar["default"].validImageURLs.push(avatarURL);
184
+
145
185
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
146
186
  name: "vimalesan a",
147
187
  src: avatarURL,
148
188
  title: "Sample Title"
149
189
  }));
190
+
150
191
  var tree = ele.toJSON();
151
192
  expect(tree).toMatchSnapshot();
152
193
  });
153
194
  it('should no need title', function () {
154
195
  _Avatar["default"].invalidImageURLs.length = 0;
196
+
155
197
  _Avatar["default"].validImageURLs.push(avatarURL);
198
+
156
199
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
157
200
  name: "vimalesan a",
158
201
  src: avatarURL,
159
202
  needTitle: false
160
203
  }));
204
+
161
205
  var tree = ele.toJSON();
162
206
  expect(tree).toMatchSnapshot();
163
207
  });
@@ -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
  dataId: _propTypes["default"].string,
11
14
  dataSelectorId: _propTypes["default"].string,
@@ -1,79 +1,102 @@
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 _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
17
+
12
18
  var _AvatarTeamModule = _interopRequireDefault(require("./AvatarTeam.module.css"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
+
15
24
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
- 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); } }
25
+
26
+ 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); } }
27
+
17
28
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- 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); }
29
+
20
30
  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); }
31
+
21
32
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
+
22
34
  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); }; }
35
+
23
36
  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); }
37
+
24
38
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
+
25
40
  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; } }
41
+
26
42
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
+
27
44
  /* once avatar support firstname lastname and pattern
28
45
  pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
29
46
 
30
47
  Not going to export to external then can kept inside supportapp
31
48
  */
49
+
32
50
  /*
33
51
  eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
34
52
  "small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
35
53
  */
36
54
  var AvatarTeam = /*#__PURE__*/function (_React$Component) {
37
55
  _inherits(AvatarTeam, _React$Component);
56
+
38
57
  var _super = _createSuper(AvatarTeam);
58
+
39
59
  function AvatarTeam() {
40
60
  _classCallCheck(this, AvatarTeam);
61
+
41
62
  return _super.apply(this, arguments);
42
63
  }
64
+
43
65
  _createClass(AvatarTeam, [{
44
66
  key: "render",
45
67
  value: function render() {
46
68
  var _this$props = this.props,
47
- src = _this$props.src,
48
- name = _this$props.name,
49
- size = _this$props.size,
50
- palette = _this$props.palette,
51
- textPalette = _this$props.textPalette,
52
- onClick = _this$props.onClick,
53
- title = _this$props.title,
54
- isFilled = _this$props.isFilled,
55
- dataId = _this$props.dataId,
56
- needTitle = _this$props.needTitle,
57
- customClass = _this$props.customClass,
58
- borderOnActive = _this$props.borderOnActive,
59
- borderOnHover = _this$props.borderOnHover,
60
- dataSelectorId = _this$props.dataSelectorId,
61
- customProps = _this$props.customProps,
62
- needInnerBorder = _this$props.needInnerBorder,
63
- needBorder = _this$props.needBorder,
64
- needDefaultBorder = _this$props.needDefaultBorder;
69
+ src = _this$props.src,
70
+ name = _this$props.name,
71
+ size = _this$props.size,
72
+ palette = _this$props.palette,
73
+ textPalette = _this$props.textPalette,
74
+ onClick = _this$props.onClick,
75
+ title = _this$props.title,
76
+ isFilled = _this$props.isFilled,
77
+ dataId = _this$props.dataId,
78
+ needTitle = _this$props.needTitle,
79
+ customClass = _this$props.customClass,
80
+ borderOnActive = _this$props.borderOnActive,
81
+ borderOnHover = _this$props.borderOnHover,
82
+ dataSelectorId = _this$props.dataSelectorId,
83
+ customProps = _this$props.customProps,
84
+ needInnerBorder = _this$props.needInnerBorder,
85
+ needBorder = _this$props.needBorder,
86
+ needDefaultBorder = _this$props.needDefaultBorder;
65
87
  var _customProps$AvatarTe = customProps.AvatarTeamProps,
66
- AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
67
- _customProps$AvatarPr = customProps.AvatarProps,
68
- AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
88
+ AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
89
+ _customProps$AvatarPr = customProps.AvatarProps,
90
+ AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
69
91
  var _customClass$customAv = customClass.customAvatar,
70
- customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
71
- _customClass$customAv2 = customClass.customAvatarTeam,
72
- customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
92
+ customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
93
+ _customClass$customAv2 = customClass.customAvatarTeam,
94
+ customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
73
95
  var border = borderOnHover || onClick;
74
96
  return /*#__PURE__*/_react["default"].createElement("span", _extends({
75
97
  className: "".concat(_AvatarTeamModule["default"].container, " ").concat(borderOnActive ? _AvatarTeamModule["default"].borderOnActive : border ? _AvatarTeamModule["default"].borderOnHover : '', " "),
76
98
  "data-id": dataId,
99
+ "data-test-id": dataId,
77
100
  "data-selector-id": dataSelectorId
78
101
  }, AvatarTeamProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
79
102
  name: name,
@@ -95,13 +118,13 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
95
118
  }));
96
119
  }
97
120
  }]);
121
+
98
122
  return AvatarTeam;
99
123
  }(_react["default"].Component);
124
+
100
125
  exports["default"] = AvatarTeam;
101
126
  AvatarTeam.defaultProps = _defaultProps.defaultProps;
102
- AvatarTeam.propTypes = _propTypes.propTypes;
103
-
104
- // if (__DOCS__) {
127
+ AvatarTeam.propTypes = _propTypes.propTypes; // if (__DOCS__) {
105
128
  // AvatarTeam.docs = {
106
129
  // componentGroup: 'Avatar Group',
107
130
  // folderName: 'Style Guide',
@@ -7,18 +7,18 @@
7
7
  --avatarteam_outline_style: solid;
8
8
  --avatarteam_outline_color: var(--zdt_avatarteam_innerCircle);
9
9
  --avatarteam_bg_color: var(--zdt_avatarteam_default_bg);
10
- --avatarteam_width: 5px;
11
- --avatarteam_height: 5px;
10
+ --avatarteam_width: var(--zd_size5);
11
+ --avatarteam_height: var(--zd_size5);
12
12
  --avatarteam_border_radius: 50%;
13
13
  --avatarteam_bottom_top: initial;
14
14
  --avatarteam_bottom_left: initial;
15
15
  --avatarteam_bottom_right: initial;
16
- --avatarteam_top_top: 1px;
16
+ --avatarteam_top_top: var(--zd_size1);
17
17
  }
18
18
  .container {
19
19
  position: relative;
20
20
  display: inline-block;
21
- font-size: 0;
21
+ font-size: 0 ;
22
22
  vertical-align: middle;
23
23
  }
24
24
  .team {
@@ -38,11 +38,11 @@
38
38
  }
39
39
  [dir=ltr] .team {
40
40
  transform: translate(-50%, -50%);
41
- left: 50%;
41
+ left: 50% ;
42
42
  }
43
43
  [dir=rtl] .team {
44
44
  transform: translate(50%, -50%);
45
- right: 50%;
45
+ right: 50% ;
46
46
  }
47
47
  .nofill {
48
48
  --avatarteam_border_color: var(--zdt_avatarteam_nofill_hover_border);
@@ -68,8 +68,8 @@
68
68
  .team:before {
69
69
  position: absolute;
70
70
  content: '';
71
- height: inherit;
72
- width: inherit;
71
+ height: inherit ;
72
+ width: inherit ;
73
73
  top: var(--avatarteam_bottom_top);
74
74
  outline-width: var(--avatarteam_outline_width);
75
75
  outline-style: var(--avatarteam_outline_style);
@@ -92,18 +92,18 @@
92
92
  .smallteam,
93
93
  .xsmallteam,
94
94
  .xxsmallteam {
95
- --avatarteam_height: 3px;
96
- --avatarteam_width: 3px;
95
+ --avatarteam_height: var(--zd_size3);
96
+ --avatarteam_width: var(--zd_size3);
97
97
  }
98
98
  .mediumteam,
99
99
  .xmediumteam {
100
- --avatarteam_height: 5px;
101
- --avatarteam_width: 5px;
100
+ --avatarteam_height: var(--zd_size5);
101
+ --avatarteam_width: var(--zd_size5);
102
102
  }
103
103
  .largeteam,
104
104
  .xlargeteam {
105
- --avatarteam_height: 7px;
106
- --avatarteam_width: 7px;
105
+ --avatarteam_height: var(--zd_size7);
106
+ --avatarteam_width: var(--zd_size7);
107
107
  }
108
108
 
109
109
  .xxsmallteam {
@@ -112,78 +112,78 @@
112
112
  }
113
113
  .xxsmallteam::after,
114
114
  .xxsmallteam:before {
115
- --avatarteam_bottom_top: 13px;
115
+ --avatarteam_bottom_top: var(--zd_size13);
116
116
  }
117
117
  .xxsmallteam:after {
118
- --avatarteam_bottom_left: -8px;
118
+ --avatarteam_bottom_left: calc( var(--zd_size8) * -1 );
119
119
  }
120
120
  .xxsmallteam:before {
121
- --avatarteam_bottom_right: -8px;
121
+ --avatarteam_bottom_right: calc( var(--zd_size8) * -1 );
122
122
  }
123
123
 
124
124
 
125
125
  .smallteam::after,
126
126
  .smallteam:before {
127
- --avatarteam_bottom_top: 17px;
127
+ --avatarteam_bottom_top: var(--zd_size17);
128
128
  }
129
129
  .smallteam:after {
130
- --avatarteam_bottom_left: -8px;
130
+ --avatarteam_bottom_left: calc( var(--zd_size8) * -1 );
131
131
  }
132
132
  .smallteam:before {
133
- --avatarteam_bottom_right: -8px;
133
+ --avatarteam_bottom_right: calc( var(--zd_size8) * -1 );
134
134
  }
135
135
 
136
136
  .xsmallteam::after,
137
137
  .xsmallteam:before {
138
- --avatarteam_bottom_top: 24px;
138
+ --avatarteam_bottom_top: var(--zd_size24);
139
139
  }
140
140
  .xsmallteam:after {
141
- --avatarteam_bottom_left: -10px;
141
+ --avatarteam_bottom_left: calc( var(--zd_size10) * -1 );
142
142
  }
143
143
  .xsmallteam:before {
144
- --avatarteam_bottom_right: -10px;
144
+ --avatarteam_bottom_right: calc( var(--zd_size10) * -1 );
145
145
  }
146
146
 
147
147
  .mediumteam::after,
148
148
  .mediumteam:before {
149
- --avatarteam_bottom_top: 26px;
149
+ --avatarteam_bottom_top: var(--zd_size26);
150
150
  }
151
151
  .mediumteam:after {
152
- --avatarteam_bottom_left: -13px;
152
+ --avatarteam_bottom_left: calc( var(--zd_size13) * -1 );
153
153
  }
154
154
  .mediumteam:before {
155
- --avatarteam_bottom_right: -13px;
155
+ --avatarteam_bottom_right: calc( var(--zd_size13) * -1 );
156
156
  }
157
157
 
158
158
  .xmediumteam::after,
159
159
  .xmediumteam:before {
160
- --avatarteam_bottom_top: 30px;
160
+ --avatarteam_bottom_top: var(--zd_size30);
161
161
  }
162
162
  .xmediumteam:after {
163
- --avatarteam_bottom_left: -16px;
163
+ --avatarteam_bottom_left: calc( var(--zd_size16) * -1 );
164
164
  }
165
165
  .xmediumteam:before {
166
- --avatarteam_bottom_right: -16px;
166
+ --avatarteam_bottom_right: calc( var(--zd_size16) * -1 );
167
167
  }
168
168
 
169
169
  .largeteam::after,
170
170
  .largeteam:before {
171
- --avatarteam_bottom_top: 46px;
171
+ --avatarteam_bottom_top: var(--zd_size46);
172
172
  }
173
173
  .largeteam:after {
174
- --avatarteam_bottom_left: -24px;
174
+ --avatarteam_bottom_left: calc( var(--zd_size24) * -1 );
175
175
  }
176
176
  .largeteam:before {
177
- --avatarteam_bottom_right: -24px;
177
+ --avatarteam_bottom_right: calc( var(--zd_size24) * -1 );
178
178
  }
179
179
 
180
180
  .xlargeteam::after,
181
181
  .xlargeteam:before {
182
- --avatarteam_bottom_top: 65px;
182
+ --avatarteam_bottom_top: var(--zd_size65);
183
183
  }
184
184
  .xlargeteam:after {
185
- --avatarteam_bottom_left: -29px;
185
+ --avatarteam_bottom_left: calc( var(--zd_size29) * -1 );
186
186
  }
187
187
  .xlargeteam:before {
188
- --avatarteam_bottom_right: -29px;
188
+ --avatarteam_bottom_right: calc( var(--zd_size29) * -1 );
189
189
  }
@@ -1,14 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam"));
6
+
5
7
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
+
6
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+
7
11
  describe('AvatarTeam component', function () {
8
12
  it('should display initial', function () {
9
13
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
10
14
  name: "vimalesan a"
11
15
  }));
16
+
12
17
  var tree = ele.toJSON();
13
18
  expect(tree).toMatchSnapshot();
14
19
  });
@@ -17,6 +22,7 @@ describe('AvatarTeam component', function () {
17
22
  name: "vimalesan a",
18
23
  isFilled: true
19
24
  }));
25
+
20
26
  var tree = ele.toJSON();
21
27
  expect(tree).toMatchSnapshot();
22
28
  });
@@ -25,6 +31,7 @@ describe('AvatarTeam component', function () {
25
31
  name: "vimalesan a",
26
32
  palette: "secondary"
27
33
  }));
34
+
28
35
  var tree = ele.toJSON();
29
36
  expect(tree).toMatchSnapshot();
30
37
  });
@@ -33,6 +40,7 @@ describe('AvatarTeam component', function () {
33
40
  name: "vimalesan a",
34
41
  palette: "info"
35
42
  }));
43
+
36
44
  var tree = ele.toJSON();
37
45
  expect(tree).toMatchSnapshot();
38
46
  });
@@ -41,6 +49,7 @@ describe('AvatarTeam component', function () {
41
49
  name: "vimalesan a",
42
50
  size: "small"
43
51
  }));
52
+
44
53
  var tree = ele.toJSON();
45
54
  expect(tree).toMatchSnapshot();
46
55
  });
@@ -49,6 +58,7 @@ describe('AvatarTeam component', function () {
49
58
  name: "vimalesan a",
50
59
  size: "xsmall"
51
60
  }));
61
+
52
62
  var tree = ele.toJSON();
53
63
  expect(tree).toMatchSnapshot();
54
64
  });
@@ -57,6 +67,7 @@ describe('AvatarTeam component', function () {
57
67
  name: "vimalesan a",
58
68
  size: "xmedium"
59
69
  }));
70
+
60
71
  var tree = ele.toJSON();
61
72
  expect(tree).toMatchSnapshot();
62
73
  });
@@ -65,6 +76,7 @@ describe('AvatarTeam component', function () {
65
76
  name: "vimalesan a",
66
77
  size: "large"
67
78
  }));
79
+
68
80
  var tree = ele.toJSON();
69
81
  expect(tree).toMatchSnapshot();
70
82
  });
@@ -73,6 +85,7 @@ describe('AvatarTeam component', function () {
73
85
  name: "vimalesan a",
74
86
  size: "xlarge"
75
87
  }));
88
+
76
89
  var tree = ele.toJSON();
77
90
  expect(tree).toMatchSnapshot();
78
91
  });
@@ -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
  dataId: _propTypes["default"].string,
11
14
  dataSelectorId: _propTypes["default"].string,