@zohodesk/components 1.0.0-alpha-198 → 1.0.0-alpha-199

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 (409) hide show
  1. package/README.md +4 -0
  2. package/es/Avatar/Avatar.module.css +9 -11
  3. package/es/AvatarTeam/AvatarTeam.module.css +7 -21
  4. package/es/Button/Button.module.css +23 -96
  5. package/es/Buttongroup/Buttongroup.module.css +8 -37
  6. package/es/Card/Card.js +6 -13
  7. package/es/CheckBox/CheckBox.module.css +11 -17
  8. package/es/DateTime/CalendarView.js +28 -7
  9. package/es/DateTime/DateTime.js +158 -34
  10. package/es/DateTime/DateTime.module.css +12 -39
  11. package/es/DateTime/DateWidget.module.css +5 -9
  12. package/es/DateTime/YearView.module.css +6 -16
  13. package/es/DateTime/dateFormatUtils/dateFormat.js +2 -2
  14. package/es/DropBox/DropBox.module.css +11 -47
  15. package/es/DropDown/DropDownHeading.module.css +3 -7
  16. package/es/DropDown/DropDownItem.module.css +6 -32
  17. package/es/ListItem/ListItem.module.css +24 -56
  18. package/es/MultiSelect/AdvancedMultiSelect.module.css +6 -21
  19. package/es/MultiSelect/MultiSelect.js +31 -31
  20. package/es/MultiSelect/MultiSelect.module.css +8 -26
  21. package/es/MultiSelect/SelectedOptions.module.css +2 -8
  22. package/es/PopOver/PopOver.module.css +1 -1
  23. package/es/Popup/Popup.js +2 -2
  24. package/es/Provider/Config.js +1 -2
  25. package/es/Provider.js +1 -3
  26. package/es/Radio/Radio.module.css +3 -9
  27. package/es/Responsive/CustomResponsive.js +73 -74
  28. package/es/Responsive/docs/style.module.css +8 -17
  29. package/es/Responsive/sizeObservers.js +31 -13
  30. package/es/Ribbon/Ribbon.module.css +28 -93
  31. package/es/RippleEffect/RippleEffect.module.css +44 -15
  32. package/es/Select/Select.module.css +2 -12
  33. package/es/Stencils/Stencils.module.css +4 -27
  34. package/es/Switch/Switch.module.css +7 -6
  35. package/es/Tab/Tab.module.css +7 -16
  36. package/es/Tab/Tabs.js +8 -18
  37. package/es/Tab/Tabs.module.css +8 -41
  38. package/es/Tab/docs/Tab__default.docs.js +1 -7
  39. package/es/Tab/docs/tabdocs.module.css +1 -1
  40. package/es/Tag/Tag.module.css +14 -36
  41. package/es/TextBox/TextBox.module.css +11 -7
  42. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -10
  43. package/es/Textarea/Textarea.module.css +7 -6
  44. package/es/Tooltip/Tooltip.module.css +8 -9
  45. package/es/beta/FocusRing/FocusRing.module.css +26 -51
  46. package/es/common/animation.module.css +20 -212
  47. package/es/common/basicReset.module.css +12 -2
  48. package/es/common/common.module.css +18 -62
  49. package/es/common/customscroll.module.css +21 -17
  50. package/es/common/docStyle.module.css +26 -64
  51. package/es/common/transition.module.css +10 -50
  52. package/es/deprecated/customscroll_Old.module.css +1 -1
  53. package/es/semantic/Button/semanticButton.module.css +3 -3
  54. package/es/utils/ContextOptimizer.js +38 -0
  55. package/package.json +1 -1
  56. package/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  57. package/assets/fonts/LatoLatin-Heavy.woff2 +0 -0
  58. package/assets/fonts/LatoLatin-Medium.woff2 +0 -0
  59. package/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  60. package/assets/fonts/LatoLatin-Semibold.woff2 +0 -0
  61. package/es/DateTime/DateTimePopupFooter.js +0 -43
  62. package/es/DateTime/DateTimePopupHeader.js +0 -90
  63. package/es/DateTime/DaysRow.js +0 -28
  64. package/es/DateTime/Time.js +0 -162
  65. package/lib/Accordion/Accordion.js +0 -146
  66. package/lib/Accordion/AccordionItem.js +0 -121
  67. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  68. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  69. package/lib/Accordion/index.js +0 -23
  70. package/lib/Animation/Animation.js +0 -207
  71. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  72. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  73. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  74. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  75. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  76. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  77. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  78. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  79. package/lib/AppContainer/AppContainer.js +0 -154
  80. package/lib/AppContainer/AppContainer.module.css +0 -17
  81. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  82. package/lib/Appearance/dark/mode/darkMode.module.css +0 -403
  83. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  84. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -31
  85. package/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  86. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -31
  87. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  88. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -31
  89. package/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  90. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -31
  91. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  92. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -31
  93. package/lib/Appearance/default/mode/defaultMode.module.css +0 -403
  94. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  95. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -31
  96. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  97. package/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -31
  98. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  99. package/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -31
  100. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  101. package/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -31
  102. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  103. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -31
  104. package/lib/Avatar/Avatar.js +0 -280
  105. package/lib/Avatar/Avatar.module.css +0 -117
  106. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  107. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  108. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  109. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  110. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  111. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  112. package/lib/AvatarTeam/AvatarTeam.js +0 -157
  113. package/lib/AvatarTeam/AvatarTeam.module.css +0 -161
  114. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  115. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  116. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  117. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  118. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  119. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  120. package/lib/Button/Button.js +0 -159
  121. package/lib/Button/Button.module.css +0 -520
  122. package/lib/Button/__tests__/Button.spec.js +0 -233
  123. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  124. package/lib/Button/docs/Button__custom.docs.js +0 -826
  125. package/lib/Button/docs/Button__default.docs.js +0 -590
  126. package/lib/Buttongroup/Buttongroup.js +0 -101
  127. package/lib/Buttongroup/Buttongroup.module.css +0 -89
  128. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  129. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  130. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  131. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  132. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  133. package/lib/Card/Card.js +0 -410
  134. package/lib/Card/Card.module.css +0 -20
  135. package/lib/Card/__tests__/Card.spec.js +0 -56
  136. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  137. package/lib/Card/docs/Card__Default.docs.js +0 -92
  138. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  139. package/lib/Card/index.js +0 -37
  140. package/lib/CheckBox/CheckBox.js +0 -265
  141. package/lib/CheckBox/CheckBox.module.css +0 -153
  142. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  143. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  144. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  145. package/lib/DateTime/CalendarView.js +0 -285
  146. package/lib/DateTime/DateTime.js +0 -889
  147. package/lib/DateTime/DateTime.module.css +0 -188
  148. package/lib/DateTime/DateTimePopupFooter.js +0 -90
  149. package/lib/DateTime/DateTimePopupHeader.js +0 -149
  150. package/lib/DateTime/DateWidget.js +0 -1183
  151. package/lib/DateTime/DateWidget.module.css +0 -46
  152. package/lib/DateTime/DaysRow.js +0 -76
  153. package/lib/DateTime/Time.js +0 -248
  154. package/lib/DateTime/YearView.js +0 -324
  155. package/lib/DateTime/YearView.module.css +0 -80
  156. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  157. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  158. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  159. package/lib/DateTime/common.js +0 -36
  160. package/lib/DateTime/constants.js +0 -77
  161. package/lib/DateTime/dateFormatUtils/dateFormat.js +0 -613
  162. package/lib/DateTime/dateFormatUtils/dayChange.js +0 -81
  163. package/lib/DateTime/dateFormatUtils/index.js +0 -274
  164. package/lib/DateTime/dateFormatUtils/monthChange.js +0 -94
  165. package/lib/DateTime/dateFormatUtils/timeChange.js +0 -240
  166. package/lib/DateTime/dateFormatUtils/yearChange.js +0 -119
  167. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  168. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  169. package/lib/DateTime/docs/timezonedata.json +0 -1
  170. package/lib/DateTime/index.js +0 -15
  171. package/lib/DateTime/objectUtils.js +0 -76
  172. package/lib/DateTime/typeChecker.js +0 -26
  173. package/lib/DateTime/validator.js +0 -353
  174. package/lib/DropBox/DropBox.js +0 -384
  175. package/lib/DropBox/DropBox.module.css +0 -406
  176. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  177. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  178. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  179. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  180. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  181. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  182. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  183. package/lib/DropDown/DropDown.js +0 -203
  184. package/lib/DropDown/DropDown.module.css +0 -5
  185. package/lib/DropDown/DropDownHeading.js +0 -102
  186. package/lib/DropDown/DropDownHeading.module.css +0 -53
  187. package/lib/DropDown/DropDownItem.js +0 -139
  188. package/lib/DropDown/DropDownItem.module.css +0 -94
  189. package/lib/DropDown/DropDownSearch.js +0 -130
  190. package/lib/DropDown/DropDownSearch.module.css +0 -14
  191. package/lib/DropDown/DropDownSeparator.js +0 -66
  192. package/lib/DropDown/DropDownSeparator.module.css +0 -7
  193. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  194. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  195. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  196. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  197. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  198. package/lib/Label/Label.js +0 -107
  199. package/lib/Label/Label.module.css +0 -73
  200. package/lib/Label/__tests__/Label.spec.js +0 -137
  201. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  202. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  203. package/lib/Label/docs/Label__custom.docs.js +0 -85
  204. package/lib/Label/docs/Label__palette.docs.js +0 -96
  205. package/lib/Label/docs/Label__size.docs.js +0 -83
  206. package/lib/Label/docs/Label__type.docs.js +0 -91
  207. package/lib/Layout/Box.js +0 -138
  208. package/lib/Layout/Container.js +0 -152
  209. package/lib/Layout/Layout.module.css +0 -324
  210. package/lib/Layout/__tests__/Box.spec.js +0 -121
  211. package/lib/Layout/__tests__/Container.spec.js +0 -127
  212. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  213. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  214. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  215. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  216. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  217. package/lib/Layout/index.js +0 -34
  218. package/lib/Layout/utils.js +0 -55
  219. package/lib/ListItem/ListItem.js +0 -234
  220. package/lib/ListItem/ListItem.module.css +0 -200
  221. package/lib/ListItem/ListItemWithAvatar.js +0 -236
  222. package/lib/ListItem/ListItemWithCheckBox.js +0 -208
  223. package/lib/ListItem/ListItemWithIcon.js +0 -221
  224. package/lib/ListItem/ListItemWithRadio.js +0 -209
  225. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  226. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  227. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  228. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  229. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  230. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  231. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  232. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  233. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  234. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  235. package/lib/Modal/Modal.js +0 -218
  236. package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
  237. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +0 -1209
  238. package/lib/MultiSelect/AdvancedMultiSelect.js +0 -665
  239. package/lib/MultiSelect/AdvancedMultiSelect.module.css +0 -127
  240. package/lib/MultiSelect/EmptyState.js +0 -132
  241. package/lib/MultiSelect/MultiSelect.js +0 -1210
  242. package/lib/MultiSelect/MultiSelect.module.css +0 -198
  243. package/lib/MultiSelect/MultiSelectHeader.js +0 -86
  244. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -407
  245. package/lib/MultiSelect/SelectedOptions.js +0 -139
  246. package/lib/MultiSelect/SelectedOptions.module.css +0 -15
  247. package/lib/MultiSelect/Suggestions.js +0 -205
  248. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  249. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  250. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -150
  251. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  252. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  253. package/lib/PopOver/PopOver.js +0 -366
  254. package/lib/PopOver/PopOver.module.css +0 -8
  255. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  256. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  257. package/lib/Popup/Popup.js +0 -716
  258. package/lib/Popup/PositionMapping.json +0 -74
  259. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  260. package/lib/Popup/viewPort.js +0 -368
  261. package/lib/Provider/AvatarSize.js +0 -23
  262. package/lib/Provider/Config.js +0 -22
  263. package/lib/Provider/CssProvider.js +0 -27
  264. package/lib/Provider/IdProvider.js +0 -82
  265. package/lib/Provider/NumberGenerator/NumberGenerator.js +0 -174
  266. package/lib/Provider/ZindexProvider.js +0 -69
  267. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  268. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  269. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  270. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  271. package/lib/Provider.js +0 -234
  272. package/lib/Radio/Radio.js +0 -216
  273. package/lib/Radio/Radio.module.css +0 -110
  274. package/lib/Radio/__tests__/Radiospec.js +0 -29
  275. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  276. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  277. package/lib/Responsive/CustomResponsive.js +0 -282
  278. package/lib/Responsive/RefWrapper.js +0 -55
  279. package/lib/Responsive/ResizeObserver.js +0 -168
  280. package/lib/Responsive/Responsive.js +0 -280
  281. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  282. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  283. package/lib/Responsive/docs/style.module.css +0 -56
  284. package/lib/Responsive/index.js +0 -30
  285. package/lib/Responsive/sizeObservers.js +0 -145
  286. package/lib/Responsive/utils/index.js +0 -69
  287. package/lib/Responsive/utils/shallowCompare.js +0 -38
  288. package/lib/Responsive/windowResizeObserver.js +0 -63
  289. package/lib/Ribbon/Ribbon.js +0 -115
  290. package/lib/Ribbon/Ribbon.module.css +0 -377
  291. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  292. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  293. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  294. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  295. package/lib/RippleEffect/RippleEffect.js +0 -58
  296. package/lib/RippleEffect/RippleEffect.module.css +0 -67
  297. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  298. package/lib/Select/GroupSelect.js +0 -936
  299. package/lib/Select/Select.js +0 -1028
  300. package/lib/Select/Select.module.css +0 -100
  301. package/lib/Select/SelectWithAvatar.js +0 -430
  302. package/lib/Select/SelectWithIcon.js +0 -550
  303. package/lib/Select/__tests__/Select.spec.js +0 -383
  304. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  305. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  306. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  307. package/lib/Select/docs/Select__default.docs.js +0 -261
  308. package/lib/Stencils/Stencils.js +0 -94
  309. package/lib/Stencils/Stencils.module.css +0 -106
  310. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  311. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  312. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  313. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  314. package/lib/Switch/Switch.js +0 -183
  315. package/lib/Switch/Switch.module.css +0 -110
  316. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  317. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  318. package/lib/Tab/Tab.js +0 -155
  319. package/lib/Tab/Tab.module.css +0 -101
  320. package/lib/Tab/TabContent.js +0 -45
  321. package/lib/Tab/TabContent.module.css +0 -4
  322. package/lib/Tab/TabContentWrapper.js +0 -47
  323. package/lib/Tab/TabWrapper.js +0 -109
  324. package/lib/Tab/Tabs.js +0 -680
  325. package/lib/Tab/Tabs.module.css +0 -140
  326. package/lib/Tab/__tests__/Tab.spec.js +0 -130
  327. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  328. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  329. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  330. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  331. package/lib/Tab/docs/Tab__default.docs.js +0 -305
  332. package/lib/Tab/docs/tabdocs.module.css +0 -29
  333. package/lib/Tab/index.js +0 -47
  334. package/lib/Tag/Tag.js +0 -246
  335. package/lib/Tag/Tag.module.css +0 -247
  336. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  337. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  338. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  339. package/lib/TextBox/TextBox.js +0 -285
  340. package/lib/TextBox/TextBox.module.css +0 -157
  341. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  342. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  343. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  344. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  345. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  346. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  347. package/lib/TextBoxIcon/TextBoxIcon.js +0 -276
  348. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -75
  349. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  350. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  351. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  352. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  353. package/lib/Textarea/Textarea.js +0 -202
  354. package/lib/Textarea/Textarea.module.css +0 -139
  355. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  356. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  357. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  358. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  359. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  360. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  361. package/lib/Tooltip/Tooltip.js +0 -538
  362. package/lib/Tooltip/Tooltip.module.css +0 -104
  363. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  364. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  365. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -138
  366. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  367. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -182
  368. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  369. package/lib/a11y/FocusScope/FocusScope.js +0 -443
  370. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  371. package/lib/beta/FocusRing/FocusRing.js +0 -338
  372. package/lib/beta/FocusRing/FocusRing.module.css +0 -152
  373. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  374. package/lib/common/animation.module.css +0 -612
  375. package/lib/common/avatarsizes.module.css +0 -45
  376. package/lib/common/basic.module.css +0 -33
  377. package/lib/common/basicReset.module.css +0 -40
  378. package/lib/common/common.module.css +0 -502
  379. package/lib/common/customscroll.module.css +0 -89
  380. package/lib/common/docStyle.module.css +0 -705
  381. package/lib/common/reset.module.css +0 -12
  382. package/lib/common/transition.module.css +0 -146
  383. package/lib/css.js +0 -81
  384. package/lib/deprecated/PortalLayer/PortalLayer.js +0 -165
  385. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  386. package/lib/deprecated/Theme/darkTheme.module.css +0 -393
  387. package/lib/deprecated/Theme/defaultTheme.module.css +0 -393
  388. package/lib/deprecated/Theme/palette/darkCTAPalette.module.css +0 -116
  389. package/lib/deprecated/Theme/palette/darkPalette.module.css +0 -155
  390. package/lib/deprecated/Theme/palette/defaultCTAPalette.module.css +0 -116
  391. package/lib/deprecated/Theme/palette/defaultPalette.module.css +0 -155
  392. package/lib/deprecated/customscroll_Old.module.css +0 -46
  393. package/lib/index.js +0 -1403
  394. package/lib/semantic/Button/Button.js +0 -138
  395. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  396. package/lib/semantic/Button/semanticButton.module.css +0 -9
  397. package/lib/utils/Common.js +0 -433
  398. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  399. package/lib/utils/__tests__/debounce.spec.js +0 -40
  400. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  401. package/lib/utils/constant.js +0 -10
  402. package/lib/utils/constructFullName.js +0 -34
  403. package/lib/utils/datetime/common.js +0 -233
  404. package/lib/utils/debounce.js +0 -30
  405. package/lib/utils/dropDownUtils.js +0 -556
  406. package/lib/utils/dummyFunction.js +0 -10
  407. package/lib/utils/getHTMLFontSize.js +0 -11
  408. package/lib/utils/getInitial.js +0 -33
  409. package/lib/utils/scrollTo.js +0 -22
