@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-252

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 (534) hide show
  1. package/README.md +18 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -1
  3. package/assets/Appearance/default/mode/defaultMode.module.css +2 -1
  4. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +2 -1
  5. package/es/Accordion/Accordion.js +0 -7
  6. package/es/Accordion/AccordionItem.js +0 -4
  7. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -2
  8. package/es/Animation/Animation.js +0 -3
  9. package/es/Animation/docs/Animation__default.docs.js +0 -2
  10. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -2
  11. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -2
  12. package/es/Animation/docs/Animation__skewIn.docs.js +0 -2
  13. package/es/Animation/docs/Animation__slideDown.docs.js +0 -2
  14. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -2
  15. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -2
  16. package/es/AppContainer/AppContainer.js +2 -13
  17. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -2
  18. package/es/Avatar/Avatar.js +7 -21
  19. package/es/Avatar/docs/Avatar__custom.docs.js +1 -3
  20. package/es/Avatar/docs/Avatar__default.docs.js +1 -3
  21. package/es/Avatar/docs/Avatar__palette.docs.js +1 -3
  22. package/es/Avatar/docs/Avatar__text.docs.js +1 -3
  23. package/es/AvatarTeam/AvatarTeam.js +0 -3
  24. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -2
  25. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -2
  26. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -2
  27. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -2
  28. package/es/Button/Button.js +0 -4
  29. package/es/Button/docs/Button__custom.docs.js +11 -13
  30. package/es/Button/docs/Button__default.docs.js +11 -13
  31. package/es/Buttongroup/Buttongroup.js +0 -3
  32. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -2
  33. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -2
  34. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -2
  35. package/es/Card/Card.js +7 -22
  36. package/es/Card/docs/Card__Custom.docs.js +0 -2
  37. package/es/Card/docs/Card__Default.docs.js +0 -2
  38. package/es/Card/docs/Card__Scroll.docs.js +0 -3
  39. package/es/CheckBox/CheckBox.js +0 -5
  40. package/es/CheckBox/docs/CheckBox__custom.docs.js +12 -16
  41. package/es/CheckBox/docs/CheckBox__default.docs.js +12 -16
  42. package/es/DateTime/CalendarView.js +26 -34
  43. package/es/DateTime/DateTime.js +22 -77
  44. package/es/DateTime/DateTime.module.css +50 -5
  45. package/es/DateTime/DateTimePopupFooter.js +2 -4
  46. package/es/DateTime/DateTimePopupHeader.js +2 -8
  47. package/es/DateTime/DateWidget.js +34 -101
  48. package/es/DateTime/DaysRow.js +2 -4
  49. package/es/DateTime/Time.js +2 -10
  50. package/es/DateTime/YearView.js +4 -28
  51. package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
  52. package/es/DateTime/__tests__/DateTime.spec.js +0 -1
  53. package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
  54. package/es/DateTime/common.js +0 -3
  55. package/es/DateTime/constants.js +0 -1
  56. package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
  57. package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
  58. package/es/DateTime/dateFormatUtils/index.js +2 -28
  59. package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
  60. package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
  61. package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
  62. package/es/DateTime/docs/DateTime__default.docs.js +6 -9
  63. package/es/DateTime/docs/DateWidget__default.docs.js +0 -5
  64. package/es/DateTime/objectUtils.js +20 -14
  65. package/es/DateTime/props/propTypes.js +4 -2
  66. package/es/DateTime/typeChecker.js +0 -3
  67. package/es/DateTime/validator.js +6 -58
  68. package/es/DropBox/DropBox.js +5 -28
  69. package/es/DropBox/docs/DropBox__custom.docs.js +25 -27
  70. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -7
  71. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -7
  72. package/es/DropBox/docs/DropBox__position.docs.js +35 -37
  73. package/es/DropBox/docs/DropBox__size.docs.js +28 -30
  74. package/es/DropDown/DropDown.js +1 -9
  75. package/es/DropDown/DropDownHeading.js +2 -4
  76. package/es/DropDown/DropDownItem.js +0 -6
  77. package/es/DropDown/DropDownSearch.js +0 -4
  78. package/es/DropDown/DropDownSeparator.js +0 -1
  79. package/es/DropDown/__tests__/DropDown.spec.js +2 -1
  80. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -2
  81. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -2
  82. package/es/Heading/Heading.js +0 -2
  83. package/es/Heading/Heading.module.css +3 -3
  84. package/es/Heading/docs/Heading__default.docs.js +0 -2
  85. package/es/Label/Label.js +0 -2
  86. package/es/Label/docs/Label__clipped.docs.js +0 -2
  87. package/es/Label/docs/Label__custom.docs.js +0 -2
  88. package/es/Label/docs/Label__palette.docs.js +0 -2
  89. package/es/Label/docs/Label__size.docs.js +0 -2
  90. package/es/Label/docs/Label__type.docs.js +0 -2
  91. package/es/Layout/Box.js +0 -13
  92. package/es/Layout/Container.js +1 -12
  93. package/es/Layout/docs/Layout__Hidden.docs.js +0 -1
  94. package/es/Layout/docs/Layout__default.docs.js +0 -1
  95. package/es/Layout/docs/Layout__four_Column.docs.js +0 -1
  96. package/es/Layout/docs/Layout__three_Column.docs.js +0 -1
  97. package/es/Layout/docs/Layout__two_Column.docs.js +0 -1
  98. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -2
  99. package/es/ListItem/ListContainer.js +0 -8
  100. package/es/ListItem/ListItem.js +0 -9
  101. package/es/ListItem/ListItemWithAvatar.js +1 -9
  102. package/es/ListItem/ListItemWithCheckBox.js +0 -7
  103. package/es/ListItem/ListItemWithIcon.js +0 -8
  104. package/es/ListItem/ListItemWithRadio.js +0 -7
  105. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -2
  106. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -2
  107. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -2
  108. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -2
  109. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -2
  110. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -2
  111. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -2
  112. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -2
  113. package/es/ListItem/docs/ListItem__custom.docs.js +0 -2
  114. package/es/ListItem/docs/ListItem__default.docs.js +0 -2
  115. package/es/Modal/Modal.js +8 -28
  116. package/es/Modal/__docs__/Modal__default.docs.js +1 -5
  117. package/es/MultiSelect/AdvancedGroupMultiSelect.js +11 -90
  118. package/es/MultiSelect/AdvancedMultiSelect.js +21 -39
  119. package/es/MultiSelect/EmptyState.js +0 -2
  120. package/es/MultiSelect/MultiSelect.js +49 -112
  121. package/es/MultiSelect/MultiSelectHeader.js +0 -3
  122. package/es/MultiSelect/MultiSelectWithAvatar.js +16 -17
  123. package/es/MultiSelect/SelectedOptions.js +3 -6
  124. package/es/MultiSelect/Suggestions.js +3 -7
  125. package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
  126. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -7
  127. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +1 -7
  128. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +1 -5
  129. package/es/MultiSelect/docs/MultiSelect__default.docs.js +1 -6
  130. package/es/MultiSelect/props/defaultProps.js +8 -4
  131. package/es/MultiSelect/props/propTypes.js +8 -6
  132. package/es/PopOver/PopOver.js +0 -18
  133. package/es/PopOver/__tests__/PopOver.spec.js +1 -2
  134. package/es/PopOver/docs/PopOver__default.docs.js +0 -2
  135. package/es/Popup/Popup.js +24 -77
  136. package/es/Popup/__tests__/Popup.spec.js +5 -17
  137. package/es/Popup/viewPort.js +4 -16
  138. package/es/Provider/IdProvider.js +2 -9
  139. package/es/Provider/LibraryContext.js +4 -6
  140. package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
  141. package/es/Provider/ZindexProvider.js +2 -9
  142. package/es/Provider/docs/Provider_Id__Class.docs.js +3 -4
  143. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -1
  144. package/es/Provider/docs/Provider_Zindex__Class.docs.js +3 -4
  145. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -1
  146. package/es/Provider.js +3 -7
  147. package/es/Radio/Radio.js +0 -4
  148. package/es/Radio/docs/Radio__custom.docs.js +12 -16
  149. package/es/Radio/docs/Radio__default.docs.js +12 -16
  150. package/es/Responsive/CustomResponsive.js +18 -28
  151. package/es/Responsive/RefWrapper.js +7 -6
  152. package/es/Responsive/ResizeComponent.js +25 -35
  153. package/es/Responsive/ResizeObserver.js +6 -26
  154. package/es/Responsive/Responsive.js +20 -34
  155. package/es/Responsive/docs/Responsive__Custom.docs.js +22 -14
  156. package/es/Responsive/docs/Responsive__default.docs.js +1 -3
  157. package/es/Responsive/sizeObservers.js +7 -28
  158. package/es/Responsive/utils/index.js +5 -7
  159. package/es/Responsive/utils/shallowCompare.js +2 -7
  160. package/es/Responsive/windowResizeObserver.js +0 -7
  161. package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
  162. package/es/Ribbon/Ribbon.js +0 -3
  163. package/es/Ribbon/docs/Ribbon__custom.docs.js +13 -14
  164. package/es/Ribbon/docs/Ribbon__default.docs.js +13 -14
  165. package/es/RippleEffect/RippleEffect.js +0 -1
  166. package/es/RippleEffect/docs/RippleEffect__default.docs.js +12 -14
  167. package/es/Select/GroupSelect.js +28 -67
  168. package/es/Select/Select.js +47 -97
  169. package/es/Select/Select.module.css +3 -0
  170. package/es/Select/SelectWithAvatar.js +15 -24
  171. package/es/Select/SelectWithIcon.js +73 -53
  172. package/es/Select/__tests__/Select.spec.js +8 -6
  173. package/es/Select/docs/GroupSelect__default.docs.js +1 -6
  174. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -4
  175. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -4
  176. package/es/Select/docs/Select__default.docs.js +0 -5
  177. package/es/Select/props/defaultProps.js +8 -4
  178. package/es/Select/props/propTypes.js +8 -5
  179. package/es/Stencils/Stencils.js +0 -3
  180. package/es/Stencils/docs/Stencils__custom.docs.js +0 -2
  181. package/es/Stencils/docs/Stencils__default.docs.js +0 -2
  182. package/es/Switch/Switch.js +0 -5
  183. package/es/Switch/docs/Switch__custom.docs.js +12 -14
  184. package/es/Switch/docs/Switch__default.docs.js +12 -14
  185. package/es/Tab/Tab.js +1 -4
  186. package/es/Tab/TabContent.js +0 -1
  187. package/es/Tab/TabContentWrapper.js +0 -2
  188. package/es/Tab/TabWrapper.js +2 -5
  189. package/es/Tab/Tabs.js +7 -54
  190. package/es/Tab/__tests__/Tab.spec.js +2 -1
  191. package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
  192. package/es/Tab/docs/Tab__default.docs.js +0 -5
  193. package/es/Tag/Tag.js +1 -6
  194. package/es/Tag/docs/Tag__custom.docs.js +11 -13
  195. package/es/Tag/docs/Tag__default.docs.js +11 -13
  196. package/es/TextBox/TextBox.js +0 -15
  197. package/es/TextBox/__tests__/TextBox.spec.js +4 -1
  198. package/es/TextBox/docs/TextBox__custom.docs.js +0 -2
  199. package/es/TextBox/docs/TextBox__default.docs.js +0 -2
  200. package/es/TextBox/docs/TextBox__size.docs.js +0 -2
  201. package/es/TextBox/docs/TextBox__variant.docs.js +0 -2
  202. package/es/TextBoxIcon/TextBoxIcon.js +0 -7
  203. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
  204. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -2
  205. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -2
  206. package/es/Textarea/Textarea.js +0 -12
  207. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  208. package/es/Textarea/docs/Textarea__animated.docs.js +0 -2
  209. package/es/Textarea/docs/Textarea__custom.docs.js +0 -2
  210. package/es/Textarea/docs/Textarea__default.docs.js +0 -2
  211. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -2
  212. package/es/Tooltip/Tooltip.js +11 -58
  213. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
  214. package/es/Tooltip/docs/Tooltip__default.docs.js +63 -67
  215. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -3
  216. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -5
  217. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +2 -7
  218. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +17 -28
  219. package/es/deprecated/PortalLayer/PortalLayer.js +17 -25
  220. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -7
  221. package/es/index.js +2 -1
  222. package/es/semantic/Button/Button.js +0 -3
  223. package/es/semantic/Button/docs/Button__default.docs.js +0 -3
  224. package/es/utils/Common.js +23 -47
  225. package/es/utils/ContextOptimizer.js +5 -4
  226. package/es/utils/__tests__/debounce.spec.js +2 -2
  227. package/es/utils/constructFullName.js +0 -2
  228. package/es/utils/datetime/common.js +5 -16
  229. package/es/utils/debounce.js +1 -5
  230. package/es/utils/dropDownUtils.js +11 -67
  231. package/es/utils/getInitial.js +0 -4
  232. package/es/utils/shallowEqual.js +0 -6
  233. package/lib/Accordion/Accordion.js +10 -39
  234. package/lib/Accordion/AccordionItem.js +12 -38
  235. package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
  236. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -22
  237. package/lib/Accordion/index.js +0 -3
  238. package/lib/Accordion/props/propTypes.js +0 -3
  239. package/lib/Animation/Animation.js +12 -37
  240. package/lib/Animation/__tests__/Animation.spec.js +7 -11
  241. package/lib/Animation/docs/Animation__default.docs.js +0 -24
  242. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -24
  243. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -24
  244. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -24
  245. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -24
  246. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -24
  247. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -24
  248. package/lib/Animation/props/propTypes.js +0 -3
  249. package/lib/AppContainer/AppContainer.js +14 -52
  250. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -23
  251. package/lib/AppContainer/props/propTypes.js +0 -3
  252. package/lib/Avatar/Avatar.js +27 -71
  253. package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
  254. package/lib/Avatar/docs/Avatar__custom.docs.js +1 -26
  255. package/lib/Avatar/docs/Avatar__default.docs.js +1 -24
  256. package/lib/Avatar/docs/Avatar__palette.docs.js +1 -26
  257. package/lib/Avatar/docs/Avatar__text.docs.js +1 -26
  258. package/lib/Avatar/props/propTypes.js +0 -3
  259. package/lib/AvatarTeam/AvatarTeam.js +20 -47
  260. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
  261. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -24
  262. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -24
  263. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -24
  264. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -24
  265. package/lib/AvatarTeam/props/propTypes.js +0 -3
  266. package/lib/Button/Button.js +19 -44
  267. package/lib/Button/__tests__/Button.spec.js +0 -40
  268. package/lib/Button/docs/Button__custom.docs.js +11 -37
  269. package/lib/Button/docs/Button__default.docs.js +11 -36
  270. package/lib/Button/props/defaultProps.js +0 -2
  271. package/lib/Button/props/propTypes.js +0 -3
  272. package/lib/Buttongroup/Buttongroup.js +5 -31
  273. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
  274. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -25
  275. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -25
  276. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -27
  277. package/lib/Buttongroup/props/propTypes.js +0 -3
  278. package/lib/Card/Card.js +41 -102
  279. package/lib/Card/__tests__/Card.spec.js +1 -10
  280. package/lib/Card/docs/Card__Custom.docs.js +0 -27
  281. package/lib/Card/docs/Card__Default.docs.js +0 -26
  282. package/lib/Card/docs/Card__Scroll.docs.js +3 -30
  283. package/lib/Card/index.js +0 -4
  284. package/lib/Card/props/propTypes.js +0 -3
  285. package/lib/CheckBox/CheckBox.js +40 -69
  286. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
  287. package/lib/CheckBox/docs/CheckBox__custom.docs.js +12 -37
  288. package/lib/CheckBox/docs/CheckBox__default.docs.js +12 -36
  289. package/lib/CheckBox/props/propTypes.js +0 -3
  290. package/lib/DateTime/CalendarView.js +40 -79
  291. package/lib/DateTime/DateTime.js +164 -245
  292. package/lib/DateTime/DateTime.module.css +50 -5
  293. package/lib/DateTime/DateTimePopupFooter.js +5 -30
  294. package/lib/DateTime/DateTimePopupHeader.js +13 -45
  295. package/lib/DateTime/DateWidget.js +243 -349
  296. package/lib/DateTime/DaysRow.js +2 -26
  297. package/lib/DateTime/Time.js +29 -72
  298. package/lib/DateTime/YearView.js +25 -75
  299. package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
  300. package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
  301. package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
  302. package/lib/DateTime/common.js +0 -6
  303. package/lib/DateTime/constants.js +0 -1
  304. package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
  305. package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
  306. package/lib/DateTime/dateFormatUtils/index.js +12 -61
  307. package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
  308. package/lib/DateTime/dateFormatUtils/timeChange.js +20 -52
  309. package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
  310. package/lib/DateTime/docs/DateTime__default.docs.js +10 -33
  311. package/lib/DateTime/docs/DateWidget__default.docs.js +2 -30
  312. package/lib/DateTime/index.js +0 -2
  313. package/lib/DateTime/objectUtils.js +20 -24
  314. package/lib/DateTime/props/propTypes.js +4 -5
  315. package/lib/DateTime/typeChecker.js +0 -4
  316. package/lib/DateTime/validator.js +6 -69
  317. package/lib/DropBox/DropBox.js +58 -119
  318. package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
  319. package/lib/DropBox/docs/DropBox__custom.docs.js +25 -50
  320. package/lib/DropBox/docs/DropBox__customOrder.docs.js +9 -36
  321. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +9 -36
  322. package/lib/DropBox/docs/DropBox__position.docs.js +35 -59
  323. package/lib/DropBox/docs/DropBox__size.docs.js +28 -52
  324. package/lib/DropBox/props/propTypes.js +0 -3
  325. package/lib/DropDown/DropDown.js +3 -53
  326. package/lib/DropDown/DropDownHeading.js +11 -35
  327. package/lib/DropDown/DropDownItem.js +17 -41
  328. package/lib/DropDown/DropDownSearch.js +15 -41
  329. package/lib/DropDown/DropDownSeparator.js +1 -23
  330. package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
  331. package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
  332. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
  333. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  334. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -22
  335. package/lib/DropDown/props/propTypes.js +0 -5
  336. package/lib/Heading/Heading.js +8 -35
  337. package/lib/Heading/Heading.module.css +3 -3
  338. package/lib/Heading/docs/Heading__default.docs.js +0 -24
  339. package/lib/Heading/props/propTypes.js +0 -3
  340. package/lib/Label/Label.js +11 -36
  341. package/lib/Label/__tests__/Label.spec.js +1 -14
  342. package/lib/Label/docs/Label__clipped.docs.js +0 -25
  343. package/lib/Label/docs/Label__custom.docs.js +0 -26
  344. package/lib/Label/docs/Label__palette.docs.js +0 -25
  345. package/lib/Label/docs/Label__size.docs.js +0 -25
  346. package/lib/Label/docs/Label__type.docs.js +0 -25
  347. package/lib/Label/props/propTypes.js +0 -3
  348. package/lib/Layout/Box.js +11 -31
  349. package/lib/Layout/Container.js +10 -29
  350. package/lib/Layout/__tests__/Box.spec.js +49 -65
  351. package/lib/Layout/__tests__/Container.spec.js +50 -67
  352. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -22
  353. package/lib/Layout/docs/Layout__default.docs.js +0 -21
  354. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -22
  355. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -22
  356. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -22
  357. package/lib/Layout/index.js +0 -4
  358. package/lib/Layout/props/propTypes.js +0 -3
  359. package/lib/Layout/utils.js +0 -10
  360. package/lib/LightNightMode/docs/AlternativeColors.docs.js +1 -26
  361. package/lib/ListItem/ListContainer.js +25 -46
  362. package/lib/ListItem/ListItem.js +37 -66
  363. package/lib/ListItem/ListItemWithAvatar.js +41 -72
  364. package/lib/ListItem/ListItemWithCheckBox.js +32 -61
  365. package/lib/ListItem/ListItemWithIcon.js +36 -65
  366. package/lib/ListItem/ListItemWithRadio.js +33 -62
  367. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -24
  368. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -23
  369. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -24
  370. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -23
  371. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -24
  372. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -23
  373. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -24
  374. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -23
  375. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -23
  376. package/lib/ListItem/docs/ListItem__default.docs.js +0 -22
  377. package/lib/ListItem/props/propTypes.js +0 -5
  378. package/lib/Modal/Modal.js +4 -44
  379. package/lib/Modal/__docs__/Modal__default.docs.js +0 -23
  380. package/lib/Modal/props/propTypes.js +0 -3
  381. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +157 -289
  382. package/lib/MultiSelect/AdvancedMultiSelect.js +130 -203
  383. package/lib/MultiSelect/EmptyState.js +21 -44
  384. package/lib/MultiSelect/MultiSelect.js +213 -325
  385. package/lib/MultiSelect/MultiSelectHeader.js +5 -29
  386. package/lib/MultiSelect/MultiSelectWithAvatar.js +61 -98
  387. package/lib/MultiSelect/SelectedOptions.js +15 -44
  388. package/lib/MultiSelect/Suggestions.js +26 -59
  389. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
  390. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -23
  391. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +3 -28
  392. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +2 -28
  393. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +2 -30
  394. package/lib/MultiSelect/props/defaultProps.js +8 -6
  395. package/lib/MultiSelect/props/propTypes.js +8 -9
  396. package/lib/PopOver/PopOver.js +44 -94
  397. package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
  398. package/lib/PopOver/docs/PopOver__default.docs.js +0 -25
  399. package/lib/PopOver/props/propTypes.js +0 -3
  400. package/lib/Popup/Popup.js +77 -156
  401. package/lib/Popup/__tests__/Popup.spec.js +5 -42
  402. package/lib/Popup/viewPort.js +14 -28
  403. package/lib/Provider/AvatarSize.js +0 -4
  404. package/lib/Provider/Config.js +0 -2
  405. package/lib/Provider/CssProvider.js +0 -4
  406. package/lib/Provider/IdProvider.js +3 -17
  407. package/lib/Provider/LibraryContext.js +10 -32
  408. package/lib/Provider/LibraryContextInit.js +0 -4
  409. package/lib/Provider/NumberGenerator/NumberGenerator.js +14 -43
  410. package/lib/Provider/ZindexProvider.js +3 -15
  411. package/lib/Provider/docs/Provider_Id__Class.docs.js +3 -24
  412. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -5
  413. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +3 -24
  414. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -5
  415. package/lib/Provider.js +2 -61
  416. package/lib/Radio/Radio.js +33 -60
  417. package/lib/Radio/__tests__/Radiospec.js +5 -9
  418. package/lib/Radio/docs/Radio__custom.docs.js +12 -38
  419. package/lib/Radio/docs/Radio__default.docs.js +12 -37
  420. package/lib/Radio/props/propTypes.js +0 -3
  421. package/lib/Responsive/CustomResponsive.js +23 -67
  422. package/lib/Responsive/RefWrapper.js +7 -15
  423. package/lib/Responsive/ResizeComponent.js +27 -58
  424. package/lib/Responsive/ResizeObserver.js +6 -23
  425. package/lib/Responsive/Responsive.js +24 -76
  426. package/lib/Responsive/docs/Responsive__Custom.docs.js +29 -54
  427. package/lib/Responsive/docs/Responsive__default.docs.js +4 -28
  428. package/lib/Responsive/index.js +0 -2
  429. package/lib/Responsive/props/propTypes.js +0 -3
  430. package/lib/Responsive/sizeObservers.js +13 -51
  431. package/lib/Responsive/utils/index.js +3 -11
  432. package/lib/Responsive/utils/shallowCompare.js +2 -11
  433. package/lib/Responsive/windowResizeObserver.js +0 -8
  434. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +14 -44
  435. package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
  436. package/lib/Ribbon/Ribbon.js +7 -31
  437. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
  438. package/lib/Ribbon/docs/Ribbon__custom.docs.js +13 -36
  439. package/lib/Ribbon/docs/Ribbon__default.docs.js +13 -35
  440. package/lib/Ribbon/props/propTypes.js +0 -3
  441. package/lib/RippleEffect/RippleEffect.js +7 -18
  442. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +12 -34
  443. package/lib/RippleEffect/props/propTypes.js +0 -3
  444. package/lib/Select/GroupSelect.js +138 -230
  445. package/lib/Select/Select.js +213 -297
  446. package/lib/Select/Select.module.css +3 -0
  447. package/lib/Select/SelectWithAvatar.js +61 -104
  448. package/lib/Select/SelectWithIcon.js +149 -143
  449. package/lib/Select/__tests__/Select.spec.js +89 -131
  450. package/lib/Select/docs/GroupSelect__default.docs.js +0 -26
  451. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -28
  452. package/lib/Select/docs/SelectWithIcon__default.docs.js +4 -29
  453. package/lib/Select/docs/Select__default.docs.js +0 -27
  454. package/lib/Select/props/defaultProps.js +7 -8
  455. package/lib/Select/props/propTypes.js +8 -8
  456. package/lib/Stencils/Stencils.js +4 -28
  457. package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
  458. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -24
  459. package/lib/Stencils/docs/Stencils__default.docs.js +0 -24
  460. package/lib/Stencils/props/propTypes.js +0 -3
  461. package/lib/Switch/Switch.js +27 -55
  462. package/lib/Switch/docs/Switch__custom.docs.js +12 -35
  463. package/lib/Switch/docs/Switch__default.docs.js +12 -34
  464. package/lib/Switch/props/propTypes.js +0 -3
  465. package/lib/Tab/Tab.js +23 -39
  466. package/lib/Tab/TabContent.js +4 -11
  467. package/lib/Tab/TabContentWrapper.js +5 -12
  468. package/lib/Tab/TabWrapper.js +16 -34
  469. package/lib/Tab/Tabs.js +85 -166
  470. package/lib/Tab/__tests__/Tab.spec.js +63 -74
  471. package/lib/Tab/__tests__/TabContent.spec.js +6 -10
  472. package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
  473. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
  474. package/lib/Tab/__tests__/Tabs.spec.js +39 -53
  475. package/lib/Tab/docs/Tab__default.docs.js +0 -25
  476. package/lib/Tab/index.js +0 -6
  477. package/lib/Tab/props/propTypes.js +0 -3
  478. package/lib/Tag/Tag.js +37 -70
  479. package/lib/Tag/__tests__/Tag.spec.js +8 -14
  480. package/lib/Tag/docs/Tag__custom.docs.js +11 -37
  481. package/lib/Tag/docs/Tag__default.docs.js +11 -36
  482. package/lib/Tag/props/propTypes.js +0 -3
  483. package/lib/TextBox/TextBox.js +52 -83
  484. package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
  485. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -26
  486. package/lib/TextBox/docs/TextBox__default.docs.js +0 -26
  487. package/lib/TextBox/docs/TextBox__size.docs.js +0 -26
  488. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -26
  489. package/lib/TextBox/props/propTypes.js +0 -5
  490. package/lib/TextBoxIcon/TextBoxIcon.js +48 -80
  491. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
  492. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -27
  493. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -27
  494. package/lib/TextBoxIcon/props/propTypes.js +0 -3
  495. package/lib/Textarea/Textarea.js +22 -52
  496. package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
  497. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -25
  498. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -26
  499. package/lib/Textarea/docs/Textarea__default.docs.js +0 -25
  500. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -25
  501. package/lib/Textarea/props/propTypes.js +0 -3
  502. package/lib/Tooltip/Tooltip.js +25 -92
  503. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -23
  504. package/lib/Tooltip/docs/Tooltip__default.docs.js +63 -91
  505. package/lib/Tooltip/props/propTypes.js +0 -3
  506. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +11 -39
  507. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -29
  508. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
  509. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +18 -51
  510. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +22 -54
  511. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
  512. package/lib/css.js +0 -39
  513. package/lib/deprecated/PortalLayer/PortalLayer.js +17 -45
  514. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +2 -36
  515. package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
  516. package/lib/index.js +0 -158
  517. package/lib/semantic/Button/Button.js +17 -41
  518. package/lib/semantic/Button/docs/Button__default.docs.js +0 -23
  519. package/lib/semantic/Button/props/propTypes.js +0 -3
  520. package/lib/utils/Common.js +29 -95
  521. package/lib/utils/ContextOptimizer.js +10 -16
  522. package/lib/utils/__tests__/constructFullName.spec.js +0 -1
  523. package/lib/utils/__tests__/debounce.spec.js +2 -3
  524. package/lib/utils/__tests__/getInitial.spec.js +0 -1
  525. package/lib/utils/constructFullName.js +2 -11
  526. package/lib/utils/datetime/common.js +5 -32
  527. package/lib/utils/debounce.js +1 -6
  528. package/lib/utils/dropDownUtils.js +54 -171
  529. package/lib/utils/dummyFunction.js +0 -2
  530. package/lib/utils/getHTMLFontSize.js +0 -1
  531. package/lib/utils/getInitial.js +0 -6
  532. package/lib/utils/scrollTo.js +0 -2
  533. package/lib/utils/shallowEqual.js +0 -8
  534. package/package.json +1 -1
