@zohodesk/components 1.0.0-alpha-269 → 1.0.0-alpha-271

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 (434) hide show
  1. package/README.md +16 -0
  2. package/es/Accordion/Accordion.js +3 -7
  3. package/es/Accordion/AccordionItem.js +2 -4
  4. package/es/Animation/Animation.js +3 -3
  5. package/es/AppContainer/AppContainer.js +5 -13
  6. package/es/AppContainer/AppContainer.module.css +2 -2
  7. package/es/Avatar/Avatar.js +11 -23
  8. package/es/Avatar/Avatar.module.css +18 -18
  9. package/es/AvatarTeam/AvatarTeam.js +3 -3
  10. package/es/AvatarTeam/AvatarTeam.module.css +35 -35
  11. package/es/Button/Button.js +3 -4
  12. package/es/Button/css/Button.module.css +70 -70
  13. package/es/Buttongroup/Buttongroup.js +3 -3
  14. package/es/Buttongroup/Buttongroup.module.css +15 -14
  15. package/es/Card/Card.js +10 -21
  16. package/es/CheckBox/CheckBox.js +3 -5
  17. package/es/CheckBox/CheckBox.module.css +15 -15
  18. package/es/DateTime/CalendarView.js +20 -32
  19. package/es/DateTime/DateTime.js +6 -67
  20. package/es/DateTime/DateTime.module.css +39 -39
  21. package/es/DateTime/DateTimePopupFooter.js +2 -4
  22. package/es/DateTime/DateTimePopupHeader.js +2 -8
  23. package/es/DateTime/DateWidget.js +35 -98
  24. package/es/DateTime/DateWidget.module.css +5 -5
  25. package/es/DateTime/DaysRow.js +2 -4
  26. package/es/DateTime/Time.js +2 -10
  27. package/es/DateTime/YearView.js +4 -28
  28. package/es/DateTime/YearView.module.css +15 -15
  29. package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
  30. package/es/DateTime/__tests__/DateTime.spec.js +0 -1
  31. package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
  32. package/es/DateTime/common.js +0 -3
  33. package/es/DateTime/constants.js +0 -1
  34. package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
  35. package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
  36. package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
  37. package/es/DateTime/dateFormatUtils/index.js +2 -32
  38. package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
  39. package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
  40. package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
  41. package/es/DateTime/objectUtils.js +20 -14
  42. package/es/DateTime/typeChecker.js +0 -3
  43. package/es/DateTime/validator.js +6 -58
  44. package/es/DropBox/DropBox.js +5 -9
  45. package/es/DropBox/DropBoxElement/DropBoxElement.js +8 -13
  46. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
  47. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -7
  48. package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
  49. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
  50. package/es/DropBox/__tests__/DropBox.spec.js +2 -2
  51. package/es/DropBox/css/DropBox.module.css +6 -6
  52. package/es/DropBox/props/defaultProps.js +2 -1
  53. package/es/DropBox/props/propTypes.js +2 -1
  54. package/es/DropDown/DropDown.js +4 -8
  55. package/es/DropDown/DropDown.module.css +2 -2
  56. package/es/DropDown/DropDownHeading.js +5 -4
  57. package/es/DropDown/DropDownHeading.module.css +6 -6
  58. package/es/DropDown/DropDownItem.js +0 -6
  59. package/es/DropDown/DropDownItem.module.css +12 -12
  60. package/es/DropDown/DropDownSearch.js +0 -4
  61. package/es/DropDown/DropDownSearch.module.css +3 -3
  62. package/es/DropDown/DropDownSeparator.js +0 -1
  63. package/es/DropDown/DropDownSeparator.module.css +2 -2
  64. package/es/DropDown/__tests__/DropDown.spec.js +2 -1
  65. package/es/Heading/Heading.js +3 -2
  66. package/es/Heading/Heading.module.css +2 -2
  67. package/es/Label/Label.js +3 -2
  68. package/es/Label/Label.module.css +5 -5
  69. package/es/Layout/Box.js +0 -13
  70. package/es/Layout/Container.js +1 -12
  71. package/es/Layout/Layout.module.css +15 -15
  72. package/es/Layout/index.js +2 -1
  73. package/es/ListItem/ListContainer.js +3 -8
  74. package/es/ListItem/ListItem.js +3 -9
  75. package/es/ListItem/ListItem.module.css +38 -38
  76. package/es/ListItem/ListItemWithAvatar.js +3 -9
  77. package/es/ListItem/ListItemWithCheckBox.js +2 -7
  78. package/es/ListItem/ListItemWithIcon.js +3 -8
  79. package/es/ListItem/ListItemWithRadio.js +3 -7
  80. package/es/Modal/Modal.js +11 -28
  81. package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
  82. package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
  83. package/es/MultiSelect/EmptyState.js +0 -2
  84. package/es/MultiSelect/MultiSelect.js +32 -99
  85. package/es/MultiSelect/MultiSelect.module.css +31 -31
  86. package/es/MultiSelect/MultiSelectHeader.js +0 -3
  87. package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
  88. package/es/MultiSelect/SelectedOptions.js +3 -6
  89. package/es/MultiSelect/SelectedOptions.module.css +5 -5
  90. package/es/MultiSelect/Suggestions.js +3 -7
  91. package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
  92. package/es/MultiSelect/props/propTypes.js +0 -2
  93. package/es/PopOver/PopOver.js +2 -18
  94. package/es/PopOver/__tests__/PopOver.spec.js +1 -2
  95. package/es/Popup/Popup.js +24 -77
  96. package/es/Popup/__tests__/Popup.spec.js +5 -17
  97. package/es/Popup/viewPort.js +4 -16
  98. package/es/Provider/IdProvider.js +5 -10
  99. package/es/Provider/LibraryContext.js +4 -6
  100. package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
  101. package/es/Provider/ZindexProvider.js +2 -9
  102. package/es/Radio/Radio.js +2 -4
  103. package/es/Radio/Radio.module.css +9 -9
  104. package/es/Responsive/CustomResponsive.js +18 -30
  105. package/es/Responsive/RefWrapper.js +7 -6
  106. package/es/Responsive/ResizeComponent.js +25 -35
  107. package/es/Responsive/ResizeObserver.js +6 -26
  108. package/es/Responsive/Responsive.js +20 -34
  109. package/es/Responsive/index.js +3 -1
  110. package/es/Responsive/sizeObservers.js +7 -28
  111. package/es/Responsive/utils/index.js +5 -7
  112. package/es/Responsive/utils/shallowCompare.js +2 -7
  113. package/es/Responsive/windowResizeObserver.js +0 -7
  114. package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
  115. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  116. package/es/Ribbon/Ribbon.js +2 -3
  117. package/es/Ribbon/Ribbon.module.css +48 -46
  118. package/es/RippleEffect/RippleEffect.js +3 -1
  119. package/es/Select/GroupSelect.js +14 -58
  120. package/es/Select/Select.js +33 -79
  121. package/es/Select/Select.module.css +23 -23
  122. package/es/Select/SelectWithAvatar.js +4 -17
  123. package/es/Select/SelectWithIcon.js +5 -46
  124. package/es/Select/__tests__/Select.spec.js +8 -6
  125. package/es/Select/props/propTypes.js +0 -1
  126. package/es/Stencils/Stencils.js +3 -3
  127. package/es/Stencils/Stencils.module.css +11 -11
  128. package/es/Switch/Switch.js +3 -5
  129. package/es/Switch/Switch.module.css +23 -23
  130. package/es/Tab/Tab.js +4 -4
  131. package/es/Tab/Tab.module.css +14 -14
  132. package/es/Tab/TabContent.js +0 -1
  133. package/es/Tab/TabContentWrapper.js +0 -2
  134. package/es/Tab/TabWrapper.js +2 -5
  135. package/es/Tab/Tabs.js +7 -54
  136. package/es/Tab/Tabs.module.css +30 -37
  137. package/es/Tab/__tests__/Tab.spec.js +3 -1
  138. package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
  139. package/es/Tag/Tag.js +3 -6
  140. package/es/Tag/Tag.module.css +25 -25
  141. package/es/TextBox/TextBox.js +3 -15
  142. package/es/TextBox/TextBox.module.css +9 -9
  143. package/es/TextBox/__tests__/TextBox.spec.js +4 -1
  144. package/es/TextBoxIcon/TextBoxIcon.js +2 -9
  145. package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
  146. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
  147. package/es/Textarea/Textarea.js +3 -12
  148. package/es/Textarea/Textarea.module.css +21 -21
  149. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  150. package/es/Tooltip/Tooltip.js +14 -58
  151. package/es/Tooltip/Tooltip.module.css +5 -5
  152. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
  153. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
  154. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
  155. package/es/common/animation.module.css +8 -8
  156. package/es/common/avatarsizes.module.css +16 -16
  157. package/es/common/basicReset.module.css +3 -3
  158. package/es/common/common.module.css +24 -24
  159. package/es/common/customscroll.module.css +2 -2
  160. package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
  161. package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
  162. package/es/semantic/Button/Button.js +2 -3
  163. package/es/semantic/Button/semanticButton.module.css +1 -1
  164. package/es/utils/Common.js +13 -54
  165. package/es/utils/ContextOptimizer.js +5 -4
  166. package/es/utils/__tests__/debounce.spec.js +2 -2
  167. package/es/utils/constructFullName.js +0 -2
  168. package/es/utils/css/compileClassNames.js +0 -5
  169. package/es/utils/css/mergeStyle.js +7 -8
  170. package/es/utils/css/utils.js +0 -1
  171. package/es/utils/datetime/common.js +5 -16
  172. package/es/utils/debounce.js +1 -5
  173. package/es/utils/dropDownUtils.js +11 -68
  174. package/es/utils/getInitial.js +0 -4
  175. package/es/utils/shallowEqual.js +0 -6
  176. package/lib/Accordion/Accordion.js +18 -42
  177. package/lib/Accordion/AccordionItem.js +18 -40
  178. package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
  179. package/lib/Accordion/index.js +0 -3
  180. package/lib/Accordion/props/propTypes.js +0 -3
  181. package/lib/Animation/Animation.js +18 -38
  182. package/lib/Animation/__tests__/Animation.spec.js +7 -11
  183. package/lib/Animation/props/propTypes.js +0 -3
  184. package/lib/AppContainer/AppContainer.js +21 -56
  185. package/lib/AppContainer/AppContainer.module.css +2 -2
  186. package/lib/AppContainer/props/propTypes.js +0 -3
  187. package/lib/Avatar/Avatar.js +38 -78
  188. package/lib/Avatar/Avatar.module.css +18 -18
  189. package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
  190. package/lib/Avatar/props/propTypes.js +0 -3
  191. package/lib/AvatarTeam/AvatarTeam.js +30 -52
  192. package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
  193. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
  194. package/lib/AvatarTeam/props/propTypes.js +0 -3
  195. package/lib/Button/Button.js +20 -31
  196. package/lib/Button/css/Button.module.css +70 -70
  197. package/lib/Button/css/cssJSLogic.js +17 -18
  198. package/lib/Button/index.js +0 -3
  199. package/lib/Button/props/defaultProps.js +0 -2
  200. package/lib/Button/props/propTypes.js +0 -3
  201. package/lib/Buttongroup/Buttongroup.js +12 -32
  202. package/lib/Buttongroup/Buttongroup.module.css +15 -14
  203. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
  204. package/lib/Buttongroup/props/propTypes.js +0 -3
  205. package/lib/Card/Card.js +46 -102
  206. package/lib/Card/__tests__/Card.spec.js +1 -10
  207. package/lib/Card/index.js +0 -4
  208. package/lib/Card/props/propTypes.js +0 -3
  209. package/lib/CheckBox/CheckBox.js +47 -71
  210. package/lib/CheckBox/CheckBox.module.css +15 -15
  211. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
  212. package/lib/CheckBox/props/propTypes.js +0 -3
  213. package/lib/DateTime/CalendarView.js +42 -82
  214. package/lib/DateTime/DateTime.js +155 -239
  215. package/lib/DateTime/DateTime.module.css +39 -39
  216. package/lib/DateTime/DateTimePopupFooter.js +8 -31
  217. package/lib/DateTime/DateTimePopupHeader.js +17 -48
  218. package/lib/DateTime/DateWidget.js +250 -352
  219. package/lib/DateTime/DateWidget.module.css +5 -5
  220. package/lib/DateTime/DaysRow.js +5 -27
  221. package/lib/DateTime/Time.js +32 -73
  222. package/lib/DateTime/YearView.js +28 -77
  223. package/lib/DateTime/YearView.module.css +15 -15
  224. package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
  225. package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
  226. package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
  227. package/lib/DateTime/common.js +0 -6
  228. package/lib/DateTime/constants.js +0 -1
  229. package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
  230. package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
  231. package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
  232. package/lib/DateTime/dateFormatUtils/index.js +16 -74
  233. package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
  234. package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
  235. package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
  236. package/lib/DateTime/index.js +0 -2
  237. package/lib/DateTime/objectUtils.js +20 -24
  238. package/lib/DateTime/props/propTypes.js +1 -11
  239. package/lib/DateTime/typeChecker.js +0 -4
  240. package/lib/DateTime/validator.js +10 -73
  241. package/lib/DropBox/DropBox.js +12 -36
  242. package/lib/DropBox/DropBoxElement/DropBoxElement.js +44 -63
  243. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
  244. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +35 -42
  245. package/lib/DropBox/DropBoxElement/props/propTypes.js +1 -4
  246. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
  247. package/lib/DropBox/__tests__/DropBox.spec.js +4 -8
  248. package/lib/DropBox/css/DropBox.module.css +6 -6
  249. package/lib/DropBox/css/cssJSLogic.js +1 -3
  250. package/lib/DropBox/props/defaultProps.js +4 -8
  251. package/lib/DropBox/props/propTypes.js +4 -10
  252. package/lib/DropDown/DropDown.js +8 -52
  253. package/lib/DropDown/DropDown.module.css +2 -2
  254. package/lib/DropDown/DropDownHeading.js +20 -39
  255. package/lib/DropDown/DropDownHeading.module.css +6 -6
  256. package/lib/DropDown/DropDownItem.js +20 -42
  257. package/lib/DropDown/DropDownItem.module.css +12 -12
  258. package/lib/DropDown/DropDownSearch.js +17 -40
  259. package/lib/DropDown/DropDownSearch.module.css +3 -3
  260. package/lib/DropDown/DropDownSeparator.js +4 -24
  261. package/lib/DropDown/DropDownSeparator.module.css +2 -2
  262. package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
  263. package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
  264. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
  265. package/lib/DropDown/index.js +0 -9
  266. package/lib/DropDown/props/propTypes.js +4 -6
  267. package/lib/Heading/Heading.js +15 -37
  268. package/lib/Heading/Heading.module.css +2 -2
  269. package/lib/Heading/props/propTypes.js +0 -3
  270. package/lib/Label/Label.js +19 -39
  271. package/lib/Label/Label.module.css +5 -5
  272. package/lib/Label/__tests__/Label.spec.js +1 -14
  273. package/lib/Label/props/propTypes.js +0 -3
  274. package/lib/Layout/Box.js +11 -31
  275. package/lib/Layout/Container.js +10 -29
  276. package/lib/Layout/Layout.module.css +15 -15
  277. package/lib/Layout/__tests__/Box.spec.js +49 -65
  278. package/lib/Layout/__tests__/Container.spec.js +50 -67
  279. package/lib/Layout/index.js +0 -3
  280. package/lib/Layout/props/propTypes.js +0 -3
  281. package/lib/Layout/utils.js +0 -10
  282. package/lib/ListItem/ListContainer.js +27 -48
  283. package/lib/ListItem/ListItem.js +45 -69
  284. package/lib/ListItem/ListItem.module.css +38 -38
  285. package/lib/ListItem/ListItemWithAvatar.js +48 -75
  286. package/lib/ListItem/ListItemWithCheckBox.js +39 -64
  287. package/lib/ListItem/ListItemWithIcon.js +44 -68
  288. package/lib/ListItem/ListItemWithRadio.js +41 -65
  289. package/lib/ListItem/index.js +0 -7
  290. package/lib/ListItem/props/propTypes.js +4 -6
  291. package/lib/Modal/Modal.js +10 -45
  292. package/lib/Modal/props/propTypes.js +0 -3
  293. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
  294. package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
  295. package/lib/MultiSelect/EmptyState.js +24 -45
  296. package/lib/MultiSelect/MultiSelect.js +206 -323
  297. package/lib/MultiSelect/MultiSelect.module.css +31 -31
  298. package/lib/MultiSelect/MultiSelectHeader.js +8 -30
  299. package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
  300. package/lib/MultiSelect/SelectedOptions.js +17 -43
  301. package/lib/MultiSelect/SelectedOptions.module.css +5 -5
  302. package/lib/MultiSelect/Suggestions.js +32 -64
  303. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
  304. package/lib/MultiSelect/index.js +0 -5
  305. package/lib/MultiSelect/props/defaultProps.js +0 -2
  306. package/lib/MultiSelect/props/propTypes.js +0 -5
  307. package/lib/PopOver/PopOver.js +49 -95
  308. package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
  309. package/lib/PopOver/index.js +0 -4
  310. package/lib/PopOver/props/propTypes.js +0 -3
  311. package/lib/Popup/Popup.js +81 -158
  312. package/lib/Popup/__tests__/Popup.spec.js +8 -43
  313. package/lib/Popup/viewPort.js +14 -28
  314. package/lib/Provider/AvatarSize.js +0 -4
  315. package/lib/Provider/Config.js +0 -2
  316. package/lib/Provider/CssProvider.js +0 -4
  317. package/lib/Provider/IdProvider.js +6 -17
  318. package/lib/Provider/LibraryContext.js +15 -35
  319. package/lib/Provider/LibraryContextInit.js +0 -4
  320. package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
  321. package/lib/Provider/ZindexProvider.js +3 -15
  322. package/lib/Provider/index.js +0 -5
  323. package/lib/Radio/Radio.js +38 -61
  324. package/lib/Radio/Radio.module.css +9 -9
  325. package/lib/Radio/__tests__/Radiospec.js +5 -9
  326. package/lib/Radio/props/propTypes.js +0 -3
  327. package/lib/Responsive/CustomResponsive.js +29 -73
  328. package/lib/Responsive/RefWrapper.js +11 -17
  329. package/lib/Responsive/ResizeComponent.js +36 -62
  330. package/lib/Responsive/ResizeObserver.js +10 -24
  331. package/lib/Responsive/Responsive.js +30 -80
  332. package/lib/Responsive/index.js +0 -4
  333. package/lib/Responsive/props/propTypes.js +0 -3
  334. package/lib/Responsive/sizeObservers.js +17 -53
  335. package/lib/Responsive/utils/index.js +3 -11
  336. package/lib/Responsive/utils/shallowCompare.js +2 -11
  337. package/lib/Responsive/windowResizeObserver.js +0 -8
  338. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
  339. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
  340. package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
  341. package/lib/Ribbon/Ribbon.js +13 -33
  342. package/lib/Ribbon/Ribbon.module.css +48 -46
  343. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
  344. package/lib/Ribbon/props/propTypes.js +0 -3
  345. package/lib/RippleEffect/RippleEffect.js +10 -18
  346. package/lib/RippleEffect/props/propTypes.js +0 -3
  347. package/lib/Select/GroupSelect.js +130 -229
  348. package/lib/Select/Select.js +209 -290
  349. package/lib/Select/Select.module.css +23 -23
  350. package/lib/Select/SelectWithAvatar.js +56 -102
  351. package/lib/Select/SelectWithIcon.js +76 -132
  352. package/lib/Select/__tests__/Select.spec.js +91 -133
  353. package/lib/Select/index.js +0 -5
  354. package/lib/Select/props/defaultProps.js +4 -5
  355. package/lib/Select/props/propTypes.js +0 -4
  356. package/lib/Stencils/Stencils.js +10 -29
  357. package/lib/Stencils/Stencils.module.css +11 -11
  358. package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
  359. package/lib/Stencils/props/propTypes.js +0 -3
  360. package/lib/Switch/Switch.js +34 -57
  361. package/lib/Switch/Switch.module.css +23 -23
  362. package/lib/Switch/props/propTypes.js +0 -3
  363. package/lib/Tab/Tab.js +27 -40
  364. package/lib/Tab/Tab.module.css +14 -14
  365. package/lib/Tab/TabContent.js +5 -12
  366. package/lib/Tab/TabContentWrapper.js +6 -13
  367. package/lib/Tab/TabWrapper.js +19 -37
  368. package/lib/Tab/Tabs.js +91 -171
  369. package/lib/Tab/Tabs.module.css +30 -37
  370. package/lib/Tab/__tests__/Tab.spec.js +58 -67
  371. package/lib/Tab/__tests__/TabContent.spec.js +6 -10
  372. package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
  373. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
  374. package/lib/Tab/__tests__/Tabs.spec.js +39 -53
  375. package/lib/Tab/index.js +0 -6
  376. package/lib/Tab/props/propTypes.js +0 -3
  377. package/lib/Tag/Tag.js +43 -72
  378. package/lib/Tag/Tag.module.css +25 -25
  379. package/lib/Tag/__tests__/Tag.spec.js +8 -14
  380. package/lib/Tag/props/propTypes.js +0 -3
  381. package/lib/TextBox/TextBox.js +59 -85
  382. package/lib/TextBox/TextBox.module.css +9 -9
  383. package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
  384. package/lib/TextBox/props/propTypes.js +4 -6
  385. package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
  386. package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
  387. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
  388. package/lib/TextBoxIcon/props/propTypes.js +0 -3
  389. package/lib/Textarea/Textarea.js +29 -54
  390. package/lib/Textarea/Textarea.module.css +21 -21
  391. package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
  392. package/lib/Textarea/props/propTypes.js +0 -3
  393. package/lib/Tooltip/Tooltip.js +31 -94
  394. package/lib/Tooltip/Tooltip.module.css +5 -5
  395. package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
  396. package/lib/Tooltip/props/propTypes.js +0 -3
  397. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
  398. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
  399. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
  400. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
  401. package/lib/VelocityAnimation/index.js +0 -3
  402. package/lib/common/animation.module.css +8 -8
  403. package/lib/common/avatarsizes.module.css +16 -16
  404. package/lib/common/basicReset.module.css +3 -3
  405. package/lib/common/common.module.css +24 -24
  406. package/lib/common/customscroll.module.css +2 -2
  407. package/lib/css.js +0 -40
  408. package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
  409. package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
  410. package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
  411. package/lib/index.js +0 -57
  412. package/lib/semantic/Button/Button.js +22 -42
  413. package/lib/semantic/Button/props/propTypes.js +0 -3
  414. package/lib/semantic/Button/semanticButton.module.css +1 -1
  415. package/lib/semantic/index.js +0 -2
  416. package/lib/utils/Common.js +25 -109
  417. package/lib/utils/ContextOptimizer.js +10 -16
  418. package/lib/utils/__tests__/constructFullName.spec.js +0 -1
  419. package/lib/utils/__tests__/debounce.spec.js +2 -3
  420. package/lib/utils/__tests__/getInitial.spec.js +0 -1
  421. package/lib/utils/constructFullName.js +4 -13
  422. package/lib/utils/css/compileClassNames.js +0 -6
  423. package/lib/utils/css/mergeStyle.js +8 -11
  424. package/lib/utils/css/utils.js +0 -8
  425. package/lib/utils/datetime/common.js +5 -32
  426. package/lib/utils/debounce.js +1 -6
  427. package/lib/utils/dropDownUtils.js +59 -175
  428. package/lib/utils/dummyFunction.js +0 -2
  429. package/lib/utils/getHTMLFontSize.js +0 -1
  430. package/lib/utils/getInitial.js +0 -6
  431. package/lib/utils/index.js +0 -4
  432. package/lib/utils/scrollTo.js +0 -2
  433. package/lib/utils/shallowEqual.js +0 -8
  434. package/package.json +1 -1
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = mergeStyle;
7
-
7
+ 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); }
8
8
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
-
10
9
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
12
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
13
+ var REPLACER_SYMBOL = '$';
11
14
 
12
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
-
14
- var REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
15
+ // $ startWith is used for replace the existing style.
15
16
  // all other will be append
16
17
 
17
18
  function mergeStyle(defaultStyle) {
@@ -20,16 +21,15 @@ function mergeStyle(defaultStyle) {
20
21
  // if(!Object.keys(defaultStyle).includes('base')) {
21
22
  // throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
22
23
  // }
24
+
23
25
  return Object.keys(customStyle).reduce(function (res, next) {
24
26
  if (next.startsWith(REPLACER_SYMBOL)) {
25
27
  var styleValue = customStyle[next];
26
28
  var styleName = next.replace(REPLACER_SYMBOL, '');
27
-
28
29
  if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
29
30
  // return res;
30
31
  throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
31
32
  }
32
-
33
33
  if (additionalStyle.includes(styleName)) {
34
34
  res[styleName] = styleValue;
35
35
  } else {
@@ -38,7 +38,6 @@ function mergeStyle(defaultStyle) {
38
38
  var styleKey = res[keyName];
39
39
  var styleClasses = styleKey.split(' ');
40
40
  var ind = styleClasses.indexOf(val);
41
-
42
41
  if (ind !== -1) {
43
42
  styleClasses[ind] = styleValue;
44
43
  res[keyName] = styleClasses.join(' ');
@@ -51,7 +50,6 @@ function mergeStyle(defaultStyle) {
51
50
  var styleKey = res[keyName];
52
51
  var styleClasses = styleKey.split(' ');
53
52
  var ind = styleClasses.indexOf(_val);
54
-
55
53
  if (ind !== -1) {
56
54
  styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
57
55
  res[keyName] = styleClasses.join(' ');
@@ -61,9 +59,8 @@ function mergeStyle(defaultStyle) {
61
59
  res[next] = customStyle[next];
62
60
  } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
63
61
  // res[next] = customStyle[next];
64
- "UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
62
+ throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style"));
65
63
  }
66
-
67
64
  return res;
68
65
  }, _objectSpread({}, defaultStyle));
69
66
  }
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.isDataTypeOf = exports.getDataType = exports.dataTypes = void 0;
7
-
8
7
  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); }
9
-
10
8
  var dataTypes = {
11
9
  number: 'number',
12
10
  array: 'array',
@@ -19,23 +17,17 @@ var dataTypes = {
19
17
  "boolean": 'boolean'
20
18
  };
21
19
  exports.dataTypes = dataTypes;
22
-
23
20
  var getDataType = function getDataType(data) {
24
21
  var typeofData = _typeof(data);
25
-
26
22
  var isArrayDataType = Array.isArray(data);
27
-
28
23
  if (isArrayDataType) {
29
24
  return dataTypes.array;
30
25
  } else {
31
26
  return dataTypes[typeofData];
32
27
  }
33
28
  };
34
-
35
29
  exports.getDataType = getDataType;
36
-
37
30
  var isDataTypeOf = function isDataTypeOf(data, type) {
38
31
  return getDataType(data) === type;
39
32
  };
40
-
41
33
  exports.isDataTypeOf = isDataTypeOf;
@@ -17,15 +17,12 @@ exports.isYesterday = isYesterday;
17
17
  exports.pad = pad;
18
18
  exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
19
19
  exports.unescapeUnicode = unescapeUnicode;
20
-
21
20
  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); }
22
-
23
21
  var dateFormat = {
24
22
  dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
25
23
  monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
26
24
  timeNames: ['a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM']
27
25
  };
28
-
29
26
  function pad(n) {
30
27
  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
31
28
  var z = arguments.length > 2 ? arguments[2] : undefined;
@@ -33,7 +30,6 @@ function pad(n) {
33
30
  n = "".concat(n);
34
31
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
35
32
  }
36
-
37
33
  function formatDate(dateMill, mask) {
38
34
  var date = new Date(dateMill);
39
35
  var d = date.getDate();
@@ -80,12 +76,10 @@ function formatDate(dateMill, mask) {
80
76
  if (match in flags) {
81
77
  return flags[match];
82
78
  }
83
-
84
79
  return match.slice(1, match.length - 1);
85
80
  });
86
81
  return dat;
87
82
  }
88
-
89
83
  function replaceI18NValuesWithRegex(i18nStr, values) {
90
84
  if (typeof values !== 'undefined') {
91
85
  if (Array.isArray(values)) {
@@ -96,16 +90,13 @@ function replaceI18NValuesWithRegex(i18nStr, values) {
96
90
  i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
97
91
  }
98
92
  }
99
-
100
93
  return i18nStr;
101
94
  }
102
-
103
95
  function unescapeUnicode(str) {
104
96
  return str.replace(/\\u([a-fA-F0-9]{4})/g, function (g, m1) {
105
97
  return String.fromCharCode(parseInt(m1, 16));
106
98
  });
107
99
  }
108
-
109
100
  function getValues() {
110
101
  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
111
102
  var diff = arguments.length > 1 ? arguments[1] : undefined;
@@ -113,36 +104,31 @@ function getValues() {
113
104
  return diff[param];
114
105
  });
115
106
  }
116
-
117
107
  function getI18NValue(i18n) {
118
108
  if (typeof i18n === 'undefined') {
119
109
  return function (key) {
120
110
  return key;
121
111
  };
122
112
  }
123
-
124
113
  return function (key, values) {
125
114
  var i18nStr = i18n[key];
126
-
127
115
  if (i18nStr === undefined) {
128
116
  return key;
129
117
  }
130
-
131
118
  i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
132
119
  return unescapeUnicode(i18nStr);
133
120
  };
134
- } // function getValues(params = [], diff) {
121
+ }
122
+
123
+ // function getValues(params = [], diff) {
135
124
  // return params.map(param => {
136
125
  // return diff[param];
137
126
  // });
138
127
  // }
139
-
140
-
141
128
  function getI18NInfo(toDateObj, props, diffObj) {
142
129
  var key = null,
143
- values,
144
- text = null;
145
-
130
+ values,
131
+ text = null;
146
132
  if (typeof props === 'function') {
147
133
  var value = props(diffObj1);
148
134
  key = value.key;
@@ -153,50 +139,40 @@ function getI18NInfo(toDateObj, props, diffObj) {
153
139
  } else if (typeof props === 'string') {
154
140
  text = toDateObj.format(props);
155
141
  }
156
-
157
142
  return {
158
143
  key: key,
159
144
  values: values,
160
145
  text: text
161
146
  };
162
147
  }
163
-
164
148
  function isToday(fromDate, toDate) {
165
149
  var TODAY = toDate.clone().startOf('day');
166
150
  return fromDate.isSame(TODAY, 'd');
167
151
  }
168
-
169
152
  function isYesterday(fromDate, toDate) {
170
153
  var YESTERDAY = toDate.clone().subtract(1, 'days').startOf('day');
171
154
  return fromDate.isSame(YESTERDAY, 'd');
172
155
  }
173
-
174
156
  function isTomorrow(fromDate, toDate) {
175
157
  return isYesterday(toDate, fromDate);
176
158
  }
177
-
178
159
  function isWithinAWeek(fromDate, toDate) {
179
160
  var A_WEEK_OLD = toDate.clone().subtract(7, 'days').startOf('day');
180
161
  return fromDate.isAfter(A_WEEK_OLD);
181
162
  }
182
-
183
163
  function isTwoWeeksOrMore(fromDate, toDate) {
184
164
  return !isWithinAWeek(fromDate, toDate);
185
165
  }
186
-
187
166
  var oneYearInMillis = 31536000000;
188
167
  var oneDayInMillis = 86400000;
189
168
  var oneHourInMillis = 3600000;
190
169
  var oneMinuteInMillis = 60000;
191
-
192
170
  function convertAsNonExponential(number) {
193
171
  if (number.toString().toLowerCase().indexOf('e') !== -1) {
194
172
  return number.toFixed(20);
195
173
  }
196
-
197
174
  return number;
198
175
  }
199
-
200
176
  function getDiffObj(diff) {
201
177
  diff = Math.abs(diff);
202
178
  var diffYears = diff / oneYearInMillis;
@@ -220,14 +196,11 @@ function getDiffObj(diff) {
220
196
  s: diffSeconds
221
197
  };
222
198
  }
223
-
224
199
  function getMonthEnd(month, year) {
225
200
  var monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
226
201
  var isLeapYear = year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
227
-
228
202
  if (month === 1 && isLeapYear) {
229
203
  return 29;
230
204
  }
231
-
232
205
  return monthend[month];
233
206
  }
@@ -4,25 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.debounce = debounce;
7
-
8
7
  function debounce(func, wait, immediate) {
9
8
  var timeout;
10
9
  return function () {
11
10
  var context = this,
12
- args = arguments;
13
-
11
+ args = arguments;
14
12
  var later = function later() {
15
13
  timeout = null;
16
-
17
14
  if (!immediate) {
18
15
  func.apply(context, args);
19
16
  }
20
17
  };
21
-
22
18
  var callNow = immediate && !timeout;
23
19
  clearTimeout(timeout);
24
20
  timeout = setTimeout(later, wait);
25
-
26
21
  if (callNow) {
27
22
  func.apply(context, args);
28
23
  }