@zohodesk/components 1.0.0-alpha-195 → 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 (395) hide show
  1. package/README.md +21 -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/CheckBox/CheckBox.module.css +11 -17
  7. package/es/DateTime/DateTime.module.css +12 -39
  8. package/es/DateTime/DateWidget.module.css +5 -9
  9. package/es/DateTime/YearView.module.css +6 -16
  10. package/es/DateTime/dateFormatUtils/dateFormat.js +2 -2
  11. package/es/DropBox/DropBox.module.css +11 -47
  12. package/es/DropDown/DropDownHeading.module.css +3 -7
  13. package/es/DropDown/DropDownItem.module.css +6 -32
  14. package/es/ListItem/ListItem.module.css +24 -56
  15. package/es/MultiSelect/AdvancedMultiSelect.js +3 -2
  16. package/es/MultiSelect/AdvancedMultiSelect.module.css +6 -21
  17. package/es/MultiSelect/MultiSelect.js +31 -31
  18. package/es/MultiSelect/MultiSelect.module.css +8 -26
  19. package/es/MultiSelect/SelectedOptions.module.css +2 -8
  20. package/es/PopOver/PopOver.module.css +1 -1
  21. package/es/Popup/Popup.js +2 -2
  22. package/es/Radio/Radio.module.css +3 -9
  23. package/es/Responsive/CustomResponsive.js +73 -74
  24. package/es/Responsive/docs/style.module.css +8 -17
  25. package/es/Responsive/sizeObservers.js +31 -13
  26. package/es/Ribbon/Ribbon.module.css +28 -93
  27. package/es/RippleEffect/RippleEffect.module.css +44 -15
  28. package/es/Select/Select.module.css +2 -12
  29. package/es/Stencils/Stencils.module.css +4 -27
  30. package/es/Switch/Switch.module.css +7 -6
  31. package/es/Tab/Tab.module.css +7 -16
  32. package/es/Tab/Tabs.module.css +8 -41
  33. package/es/Tab/docs/tabdocs.module.css +1 -1
  34. package/es/Tag/Tag.module.css +14 -36
  35. package/es/TextBox/TextBox.module.css +11 -7
  36. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -10
  37. package/es/Textarea/Textarea.module.css +7 -6
  38. package/es/Tooltip/Tooltip.module.css +8 -9
  39. package/es/beta/FocusRing/FocusRing.module.css +26 -51
  40. package/es/common/animation.module.css +20 -212
  41. package/es/common/basicReset.module.css +12 -2
  42. package/es/common/common.module.css +18 -62
  43. package/es/common/customscroll.module.css +21 -17
  44. package/es/common/docStyle.module.css +26 -64
  45. package/es/common/transition.module.css +10 -50
  46. package/es/deprecated/customscroll_Old.module.css +1 -1
  47. package/es/semantic/Button/semanticButton.module.css +3 -3
  48. package/es/utils/ContextOptimizer.js +38 -0
  49. package/package.json +3 -3
  50. package/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  51. package/assets/fonts/LatoLatin-Heavy.woff2 +0 -0
  52. package/assets/fonts/LatoLatin-Medium.woff2 +0 -0
  53. package/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  54. package/assets/fonts/LatoLatin-Semibold.woff2 +0 -0
  55. package/lib/Accordion/Accordion.js +0 -146
  56. package/lib/Accordion/AccordionItem.js +0 -121
  57. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  58. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  59. package/lib/Accordion/index.js +0 -23
  60. package/lib/Animation/Animation.js +0 -207
  61. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  62. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  63. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  64. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  65. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  66. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  67. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  68. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  69. package/lib/AppContainer/AppContainer.js +0 -154
  70. package/lib/AppContainer/AppContainer.module.css +0 -17
  71. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  72. package/lib/Appearance/dark/mode/darkMode.module.css +0 -403
  73. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  74. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -31
  75. package/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  76. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -31
  77. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  78. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -31
  79. package/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  80. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -31
  81. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  82. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -31
  83. package/lib/Appearance/default/mode/defaultMode.module.css +0 -403
  84. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  85. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -31
  86. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  87. package/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -31
  88. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  89. package/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -31
  90. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  91. package/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -31
  92. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  93. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -31
  94. package/lib/Avatar/Avatar.js +0 -280
  95. package/lib/Avatar/Avatar.module.css +0 -117
  96. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  97. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  98. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  99. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  100. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  101. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  102. package/lib/AvatarTeam/AvatarTeam.js +0 -157
  103. package/lib/AvatarTeam/AvatarTeam.module.css +0 -161
  104. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  105. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  106. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  107. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  108. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  109. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  110. package/lib/Button/Button.js +0 -159
  111. package/lib/Button/Button.module.css +0 -520
  112. package/lib/Button/__tests__/Button.spec.js +0 -233
  113. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  114. package/lib/Button/docs/Button__custom.docs.js +0 -826
  115. package/lib/Button/docs/Button__default.docs.js +0 -590
  116. package/lib/Buttongroup/Buttongroup.js +0 -101
  117. package/lib/Buttongroup/Buttongroup.module.css +0 -89
  118. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  119. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  120. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  121. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  122. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  123. package/lib/Card/Card.js +0 -403
  124. package/lib/Card/Card.module.css +0 -20
  125. package/lib/Card/__tests__/Card.spec.js +0 -56
  126. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  127. package/lib/Card/docs/Card__Default.docs.js +0 -92
  128. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  129. package/lib/Card/index.js +0 -37
  130. package/lib/CheckBox/CheckBox.js +0 -265
  131. package/lib/CheckBox/CheckBox.module.css +0 -153
  132. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  133. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  134. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  135. package/lib/DateTime/CalendarView.js +0 -305
  136. package/lib/DateTime/DateTime.js +0 -1030
  137. package/lib/DateTime/DateTime.module.css +0 -188
  138. package/lib/DateTime/DateWidget.js +0 -1183
  139. package/lib/DateTime/DateWidget.module.css +0 -46
  140. package/lib/DateTime/YearView.js +0 -324
  141. package/lib/DateTime/YearView.module.css +0 -80
  142. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  143. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  144. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  145. package/lib/DateTime/common.js +0 -36
  146. package/lib/DateTime/constants.js +0 -77
  147. package/lib/DateTime/dateFormatUtils/dateFormat.js +0 -613
  148. package/lib/DateTime/dateFormatUtils/dayChange.js +0 -81
  149. package/lib/DateTime/dateFormatUtils/index.js +0 -274
  150. package/lib/DateTime/dateFormatUtils/monthChange.js +0 -94
  151. package/lib/DateTime/dateFormatUtils/timeChange.js +0 -240
  152. package/lib/DateTime/dateFormatUtils/yearChange.js +0 -119
  153. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  154. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  155. package/lib/DateTime/docs/timezonedata.json +0 -1
  156. package/lib/DateTime/index.js +0 -15
  157. package/lib/DateTime/objectUtils.js +0 -76
  158. package/lib/DateTime/typeChecker.js +0 -26
  159. package/lib/DateTime/validator.js +0 -353
  160. package/lib/DropBox/DropBox.js +0 -384
  161. package/lib/DropBox/DropBox.module.css +0 -406
  162. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  163. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  164. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  165. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  166. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  167. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  168. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  169. package/lib/DropDown/DropDown.js +0 -203
  170. package/lib/DropDown/DropDown.module.css +0 -5
  171. package/lib/DropDown/DropDownHeading.js +0 -102
  172. package/lib/DropDown/DropDownHeading.module.css +0 -53
  173. package/lib/DropDown/DropDownItem.js +0 -139
  174. package/lib/DropDown/DropDownItem.module.css +0 -94
  175. package/lib/DropDown/DropDownSearch.js +0 -130
  176. package/lib/DropDown/DropDownSearch.module.css +0 -14
  177. package/lib/DropDown/DropDownSeparator.js +0 -66
  178. package/lib/DropDown/DropDownSeparator.module.css +0 -7
  179. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  180. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  181. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  182. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  183. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  184. package/lib/Label/Label.js +0 -107
  185. package/lib/Label/Label.module.css +0 -73
  186. package/lib/Label/__tests__/Label.spec.js +0 -137
  187. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  188. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  189. package/lib/Label/docs/Label__custom.docs.js +0 -85
  190. package/lib/Label/docs/Label__palette.docs.js +0 -96
  191. package/lib/Label/docs/Label__size.docs.js +0 -83
  192. package/lib/Label/docs/Label__type.docs.js +0 -91
  193. package/lib/Layout/Box.js +0 -138
  194. package/lib/Layout/Container.js +0 -152
  195. package/lib/Layout/Layout.module.css +0 -324
  196. package/lib/Layout/__tests__/Box.spec.js +0 -121
  197. package/lib/Layout/__tests__/Container.spec.js +0 -127
  198. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  199. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  200. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  201. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  202. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  203. package/lib/Layout/index.js +0 -34
  204. package/lib/Layout/utils.js +0 -55
  205. package/lib/ListItem/ListItem.js +0 -234
  206. package/lib/ListItem/ListItem.module.css +0 -200
  207. package/lib/ListItem/ListItemWithAvatar.js +0 -236
  208. package/lib/ListItem/ListItemWithCheckBox.js +0 -208
  209. package/lib/ListItem/ListItemWithIcon.js +0 -221
  210. package/lib/ListItem/ListItemWithRadio.js +0 -209
  211. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  212. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  213. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  214. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  215. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  216. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  217. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  218. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  219. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  220. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  221. package/lib/Modal/Modal.js +0 -218
  222. package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
  223. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +0 -1209
  224. package/lib/MultiSelect/AdvancedMultiSelect.js +0 -664
  225. package/lib/MultiSelect/AdvancedMultiSelect.module.css +0 -127
  226. package/lib/MultiSelect/EmptyState.js +0 -132
  227. package/lib/MultiSelect/MultiSelect.js +0 -1210
  228. package/lib/MultiSelect/MultiSelect.module.css +0 -198
  229. package/lib/MultiSelect/MultiSelectHeader.js +0 -86
  230. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -407
  231. package/lib/MultiSelect/SelectedOptions.js +0 -139
  232. package/lib/MultiSelect/SelectedOptions.module.css +0 -15
  233. package/lib/MultiSelect/Suggestions.js +0 -205
  234. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  235. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  236. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -150
  237. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  238. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  239. package/lib/PopOver/PopOver.js +0 -366
  240. package/lib/PopOver/PopOver.module.css +0 -8
  241. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  242. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  243. package/lib/Popup/Popup.js +0 -716
  244. package/lib/Popup/PositionMapping.json +0 -74
  245. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  246. package/lib/Popup/viewPort.js +0 -368
  247. package/lib/Provider/AvatarSize.js +0 -23
  248. package/lib/Provider/Config.js +0 -21
  249. package/lib/Provider/CssProvider.js +0 -27
  250. package/lib/Provider/IdProvider.js +0 -82
  251. package/lib/Provider/NumberGenerator/NumberGenerator.js +0 -174
  252. package/lib/Provider/ZindexProvider.js +0 -69
  253. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  254. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  255. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  256. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  257. package/lib/Provider.js +0 -232
  258. package/lib/Radio/Radio.js +0 -216
  259. package/lib/Radio/Radio.module.css +0 -110
  260. package/lib/Radio/__tests__/Radiospec.js +0 -29
  261. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  262. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  263. package/lib/Responsive/CustomResponsive.js +0 -282
  264. package/lib/Responsive/RefWrapper.js +0 -55
  265. package/lib/Responsive/ResizeObserver.js +0 -168
  266. package/lib/Responsive/Responsive.js +0 -280
  267. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  268. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  269. package/lib/Responsive/docs/style.module.css +0 -56
  270. package/lib/Responsive/index.js +0 -30
  271. package/lib/Responsive/sizeObservers.js +0 -145
  272. package/lib/Responsive/utils/index.js +0 -69
  273. package/lib/Responsive/utils/shallowCompare.js +0 -38
  274. package/lib/Responsive/windowResizeObserver.js +0 -63
  275. package/lib/Ribbon/Ribbon.js +0 -115
  276. package/lib/Ribbon/Ribbon.module.css +0 -377
  277. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  278. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  279. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  280. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  281. package/lib/RippleEffect/RippleEffect.js +0 -58
  282. package/lib/RippleEffect/RippleEffect.module.css +0 -67
  283. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  284. package/lib/Select/GroupSelect.js +0 -936
  285. package/lib/Select/Select.js +0 -1028
  286. package/lib/Select/Select.module.css +0 -100
  287. package/lib/Select/SelectWithAvatar.js +0 -430
  288. package/lib/Select/SelectWithIcon.js +0 -550
  289. package/lib/Select/__tests__/Select.spec.js +0 -383
  290. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  291. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  292. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  293. package/lib/Select/docs/Select__default.docs.js +0 -261
  294. package/lib/Stencils/Stencils.js +0 -94
  295. package/lib/Stencils/Stencils.module.css +0 -106
  296. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  297. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  298. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  299. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  300. package/lib/Switch/Switch.js +0 -183
  301. package/lib/Switch/Switch.module.css +0 -110
  302. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  303. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  304. package/lib/Tab/Tab.js +0 -155
  305. package/lib/Tab/Tab.module.css +0 -101
  306. package/lib/Tab/TabContent.js +0 -45
  307. package/lib/Tab/TabContent.module.css +0 -4
  308. package/lib/Tab/TabContentWrapper.js +0 -47
  309. package/lib/Tab/TabWrapper.js +0 -109
  310. package/lib/Tab/Tabs.js +0 -671
  311. package/lib/Tab/Tabs.module.css +0 -140
  312. package/lib/Tab/__tests__/Tab.spec.js +0 -130
  313. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  314. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  315. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  316. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  317. package/lib/Tab/docs/Tab__default.docs.js +0 -299
  318. package/lib/Tab/docs/tabdocs.module.css +0 -29
  319. package/lib/Tab/index.js +0 -47
  320. package/lib/Tag/Tag.js +0 -246
  321. package/lib/Tag/Tag.module.css +0 -247
  322. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  323. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  324. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  325. package/lib/TextBox/TextBox.js +0 -285
  326. package/lib/TextBox/TextBox.module.css +0 -157
  327. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  328. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  329. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  330. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  331. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  332. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  333. package/lib/TextBoxIcon/TextBoxIcon.js +0 -276
  334. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -75
  335. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  336. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  337. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  338. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  339. package/lib/Textarea/Textarea.js +0 -202
  340. package/lib/Textarea/Textarea.module.css +0 -139
  341. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  342. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  343. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  344. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  345. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  346. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  347. package/lib/Tooltip/Tooltip.js +0 -538
  348. package/lib/Tooltip/Tooltip.module.css +0 -104
  349. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  350. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  351. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -138
  352. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  353. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -182
  354. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  355. package/lib/a11y/FocusScope/FocusScope.js +0 -443
  356. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  357. package/lib/beta/FocusRing/FocusRing.js +0 -338
  358. package/lib/beta/FocusRing/FocusRing.module.css +0 -152
  359. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  360. package/lib/common/animation.module.css +0 -612
  361. package/lib/common/avatarsizes.module.css +0 -45
  362. package/lib/common/basic.module.css +0 -33
  363. package/lib/common/basicReset.module.css +0 -40
  364. package/lib/common/common.module.css +0 -502
  365. package/lib/common/customscroll.module.css +0 -89
  366. package/lib/common/docStyle.module.css +0 -705
  367. package/lib/common/reset.module.css +0 -12
  368. package/lib/common/transition.module.css +0 -146
  369. package/lib/css.js +0 -81
  370. package/lib/deprecated/PortalLayer/PortalLayer.js +0 -165
  371. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  372. package/lib/deprecated/Theme/darkTheme.module.css +0 -393
  373. package/lib/deprecated/Theme/defaultTheme.module.css +0 -393
  374. package/lib/deprecated/Theme/palette/darkCTAPalette.module.css +0 -116
  375. package/lib/deprecated/Theme/palette/darkPalette.module.css +0 -155
  376. package/lib/deprecated/Theme/palette/defaultCTAPalette.module.css +0 -116
  377. package/lib/deprecated/Theme/palette/defaultPalette.module.css +0 -155
  378. package/lib/deprecated/customscroll_Old.module.css +0 -46
  379. package/lib/index.js +0 -1403
  380. package/lib/semantic/Button/Button.js +0 -138
  381. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  382. package/lib/semantic/Button/semanticButton.module.css +0 -9
  383. package/lib/utils/Common.js +0 -433
  384. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  385. package/lib/utils/__tests__/debounce.spec.js +0 -40
  386. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  387. package/lib/utils/constant.js +0 -10
  388. package/lib/utils/constructFullName.js +0 -34
  389. package/lib/utils/datetime/common.js +0 -233
  390. package/lib/utils/debounce.js +0 -30
  391. package/lib/utils/dropDownUtils.js +0 -556
  392. package/lib/utils/dummyFunction.js +0 -10
  393. package/lib/utils/getHTMLFontSize.js +0 -11
  394. package/lib/utils/getInitial.js +0 -33
  395. package/lib/utils/scrollTo.js +0 -22
