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

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 (477) hide show
  1. package/README.md +1208 -1204
  2. package/es/Accordion/Accordion.js +7 -3
  3. package/es/Accordion/AccordionItem.js +4 -2
  4. package/es/Animation/Animation.js +3 -3
  5. package/es/AppContainer/AppContainer.js +13 -5
  6. package/es/AppContainer/AppContainer.module.css +18 -18
  7. package/es/Avatar/Avatar.js +32 -20
  8. package/es/Avatar/Avatar.module.css +175 -175
  9. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  10. package/es/AvatarTeam/AvatarTeam.js +10 -10
  11. package/es/AvatarTeam/AvatarTeam.module.css +189 -188
  12. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  13. package/es/Button/Button.js +8 -7
  14. package/es/Button/css/Button.module.css +525 -524
  15. package/es/Buttongroup/Buttongroup.js +4 -4
  16. package/es/Buttongroup/Buttongroup.module.css +105 -106
  17. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  18. package/es/Card/Card.js +25 -14
  19. package/es/Card/Card.module.css +20 -20
  20. package/es/CheckBox/CheckBox.js +5 -3
  21. package/es/CheckBox/CheckBox.module.css +157 -157
  22. package/es/DateTime/CalendarView.js +32 -20
  23. package/es/DateTime/DateTime.js +68 -7
  24. package/es/DateTime/DateTime.module.css +235 -235
  25. package/es/DateTime/DateTimePopupFooter.js +4 -2
  26. package/es/DateTime/DateTimePopupHeader.js +8 -2
  27. package/es/DateTime/DateWidget.js +98 -35
  28. package/es/DateTime/DateWidget.module.css +38 -38
  29. package/es/DateTime/DaysRow.js +4 -2
  30. package/es/DateTime/Time.js +10 -2
  31. package/es/DateTime/YearView.js +28 -4
  32. package/es/DateTime/YearView.module.css +98 -98
  33. package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
  34. package/es/DateTime/__tests__/DateTime.spec.js +1 -0
  35. package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
  36. package/es/DateTime/common.js +3 -0
  37. package/es/DateTime/constants.js +1 -0
  38. package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
  39. package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
  40. package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
  41. package/es/DateTime/dateFormatUtils/index.js +32 -2
  42. package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
  43. package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
  44. package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
  45. package/es/DateTime/index.js +0 -0
  46. package/es/DateTime/objectUtils.js +14 -20
  47. package/es/DateTime/typeChecker.js +3 -0
  48. package/es/DateTime/validator.js +58 -6
  49. package/es/DropBox/DropBox.js +6 -2
  50. package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
  51. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +428 -427
  52. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
  53. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
  54. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  55. package/es/DropBox/css/DropBox.module.css +58 -58
  56. package/es/DropBox/props/defaultProps.js +1 -2
  57. package/es/DropBox/props/propTypes.js +1 -2
  58. package/es/DropDown/DropDown.js +8 -4
  59. package/es/DropDown/DropDown.module.css +5 -5
  60. package/es/DropDown/DropDownHeading.js +4 -5
  61. package/es/DropDown/DropDownHeading.module.css +53 -53
  62. package/es/DropDown/DropDownItem.js +6 -0
  63. package/es/DropDown/DropDownItem.module.css +94 -94
  64. package/es/DropDown/DropDownSearch.js +4 -0
  65. package/es/DropDown/DropDownSearch.module.css +14 -14
  66. package/es/DropDown/DropDownSeparator.js +1 -0
  67. package/es/DropDown/DropDownSeparator.module.css +7 -7
  68. package/es/DropDown/__tests__/DropDown.spec.js +1 -2
  69. package/es/Heading/Heading.js +2 -3
  70. package/es/Heading/Heading.module.css +4 -4
  71. package/es/Label/Label.js +4 -5
  72. package/es/Label/Label.module.css +52 -52
  73. package/es/Label/LabelColors.module.css +20 -20
  74. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  75. package/es/Layout/Box.js +13 -0
  76. package/es/Layout/Container.js +12 -1
  77. package/es/Layout/Layout.module.css +335 -335
  78. package/es/Layout/index.js +1 -2
  79. package/es/Layout/utils.js +0 -0
  80. package/es/ListItem/ListContainer.js +8 -3
  81. package/es/ListItem/ListItem.js +9 -3
  82. package/es/ListItem/ListItem.module.css +216 -216
  83. package/es/ListItem/ListItemWithAvatar.js +9 -3
  84. package/es/ListItem/ListItemWithCheckBox.js +7 -2
  85. package/es/ListItem/ListItemWithIcon.js +8 -3
  86. package/es/ListItem/ListItemWithRadio.js +7 -3
  87. package/es/Modal/Modal.js +28 -11
  88. package/es/MultiSelect/AdvancedGroupMultiSelect.js +94 -18
  89. package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
  90. package/es/MultiSelect/EmptyState.js +2 -0
  91. package/es/MultiSelect/MultiSelect.js +104 -37
  92. package/es/MultiSelect/MultiSelect.module.css +206 -205
  93. package/es/MultiSelect/MultiSelectHeader.js +3 -0
  94. package/es/MultiSelect/MultiSelectWithAvatar.js +12 -6
  95. package/es/MultiSelect/SelectedOptions.js +6 -3
  96. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  97. package/es/MultiSelect/Suggestions.js +7 -3
  98. package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
  99. package/es/MultiSelect/props/propTypes.js +2 -0
  100. package/es/PopOver/PopOver.js +18 -2
  101. package/es/PopOver/PopOver.module.css +8 -8
  102. package/es/PopOver/__tests__/PopOver.spec.js +2 -1
  103. package/es/Popup/Popup.js +77 -24
  104. package/es/Popup/PositionMapping.json +73 -73
  105. package/es/Popup/__tests__/Popup.spec.js +17 -5
  106. package/es/Popup/viewPort.js +16 -4
  107. package/es/Provider/IdProvider.js +10 -5
  108. package/es/Provider/LibraryContext.js +6 -4
  109. package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
  110. package/es/Provider/ZindexProvider.js +9 -2
  111. package/es/Radio/Radio.js +4 -2
  112. package/es/Radio/Radio.module.css +112 -112
  113. package/es/Responsive/CustomResponsive.js +30 -18
  114. package/es/Responsive/RefWrapper.js +6 -7
  115. package/es/Responsive/ResizeComponent.js +35 -25
  116. package/es/Responsive/ResizeObserver.js +26 -6
  117. package/es/Responsive/Responsive.js +34 -20
  118. package/es/Responsive/index.js +1 -3
  119. package/es/Responsive/sizeObservers.js +28 -7
  120. package/es/Responsive/utils/index.js +7 -5
  121. package/es/Responsive/utils/shallowCompare.js +7 -2
  122. package/es/Responsive/windowResizeObserver.js +7 -0
  123. package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
  124. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  125. package/es/Ribbon/Ribbon.js +3 -2
  126. package/es/Ribbon/Ribbon.module.css +454 -454
  127. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  128. package/es/RippleEffect/RippleEffect.js +1 -3
  129. package/es/RippleEffect/RippleEffect.module.css +92 -92
  130. package/es/Select/GroupSelect.js +58 -14
  131. package/es/Select/Select.js +79 -33
  132. package/es/Select/Select.module.css +108 -108
  133. package/es/Select/SelectWithAvatar.js +17 -4
  134. package/es/Select/SelectWithIcon.js +46 -5
  135. package/es/Select/__tests__/Select.spec.js +6 -8
  136. package/es/Select/props/propTypes.js +1 -0
  137. package/es/Stencils/Stencils.js +3 -3
  138. package/es/Stencils/Stencils.module.css +96 -96
  139. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  140. package/es/Switch/Switch.js +5 -3
  141. package/es/Switch/Switch.module.css +127 -127
  142. package/es/Tab/Tab.js +4 -4
  143. package/es/Tab/Tab.module.css +100 -100
  144. package/es/Tab/TabContent.js +1 -0
  145. package/es/Tab/TabContent.module.css +4 -4
  146. package/es/Tab/TabContentWrapper.js +2 -0
  147. package/es/Tab/TabWrapper.js +5 -2
  148. package/es/Tab/Tabs.js +71 -24
  149. package/es/Tab/Tabs.module.css +143 -143
  150. package/es/Tab/__tests__/Tab.spec.js +1 -3
  151. package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
  152. package/es/Tag/Tag.js +14 -11
  153. package/es/Tag/Tag.module.css +254 -254
  154. package/es/TextBox/TextBox.js +15 -3
  155. package/es/TextBox/TextBox.module.css +158 -157
  156. package/es/TextBox/__tests__/TextBox.spec.js +1 -4
  157. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  158. package/es/TextBoxIcon/TextBoxIcon.js +9 -2
  159. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -78
  160. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
  161. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  162. package/es/Textarea/Textarea.js +12 -3
  163. package/es/Textarea/Textarea.module.css +139 -139
  164. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  165. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  166. package/es/Tooltip/Tooltip.js +58 -14
  167. package/es/Tooltip/Tooltip.module.css +140 -133
  168. package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
  169. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
  170. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
  171. package/es/common/a11y.module.css +3 -3
  172. package/es/common/animation.module.css +624 -624
  173. package/es/common/avatarsizes.module.css +48 -48
  174. package/es/common/basic.module.css +33 -33
  175. package/es/common/basicReset.module.css +40 -40
  176. package/es/common/boxShadow.module.css +33 -33
  177. package/es/common/common.module.css +524 -524
  178. package/es/common/customscroll.module.css +91 -89
  179. package/es/common/reset.module.css +13 -12
  180. package/es/common/transition.module.css +146 -146
  181. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  182. package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
  183. package/es/semantic/Button/Button.js +3 -2
  184. package/es/semantic/Button/semanticButton.module.css +9 -9
  185. package/es/utils/Common.js +54 -9
  186. package/es/utils/ContextOptimizer.js +4 -5
  187. package/es/utils/__tests__/debounce.spec.js +2 -2
  188. package/es/utils/constructFullName.js +2 -0
  189. package/es/utils/css/compileClassNames.js +5 -0
  190. package/es/utils/css/mergeStyle.js +7 -6
  191. package/es/utils/css/utils.js +1 -0
  192. package/es/utils/datetime/common.js +16 -5
  193. package/es/utils/debounce.js +5 -1
  194. package/es/utils/dropDownUtils.js +68 -11
  195. package/es/utils/getInitial.js +4 -0
  196. package/es/utils/shallowEqual.js +6 -0
  197. package/install.md +10 -10
  198. package/lib/Accordion/Accordion.js +42 -18
  199. package/lib/Accordion/AccordionItem.js +40 -18
  200. package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
  201. package/lib/Accordion/index.js +3 -0
  202. package/lib/Accordion/props/propTypes.js +3 -0
  203. package/lib/Animation/Animation.js +38 -18
  204. package/lib/Animation/__tests__/Animation.spec.js +11 -7
  205. package/lib/Animation/props/propTypes.js +3 -0
  206. package/lib/AppContainer/AppContainer.js +56 -21
  207. package/lib/AppContainer/AppContainer.module.css +18 -18
  208. package/lib/AppContainer/props/propTypes.js +3 -0
  209. package/lib/Avatar/Avatar.js +87 -47
  210. package/lib/Avatar/Avatar.module.css +175 -175
  211. package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
  212. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
  213. package/lib/Avatar/props/propTypes.js +3 -0
  214. package/lib/AvatarTeam/AvatarTeam.js +59 -37
  215. package/lib/AvatarTeam/AvatarTeam.module.css +189 -188
  216. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
  217. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
  218. package/lib/AvatarTeam/props/propTypes.js +3 -0
  219. package/lib/Button/Button.js +35 -24
  220. package/lib/Button/css/Button.module.css +525 -524
  221. package/lib/Button/css/cssJSLogic.js +18 -17
  222. package/lib/Button/index.js +3 -0
  223. package/lib/Button/props/defaultProps.js +2 -0
  224. package/lib/Button/props/propTypes.js +3 -0
  225. package/lib/Buttongroup/Buttongroup.js +33 -13
  226. package/lib/Buttongroup/Buttongroup.module.css +105 -106
  227. package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
  228. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
  229. package/lib/Buttongroup/props/propTypes.js +3 -0
  230. package/lib/Card/Card.js +106 -50
  231. package/lib/Card/Card.module.css +20 -20
  232. package/lib/Card/__tests__/Card.spec.js +10 -1
  233. package/lib/Card/index.js +4 -0
  234. package/lib/Card/props/propTypes.js +3 -0
  235. package/lib/CheckBox/CheckBox.js +71 -47
  236. package/lib/CheckBox/CheckBox.module.css +157 -157
  237. package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
  238. package/lib/CheckBox/props/propTypes.js +3 -0
  239. package/lib/DateTime/CalendarView.js +82 -42
  240. package/lib/DateTime/DateTime.js +240 -156
  241. package/lib/DateTime/DateTime.module.css +235 -235
  242. package/lib/DateTime/DateTimePopupFooter.js +31 -8
  243. package/lib/DateTime/DateTimePopupHeader.js +48 -17
  244. package/lib/DateTime/DateWidget.js +352 -250
  245. package/lib/DateTime/DateWidget.module.css +38 -38
  246. package/lib/DateTime/DaysRow.js +27 -5
  247. package/lib/DateTime/Time.js +73 -32
  248. package/lib/DateTime/YearView.js +77 -28
  249. package/lib/DateTime/YearView.module.css +98 -98
  250. package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
  251. package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
  252. package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
  253. package/lib/DateTime/common.js +6 -0
  254. package/lib/DateTime/constants.js +1 -0
  255. package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
  256. package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
  257. package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
  258. package/lib/DateTime/dateFormatUtils/index.js +74 -16
  259. package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
  260. package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
  261. package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
  262. package/lib/DateTime/index.js +2 -0
  263. package/lib/DateTime/objectUtils.js +24 -20
  264. package/lib/DateTime/props/propTypes.js +11 -1
  265. package/lib/DateTime/typeChecker.js +4 -0
  266. package/lib/DateTime/validator.js +73 -10
  267. package/lib/DropBox/DropBox.js +34 -10
  268. package/lib/DropBox/DropBoxElement/DropBoxElement.js +58 -37
  269. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +428 -427
  270. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +41 -33
  271. package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
  272. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
  273. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  274. package/lib/DropBox/__tests__/DropBox.spec.js +6 -2
  275. package/lib/DropBox/css/DropBox.module.css +58 -58
  276. package/lib/DropBox/css/cssJSLogic.js +3 -1
  277. package/lib/DropBox/props/defaultProps.js +8 -4
  278. package/lib/DropBox/props/propTypes.js +10 -4
  279. package/lib/DropDown/DropDown.js +52 -8
  280. package/lib/DropDown/DropDown.module.css +5 -5
  281. package/lib/DropDown/DropDownHeading.js +39 -20
  282. package/lib/DropDown/DropDownHeading.module.css +53 -53
  283. package/lib/DropDown/DropDownItem.js +42 -20
  284. package/lib/DropDown/DropDownItem.module.css +94 -94
  285. package/lib/DropDown/DropDownSearch.js +40 -17
  286. package/lib/DropDown/DropDownSearch.module.css +14 -14
  287. package/lib/DropDown/DropDownSeparator.js +24 -4
  288. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  289. package/lib/DropDown/__tests__/DropDown.spec.js +15 -9
  290. package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
  291. package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
  292. package/lib/DropDown/index.js +9 -0
  293. package/lib/DropDown/props/propTypes.js +6 -4
  294. package/lib/Heading/Heading.js +37 -15
  295. package/lib/Heading/Heading.module.css +4 -4
  296. package/lib/Heading/props/propTypes.js +3 -0
  297. package/lib/Label/Label.js +39 -19
  298. package/lib/Label/Label.module.css +52 -52
  299. package/lib/Label/LabelColors.module.css +20 -20
  300. package/lib/Label/__tests__/Label.spec.js +14 -1
  301. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +101 -101
  302. package/lib/Label/props/propTypes.js +3 -0
  303. package/lib/Layout/Box.js +31 -11
  304. package/lib/Layout/Container.js +29 -10
  305. package/lib/Layout/Layout.module.css +335 -335
  306. package/lib/Layout/__tests__/Box.spec.js +65 -49
  307. package/lib/Layout/__tests__/Container.spec.js +67 -50
  308. package/lib/Layout/index.js +3 -0
  309. package/lib/Layout/props/propTypes.js +3 -0
  310. package/lib/Layout/utils.js +10 -0
  311. package/lib/ListItem/ListContainer.js +48 -27
  312. package/lib/ListItem/ListItem.js +69 -45
  313. package/lib/ListItem/ListItem.module.css +216 -216
  314. package/lib/ListItem/ListItemWithAvatar.js +75 -48
  315. package/lib/ListItem/ListItemWithCheckBox.js +64 -39
  316. package/lib/ListItem/ListItemWithIcon.js +68 -44
  317. package/lib/ListItem/ListItemWithRadio.js +65 -41
  318. package/lib/ListItem/index.js +7 -0
  319. package/lib/ListItem/props/propTypes.js +6 -4
  320. package/lib/Modal/Modal.js +45 -10
  321. package/lib/Modal/props/propTypes.js +3 -0
  322. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +299 -171
  323. package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
  324. package/lib/MultiSelect/EmptyState.js +45 -24
  325. package/lib/MultiSelect/MultiSelect.js +328 -211
  326. package/lib/MultiSelect/MultiSelect.module.css +206 -205
  327. package/lib/MultiSelect/MultiSelectHeader.js +30 -8
  328. package/lib/MultiSelect/MultiSelectWithAvatar.js +105 -63
  329. package/lib/MultiSelect/SelectedOptions.js +43 -17
  330. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  331. package/lib/MultiSelect/Suggestions.js +64 -32
  332. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
  333. package/lib/MultiSelect/index.js +5 -0
  334. package/lib/MultiSelect/props/defaultProps.js +2 -0
  335. package/lib/MultiSelect/props/propTypes.js +5 -0
  336. package/lib/PopOver/PopOver.js +95 -49
  337. package/lib/PopOver/PopOver.module.css +8 -8
  338. package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
  339. package/lib/PopOver/index.js +4 -0
  340. package/lib/PopOver/props/propTypes.js +3 -0
  341. package/lib/Popup/Popup.js +158 -81
  342. package/lib/Popup/PositionMapping.json +73 -73
  343. package/lib/Popup/__tests__/Popup.spec.js +43 -8
  344. package/lib/Popup/viewPort.js +28 -14
  345. package/lib/Provider/AvatarSize.js +4 -0
  346. package/lib/Provider/Config.js +2 -0
  347. package/lib/Provider/CssProvider.js +4 -0
  348. package/lib/Provider/IdProvider.js +17 -6
  349. package/lib/Provider/LibraryContext.js +35 -15
  350. package/lib/Provider/LibraryContextInit.js +4 -0
  351. package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
  352. package/lib/Provider/ZindexProvider.js +15 -3
  353. package/lib/Provider/index.js +5 -0
  354. package/lib/Radio/Radio.js +61 -38
  355. package/lib/Radio/Radio.module.css +112 -112
  356. package/lib/Radio/__tests__/Radiospec.js +9 -5
  357. package/lib/Radio/props/propTypes.js +3 -0
  358. package/lib/Responsive/CustomResponsive.js +73 -29
  359. package/lib/Responsive/RefWrapper.js +17 -11
  360. package/lib/Responsive/ResizeComponent.js +62 -36
  361. package/lib/Responsive/ResizeObserver.js +24 -10
  362. package/lib/Responsive/Responsive.js +80 -30
  363. package/lib/Responsive/index.js +4 -0
  364. package/lib/Responsive/props/propTypes.js +3 -0
  365. package/lib/Responsive/sizeObservers.js +53 -17
  366. package/lib/Responsive/utils/index.js +11 -3
  367. package/lib/Responsive/utils/shallowCompare.js +11 -2
  368. package/lib/Responsive/windowResizeObserver.js +8 -0
  369. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
  370. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  371. package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
  372. package/lib/Ribbon/Ribbon.js +33 -13
  373. package/lib/Ribbon/Ribbon.module.css +454 -454
  374. package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
  375. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
  376. package/lib/Ribbon/props/propTypes.js +3 -0
  377. package/lib/RippleEffect/RippleEffect.js +18 -10
  378. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  379. package/lib/RippleEffect/props/propTypes.js +3 -0
  380. package/lib/Select/GroupSelect.js +229 -130
  381. package/lib/Select/Select.js +290 -209
  382. package/lib/Select/Select.module.css +108 -108
  383. package/lib/Select/SelectWithAvatar.js +102 -56
  384. package/lib/Select/SelectWithIcon.js +132 -76
  385. package/lib/Select/__tests__/Select.spec.js +133 -91
  386. package/lib/Select/index.js +5 -0
  387. package/lib/Select/props/defaultProps.js +5 -4
  388. package/lib/Select/props/propTypes.js +4 -0
  389. package/lib/Stencils/Stencils.js +29 -10
  390. package/lib/Stencils/Stencils.module.css +96 -96
  391. package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
  392. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
  393. package/lib/Stencils/props/propTypes.js +3 -0
  394. package/lib/Switch/Switch.js +57 -34
  395. package/lib/Switch/Switch.module.css +127 -127
  396. package/lib/Switch/props/propTypes.js +3 -0
  397. package/lib/Tab/Tab.js +40 -27
  398. package/lib/Tab/Tab.module.css +100 -100
  399. package/lib/Tab/TabContent.js +12 -5
  400. package/lib/Tab/TabContent.module.css +4 -4
  401. package/lib/Tab/TabContentWrapper.js +13 -6
  402. package/lib/Tab/TabWrapper.js +37 -19
  403. package/lib/Tab/Tabs.js +182 -102
  404. package/lib/Tab/Tabs.module.css +143 -143
  405. package/lib/Tab/__tests__/Tab.spec.js +67 -58
  406. package/lib/Tab/__tests__/TabContent.spec.js +10 -6
  407. package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
  408. package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
  409. package/lib/Tab/__tests__/Tabs.spec.js +53 -39
  410. package/lib/Tab/index.js +6 -0
  411. package/lib/Tab/props/propTypes.js +3 -0
  412. package/lib/Tag/Tag.js +80 -51
  413. package/lib/Tag/Tag.module.css +254 -254
  414. package/lib/Tag/__tests__/Tag.spec.js +14 -8
  415. package/lib/Tag/props/propTypes.js +3 -0
  416. package/lib/TextBox/TextBox.js +85 -59
  417. package/lib/TextBox/TextBox.module.css +158 -157
  418. package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
  419. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
  420. package/lib/TextBox/props/propTypes.js +6 -4
  421. package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
  422. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -78
  423. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
  424. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
  425. package/lib/TextBoxIcon/props/propTypes.js +3 -0
  426. package/lib/Textarea/Textarea.js +54 -29
  427. package/lib/Textarea/Textarea.module.css +139 -139
  428. package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
  429. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
  430. package/lib/Textarea/props/propTypes.js +3 -0
  431. package/lib/Tooltip/Tooltip.js +94 -31
  432. package/lib/Tooltip/Tooltip.module.css +140 -133
  433. package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
  434. package/lib/Tooltip/props/propTypes.js +3 -0
  435. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
  436. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
  437. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
  438. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
  439. package/lib/VelocityAnimation/index.js +3 -0
  440. package/lib/common/a11y.module.css +3 -3
  441. package/lib/common/animation.module.css +624 -624
  442. package/lib/common/avatarsizes.module.css +48 -48
  443. package/lib/common/basic.module.css +33 -33
  444. package/lib/common/basicReset.module.css +40 -40
  445. package/lib/common/boxShadow.module.css +33 -33
  446. package/lib/common/common.module.css +524 -524
  447. package/lib/common/customscroll.module.css +91 -89
  448. package/lib/common/reset.module.css +13 -12
  449. package/lib/common/transition.module.css +146 -146
  450. package/lib/css.js +40 -0
  451. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  452. package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
  453. package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
  454. package/lib/index.js +57 -0
  455. package/lib/semantic/Button/Button.js +42 -22
  456. package/lib/semantic/Button/props/propTypes.js +3 -0
  457. package/lib/semantic/Button/semanticButton.module.css +9 -9
  458. package/lib/semantic/index.js +2 -0
  459. package/lib/utils/Common.js +108 -18
  460. package/lib/utils/ContextOptimizer.js +16 -10
  461. package/lib/utils/__tests__/constructFullName.spec.js +1 -0
  462. package/lib/utils/__tests__/debounce.spec.js +3 -2
  463. package/lib/utils/__tests__/getInitial.spec.js +1 -0
  464. package/lib/utils/constructFullName.js +13 -4
  465. package/lib/utils/css/compileClassNames.js +6 -0
  466. package/lib/utils/css/mergeStyle.js +10 -7
  467. package/lib/utils/css/utils.js +8 -0
  468. package/lib/utils/datetime/common.js +32 -5
  469. package/lib/utils/debounce.js +6 -1
  470. package/lib/utils/dropDownUtils.js +175 -59
  471. package/lib/utils/dummyFunction.js +2 -0
  472. package/lib/utils/getHTMLFontSize.js +1 -0
  473. package/lib/utils/getInitial.js +6 -0
  474. package/lib/utils/index.js +4 -0
  475. package/lib/utils/scrollTo.js +2 -0
  476. package/lib/utils/shallowEqual.js +8 -0
  477. package/package.json +123 -116