package/lib/Tag/Tag.js CHANGED
@@ -1,62 +1,37 @@
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
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _defaultProps = require("./props/defaultProps");
13
-
14
10
  var _propTypes = require("./props/propTypes");
15
-
16
11
  var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
17
-
18
12
  var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
19
-
20
13
  var _Layout = require("../Layout");
21
-
22
14
  var _Button = _interopRequireDefault(require("../semantic/Button/Button"));
23
-
24
15
  var _IdProvider = require("../Provider/IdProvider");
25
-
26
16
  var _TagModule = _interopRequireDefault(require("./Tag.module.css"));
27
-
28
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
-
30
18
  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); }
31
-
32
19
  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; }
33
-
34
20
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
35
-
36
21
  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); } }
37
-
38
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; }
39
-
40
23
  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); }
41
-
42
24
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
43
-
44
25
  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); }; }
45
-
46
26
  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); }
47
-
48
27
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
49
-
50
28
  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; } }
51
-
52
29
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
53
-
54
30
  /*
55
31
  * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
56
32
  * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
57
33
  * 'pureDotted', 'primaryDotted'] }]
58
34
  */
59
-
60
35
  /*
61
36
  * eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
62
37
  * 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
@@ -64,14 +39,10 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
64
39
  */
65
40
  var Tag = /*#__PURE__*/function (_PureComponent) {
66
41
  _inherits(Tag, _PureComponent);
67
-
68
42
  var _super = _createSuper(Tag);
69
-
70
43
  function Tag(props) {
71
44
  var _this;
72
-
73
45
  _classCallCheck(this, Tag);
74
-
75
46
  _this = _super.call(this, props);
76
47
  _this.handleSelect = _this.handleSelect.bind(_assertThisInitialized(_this));
77
48
  _this.handleRemove = _this.handleRemove.bind(_assertThisInitialized(_this));
@@ -79,14 +50,13 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
79
50
  _this.getNextAriaId = (0, _IdProvider.getUniqueId)(_assertThisInitialized(_this));
80
51
  return _this;
81
52
  }
82
-
83
53
  _createClass(Tag, [{
84
54
  key: "handleSelect",
85
55
  value: function handleSelect(e) {
86
56
  var _this$props = this.props,
87
- id = _this$props.id,
88
- _this$props$onSelectT = _this$props.onSelectTag,
89
- onSelectTag = _this$props$onSelectT === void 0 ? null : _this$props$onSelectT;
57
+ id = _this$props.id,
58
+ _this$props$onSelectT = _this$props.onSelectTag,
59
+ onSelectTag = _this$props$onSelectT === void 0 ? null : _this$props$onSelectT;
90
60
  e && e.preventDefault();
91
61
  e.stopPropagation && e.stopPropagation();
92
62
  e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
@@ -96,8 +66,8 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
96
66
  key: "handleRemove",
97
67
  value: function handleRemove(e) {
98
68
  var _this$props2 = this.props,
99
- onRemove = _this$props2.onRemove,
100
- id = _this$props2.id;
69
+ onRemove = _this$props2.onRemove,
70
+ id = _this$props2.id;
101
71
  e && e.preventDefault();
102
72
  e.stopPropagation && e.stopPropagation();
103
73
  e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
@@ -107,48 +77,48 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
107
77
  key: "getRef",
108
78
  value: function getRef(el) {
109
79
  var _this$props3 = this.props,
110
- getRef = _this$props3.getRef,
111
- id = _this$props3.id;
80
+ getRef = _this$props3.getRef,
81
+ id = _this$props3.id;
112
82
  getRef && getRef(el, id);
113
83
  }
114
84
  }, {
115
85
  key: "render",
116
86
  value: function render() {
117
87
  var _this$props4 = this.props,
118
- imageURL = _this$props4.imageURL,
119
- hasAvatar = _this$props4.hasAvatar,
120
- text = _this$props4.text,
121
- onRemove = _this$props4.onRemove,
122
- initial = _this$props4.initial,
123
- active = _this$props4.active,
124
- size = _this$props4.size,
125
- rounded = _this$props4.rounded,
126
- palette = _this$props4.palette,
127
- disabled = _this$props4.disabled,
128
- closePalette = _this$props4.closePalette,
129
- onSelectTag = _this$props4.onSelectTag,
130
- closeTitle = _this$props4.closeTitle,
131
- dataId = _this$props4.dataId,
132
- iconName = _this$props4.iconName,
133
- iconSize = _this$props4.iconSize,
134
- tooltip = _this$props4.tooltip,
135
- avatarPalette = _this$props4.avatarPalette,
136
- customClass = _this$props4.customClass,
137
- a11y = _this$props4.a11y,
138
- needEffect = _this$props4.needEffect,
139
- isReadOnly = _this$props4.isReadOnly;
88
+ imageURL = _this$props4.imageURL,
89
+ hasAvatar = _this$props4.hasAvatar,
90
+ text = _this$props4.text,
91
+ onRemove = _this$props4.onRemove,
92
+ initial = _this$props4.initial,
93
+ active = _this$props4.active,
94
+ size = _this$props4.size,
95
+ rounded = _this$props4.rounded,
96
+ palette = _this$props4.palette,
97
+ disabled = _this$props4.disabled,
98
+ closePalette = _this$props4.closePalette,
99
+ onSelectTag = _this$props4.onSelectTag,
100
+ closeTitle = _this$props4.closeTitle,
101
+ dataId = _this$props4.dataId,
102
+ iconName = _this$props4.iconName,
103
+ iconSize = _this$props4.iconSize,
104
+ tooltip = _this$props4.tooltip,
105
+ avatarPalette = _this$props4.avatarPalette,
106
+ customClass = _this$props4.customClass,
107
+ a11y = _this$props4.a11y,
108
+ needEffect = _this$props4.needEffect,
109
+ isReadOnly = _this$props4.isReadOnly;
140
110
  var _customClass$customTa = customClass.customTag,
141
- customTag = _customClass$customTa === void 0 ? '' : _customClass$customTa,
142
- _customClass$customTa2 = customClass.customTagClose,
143
- customTagClose = _customClass$customTa2 === void 0 ? '' : _customClass$customTa2,
144
- _customClass$customTa3 = customClass.customTagIcon,
145
- customTagIcon = _customClass$customTa3 === void 0 ? '' : _customClass$customTa3,
146
- _customClass$customAv = customClass.customAvatar,
147
- customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv;
111
+ customTag = _customClass$customTa === void 0 ? '' : _customClass$customTa,
112
+ _customClass$customTa2 = customClass.customTagClose,
113
+ customTagClose = _customClass$customTa2 === void 0 ? '' : _customClass$customTa2,
114
+ _customClass$customTa3 = customClass.customTagIcon,
115
+ customTagIcon = _customClass$customTa3 === void 0 ? '' : _customClass$customTa3,
116
+ _customClass$customAv = customClass.customAvatar,
117
+ customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv;
148
118
  var textSizes = size === 'small' ? _TagModule["default"].smalltext : _TagModule["default"].mediumtext;
149
119
  var getAriaId = this.getNextAriaId();
150
120
  var _a11y$clearLabel = a11y.clearLabel,
151
- clearLabel = _a11y$clearLabel === void 0 ? 'Delete' : _a11y$clearLabel;
121
+ clearLabel = _a11y$clearLabel === void 0 ? 'Delete' : _a11y$clearLabel;
152
122
  var isDarkPalette = palette === 'dark';
153
123
  return /*#__PURE__*/_react["default"].createElement("div", {
154
124
  className: "".concat(_TagModule["default"].container, " ").concat(needEffect && !isReadOnly ? _TagModule["default"].effect : _TagModule["default"].readonly, " ").concat(active ? "".concat(_TagModule["default"].selected, " ").concat(_TagModule["default"]["active".concat(palette)]) : '', " ").concat(onRemove ? active ? "".concat(_TagModule["default"]["active".concat(size, "Effect")]) : '' : '', " ").concat(_TagModule["default"][size], " ").concat(rounded ? _TagModule["default"].lgRadius : _TagModule["default"].smRadius, " ").concat(_TagModule["default"][palette], " ").concat(disabled ? _TagModule["default"].disabled : '', " ").concat(onSelectTag ? _TagModule["default"].pointer : '', " ").concat(customTag),
@@ -194,14 +164,11 @@ var Tag = /*#__PURE__*/function (_PureComponent) {
194
164
  }))));
195
165
  }
196
166
  }]);
197
-
198
167
  return Tag;
199
168
  }(_react.PureComponent);