@@ -1,282 +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.useResponsiveReceiver = useResponsiveReceiver;
9
- exports.ResponsiveReceiver = ResponsiveReceiver;
10
- exports.ResponsiveSender = exports.ResponsiveContext = void 0;
11
-
12
- var _react = _interopRequireWildcard(require("react"));
13
-
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
-
16
- var _ResizeObserver = _interopRequireDefault(require("./ResizeObserver"));
17
-
18
- var _RefWrapper = _interopRequireDefault(require("./RefWrapper"));
19
-
20
- var _shallowCompare = _interopRequireDefault(require("./utils/shallowCompare"));
21
-
22
- var _sizeObservers = require("./sizeObservers");
23
-
24
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
31
-
32
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
33
-
34
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
35
-
36
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
37
-
38
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
39
-
40
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
41
-
42
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
43
-
44
- 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); } }
45
-
46
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
47
-
48
- 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); }
49
-
50
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
51
-
52
- 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); }; }
53
-
54
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
55
-
56
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
57
-
58
- 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; } }
59
-
60
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
61
-
62
- // const commonBreakPoints = [ 480, 640, 768, 1024, 1440 ];
63
- // const otherBreakPoints = [320, 360, 375, 720, 1280, 1600, 1920];
64
- var ResponsiveContext = /*#__PURE__*/_react["default"].createContext({});
65
-
66
- exports.ResponsiveContext = ResponsiveContext;
67
- var defaultResponsiveId = 'parent_sender';
68
- var validSizeResponsiveId = 'valid_sender';
69
-
70
- var ResponsiveSender = /*#__PURE__*/function (_React$Component) {
71
- _inherits(ResponsiveSender, _React$Component);
72
-
73
- var _super = _createSuper(ResponsiveSender);
74
-
75
- function ResponsiveSender(props) {
76
- var _this;
77
-
78
- _classCallCheck(this, ResponsiveSender);
79
-
80
- _this = _super.call(this, props); // method binding
81
-
82
- _this.onResize = _this.onResize.bind(_assertThisInitialized(_this));
83
- _this.containerRef = _this.containerRef.bind(_assertThisInitialized(_this));
84
- _this.getSize = _this.getSize.bind(_assertThisInitialized(_this)); // variables
85
-
86
- _this.observer = new _ResizeObserver["default"](_this.onResize);
87
- _this.size = {
88
- height: 0,
89
- width: 0
90
- };
91
- _this.childContext = {
92
- resize: new _sizeObservers.Subscribale(),
93
- getSize: _this.getSize,
94
- isParentSize: false
95
- };
96
- return _this;
97
- }
98
-
99
- _createClass(ResponsiveSender, [{
100
- key: "getSize",
101
- value: function getSize() {
102
- return this.size;
103
- }
104
- }, {
105
- key: "onResize",
106
- value: function onResize(size) {
107
- var _this2 = this;
108
-
109
- this.childContext.isParentSize = true;
110
- this.size = size;
111
- setTimeout(function () {
112
- _this2.childContext.resize.dispatch(size);
113
- });
114
- }
115
- }, {
116
- key: "containerRef",
117
- value: function containerRef(node) {
118
- this.observer.replaceObservationElement(node);
119
- }
120
- }, {
121
- key: "getContext",
122
- value: function getContext() {
123
- var responsiveId = this.props.responsiveId;
124
- var totalContext = this.context;
125
- var prevContext = totalContext[responsiveId];
126
- var childContext = this.childContext;
127
-
128
- if (!prevContext || !(0, _shallowCompare["default"])(prevContext, childContext)) {
129
- totalContext = Object.assign({}, totalContext);
130
- totalContext[responsiveId] = childContext; // NOTE: this for fallback of if responsive receiver id wrong or not avelable Responcive id
131
-
132
- totalContext[defaultResponsiveId] = childContext;
133
-
134
- if (this.childContext.isParentSize) {
135
- totalContext[validSizeResponsiveId] = childContext;
136
- }
137
- }
138
-
139
- return totalContext;
140
- }
141
- }, {
142
- key: "render",
143
- value: function render() {
144
- var _this$props = this.props,
145
- children = _this$props.children,
146
- domRefKey = _this$props.domRefKey;
147
- var childContext = this.getContext();
148
- return /*#__PURE__*/_react["default"].createElement(ResponsiveContext.Provider, {
149
- value: childContext
150
- }, /*#__PURE__*/_react["default"].createElement(_RefWrapper["default"], {
151
- domRefKey: domRefKey,
152
- ref: this.containerRef
153
- }, children));
154
- }
155
- }]);
156
-
157
- return ResponsiveSender;
158
- }(_react["default"].Component);
159
-
160
- exports.ResponsiveSender = ResponsiveSender;
161
- ResponsiveSender.defaultProps = {
162
- responsiveId: defaultResponsiveId,
163
- domRefKey: 'eleRef'
164
- };
165
- ResponsiveSender.contextType = ResponsiveContext;
166
- ResponsiveSender.propTypes = {
167
- children: _propTypes["default"].any.isRequired,
168
- domRefKey: _propTypes["default"].string,
169
- responsiveId: _propTypes["default"].string
170
- };
171
-
172
- function useResponsiveReceiver() {
173
- var responsiveId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultResponsiveId;
174
- var query = arguments.length > 1 ? arguments[1] : undefined;
175
-
176
- var _useState = (0, _react.useState)(),
177
- _useState2 = _slicedToArray(_useState, 2),
178
- forceUpdate = _useState2[1];
179
-
180
- var totalContextData = (0, _react.useContext)(ResponsiveContext);
181
- var validSizeContextData = totalContextData[validSizeResponsiveId];
182
- var contextData = totalContextData[responsiveId] || totalContextData[defaultResponsiveId]; // NOTE: this for fallback of if responsive receiver id wrong
183
-
184
- var resizeHandlerRef = (0, _react.useRef)();
185
- var data = (0, _react.useRef)();
186
-
187
- function updateLatestData() {
188
- var size = contextData ? contextData.isParentSize ? contextData.getSize() : validSizeContextData ? validSizeContextData.getSize() : _sizeObservers.windowResizeObserver.getSize() : _sizeObservers.windowResizeObserver.getSize();
189
- data.current = query({
190
- isTouchDevice: _sizeObservers.isTouchDevice,
191
- isParentSize: contextData ? contextData.isParentSize : true,
192
- currentScreenSize: size,
193
- mediaQueryOR: function mediaQueryOR(breakPointArray) {
194
- return breakPointArray.some(function (breakPoint) {
195
- var _isBreackPointMatched = (0, _sizeObservers.isBreackPointMatched)(breakPoint, size),
196
- isHeight = _isBreackPointMatched.isHeight,
197
- isWidth = _isBreackPointMatched.isWidth;
198
-
199
- return isHeight || isWidth;
200
- });
201
- },
202
- mediaQueryAND: function mediaQueryAND(breakPointArray) {
203
- return breakPointArray.every(function (breakPoint) {
204
- var _isBreackPointMatched2 = (0, _sizeObservers.isBreackPointMatched)(breakPoint, size),
205
- isHeight = _isBreackPointMatched2.isHeight,
206
- isWidth = _isBreackPointMatched2.isWidth;
207
-
208
- return (isHeight === undefined ? true : isHeight) && (isWidth === undefined ? true : isWidth);
209
- });
210
- }
211
- });
212
- }
213
-
214
- resizeHandlerRef.current = updateLatestData;
215
- (0, _react.useEffect)(function () {
216
- function handleResize(size) {
217
- var prevData = data.current;
218
- resizeHandlerRef.current(size);
219
- var isSameValues = (0, _shallowCompare["default"])(data.current, prevData);
220
- !isSameValues && forceUpdate({});
221
- }
222
-
223
- if (contextData) {
224
- contextData.resize.subscribe(handleResize);
225
- return function () {
226
- return contextData.resize.unsubscribe(handleResize);
227
- };
228
- }
229
-
230
- _sizeObservers.windowResizeObserver.observe(handleResize);
231
-
232
- return function () {
233
- return _sizeObservers.windowResizeObserver.unobserve(handleResize);
234
- };
235
- }, [contextData]); // const prevContextDataRef = useRef();
236
- // function handleResize(size) {
237
- // const prevData = data.current;
238
- // resizeHandlerRef.current(size);
239
- // const isSammeValues = shallowCompare(data.current, prevData);
240
- // !isSammeValues && forceUpdate({});
241
- // }
242
- // if(prevContextDataRef.current !== contextData) {
243
- // prevContextDataRef.current = contextData;
244
- // contextData.resize.unsubscribe(handleResize);
245
- // windowResizeObserver.unobserve(handleResize);
246
- // if (contextData) {
247
- // contextData.resize.subscribe(handleResize);
248
- // } else {
249
- // windowResizeObserver.observe(handleResize);
250
- // }
251
- // }
252
- //NOTE: this call for we must give updated value
253
-
254
- updateLatestData();
255
- return data.current;
256
- }
257
-
258
- function ResponsiveReceiver(_ref) {
259
- var children = _ref.children,
260
- responsiveId = _ref.responsiveId,
261
- query = _ref.query,
262
- eleRef = _ref.eleRef,
263
- domRefKey = _ref.domRefKey;
264
- var data = useResponsiveReceiver(responsiveId, query);
265
- var child = children(data);
266
- return eleRef ? /*#__PURE__*/_react["default"].createElement(_RefWrapper["default"], {
267
- domRefKey: domRefKey,
268
- ref: eleRef
269
- }, child) : child;
270
- }
271
-
272
- ResponsiveReceiver.defaultProps = {
273
- responsiveId: defaultResponsiveId,
274
- domRefKey: 'eleRef'
275
- };
276
- ResponsiveReceiver.propTypes = {
277
- children: _propTypes["default"].func,
278
- domRefKey: _propTypes["default"].string,
279
- eleRef: _propTypes["default"].func,
280
- query: _propTypes["default"].func,
281
- responsiveId: _propTypes["default"].string
282
- };
@@ -1,55 +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 _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- 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); }
17
-
18
- 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; }
19
-
20
- 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; }
21
-
22
- function setRef(refFunc, value) {
23
- if (typeof refFunc === 'function') {
24
- refFunc(value);
25
- } else if (refFunc instanceof Object) {
26
- refFunc.current = value;
27
- }
28
- }
29
-
30
- var DOMRefWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, refFunc) {
31
- var ele = _react.Children.only(props.children);
32
-
33
- var _props$domRefKey = props.domRefKey,
34
- domRefKey = _props$domRefKey === void 0 ? 'eleRef' : _props$domRefKey; // NOTE: need to check for forward Ref function, Because in Froward Ref case refKey is "ref"
35
-
36
- var refKey = typeof ele.type !== 'string' ? domRefKey : 'ref'; // const setAttribute = useCallback(node => {
37
-
38
- var eleRealRefFunc = ele.props[refKey];
39
- var setAttribute = (0, _react.useCallback)(function (ref) {
40
- setRef(refFunc, ref);
41
- setRef(eleRealRefFunc, ref);
42
- }, [refFunc, eleRealRefFunc]); // let refKey = typeof ele.type === 'string' ? 'ref' : 'eleRef';
43
-
44
- var childProps = _defineProperty({}, refKey, setAttribute);
45
-
46
- return /*#__PURE__*/(0, _react.cloneElement)(ele, childProps);
47
- });
48
- DOMRefWrapper.defaultProps = {
49
- domRefKey: 'eleRef'
50
- };
51
- DOMRefWrapper.propTypes = {
52
- domRefKey: _propTypes["default"].any
53
- };
54
- var _default = DOMRefWrapper;
55
- exports["default"] = _default;
@@ -1,168 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
9
-
10
- 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); } }
11
-
12
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
13
-
14
- var hasResizeObserver = !!window.ResizeObserver;
15
- var mutationObserverOptions = {
16
- //NOTE: we donot consider child Count
17
- // childList: true,
18
- attributes: true
19
- };
20
-
21
- function getSize(element) {
22
- var offsetHeight = element.offsetHeight,
23
- offsetWidth = element.offsetWidth; // const { height, width } = element.getBoundingClientRect();
24
-
25
- return {
26
- height: offsetHeight,
27
- width: offsetWidth
28
- };
29
- }
30
-
31
- function dispatch() {
32
- var resizeResponsive = new Event('resizeResponsive');
33
- window.dispatchEvent(resizeResponsive);
34
- }
35
-
36
- if (!hasResizeObserver) {
37
- var interval = null;
38
- window.addEventListener('resize', function () {
39
- clearTimeout(interval);
40
- interval = setTimeout(dispatch, 100);
41
- });
42
- } // NOTE: this is not full polyfill , we just wrote what types of changes wlli
43
-
44
-
45
- var ResizeObserverPolyfill = /*#__PURE__*/function () {
46
- function ResizeObserverPolyfill(onResize) {
47
- _classCallCheck(this, ResizeObserverPolyfill);
48
-
49
- // method finding
50
- this.transitionEndHandler = this.transitionEndHandler.bind(this);
51
- this.resizeHandlerDispatch = this.resizeHandlerDispatch.bind(this);
52
- this.resizeHandler = this.resizeHandler.bind(this);
53
- this.replaceResizeHandler = this.replaceResizeHandler.bind(this);
54
- this.debounce = this.debounce.bind(this);
55
- this.onResize = onResize;
56
- this.targetNode = null;
57
- this.size = {
58
- height: 0,
59
- width: 0
60
- };
61
-
62
- if (hasResizeObserver) {
63
- this.resizeObserverInstance = new window.ResizeObserver(this.resizeHandlerDispatch);
64
- } else {
65
- this.mutationObserverInstance = new window.MutationObserver(this.resizeHandlerDispatch);
66
- }
67
- }
68
-
69
- _createClass(ResizeObserverPolyfill, [{
70
- key: "replaceResizeHandler",
71
- value: function replaceResizeHandler(onResize) {
72
- this.onResize = onResize;
73
- }
74
- }, {
75
- key: "resizeHandler",
76
- value: function resizeHandler() {
77
- if (!this.targetNode) {
78
- return;
79
- }
80
-
81
- var currentSize = getSize(this.targetNode); // if (this.size && shallowCompare(currentSize, this.size)) {
82
-
83
- if (this.size && currentSize.height === this.size.height && currentSize.width === this.size.width) {
84
- return;
85
- }
86
-
87
- this.size = currentSize;
88
- this.onResize(this.size, this.targetNode);
89
- return true;
90
- }
91
- }, {
92
- key: "resizeHandlerDispatch",
93
- value: function resizeHandlerDispatch() {
94
- if (!this.resizeHandler() || hasResizeObserver) {
95
- return;
96
- }
97
-
98
- dispatch();
99
- }
100
- }, {
101
- key: "debounce",
102
- value: function debounce() {
103
- clearTimeout(this.interval);
104
- this.interval = setTimeout(this.resizeHandler, 100);
105
- }
106
- }, {
107
- key: "transitionEndHandler",
108
- value: function transitionEndHandler(event) {
109
- if (event.propertyName.indexOf('color') === -1) {
110
- this.resizeHandlerDispatch();
111
- }
112
- }
113
- }, {
114
- key: "addEventListeners",
115
- value: function addEventListeners(targetNode) {
116
- targetNode.addEventListener('transitionend', this.transitionEndHandler);
117
- window.addEventListener('resizeResponsive', this.debounce);
118
- targetNode.addEventListener('animationend', this.resizeHandlerDispatch);
119
- targetNode.addEventListener('webkitAnimationEnd', this.resizeHandlerDispatch);
120
- }
121
- }, {
122
- key: "removeEventListeners",
123
- value: function removeEventListeners(targetNode) {
124
- targetNode.removeEventListener('transitionend', this.transitionEndHandler);
125
- window.removeEventListener('resizeResponsive', this.debounce);
126
- targetNode.removeEventListener('animationend', this.resizeHandlerDispatch);
127
- targetNode.removeEventListener('webkitAnimationEnd', this.resizeHandlerDispatch);
128
- }
129
- }, {
130
- key: "observe",
131
- value: function observe(targetNode) {
132
- this.targetNode = targetNode;
133
-
134
- if (hasResizeObserver) {
135
- this.resizeObserverInstance.observe(targetNode);
136
- } else {
137
- this.addEventListeners(targetNode);
138
- this.mutationObserverInstance.observe(targetNode, mutationObserverOptions);
139
- }
140
- }
141
- }, {
142
- key: "replaceObservationElement",
143
- value: function replaceObservationElement(targetNode) {
144
- if (this.targetNode === targetNode) {
145
- return;
146
- }
147
-
148
- this.targetNode && this.disconnect();
149
- targetNode && this.observe(targetNode);
150
- targetNode && this.resizeHandlerDispatch();
151
- }
152
- }, {
153
- key: "disconnect",
154
- value: function disconnect() {
155
- this.targetNode && this.removeEventListeners(this.targetNode);
156
- hasResizeObserver ? this.resizeObserverInstance.disconnect() : this.mutationObserverInstance.disconnect();
157
- this.targetNode = null;
158
- this.size = {
159
- height: 0,
160
- width: 0
161
- };
162
- }
163
- }]);
164
-
165
- return ResizeObserverPolyfill;
166
- }();
167
-
168
- exports["default"] = ResizeObserverPolyfill;