@@ -1,134 +1,141 @@
1
- .tooltiptext {
2
- position: fixed;
3
- z-index: 9999999;
4
- /*Hook for editor alert*/
5
- pointer-events: none;
6
- box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
7
- border-radius: var(--zd_size4);
8
- }[dir=ltr] .tooltiptext {
9
- animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
10
- }[dir=rtl] .tooltiptext {
11
- animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
12
- }
13
-
14
- .tooltipcont {
15
- color: var(--zdt_tooltip_default_text);
16
- font-size: var(--zd_font_size13);
17
- font-family: var(--zd_semibold);
18
- word-break: break-word;
19
- max-width: 420px;
20
- line-height: var(--zd_size20);
21
- min-height: var(--zd_size24);
22
- overflow: hidden;
23
- background-color: var(--zdt_tooltip_default_bg);
24
- padding: 0 var(--zd_size10);
25
- border-style: solid;
26
- border-color: transparent;
27
- border-radius: var(--zd_size4);
28
- }
29
-
30
- .tooltipWrapCont {
31
- white-space: pre-wrap;
32
- }
33
-
34
- .tooltipNormalCont {
35
- white-space: normal;
36
- }
37
- .tooltiparrow {
38
- content: '';
39
- position: absolute;
40
- top: 0;
41
- border-top-left-radius: 3px;
42
- }
43
-
44
- .arrowUp,
45
- .arrowDown {
46
- width: 11px;
47
- height: 11px;
48
- border-top: solid 6px var(--zdt_tooltip_default_bg);
49
- border-left: solid 6px var(--zdt_tooltip_default_bg);
50
- border-right: solid 6px transparent;
51
- border-bottom: solid 6px transparent;
52
- box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
53
- z-index: -1;
54
- }
55
-
56
- .arrowDown {
57
- margin-top: -4px !important;
58
- /* put important because of '.wms-mainui *' have margin: 0; */
59
- }
60
-
61
- .arrowLeft,
62
- .arrowRight {
63
- width: 11px;
64
- height: 11px;
65
- border-top: solid 6px var(--zdt_tooltip_default_bg);
66
- border-left: solid 6px var(--zdt_tooltip_default_bg);
67
- border-right: solid 6px transparent;
68
- border-bottom: solid 6px transparent;
69
- box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
70
- z-index: -1;
71
- }
72
-
73
- .arrowRight {
74
- margin-left: -2px;
75
- }
76
-
77
- .arrowLeft {
78
- margin-left: 1px;
79
- }
80
-
81
- .arrowUp {
82
- transform: rotate(45deg);
83
- }
84
-
85
- .arrowDown {
86
- transform: rotate(225deg);
87
- }
88
-
89
- .arrowLeft {
90
- transform: rotate(315deg) translateY(-50%);
91
- }
92
-
93
- .arrowRight {
94
- transform: rotate(135deg) translateY(50%);
95
- }
96
- @keyframes tooltip-grow {
97
- from {
98
- opacity: 0;
99
- }
100
-
101
- to {
102
- opacity: 1;
103
- }
104
- }
105
-
106
- @-webkit-keyframes tooltip-grow {
107
- from {
108
- opacity: 0;
109
- }
110
-
111
- to {
112
- opacity: 1;
113
- }
114
- }
115
-
116
- @-moz-keyframes tooltip-grow {
117
- from {
118
- opacity: 0;
119
- }
120
-
121
- to {
122
- opacity: 1;
123
- }
124
- }
125
-
126
- @-ms-keyframes tooltip-grow {
127
- from {
128
- opacity: 0;
129
- }
130
-
131
- to {
132
- opacity: 1;
133
- }
1
+ .tooltiptext {
2
+ position: fixed;
3
+ z-index: 9999999;
4
+ /*Hook for editor alert*/
5
+ pointer-events: none;
6
+ box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
7
+ border-radius: var(--zd_size4);
8
+ }[dir=ltr] .tooltiptext {
9
+ animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
10
+ }[dir=rtl] .tooltiptext {
11
+ animation: tooltip-grow var(--zd_transition7) cubic-bezier(0.175, 0.885, 0.32, 1.15);
12
+ }
13
+
14
+ .tooltipcont {
15
+ color: var(--zdt_tooltip_default_text);
16
+ font-size: var(--zd_font_size13) ;
17
+ font-family: var(--zd_semibold);
18
+ word-break: break-word;
19
+ max-width: var(--zd_size420) ;
20
+ line-height: var(--zd_size20);
21
+ min-height: var(--zd_size24) ;
22
+ overflow: hidden;
23
+ background-color: var(--zdt_tooltip_default_bg);
24
+ padding: 0 var(--zd_size10) ;
25
+ border-style: solid;
26
+ border-color: transparent;
27
+ border-radius: var(--zd_size4);
28
+ }
29
+
30
+ .tooltipWrapCont {
31
+ white-space: pre-wrap;
32
+ }
33
+
34
+ .tooltipNormalCont {
35
+ white-space: normal;
36
+ }
37
+ .tooltiparrow {
38
+ content: '';
39
+ position: absolute;
40
+ top: 0 ;
41
+ border-top-left-radius: 3px;
42
+ }
43
+
44
+ .arrowUp,
45
+ .arrowDown {
46
+ /* Variable:Ignore */
47
+ width: 11px;
48
+ /* Variable:Ignore */
49
+ height: 11px;
50
+ border-top: solid 6px var(--zdt_tooltip_default_bg);
51
+ border-left: solid 6px var(--zdt_tooltip_default_bg);
52
+ border-right: solid 6px transparent;
53
+ border-bottom: solid 6px transparent;
54
+ box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
55
+ z-index: -1;
56
+ }
57
+
58
+ .arrowDown {
59
+ /* Variable:Ignore */
60
+ margin-top: -4px !important;
61
+ /* put important because of '.wms-mainui *' have margin: 0; */
62
+ }
63
+
64
+ .arrowLeft,
65
+ .arrowRight {
66
+ /* Variable:Ignore */
67
+ width: 11px;
68
+ /* Variable:Ignore */
69
+ height: 11px;
70
+ border-top: solid 6px var(--zdt_tooltip_default_bg);
71
+ border-left: solid 6px var(--zdt_tooltip_default_bg);
72
+ border-right: solid 6px transparent;
73
+ border-bottom: solid 6px transparent;
74
+ box-shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
75
+ z-index: -1;
76
+ }
77
+
78
+ .arrowRight {
79
+ /* Variable:Ignore */
80
+ margin-left: -2px;
81
+ }
82
+
83
+ .arrowLeft {
84
+ /* Variable:Ignore */
85
+ margin-left: 1px;
86
+ }
87
+
88
+ .arrowUp {
89
+ transform: rotate(45deg);
90
+ }
91
+
92
+ .arrowDown {
93
+ transform: rotate(225deg);
94
+ }
95
+
96
+ .arrowLeft {
97
+ transform: rotate(315deg) translateY(-50%);
98
+ }
99
+
100
+ .arrowRight {
101
+ transform: rotate(135deg) translateY(50%);
102
+ }
103
+ @keyframes tooltip-grow {
104
+ from {
105
+ opacity: 0;
106
+ }
107
+
108
+ to {
109
+ opacity: 1;
110
+ }
111
+ }
112
+
113
+ @-webkit-keyframes tooltip-grow {
114
+ from {
115
+ opacity: 0;
116
+ }
117
+
118
+ to {
119
+ opacity: 1;
120
+ }
121
+ }
122
+
123
+ @-moz-keyframes tooltip-grow {
124
+ from {
125
+ opacity: 0;
126
+ }
127
+
128
+ to {
129
+ opacity: 1;
130
+ }
131
+ }
132
+
133
+ @-ms-keyframes tooltip-grow {
134
+ from {
135
+ opacity: 0;
136
+ }
137
+
138
+ to {
139
+ opacity: 1;
140
+ }
134
141
  }
@@ -1,33 +1,51 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  var _react = _interopRequireDefault(require("react"));
6
+
5
7
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
+
6
9
  var _Tooltip = _interopRequireDefault(require("../Tooltip"));
10
+
7
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
+
8
13
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
14
+
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); } }
16
+
10
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; }
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); }
18
+
13
19
  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); }