@@ -1,98 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _Button = _interopRequireDefault(require("../../Button/Button"));
13
-
14
- var _Buttongroup = _interopRequireDefault(require("../Buttongroup"));
15
-
16
- var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
17
-
18
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
31
-
32
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
-
38
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
-
42
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- var Buttongroup__header = /*#__PURE__*/function (_Component) {
47
- _inherits(Buttongroup__header, _Component);
48
-
49
- var _super = _createSuper(Buttongroup__header);
50
-
51
- function Buttongroup__header() {
52
- _classCallCheck(this, Buttongroup__header);
53
-
54
- return _super.apply(this, arguments);
55
- }
56
-
57
- _createClass(Buttongroup__header, [{
58
- key: "render",
59
- value: function render() {
60
- return /*#__PURE__*/_react["default"].createElement("span", {
61
- className: _docStyleModule["default"].m10
62
- }, /*#__PURE__*/_react["default"].createElement("div", {
63
- className: _docStyleModule["default"].mb20
64
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
65
- type: "header",
66
- buttonPosition: "right"
67
- }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
68
- text: "Send for review",
69
- palette: "primaryFilled"
70
- }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
71
- text: "Publish",
72
- palette: "primaryFilled"
73
- }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
74
- text: "Save as draft",
75
- palette: "primaryFilled"
76
- }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
77
- text: "Preview",
78
- palette: "secondary"
79
- }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
80
- text: "Cancel",
81
- palette: "secondary"
82
- })))));
83
- }
84
- }]);
85
-
86
- return Buttongroup__header;
87
- }(_react.Component);
88
-
89
- exports["default"] = Buttongroup__header;
90
-
91
- if (false) {
92
- Buttongroup__header.docs = {
93
- componentGroup: 'Molecule',
94
- folderName: 'Style Guide',
95
- external: true,
96
- description: ' '
97
- };
98
- }
package/lib/Card/Card.js DELETED
@@ -1,410 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.CardFooter = exports["default"] = exports.CardContent = exports.CardHeader = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _Layout = require("../Layout");
15
-
16
- var _Config = require("../Provider/Config");
17
-
18
- var _CardModule = _interopRequireDefault(require("./Card.module.css"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
-
26
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
27
-
28
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
29
-
30
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
31
-
32
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
33
-
34
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
-
36
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
37
-
38
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
39
-
40
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
-
42
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
43
-
44
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
-
46
- /* eslint-disable react/forbid-component-props */
47
-
48
- /*
49
- isscroll header border change use ref
50
- scroll logic remove from here
51
- scroll logic move to virtualizer list
52
- */
53
-
54
- /* performance handling pending in card component moving to ref instead of setState */
55
- var CardHeader = /*#__PURE__*/function (_Component) {
56
- _inherits(CardHeader, _Component);
57
-
58
- var _super = _createSuper(CardHeader);
59
-
60
- function CardHeader(props) {
61
- var _this;
62
-
63
- _classCallCheck(this, CardHeader);
64
-
65
- _this = _super.call(this, props);
66
- _this.getCardHeaderDom = _this.getCardHeaderDom.bind(_assertThisInitialized(_this));
67
- _this.cardHeader = null;
68
- return _this;
69
- }
70
-
71
- _createClass(CardHeader, [{
72
- key: "getCardHeaderDom",
73
- value: function getCardHeaderDom(ele) {
74
- this.cardHeader = ele;
75
- }
76
- }, {
77
- key: "setScrollClassName",
78
- value: function setScrollClassName() {
79
- if (!this.cardHeader) {
80
- return null;
81
- }
82
- }
83
- }, {
84
- key: "render",
85
- value: function render() {
86
- var _this$props = this.props,
87
- isScroll = _this$props.isScroll,
88
- children = _this$props.children,
89
- _this$props$dataId = _this$props.dataId,
90
- dataId = _this$props$dataId === void 0 ? 'CardHeader' : _this$props$dataId,
91
- _this$props$customCla = _this$props.customClass,
92
- customClass = _this$props$customCla === void 0 ? '' : _this$props$customCla;
93
- return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
94
- className: "".concat(isScroll ? _CardModule["default"].scroll : _CardModule["default"].notScroll, " ").concat(customClass),
95
- eleRef: this.getCardHeaderDom,
96
- dataId: dataId
97
- }, children);
98
- }
99
- }]);
100
-
101
- return CardHeader;
102
- }(_react.Component);
103
-
104
- exports.CardHeader = CardHeader;
105
- CardHeader.propTypes = {
106
- children: _propTypes["default"].element,
107
- dataId: _propTypes["default"].string,
108
- isScroll: _propTypes["default"].bool,
109
- customClass: _propTypes["default"].string
110
- };
111
-
112
- var CardContent = /*#__PURE__*/function (_Component2) {
113
- _inherits(CardContent, _Component2);
114
-
115
- var _super2 = _createSuper(CardContent);
116
-
117
- function CardContent() {
118
- _classCallCheck(this, CardContent);
119
-
120
- return _super2.apply(this, arguments);
121
- }
122
-
123
- _createClass(CardContent, [{
124
- key: "render",
125
- value: function render() {
126
- var _this$props2 = this.props,
127
- onScroll = _this$props2.onScroll,
128
- eleRef = _this$props2.eleRef,
129
- children = _this$props2.children,
130
- scroll = _this$props2.scroll,
131
- isScrollAttribute = _this$props2.isScrollAttribute,
132
- dataId = _this$props2.dataId,
133
- shrink = _this$props2.shrink,
134
- customClass = _this$props2.customClass;
135
- return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
136
- flexible: true,
137
- onScroll: onScroll,
138
- eleRef: eleRef,
139
- scroll: scroll,
140
- isScrollAttribute: isScrollAttribute,
141
- dataId: dataId,
142
- shrink: shrink,
143
- className: customClass
144
- }, children);
145
- }
146
- }]);
147
-
148
- return CardContent;
149
- }(_react.Component);
150
-
151
- exports.CardContent = CardContent;
152
- CardContent.propTypes = {
153
- children: _propTypes["default"].node,
154
- dataId: _propTypes["default"].string,
155
- eleRef: _propTypes["default"].func,
156
- isScrollAttribute: _propTypes["default"].bool,
157
- onScroll: _propTypes["default"].func,
158
- scroll: _propTypes["default"].oneOf(['horizontal', 'vertical', 'both', 'none']),
159
- shrink: _propTypes["default"].bool,
160
- customClass: _propTypes["default"].string
161
- };
162
- CardContent.defaultProps = {
163
- isScrollAttribute: false,
164
- scroll: 'vertical',
165
- dataId: 'CardContent',
166
- customClass: ''
167
- };
168
-
169
- var Card = /*#__PURE__*/function (_Component3) {
170
- _inherits(Card, _Component3);
171
-
172
- var _super3 = _createSuper(Card);
173
-
174
- function Card(props) {
175
- var _this2;
176
-
177
- _classCallCheck(this, Card);
178
-
179
- _this2 = _super3.call(this, props);
180
- _this2.state = {
181
- isScroll: false
182
- };
183
- var from = props.from,
184
- limit = props.limit;
185
- _this2.from = from;
186
- _this2.limit = limit;
187
- _this2.to = from + 3 * limit;
188
- _this2.isFetching = false;
189
- _this2.lastScrollTop = 0;
190
- _this2.onScroll = _this2.onScroll.bind(_assertThisInitialized(_this2)); //this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
191
- //this.onClearScroll = debounce(this.setScroll.bind(this, false), 500);
192
-
193
- return _this2;
194
- }
195
-
196
- _createClass(Card, [{
197
- key: "componentWillReceiveProps",
198
- value: function componentWillReceiveProps(nextProps) {
199
- if (this.from !== nextProps.from) {
200
- this.from = nextProps.from;
201
- }
202
- }
203
- }, {
204
- key: "onScroll",
205
- value: function onScroll(e) {
206
- var _this3 = this;
207
-
208
- var scrollContainerObj = e.currentTarget;
209
- var scrollHeight = scrollContainerObj.scrollHeight;
210
- var scrollTop = scrollContainerObj.scrollTop;
211
- var offsetHeight = scrollContainerObj.offsetHeight;
212
- var onScroll = this.props.onScroll;
213
- onScroll && onScroll(e);
214
- var _this$props3 = this.props,
215
- fetchData = _this$props3.fetchData,
216
- noMoreData = _this$props3.noMoreData,
217
- scrollAt = _this$props3.scrollAt,
218
- noNeedUpScroll = _this$props3.noNeedUpScroll,
219
- isPercentageScroll = _this$props3.isPercentageScroll;
220
-
221
- if (scrollTop > this.lastScrollTop) {
222
- this.scrollDirection = 'down';
223
- } else {
224
- this.scrollDirection = 'up';
225
- }
226
-
227
- this.lastScrollTop = scrollTop;
228
-
229
- if (fetchData && !this.isFetching) {
230
- if (this.scrollDirection === 'down' && !noMoreData) {
231
- var scrollingPercentage = (scrollTop + offsetHeight) / (scrollHeight - scrollAt) * 100;
232
- var prefetch = isPercentageScroll ? scrollingPercentage >= (0, _Config.getLibraryConfig)('scrollFetchLimit') : scrollHeight - scrollAt <= scrollTop + offsetHeight;
233
-
234
- if (prefetch) {
235
- this.isFetching = true;
236
- fetchData(this.from + this.limit, this.limit + this.to, this.scrollDirection).then(function () {
237
- _this3.to = _this3.limit + _this3.to;
238
- _this3.isFetching = false;
239
- }, function () {
240
- _this3.isFetching = false;
241
- });
242
- }
243
- } else {
244
- if (0 >= scrollTop - scrollAt && this.from !== 0 && !noNeedUpScroll) {
245
- this.isFetching = true;
246
- fetchData(this.from - this.limit, this.to - this.limit, this.scrollDirection).then(function () {
247
- _this3.to = _this3.to - _this3.limit;
248
- _this3.isFetching = false;
249
- }, function () {
250
- _this3.isFetching = false;
251
- });
252
- }
253
- }
254
- }
255
-
256
- if (fetchData && !noNeedUpScroll) {
257
- if (this.from !== 0 && scrollTop === 0 && !noNeedUpScroll) {
258
- scrollContainerObj.scrollTop = scrollTop + offsetHeight / 3;
259
- } else if (scrollHeight === scrollTop + offsetHeight && !noMoreData) {
260
- scrollContainerObj.scrollTop = scrollTop - offsetHeight / 2;
261
- }
262
- } // if (isScrollShadow) {
263
- // this.onSetScroll();
264
- // }
265
-
266
- } // setScroll(isScroll) {
267
- // let { isScroll: stateIsScroll } = this.state;
268
- // if (isScroll && !stateIsScroll) {
269
- // this.setState({ isScroll: true }, () => {
270
- // this.onClearScroll();
271
- // });
272
- // } else if (!isScroll && stateIsScroll) {
273
- // this.setState({ isScroll: false });
274
- // }
275
- // }
276
-
277
- }, {
278
- key: "render",
279
- value: function render() {
280
- var _this4 = this;
281
-
282
- var _this$props4 = this.props,
283
- onClick = _this$props4.onClick,
284
- children = _this$props4.children,
285
- isScrollAttribute = _this$props4.isScrollAttribute,
286
- dataId = _this$props4.dataId,
287
- eleRef = _this$props4.eleRef,
288
- _this$props4$customCl = _this$props4.customClass,
289
- customClass = _this$props4$customCl === void 0 ? '' : _this$props4$customCl,
290
- htmlId = _this$props4.htmlId,
291
- a11y = _this$props4.a11y;
292
- var isScroll = this.state.isScroll;
293
- var role = a11y.role;
294
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
295
- className: "".concat(customClass),
296
- isScrollAttribute: isScrollAttribute,
297
- onClick: onClick,
298
- dataId: dataId,
299
- eleRef: eleRef
300
- }, _react["default"].Children.map(children, function (child) {
301
- if (!child) {
302
- return child;
303
- }
304
-
305
- if (child.type === CardHeader || _this4.props.childTypes && child.type === _this4.props.childTypes.cardHeader) {
306
- return /*#__PURE__*/_react["default"].cloneElement(child, {
307
- isScroll: isScroll
308
- });
309
- } else if (child.type === CardContent || _this4.props.childTypes && child.type === _this4.props.childTypes.cardContent) {
310
- return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
311
- id: htmlId,
312
- role: role,
313
- flexible: true,
314
- scroll: child.props.scroll,
315
- onScroll: _this4.onScroll,
316
- eleRef: child.props.eleRef,
317
- isScrollAttribute: child.props.isScrollAttribute,
318
- dataId: child.props.dataId,
319
- shrink: child.props.shrink,
320
- className: child.props.customClass
321
- }, child.props.children);
322
- }
323
-
324
- return child;
325
- }));
326
- }
327
- }]);
328
-
329
- return Card;
330
- }(_react.Component);
331
-
332
- exports["default"] = Card;
333
- Card.propTypes = {
334
- childTypes: _propTypes["default"].object,
335
- children: _propTypes["default"].node,
336
- dataId: _propTypes["default"].string,
337
- fetchData: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].bool]),
338
- from: _propTypes["default"].number,
339
- isScrollAttribute: _propTypes["default"].bool,
340
- // isScrollShadow: PropTypes.bool,
341
- limit: _propTypes["default"].number,
342
- noMoreData: _propTypes["default"].bool,
343
- noNeedUpScroll: _propTypes["default"].bool,
344
- onClick: _propTypes["default"].func,
345
- onScroll: _propTypes["default"].func,
346
- scrollAt: _propTypes["default"].string,
347
- customClass: _propTypes["default"].string,
348
- htmlId: _propTypes["default"].string,
349
- a11y: _propTypes["default"].shape({
350
- role: _propTypes["default"].string
351
- }),
352
- isPercentageScroll: _propTypes["default"].bool
353
- };
354
- Card.defaultProps = {
355
- isScrollAttribute: false,
356
- // isScrollShadow: true,
357
- onClick: null,
358
- scrollAt: '10',
359
- a11y: {},
360
- isPercentageScroll: false
361
- };
362
- Card.propTypesDescription = {
363
- children: ' ',
364
- isScrollAttribute: ' '
365
- };
366
-
367
- if (false) {
368
- Card.docs = {
369
- componentGroup: 'Template',
370
- folderName: 'Style Guide',
371
- external: true,
372
- description: ' '
373
- };
374
- }
375
-
376
- var CardFooter = /*#__PURE__*/function (_Component4) {
377
- _inherits(CardFooter, _Component4);
378
-
379
- var _super4 = _createSuper(CardFooter);
380
-
381
- function CardFooter() {
382
- _classCallCheck(this, CardFooter);
383
-
384
- return _super4.apply(this, arguments);
385
- }
386
-
387
- _createClass(CardFooter, [{
388
- key: "render",
389
- value: function render() {
390
- var _this$props5 = this.props,
391
- children = _this$props5.children,
392
- _this$props5$dataId = _this$props5.dataId,
393
- dataId = _this$props5$dataId === void 0 ? 'CardFooter' : _this$props5$dataId,
394
- _this$props5$customCl = _this$props5.customClass,
395
- customClass = _this$props5$customCl === void 0 ? '' : _this$props5$customCl;
396
- return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
397
- className: "".concat(customClass),
398
- dataId: dataId
399
- }, children);
400
- }
401
- }]);
402
-
403
- return CardFooter;
404
- }(_react.Component);
405
-
406
- exports.CardFooter = CardFooter;
407
- CardFooter.propTypes = {
408
- children: _propTypes["default"].node,
409
- customClass: _propTypes["default"].string
410
- };
@@ -1,20 +0,0 @@
1
- .notScroll {
2
- position: relative;
3
- }
4
- .scroll {
5
- /* background: var(--dot_bg_white);
6
- position: relative; */
7
- }
8
- /*
9
- .scroll::after {
10
- box-shadow: 0 0 6px var(--zd_shadow_dark10);
11
- border-radius: 100px / 10px;
12
- content: '';
13
- left: var(--zd_size50);
14
- position: absolute;
15
- right: var(--zd_size50);
16
- display: block;
17
- z-index: -1;
18
- height: var(--zd_size1);
19
- bottom: 0;
20
- } */
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _reactDom = _interopRequireDefault(require("react-dom"));
8
-
9
- var _Card = _interopRequireWildcard(require("../Card"));
10
-
11
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
12
-
13
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
-
17
- //https://github.com/facebook/react/issues/4971
18
- var data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29];
19
- describe('Button component', function () {
20
- it('should display text', function () {
21
- var div = document.createElement('div');
22
- document.body.appendChild(div);
23
- var scrollElement;
24
-
25
- _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
26
- style: {
27
- height: '400px'
28
- }
29
- }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
30
- from: 0,
31
- limit: 10,
32
- fetchData: function fetchData() {
33
- return Promise.resolve();
34
- }
35
- }, /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement("div", null, "Header")), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
36
- eleRef: function eleRef(ref) {
37
- scrollElement = ref;
38
- }
39
- }, data.map(function (val) {
40
- return /*#__PURE__*/_react["default"].createElement("div", {
41
- key: val,
42
- style: {
43
- padding: '10px 0px',
44
- borderBottom: '1px solid #ddd'
45
- }
46
- }, val);
47
- })), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement("div", null, "Footer")))), div);
48
-
49
- scrollElement.scrollTop = 310;
50
- TestUtils.Simulate.scroll(scrollElement, {
51
- deltaY: 310
52
- });
53
-
54
- _reactDom["default"].unmountComponentAtNode(div);
55
- });
56
- });