200
-
201
169
  exports["default"] = Tag;
202
170
  Tag.defaultProps = _defaultProps.defaultProps;
203
171
  Tag.propTypes = _propTypes.propTypes;
204
-
205
172
  if (false) {
206
173
  Tag.docs = {
207
174
  componentGroup: 'Molecule',
@@ -1,33 +1,27 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
-
5
4
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
6
-
7
5
  var _Tag = _interopRequireDefault(require("../Tag"));
8
-
9
6
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
7
  var defaultProps = {};
12
8
  describe('Tag component conditions', function () {
13
9
  it('Select Tag', function () {
14
10
  var _setup = setup(_Tag["default"], Object.assign({}, defaultProps, {
15
- onSelectTag: jest.fn()
16
- })),
17
- props = _setup.props,
18
- renderedDOM = _setup.renderedDOM;
19
-
11
+ onSelectTag: jest.fn()
12
+ })),
13
+ props = _setup.props,
14
+ renderedDOM = _setup.renderedDOM;
20
15
  var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tag_Tag');
21
16
  TestUtils.Simulate.click(component);
22
17
  expect(props.onSelectTag).toHaveBeenCalled();
23
18
  });
24
19
  it('Remove Tag', function () {
25
20
  var _setup2 = setup(_Tag["default"], Object.assign({}, defaultProps, {
26
- onRemove: jest.fn()
27
- })),
28
- props = _setup2.props,
29
- renderedDOM = _setup2.renderedDOM;
30
-
21
+ onRemove: jest.fn()
22
+ })),
23
+ props = _setup2.props,
24
+ renderedDOM = _setup2.renderedDOM;
31
25
  var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tag_RemoveTag');
32
26
  TestUtils.Simulate.click(component);
33
27
  expect(props.onRemove).toHaveBeenCalled();
@@ -1,72 +1,49 @@
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
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _Tag = _interopRequireDefault(require("../Tag"));
13
-
14
10
  var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
15
-
16
11
  var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
15
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
-
26
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, descriptor.key, descriptor); } }
27
-
28
17
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
29
-
30
18
  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
-
32
19
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
-
34
20
  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
-
36
21
  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
-
38
22
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
23
  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
-
42
24
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
-
44
25
  var Tag__custom = /*#__PURE__*/function (_Component) {
45
26
  _inherits(Tag__custom, _Component);
46
-
47
27
  var _super = _createSuper(Tag__custom);
48
-
49
28
  function Tag__custom() {
50
29
  _classCallCheck(this, Tag__custom);
51
-
52
30
  return _super.apply(this, arguments);
53
31
  }
54
-
55
32
  _createClass(Tag__custom, [{
56
33
  key: "render",
57
34
  value: function render() {
58
35
  var style = {
59
- margin: '10px'
60
- },
61
- titleStyle = {
62
- fontSize: '13px',
63
- padding: '15px 0',
64
- textTransform: 'upperCase'
65
- },
66
- spanStyle = {
67
- display: 'inline-block',
68
- margin: '10px 10px 10px 0'
69
- };
36
+ margin: '10px'
37
+ },
38
+ titleStyle = {
39
+ fontSize: '13px',
40
+ padding: '15px 0',
41
+ textTransform: 'upperCase'
42
+ },
43
+ spanStyle = {
44
+ display: 'inline-block',
45
+ margin: '10px 10px 10px 0'
46
+ };
70
47
  return /*#__PURE__*/_react["default"].createElement("div", {
71
48
  style: style
72
49
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -408,12 +385,9 @@ var Tag__custom = /*#__PURE__*/function (_Component) {
408
385
  })))));
409
386
  }
410
387
  }]);
411
-
412
388
  return Tag__custom;
413
389
  }(_react.Component);
414
-
415
390
  exports["default"] = Tag__custom;
416
-
417
391
  if (false) {
418
392
  Tag__custom.docs = {
419
393
  componentGroup: 'Molecule',
@@ -1,70 +1,48 @@
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
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _Tag = _interopRequireDefault(require("../Tag"));
13
-
14
10
  var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
12
  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); }
19
-
20
13
  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; }
21
-
22
14
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
-
24
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, descriptor.key, descriptor); } }
25
-
26
16
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
-
28
17
  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
-
30
18
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
-
32
19
  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
-
34
20
  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
-
36
21
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
-
38
22
  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
-
40
23
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
24
  var Tag__default = /*#__PURE__*/function (_Component) {
43
25
  _inherits(Tag__default, _Component);
44
-
45
26
  var _super = _createSuper(Tag__default);
46
-
47
27
  function Tag__default() {
48
28
  _classCallCheck(this, Tag__default);
49
-
50
29
  return _super.apply(this, arguments);
51
30
  }
52
-
53
31
  _createClass(Tag__default, [{
54
32
  key: "render",
55
33
  value: function render() {
56
34
  var style = {
57
- margin: '10px'
58
- },
59
- titleStyle = {
60
- fontSize: '13px',
61
- padding: '15px 0',
62
- textTransform: 'upperCase'
63
- },
64
- spanStyle = {
65
- display: 'inline-block',
66
- margin: '10px 10px 10px 0'
67
- };
35
+ margin: '10px'
36
+ },
37
+ titleStyle = {
38
+ fontSize: '13px',
39
+ padding: '15px 0',
40
+ textTransform: 'upperCase'
41
+ },
42
+ spanStyle = {
43
+ display: 'inline-block',
44
+ margin: '10px 10px 10px 0'
45
+ };
68
46
  return /*#__PURE__*/_react["default"].createElement("div", {
69
47
  style: style
70
48
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -362,12 +340,9 @@ var Tag__default = /*#__PURE__*/function (_Component) {
362
340
  })))));
363
341
  }
364
342
  }]);
365
-
366
343
  return Tag__default;
367
344
  }(_react.Component);
368
-
369
345
  exports["default"] = Tag__default;
370
-
371
346
  if (false) {
372
347
  Tag__default.docs = {
373
348
  componentGroup: 'Molecule',
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
-
8
7
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
-
12
9
  var propTypes = {
13
10
  active: _propTypes["default"].bool,
14
11
  avatarPalette: _propTypes["default"].string,