20
+
14
21
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
22
+
15
23
  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); }; }
24
+
16
25
  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); }
26
+
17
27
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
28
+
18
29
  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; } }
30
+
19
31
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
32
+
20
33
  var SampleComponent = /*#__PURE__*/function (_React$Component) {
21
34
  _inherits(SampleComponent, _React$Component);
35
+
22
36
  var _super = _createSuper(SampleComponent);
37
+
23
38
  function SampleComponent(props) {
24
39
  var _this;
40
+
25
41
  _classCallCheck(this, SampleComponent);
42
+
26
43
  _this = _super.call(this, props);
27
44
  _this.toolTipRef = /*#__PURE__*/_react["default"].createRef();
28
45
  _this.setToolTipRef = _this.setToolTipRef.bind(_assertThisInitialized(_this));
29
46
  return _this;
30
47
  }
48
+
31
49
  _createClass(SampleComponent, [{
32
50
  key: "setToolTipRef",
33
51
  value: function setToolTipRef(ref) {
@@ -37,6 +55,7 @@ var SampleComponent = /*#__PURE__*/function (_React$Component) {
37
55
  key: "render",
38
56
  value: function render() {
39
57
  var _this2 = this;
58
+
40
59
  return /*#__PURE__*/_react["default"].createElement("div", {
41
60
  onMouseOver: function onMouseOver(e) {
42
61
  return _this2.toolTipRef && _this2.toolTipRef.handleOver(e);
@@ -50,8 +69,10 @@ var SampleComponent = /*#__PURE__*/function (_React$Component) {
50
69
  }));
51
70
  }
52
71
  }]);
72
+
53
73
  return SampleComponent;
54
74
  }(_react["default"].Component);
75
+
55
76
  describe('Tooltip component conditions', function () {
56
77
  it('Is HandleOver Executed', function () {
57
78
  var sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(SampleComponent, null));
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  dataId: _propTypes["default"].string,
11
14
  isHtml: _propTypes["default"].string,
@@ -1,52 +1,75 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _velocityReact = require("velocity-react");
17
+
12
18
  require("velocity-animate/velocity.ui");
19
+
13
20
  var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
21
+
14
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
15
24
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
25
+
26
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
+
17
28
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
29
+
20
30
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
31
+
21
32
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
+
22
34
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
35
+
23
36
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
37
+
24
38
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
+
25
40
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
41
+
26
42
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
+
27
44
  var VelocityAnimation = /*#__PURE__*/function (_React$Component) {
28
45
  _inherits(VelocityAnimation, _React$Component);
46
+
29
47
  var _super = _createSuper(VelocityAnimation);
48
+
30
49
  function VelocityAnimation(props) {
31
50
  _classCallCheck(this, VelocityAnimation);
51
+
32
52
  return _super.call(this, props);
33
53
  }
54
+
34
55
  _createClass(VelocityAnimation, [{
35
56
  key: "render",
36
57
  value: function render() {
37
58
  var _this$props = this.props,
38
- children = _this$props.children,
39
- name = _this$props.name,
40
- duration = _this$props.duration,
41
- isActive = _this$props.isActive,
42
- runOnMount = _this$props.runOnMount,
43
- delay = _this$props.delay,
44
- isCustomized = _this$props.isCustomized,
45
- needUIPack = _this$props.needUIPack,
46
- isFlex = _this$props.isFlex;
59
+ children = _this$props.children,
60
+ name = _this$props.name,
61
+ duration = _this$props.duration,
62
+ isActive = _this$props.isActive,
63
+ runOnMount = _this$props.runOnMount,
64
+ delay = _this$props.delay,
65
+ isCustomized = _this$props.isCustomized,
66
+ needUIPack = _this$props.needUIPack,
67
+ isFlex = _this$props.isFlex;
68
+
47
69
  var _ref = this.context || {},
48
- direction = _ref.direction,
49
- isReducedMotion = _ref.isReducedMotion;
70
+ direction = _ref.direction,
71
+ isReducedMotion = _ref.isReducedMotion;
72
+
50
73
  var enterAnimationObj = {
51
74
  fade: 'transition.fadeIn',
52
75
  slideDown: 'slideDown',
@@ -89,13 +112,14 @@ var VelocityAnimation = /*#__PURE__*/function (_React$Component) {
89
112
  }, children);
90
113
  }
91
114
  }]);
115
+
92
116
  return VelocityAnimation;
93
117
  }(_react["default"].Component);
118
+
94
119
  exports["default"] = VelocityAnimation;
95
120
  VelocityAnimation.defaultProps = _defaultProps.defaultProps;
96
121
  VelocityAnimation.propTypes = _propTypes.propTypes;
97
- VelocityAnimation.contextType = _LibraryContextInit["default"];
98
- // if (__DOCS__) {
122
+ VelocityAnimation.contextType = _LibraryContextInit["default"]; // if (__DOCS__) {
99
123
  // VelocityAnimation.docs = {
100
124
  // componentGroup: 'Animation'
101
125
  // };
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  children: _propTypes["default"].node.isRequired,
11
14
  delay: _propTypes["default"].number,
@@ -1,33 +1,54 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _velocityReact = require("velocity-react");
17
+
12
18
  require("velocity-animate/velocity.ui");
19
+
13
20
  var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
21
+
14
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
23
+
15
24
  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; }
25
+
16
26
  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; }
17
- 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; }
27
+
28
+ 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; }
29
+
18
30
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
31
+
19
32
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
20
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
33
+
34
+ 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); } }
35
+
21
36
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
22
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
23
- 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); }
37
+
24
38
  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); }
39
+
25
40
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
41
+
26
42
  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); }; }
43
+
27
44
  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); }
45
+
28
46
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
47
+
29
48
  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; } }
49
+
30
50
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
51
+
31
52
  function clearProps(props) {
32
53
  var newProps = Object.assign({}, props);
33
54
  Object.keys(VelocityAnimationGroup.propTypes).forEach(function (key) {
@@ -35,36 +56,43 @@ function clearProps(props) {
35
56
  });
36
57
  return newProps;
37
58
  }
59
+
38
60
  var VelocityAnimationGroup = /*#__PURE__*/function (_React$Component) {
39
61
  _inherits(VelocityAnimationGroup, _React$Component);
62
+
40
63
  var _super = _createSuper(VelocityAnimationGroup);
64
+
41
65
  function VelocityAnimationGroup(props) {
42
66
  _classCallCheck(this, VelocityAnimationGroup);
67
+
43
68
  return _super.call(this, props);
44
69
  }
70
+
45
71
  _createClass(VelocityAnimationGroup, [{
46
72
  key: "render",
47
73
  value: function render() {
48
74
  var _this$props = this.props,
49
- children = _this$props.children,
50
- enterName = _this$props.enterName,
51
- exitName = _this$props.exitName,
52
- enterDuration = _this$props.enterDuration,
53
- exitDuration = _this$props.exitDuration,
54
- isActive = _this$props.isActive,
55
- component = _this$props.component,
56
- runOnMount = _this$props.runOnMount,
57
- enterShowStyle = _this$props.enterShowStyle,
58
- enterHideStyle = _this$props.enterHideStyle,
59
- exitDelay = _this$props.exitDelay,
60
- isFlex = _this$props.isFlex,
61
- enterDelay = _this$props.enterDelay,
62
- isCustomized = _this$props.isCustomized,
63
- name = _this$props.name,
64
- needUIPack = _this$props.needUIPack;
75
+ children = _this$props.children,
76
+ enterName = _this$props.enterName,
77
+ exitName = _this$props.exitName,
78
+ enterDuration = _this$props.enterDuration,
79
+ exitDuration = _this$props.exitDuration,
80
+ isActive = _this$props.isActive,
81
+ component = _this$props.component,
82
+ runOnMount = _this$props.runOnMount,
83
+ enterShowStyle = _this$props.enterShowStyle,
84
+ enterHideStyle = _this$props.enterHideStyle,
85
+ exitDelay = _this$props.exitDelay,
86
+ isFlex = _this$props.isFlex,
87
+ enterDelay = _this$props.enterDelay,
88
+ isCustomized = _this$props.isCustomized,
89
+ name = _this$props.name,
90
+ needUIPack = _this$props.needUIPack;
91
+
65
92
  var _ref = this.context || {},
66
- direction = _ref.direction,
67
- isReducedMotion = _ref.isReducedMotion;
93
+ direction = _ref.direction,
94
+ isReducedMotion = _ref.isReducedMotion;
95
+
68
96
  var childProps = clearProps(this.props);
69
97
  var enterAnimationObj = {
70
98
  fade: 'transition.fadeIn',
@@ -118,16 +146,16 @@ var VelocityAnimationGroup = /*#__PURE__*/function (_React$Component) {
118
146
  }, childProps), isActive ? children : null);
119
147
  }
120
148
  }]);
149
+
121
150
  return VelocityAnimationGroup;
122
151
  }(_react["default"].Component);
152
+
123
153
  exports["default"] = VelocityAnimationGroup;
124
154
  VelocityAnimationGroup.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.defaultProps), {}, {
125
155
  component: _react["default"].Fragment
126
156
  });
127
157
  VelocityAnimationGroup.propTypes = _propTypes.propTypes;
128
- VelocityAnimationGroup.contextType = _LibraryContextInit["default"];
129
-
130
- // if (__DOCS__) {
158
+ VelocityAnimationGroup.contextType = _LibraryContextInit["default"]; // if (__DOCS__) {
131
159
  // VelocityAnimationGroup.docs = {
132
160
  // componentGroup: 'Animation'
133
161
  // };
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  children: _propTypes["default"].node.isRequired,
11
14
  component: _propTypes["default"].element,
@@ -15,6 +15,9 @@ Object.defineProperty(exports, "VelocityAnimationGroup", {
15
15
  return _VelocityAnimationGroup["default"];
16
16
  }
17
17
  });
18
+
18
19
  var _VelocityAnimation = _interopRequireDefault(require("./VelocityAnimation/VelocityAnimation"));
20
+
19
21
  var _VelocityAnimationGroup = _interopRequireDefault(require("./VelocityAnimationGroup/VelocityAnimationGroup"));
22
+
20
23
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }