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

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 (553) hide show
  1. package/README.md +24 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -1
  3. package/assets/Appearance/default/mode/defaultMode.module.css +2 -1
  4. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +2 -1
  5. package/es/Accordion/Accordion.js +0 -7
  6. package/es/Accordion/AccordionItem.js +0 -4
  7. package/es/Animation/Animation.js +0 -3
  8. package/es/AppContainer/AppContainer.js +2 -13
  9. package/es/Avatar/Avatar.js +9 -22
  10. package/es/AvatarTeam/AvatarTeam.js +0 -3
  11. package/es/Button/Button.js +0 -4
  12. package/es/Buttongroup/Buttongroup.js +0 -3
  13. package/es/Card/Card.js +7 -22
  14. package/es/Card/props/defaultProps.js +0 -1
  15. package/es/Card/props/propTypes.js +2 -2
  16. package/es/CheckBox/CheckBox.js +0 -5
  17. package/es/DateTime/CalendarView.js +30 -36
  18. package/es/DateTime/DateTime.js +22 -77
  19. package/es/DateTime/DateTime.module.css +51 -5
  20. package/es/DateTime/DateTimePopupFooter.js +2 -4
  21. package/es/DateTime/DateTimePopupHeader.js +23 -16
  22. package/es/DateTime/DateWidget.js +38 -103
  23. package/es/DateTime/DaysRow.js +4 -5
  24. package/es/DateTime/Time.js +2 -10
  25. package/es/DateTime/YearView.js +16 -32
  26. package/es/DateTime/YearView.module.css +19 -1
  27. package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
  28. package/es/DateTime/__tests__/DateTime.spec.js +0 -1
  29. package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
  30. package/es/DateTime/common.js +0 -3
  31. package/es/DateTime/constants.js +0 -1
  32. package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
  33. package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
  34. package/es/DateTime/dateFormatUtils/index.js +2 -28
  35. package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
  36. package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
  37. package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
  38. package/es/DateTime/objectUtils.js +20 -14
  39. package/es/DateTime/props/propTypes.js +4 -2
  40. package/es/DateTime/typeChecker.js +0 -3
  41. package/es/DateTime/validator.js +6 -58
  42. package/es/DropBox/DropBox.js +5 -28
  43. package/es/DropDown/DropDown.js +1 -9
  44. package/es/DropDown/DropDownHeading.js +5 -5
  45. package/es/DropDown/DropDownItem.js +0 -6
  46. package/es/DropDown/DropDownSearch.js +0 -4
  47. package/es/DropDown/DropDownSeparator.js +0 -1
  48. package/es/DropDown/__tests__/DropDown.spec.js +2 -1
  49. package/es/DropDown/props/propTypes.js +2 -1
  50. package/es/Heading/Heading.js +0 -2
  51. package/es/Heading/Heading.module.css +3 -3
  52. package/es/Label/Label.js +4 -4
  53. package/es/Layout/Box.js +0 -13
  54. package/es/Layout/Container.js +1 -12
  55. package/es/Layout/props/propTypes.js +3 -3
  56. package/es/ListItem/ListContainer.js +4 -10
  57. package/es/ListItem/ListItem.js +0 -9
  58. package/es/ListItem/ListItemWithAvatar.js +1 -9
  59. package/es/ListItem/ListItemWithCheckBox.js +0 -7
  60. package/es/ListItem/ListItemWithIcon.js +0 -8
  61. package/es/ListItem/ListItemWithRadio.js +0 -7
  62. package/es/Modal/Modal.js +8 -28
  63. package/es/MultiSelect/AdvancedGroupMultiSelect.js +11 -90
  64. package/es/MultiSelect/AdvancedMultiSelect.js +21 -39
  65. package/es/MultiSelect/EmptyState.js +0 -2
  66. package/es/MultiSelect/MultiSelect.js +53 -114
  67. package/es/MultiSelect/MultiSelectHeader.js +0 -3
  68. package/es/MultiSelect/MultiSelectWithAvatar.js +16 -17
  69. package/es/MultiSelect/SelectedOptions.js +3 -6
  70. package/es/MultiSelect/Suggestions.js +5 -8
  71. package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
  72. package/es/MultiSelect/props/defaultProps.js +8 -4
  73. package/es/MultiSelect/props/propTypes.js +8 -6
  74. package/es/PopOver/PopOver.js +0 -18
  75. package/es/PopOver/__tests__/PopOver.spec.js +1 -2
  76. package/es/Popup/Popup.js +24 -77
  77. package/es/Popup/__tests__/Popup.spec.js +5 -17
  78. package/es/Popup/viewPort.js +4 -16
  79. package/es/Provider/IdProvider.js +2 -9
  80. package/es/Provider/LibraryContext.js +4 -6
  81. package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
  82. package/es/Provider/ZindexProvider.js +2 -9
  83. package/es/Radio/Radio.js +0 -4
  84. package/es/Responsive/CustomResponsive.js +25 -31
  85. package/es/Responsive/RefWrapper.js +7 -6
  86. package/es/Responsive/ResizeComponent.js +25 -35
  87. package/es/Responsive/ResizeObserver.js +6 -26
  88. package/es/Responsive/Responsive.js +20 -34
  89. package/es/Responsive/sizeObservers.js +7 -28
  90. package/es/Responsive/utils/index.js +5 -7
  91. package/es/Responsive/utils/shallowCompare.js +2 -7
  92. package/es/Responsive/windowResizeObserver.js +0 -7
  93. package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
  94. package/es/Ribbon/Ribbon.js +0 -3
  95. package/es/RippleEffect/RippleEffect.js +0 -1
  96. package/es/Select/GroupSelect.js +28 -67
  97. package/es/Select/Select.js +54 -101
  98. package/es/Select/Select.module.css +3 -0
  99. package/es/Select/SelectWithAvatar.js +15 -24
  100. package/es/Select/SelectWithIcon.js +75 -54
  101. package/es/Select/__tests__/Select.spec.js +8 -6
  102. package/es/Select/props/defaultProps.js +8 -4
  103. package/es/Select/props/propTypes.js +8 -5
  104. package/es/Stencils/Stencils.js +0 -3
  105. package/es/Switch/Switch.js +0 -5
  106. package/es/Tab/Tab.js +1 -4
  107. package/es/Tab/TabContent.js +0 -1
  108. package/es/Tab/TabContentWrapper.js +0 -2
  109. package/es/Tab/TabWrapper.js +2 -5
  110. package/es/Tab/Tabs.js +16 -58
  111. package/es/Tab/Tabs.module.css +1 -1
  112. package/es/Tab/__tests__/Tab.spec.js +2 -1
  113. package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
  114. package/es/Tag/Tag.js +1 -6
  115. package/es/TextBox/TextBox.js +0 -15
  116. package/es/TextBox/__tests__/TextBox.spec.js +4 -1
  117. package/es/TextBoxIcon/TextBoxIcon.js +0 -7
  118. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
  119. package/es/Textarea/Textarea.js +0 -12
  120. package/es/Textarea/__tests__/Textarea.spec.js +2 -2
  121. package/es/Tooltip/Tooltip.js +15 -59
  122. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
  123. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -3
  124. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +2 -7
  125. package/es/deprecated/PortalLayer/PortalLayer.js +17 -25
  126. package/es/index.js +108 -106
  127. package/es/semantic/Button/Button.js +0 -3
  128. package/es/utils/Common.js +23 -47
  129. package/es/utils/ContextOptimizer.js +5 -4
  130. package/es/utils/__tests__/debounce.spec.js +2 -2
  131. package/es/utils/constructFullName.js +0 -2
  132. package/es/utils/datetime/common.js +5 -16
  133. package/es/utils/debounce.js +1 -5
  134. package/es/utils/dropDownUtils.js +11 -67
  135. package/es/utils/getInitial.js +0 -4
  136. package/es/utils/shallowEqual.js +0 -6
  137. package/lib/Accordion/Accordion.js +10 -39
  138. package/lib/Accordion/AccordionItem.js +12 -38
  139. package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
  140. package/lib/Accordion/index.js +0 -3
  141. package/lib/Accordion/props/propTypes.js +0 -3
  142. package/lib/Animation/Animation.js +12 -37
  143. package/lib/Animation/__tests__/Animation.spec.js +7 -11
  144. package/lib/Animation/props/propTypes.js +0 -3
  145. package/lib/AppContainer/AppContainer.js +14 -52
  146. package/lib/AppContainer/props/propTypes.js +0 -3
  147. package/lib/Avatar/Avatar.js +29 -72
  148. package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
  149. package/lib/Avatar/props/propTypes.js +0 -3
  150. package/lib/AvatarTeam/AvatarTeam.js +20 -47
  151. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
  152. package/lib/AvatarTeam/props/propTypes.js +0 -3
  153. package/lib/Button/Button.js +19 -44
  154. package/lib/Button/__tests__/Button.spec.js +0 -40
  155. package/lib/Button/props/defaultProps.js +0 -2
  156. package/lib/Button/props/propTypes.js +0 -3
  157. package/lib/Buttongroup/Buttongroup.js +5 -31
  158. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
  159. package/lib/Buttongroup/props/propTypes.js +0 -3
  160. package/lib/Card/Card.js +41 -102
  161. package/lib/Card/__tests__/Card.spec.js +1 -10
  162. package/lib/Card/index.js +0 -4
  163. package/lib/Card/props/defaultProps.js +0 -1
  164. package/lib/Card/props/propTypes.js +2 -5
  165. package/lib/CheckBox/CheckBox.js +40 -69
  166. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
  167. package/lib/CheckBox/props/propTypes.js +0 -3
  168. package/lib/DateTime/CalendarView.js +44 -81
  169. package/lib/DateTime/DateTime.js +164 -245
  170. package/lib/DateTime/DateTime.module.css +51 -5
  171. package/lib/DateTime/DateTimePopupFooter.js +5 -30
  172. package/lib/DateTime/DateTimePopupHeader.js +33 -52
  173. package/lib/DateTime/DateWidget.js +246 -350
  174. package/lib/DateTime/DaysRow.js +4 -27
  175. package/lib/DateTime/Time.js +29 -72
  176. package/lib/DateTime/YearView.js +37 -79
  177. package/lib/DateTime/YearView.module.css +19 -1
  178. package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
  179. package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
  180. package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
  181. package/lib/DateTime/common.js +0 -6
  182. package/lib/DateTime/constants.js +0 -1
  183. package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
  184. package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
  185. package/lib/DateTime/dateFormatUtils/index.js +12 -61
  186. package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
  187. package/lib/DateTime/dateFormatUtils/timeChange.js +20 -52
  188. package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
  189. package/lib/DateTime/index.js +0 -2
  190. package/lib/DateTime/objectUtils.js +20 -24
  191. package/lib/DateTime/props/propTypes.js +4 -5
  192. package/lib/DateTime/typeChecker.js +0 -4
  193. package/lib/DateTime/validator.js +6 -69
  194. package/lib/DropBox/DropBox.js +58 -119
  195. package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
  196. package/lib/DropBox/props/propTypes.js +0 -3
  197. package/lib/DropDown/DropDown.js +3 -53
  198. package/lib/DropDown/DropDownHeading.js +13 -35
  199. package/lib/DropDown/DropDownItem.js +17 -41
  200. package/lib/DropDown/DropDownSearch.js +15 -41
  201. package/lib/DropDown/DropDownSeparator.js +1 -23
  202. package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
  203. package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
  204. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
  205. package/lib/DropDown/props/propTypes.js +2 -6
  206. package/lib/Heading/Heading.js +8 -35
  207. package/lib/Heading/Heading.module.css +3 -3
  208. package/lib/Heading/props/propTypes.js +0 -3
  209. package/lib/Label/Label.js +14 -37
  210. package/lib/Label/__tests__/Label.spec.js +1 -14
  211. package/lib/Label/props/propTypes.js +0 -3
  212. package/lib/Layout/Box.js +11 -31
  213. package/lib/Layout/Container.js +10 -29
  214. package/lib/Layout/__tests__/Box.spec.js +49 -65
  215. package/lib/Layout/__tests__/Container.spec.js +50 -67
  216. package/lib/Layout/index.js +0 -4
  217. package/lib/Layout/props/propTypes.js +3 -6
  218. package/lib/Layout/utils.js +0 -10
  219. package/lib/ListItem/ListContainer.js +28 -47
  220. package/lib/ListItem/ListItem.js +37 -66
  221. package/lib/ListItem/ListItemWithAvatar.js +41 -72
  222. package/lib/ListItem/ListItemWithCheckBox.js +32 -61
  223. package/lib/ListItem/ListItemWithIcon.js +36 -65
  224. package/lib/ListItem/ListItemWithRadio.js +33 -62
  225. package/lib/ListItem/props/propTypes.js +0 -5
  226. package/lib/Modal/Modal.js +4 -44
  227. package/lib/Modal/props/propTypes.js +0 -3
  228. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +157 -289
  229. package/lib/MultiSelect/AdvancedMultiSelect.js +130 -203
  230. package/lib/MultiSelect/EmptyState.js +21 -44
  231. package/lib/MultiSelect/MultiSelect.js +216 -326
  232. package/lib/MultiSelect/MultiSelectHeader.js +5 -29
  233. package/lib/MultiSelect/MultiSelectWithAvatar.js +61 -98
  234. package/lib/MultiSelect/SelectedOptions.js +15 -44
  235. package/lib/MultiSelect/Suggestions.js +28 -60
  236. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
  237. package/lib/MultiSelect/props/defaultProps.js +8 -6
  238. package/lib/MultiSelect/props/propTypes.js +8 -9
  239. package/lib/PopOver/PopOver.js +44 -94
  240. package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
  241. package/lib/PopOver/props/propTypes.js +0 -3
  242. package/lib/Popup/Popup.js +77 -156
  243. package/lib/Popup/__tests__/Popup.spec.js +5 -42
  244. package/lib/Popup/viewPort.js +14 -28
  245. package/lib/Provider/AvatarSize.js +0 -4
  246. package/lib/Provider/Config.js +0 -2
  247. package/lib/Provider/CssProvider.js +0 -4
  248. package/lib/Provider/IdProvider.js +3 -17
  249. package/lib/Provider/LibraryContext.js +10 -32
  250. package/lib/Provider/LibraryContextInit.js +0 -4
  251. package/lib/Provider/NumberGenerator/NumberGenerator.js +14 -43
  252. package/lib/Provider/ZindexProvider.js +3 -15
  253. package/lib/Radio/Radio.js +33 -60
  254. package/lib/Radio/__tests__/Radiospec.js +5 -9
  255. package/lib/Radio/props/propTypes.js +0 -3
  256. package/lib/Responsive/CustomResponsive.js +30 -70
  257. package/lib/Responsive/RefWrapper.js +7 -15
  258. package/lib/Responsive/ResizeComponent.js +27 -58
  259. package/lib/Responsive/ResizeObserver.js +6 -23
  260. package/lib/Responsive/Responsive.js +24 -76
  261. package/lib/Responsive/index.js +0 -2
  262. package/lib/Responsive/props/propTypes.js +0 -3
  263. package/lib/Responsive/sizeObservers.js +13 -51
  264. package/lib/Responsive/utils/index.js +3 -11
  265. package/lib/Responsive/utils/shallowCompare.js +2 -11
  266. package/lib/Responsive/windowResizeObserver.js +0 -8
  267. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +14 -44
  268. package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
  269. package/lib/Ribbon/Ribbon.js +7 -31
  270. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
  271. package/lib/Ribbon/props/propTypes.js +0 -3
  272. package/lib/RippleEffect/RippleEffect.js +7 -18
  273. package/lib/RippleEffect/props/propTypes.js +0 -3
  274. package/lib/Select/GroupSelect.js +138 -230
  275. package/lib/Select/Select.js +220 -301
  276. package/lib/Select/Select.module.css +3 -0
  277. package/lib/Select/SelectWithAvatar.js +61 -104
  278. package/lib/Select/SelectWithIcon.js +151 -144
  279. package/lib/Select/__tests__/Select.spec.js +89 -131
  280. package/lib/Select/props/defaultProps.js +7 -8
  281. package/lib/Select/props/propTypes.js +8 -8
  282. package/lib/Stencils/Stencils.js +4 -28
  283. package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
  284. package/lib/Stencils/props/propTypes.js +0 -3
  285. package/lib/Switch/Switch.js +27 -55
  286. package/lib/Switch/props/propTypes.js +0 -3
  287. package/lib/Tab/Tab.js +23 -39
  288. package/lib/Tab/TabContent.js +4 -11
  289. package/lib/Tab/TabContentWrapper.js +5 -12
  290. package/lib/Tab/TabWrapper.js +16 -34
  291. package/lib/Tab/Tabs.js +94 -170
  292. package/lib/Tab/Tabs.module.css +1 -1
  293. package/lib/Tab/__tests__/Tab.spec.js +63 -74
  294. package/lib/Tab/__tests__/TabContent.spec.js +6 -10
  295. package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
  296. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
  297. package/lib/Tab/__tests__/Tabs.spec.js +39 -53
  298. package/lib/Tab/index.js +0 -6
  299. package/lib/Tab/props/propTypes.js +0 -3
  300. package/lib/Tag/Tag.js +37 -70
  301. package/lib/Tag/__tests__/Tag.spec.js +8 -14
  302. package/lib/Tag/props/propTypes.js +0 -3
  303. package/lib/TextBox/TextBox.js +52 -83
  304. package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
  305. package/lib/TextBox/props/propTypes.js +0 -5
  306. package/lib/TextBoxIcon/TextBoxIcon.js +48 -80
  307. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
  308. package/lib/TextBoxIcon/props/propTypes.js +0 -3
  309. package/lib/Textarea/Textarea.js +22 -52
  310. package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
  311. package/lib/Textarea/props/propTypes.js +0 -3
  312. package/lib/Tooltip/Tooltip.js +29 -93
  313. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -23
  314. package/lib/Tooltip/props/propTypes.js +0 -3
  315. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +11 -39
  316. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
  317. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +18 -51
  318. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
  319. package/lib/css.js +0 -39
  320. package/lib/deprecated/PortalLayer/PortalLayer.js +17 -45
  321. package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
  322. package/lib/index.js +76 -1075
  323. package/lib/semantic/Button/Button.js +17 -41
  324. package/lib/semantic/Button/props/propTypes.js +0 -3
  325. package/lib/utils/Common.js +29 -95
  326. package/lib/utils/ContextOptimizer.js +10 -16
  327. package/lib/utils/__tests__/constructFullName.spec.js +0 -1
  328. package/lib/utils/__tests__/debounce.spec.js +2 -3
  329. package/lib/utils/__tests__/getInitial.spec.js +0 -1
  330. package/lib/utils/constructFullName.js +2 -11
  331. package/lib/utils/datetime/common.js +5 -32
  332. package/lib/utils/debounce.js +1 -6
  333. package/lib/utils/dropDownUtils.js +54 -171
  334. package/lib/utils/dummyFunction.js +0 -2
  335. package/lib/utils/getHTMLFontSize.js +0 -1
  336. package/lib/utils/getInitial.js +0 -6
  337. package/lib/utils/scrollTo.js +0 -2
  338. package/lib/utils/shallowEqual.js +0 -8
  339. package/package.json +10 -5
  340. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  341. package/es/Animation/docs/Animation__default.docs.js +0 -34
  342. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  343. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  344. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  345. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  346. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  347. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  348. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  349. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  350. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  351. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  352. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  353. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  354. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  355. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  356. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  357. package/es/Button/docs/Button__custom.docs.js +0 -771
  358. package/es/Button/docs/Button__default.docs.js +0 -536
  359. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  360. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  361. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  362. package/es/Card/docs/Card__Custom.docs.js +0 -34
  363. package/es/Card/docs/Card__Default.docs.js +0 -37
  364. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  365. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  366. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  367. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  368. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  369. package/es/DateTime/docs/timezonedata.json +0 -1
  370. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  371. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  372. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  373. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  374. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  375. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  376. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  377. package/es/Heading/docs/Heading__default.docs.js +0 -21
  378. package/es/Label/docs/Label__clipped.docs.js +0 -27
  379. package/es/Label/docs/Label__custom.docs.js +0 -30
  380. package/es/Label/docs/Label__palette.docs.js +0 -42
  381. package/es/Label/docs/Label__size.docs.js +0 -29
  382. package/es/Label/docs/Label__type.docs.js +0 -37
  383. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  384. package/es/Layout/docs/Layout__default.docs.js +0 -49
  385. package/es/Layout/docs/Layout__four_Column.docs.js +0 -79
  386. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  387. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  388. package/es/LightNightMode/Colors.json +0 -497
  389. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -94
  390. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  391. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  392. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  393. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  394. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  395. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  396. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  397. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  398. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  399. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  400. package/es/Modal/__docs__/Modal__default.docs.js +0 -46
  401. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  402. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  403. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  404. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  405. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  406. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  407. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  408. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  409. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  410. package/es/Provider.js +0 -95
  411. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  412. package/es/Radio/docs/Radio__default.docs.js +0 -169
  413. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  414. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  415. package/es/Responsive/docs/style.module.css +0 -56
  416. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  417. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  418. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  419. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  420. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  421. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  422. package/es/Select/docs/Select__default.docs.js +0 -288
  423. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  424. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  425. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  426. package/es/Switch/docs/Switch__default.docs.js +0 -107
  427. package/es/Tab/docs/Tab__default.docs.js +0 -258
  428. package/es/Tab/docs/tabdocs.module.css +0 -29
  429. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  430. package/es/Tag/docs/Tag__default.docs.js +0 -323
  431. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  432. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  433. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  434. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  435. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  436. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  437. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  438. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  439. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  440. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  441. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -371
  442. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  443. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  444. package/es/common/docStyle.module.css +0 -766
  445. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  446. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  447. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  448. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  449. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  450. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  451. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  452. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  453. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  454. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  455. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  456. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  457. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  458. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  459. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  460. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  461. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  462. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  463. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  464. package/lib/Button/docs/Button__custom.docs.js +0 -826
  465. package/lib/Button/docs/Button__default.docs.js +0 -590
  466. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  467. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  468. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  469. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  470. package/lib/Card/docs/Card__Default.docs.js +0 -92
  471. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  472. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  473. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  474. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  475. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  476. package/lib/DateTime/docs/timezonedata.json +0 -1
  477. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  478. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  479. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  480. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  481. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  482. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  483. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  484. package/lib/Heading/docs/Heading__default.docs.js +0 -74
  485. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  486. package/lib/Label/docs/Label__custom.docs.js +0 -85
  487. package/lib/Label/docs/Label__palette.docs.js +0 -96
  488. package/lib/Label/docs/Label__size.docs.js +0 -83
  489. package/lib/Label/docs/Label__type.docs.js +0 -91
  490. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  491. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  492. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -129
  493. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  494. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  495. package/lib/LightNightMode/Colors.json +0 -497
  496. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -153
  497. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  498. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  499. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  500. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  501. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  502. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  503. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  504. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  505. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  506. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  507. package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
  508. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  509. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  510. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  511. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  512. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  513. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  514. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  515. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  516. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  517. package/lib/Provider.js +0 -175
  518. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  519. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  520. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  521. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  522. package/lib/Responsive/docs/style.module.css +0 -56
  523. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  524. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  525. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  526. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  527. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  528. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  529. package/lib/Select/docs/Select__default.docs.js +0 -340
  530. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  531. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  532. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  533. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  534. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  535. package/lib/Tab/docs/tabdocs.module.css +0 -29
  536. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  537. package/lib/Tag/docs/Tag__default.docs.js +0 -377
  538. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  539. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  540. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  541. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  542. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  543. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  544. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  545. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  546. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  547. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  548. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -430
  549. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  550. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  551. package/lib/common/docStyle.module.css +0 -766
  552. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  553. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
@@ -1,484 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _RippleEffect = _interopRequireDefault(require("../RippleEffect"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
-
18
- 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); } }
19
-
20
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
21
-
22
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
23
-
24
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
-
26
- 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); }; }
27
-
28
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
29
-
30
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
-
32
- 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; } }
33
-
34
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
35
-
36
- var RippleEffect__default = /*#__PURE__*/function (_React$Component) {
37
- _inherits(RippleEffect__default, _React$Component);
38
-
39
- var _super = _createSuper(RippleEffect__default);
40
-
41
- function RippleEffect__default() {
42
- _classCallCheck(this, RippleEffect__default);
43
-
44
- return _super.apply(this, arguments);
45
- }
46
-
47
- _createClass(RippleEffect__default, [{
48
- key: "render",
49
- value: function render() {
50
- var style = {
51
- margin: '20px 20px 0'
52
- },
53
- boxStyle = {
54
- border: '1px solid #e3e6eb',
55
- padding: '15px 20px 25px',
56
- marginBottom: '10px'
57
- },
58
- titleStyle = {
59
- fontSize: '13px',
60
- paddingBottom: '25px',
61
- textTransform: 'upperCase'
62
- };
63
- return /*#__PURE__*/_react["default"].createElement("div", {
64
- style: style
65
- }, /*#__PURE__*/_react["default"].createElement("div", {
66
- style: boxStyle
67
- }, /*#__PURE__*/_react["default"].createElement("div", {
68
- style: titleStyle
69
- }, "Hover Default"), /*#__PURE__*/_react["default"].createElement("div", {
70
- style: {
71
- marginRight: '20px',
72
- display: 'inline-block'
73
- }
74
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], null, /*#__PURE__*/_react["default"].createElement("span", {
75
- style: {
76
- fontSize: '13px',
77
- padding: '4px 9px 7px',
78
- cursor: 'pointer'
79
- }
80
- }, "Default"))), /*#__PURE__*/_react["default"].createElement("div", {
81
- style: {
82
- marginRight: '20px',
83
- display: 'inline-block'
84
- }
85
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
86
- palette: "primary"
87
- }, /*#__PURE__*/_react["default"].createElement("span", {
88
- style: {
89
- fontSize: '13px',
90
- padding: '4px 9px 7px',
91
- cursor: 'pointer',
92
- color: 'var(--zdt_cta_primary_hover_text)'
93
- }
94
- }, "Primary"))), /*#__PURE__*/_react["default"].createElement("div", {
95
- style: {
96
- marginRight: '20px',
97
- display: 'inline-block'
98
- }
99
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
100
- palette: "primaryLight"
101
- }, /*#__PURE__*/_react["default"].createElement("span", {
102
- style: {
103
- fontSize: '13px',
104
- padding: '4px 9px 7px',
105
- cursor: 'pointer',
106
- color: 'var(--zdt_cta_primary_text)'
107
- }
108
- }, "Primary Light"))), /*#__PURE__*/_react["default"].createElement("div", {
109
- style: {
110
- marginRight: '20px',
111
- display: 'inline-block'
112
- }
113
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
114
- palette: "primaryFilled"
115
- }, /*#__PURE__*/_react["default"].createElement("span", {
116
- style: {
117
- fontSize: '13px',
118
- padding: '4px 9px 7px',
119
- cursor: 'pointer',
120
- color: 'var(--zdt_cta_secondary_text)'
121
- }
122
- }, "Primary Filled"))), /*#__PURE__*/_react["default"].createElement("div", {
123
- style: {
124
- marginRight: '20px',
125
- display: 'inline-block'
126
- }
127
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
128
- palette: "green"
129
- }, /*#__PURE__*/_react["default"].createElement("span", {
130
- style: {
131
- fontSize: '13px',
132
- padding: '4px 9px 7px',
133
- cursor: 'pointer',
134
- color: 'var(--dot_strongGreen)'
135
- }
136
- }, "Green"))), /*#__PURE__*/_react["default"].createElement("div", {
137
- style: {
138
- marginRight: '20px',
139
- display: 'inline-block'
140
- }
141
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
142
- palette: "danger"
143
- }, /*#__PURE__*/_react["default"].createElement("span", {
144
- style: {
145
- fontSize: '13px',
146
- padding: '4px 9px 7px',
147
- cursor: 'pointer',
148
- color: 'var(--dot_brightRed)'
149
- }
150
- }, "Danger")))), /*#__PURE__*/_react["default"].createElement("div", {
151
- style: boxStyle
152
- }, /*#__PURE__*/_react["default"].createElement("div", {
153
- style: titleStyle
154
- }, "Hover Border"), /*#__PURE__*/_react["default"].createElement("div", {
155
- style: {
156
- marginRight: '20px',
157
- display: 'inline-block'
158
- }
159
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
160
- hoverType: "border"
161
- }, /*#__PURE__*/_react["default"].createElement("span", {
162
- style: {
163
- fontSize: '13px',
164
- padding: '4px 9px 7px',
165
- cursor: 'pointer'
166
- }
167
- }, "Default"))), /*#__PURE__*/_react["default"].createElement("div", {
168
- style: {
169
- marginRight: '20px',
170
- display: 'inline-block'
171
- }
172
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
173
- palette: "primary",
174
- hoverType: "border"
175
- }, /*#__PURE__*/_react["default"].createElement("span", {
176
- style: {
177
- fontSize: '13px',
178
- padding: '4px 9px 7px',
179
- cursor: 'pointer',
180
- color: 'var(--zdt_cta_primary_hover_text)'
181
- }
182
- }, "Primary"))), /*#__PURE__*/_react["default"].createElement("div", {
183
- style: {
184
- marginRight: '20px',
185
- display: 'inline-block'
186
- }
187
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
188
- palette: "primaryLight",
189
- hoverType: "border"
190
- }, /*#__PURE__*/_react["default"].createElement("span", {
191
- style: {
192
- fontSize: '13px',
193
- padding: '4px 9px 7px',
194
- cursor: 'pointer',
195
- color: 'var(--zdt_cta_primary_text)'
196
- }
197
- }, "Primary Light"))), /*#__PURE__*/_react["default"].createElement("div", {
198
- style: {
199
- marginRight: '20px',
200
- display: 'inline-block'
201
- }
202
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
203
- palette: "green",
204
- hoverType: "border"
205
- }, /*#__PURE__*/_react["default"].createElement("span", {
206
- style: {
207
- fontSize: '13px',
208
- padding: '4px 9px 7px',
209
- cursor: 'pointer',
210
- color: 'var(--dot_strongGreen)'
211
- }
212
- }, "Green"))), /*#__PURE__*/_react["default"].createElement("div", {
213
- style: {
214
- marginRight: '20px',
215
- display: 'inline-block'
216
- }
217
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
218
- palette: "danger",
219
- hoverType: "border"
220
- }, /*#__PURE__*/_react["default"].createElement("span", {
221
- style: {
222
- fontSize: '13px',
223
- padding: '4px 9px 7px',
224
- cursor: 'pointer',
225
- color: 'var(--dot_brightRed)'
226
- }
227
- }, "Danger")))), /*#__PURE__*/_react["default"].createElement("div", {
228
- style: boxStyle
229
- }, /*#__PURE__*/_react["default"].createElement("div", {
230
- style: titleStyle
231
- }, "Hover Bg Color"), /*#__PURE__*/_react["default"].createElement("div", {
232
- style: {
233
- marginRight: '20px',
234
- display: 'inline-block'
235
- }
236
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
237
- hoverType: "bg"
238
- }, /*#__PURE__*/_react["default"].createElement("span", {
239
- style: {
240
- fontSize: '13px',
241
- padding: '4px 9px 7px'
242
- }
243
- }, "Default"))), /*#__PURE__*/_react["default"].createElement("div", {
244
- style: {
245
- marginRight: '20px',
246
- display: 'inline-block'
247
- }
248
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
249
- palette: "primaryLight",
250
- hoverType: "bg"
251
- }, /*#__PURE__*/_react["default"].createElement("span", {
252
- style: {
253
- fontSize: '13px',
254
- padding: '4px 9px 7px',
255
- cursor: 'pointer',
256
- color: 'var(--zdt_cta_primary_text)'
257
- }
258
- }, "Primary Light"))), /*#__PURE__*/_react["default"].createElement("div", {
259
- style: {
260
- marginRight: '20px',
261
- display: 'inline-block'
262
- }
263
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
264
- palette: "green",
265
- hoverType: "bg"
266
- }, /*#__PURE__*/_react["default"].createElement("span", {
267
- style: {
268
- fontSize: '13px',
269
- padding: '4px 9px 7px',
270
- cursor: 'pointer',
271
- color: 'var(--dot_strongGreen)'
272
- }
273
- }, "Green"))), /*#__PURE__*/_react["default"].createElement("div", {
274
- style: {
275
- marginRight: '20px',
276
- display: 'inline-block'
277
- }
278
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
279
- palette: "danger",
280
- hoverType: "bg"
281
- }, /*#__PURE__*/_react["default"].createElement("span", {
282
- style: {
283
- fontSize: '13px',
284
- padding: '4px 9px 7px',
285
- cursor: 'pointer',
286
- color: 'var(--dot_brightRed)'
287
- }
288
- }, "Danger"))), /*#__PURE__*/_react["default"].createElement("div", {
289
- style: {
290
- marginRight: '20px',
291
- display: 'inline-block'
292
- }
293
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
294
- palette: "primaryDark",
295
- hoverType: "bg"
296
- }, /*#__PURE__*/_react["default"].createElement("span", {
297
- style: {
298
- fontSize: '13px',
299
- padding: '4px 9px 7px',
300
- cursor: 'pointer',
301
- color: 'var(--zdt_cta_primary_text)'
302
- }
303
- }, "Primary Dark")))), /*#__PURE__*/_react["default"].createElement("div", {
304
- style: boxStyle
305
- }, /*#__PURE__*/_react["default"].createElement("div", {
306
- style: titleStyle
307
- }, "Disabled"), /*#__PURE__*/_react["default"].createElement("div", {
308
- style: {
309
- marginRight: '20px',
310
- display: 'inline-block'
311
- }
312
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
313
- isDisabled: true
314
- }, /*#__PURE__*/_react["default"].createElement("span", {
315
- style: {
316
- fontSize: '13px',
317
- padding: '4px 9px 7px'
318
- }
319
- }, "Default"))), /*#__PURE__*/_react["default"].createElement("div", {
320
- style: {
321
- marginRight: '20px',
322
- display: 'inline-block'
323
- }
324
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
325
- palette: "primary",
326
- isDisabled: true
327
- }, /*#__PURE__*/_react["default"].createElement("span", {
328
- style: {
329
- fontSize: '13px',
330
- padding: '4px 9px 7px',
331
- cursor: 'pointer',
332
- color: 'var(--zdt_cta_primary_hover_text)'
333
- }
334
- }, "Primary"))), /*#__PURE__*/_react["default"].createElement("div", {
335
- style: {
336
- marginRight: '20px',
337
- display: 'inline-block'
338
- }
339
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
340
- palette: "primaryLight",
341
- isDisabled: true
342
- }, /*#__PURE__*/_react["default"].createElement("span", {
343
- style: {
344
- fontSize: '13px',
345
- padding: '4px 9px 7px',
346
- cursor: 'pointer',
347
- color: 'var(--zdt_cta_primary_text)'
348
- }
349
- }, "Primary Light"))), /*#__PURE__*/_react["default"].createElement("div", {
350
- style: {
351
- marginRight: '20px',
352
- display: 'inline-block'
353
- }
354
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
355
- palette: "primaryFilled",
356
- isDisabled: true
357
- }, /*#__PURE__*/_react["default"].createElement("span", {
358
- style: {
359
- fontSize: '13px',
360
- padding: '4px 9px 7px',
361
- cursor: 'pointer',
362
- color: 'var(--zdt_cta_secondary_text)'
363
- }
364
- }, "Primary Filled"))), /*#__PURE__*/_react["default"].createElement("div", {
365
- style: {
366
- marginRight: '20px',
367
- display: 'inline-block'
368
- }
369
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
370
- palette: "green",
371
- isDisabled: true
372
- }, /*#__PURE__*/_react["default"].createElement("span", {
373
- style: {
374
- fontSize: '13px',
375
- padding: '4px 9px 7px',
376
- color: 'var(--dot_strongGreen)'
377
- }
378
- }, "Green")))), /*#__PURE__*/_react["default"].createElement("div", {
379
- style: boxStyle
380
- }, /*#__PURE__*/_react["default"].createElement("div", {
381
- style: titleStyle
382
- }, "Active"), /*#__PURE__*/_react["default"].createElement("div", {
383
- style: {
384
- marginRight: '20px',
385
- display: 'inline-block'
386
- }
387
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
388
- isActive: true
389
- }, /*#__PURE__*/_react["default"].createElement("span", {
390
- style: {
391
- fontSize: '13px',
392
- padding: '4px 9px 7px',
393
- cursor: 'pointer'
394
- }
395
- }, "Default"))), /*#__PURE__*/_react["default"].createElement("div", {
396
- style: {
397
- marginRight: '20px',
398
- display: 'inline-block'
399
- }
400
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
401
- palette: "primary",
402
- isActive: true
403
- }, /*#__PURE__*/_react["default"].createElement("span", {
404
- style: {
405
- fontSize: '13px',
406
- padding: '4px 9px 7px',
407
- cursor: 'pointer',
408
- color: 'var(--zdt_cta_secondary_text)'
409
- }
410
- }, "Primary"))), /*#__PURE__*/_react["default"].createElement("div", {
411
- style: {
412
- marginRight: '20px',
413
- display: 'inline-block'
414
- }
415
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
416
- palette: "primaryLight",
417
- isActive: true
418
- }, /*#__PURE__*/_react["default"].createElement("span", {
419
- style: {
420
- fontSize: '13px',
421
- padding: '4px 9px 7px',
422
- cursor: 'pointer',
423
- color: 'var(--zdt_cta_primary_text)'
424
- }
425
- }, "Primary Light"))), /*#__PURE__*/_react["default"].createElement("div", {
426
- style: {
427
- marginRight: '20px',
428
- display: 'inline-block'
429
- }
430
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
431
- palette: "primaryFilled",
432
- isActive: true
433
- }, /*#__PURE__*/_react["default"].createElement("span", {
434
- style: {
435
- fontSize: '13px',
436
- padding: '4px 9px 7px',
437
- cursor: 'pointer',
438
- color: 'var(--zdt_cta_secondary_text)'
439
- }
440
- }, "Primary Filled"))), /*#__PURE__*/_react["default"].createElement("div", {
441
- style: {
442
- marginRight: '20px',
443
- display: 'inline-block'
444
- }
445
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
446
- palette: "green",
447
- isActive: true
448
- }, /*#__PURE__*/_react["default"].createElement("span", {
449
- style: {
450
- fontSize: '13px',
451
- padding: '4px 9px 7px',
452
- cursor: 'pointer',
453
- color: 'var(--dot_strongGreen)'
454
- }
455
- }, "Green"))), /*#__PURE__*/_react["default"].createElement("div", {
456
- style: {
457
- marginRight: '20px',
458
- display: 'inline-block'
459
- }
460
- }, /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
461
- palette: "primaryDark",
462
- isActive: true
463
- }, /*#__PURE__*/_react["default"].createElement("span", {
464
- style: {
465
- fontSize: '13px',
466
- padding: '4px 9px 7px',
467
- cursor: 'pointer',
468
- color: 'var(--zdt_cta_primary_text)'
469
- }
470
- }, "Primary Dark")))));
471
- }
472
- }]);
473
-
474
- return RippleEffect__default;
475
- }(_react["default"].Component);
476
-
477
- exports["default"] = RippleEffect__default;
478
-
479
- if (false) {
480
- RippleEffect__default.docs = {
481
- componentGroup: 'RippleEffect',
482
- folderName: 'Style Guide'
483
- };
484
- }
@@ -1,199 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _GroupSelect = _interopRequireDefault(require("../GroupSelect"));
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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21
-
22
- 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); } }
23
-
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
25
-
26
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
27
-
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
-
30
- 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); }; }
31
-
32
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
33
-
34
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
35
-
36
- 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; } }
37
-
38
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
-
40
- var groupedOptions = [{
41
- id: 'tickets',
42
- name: 'Tickets',
43
- options: [{
44
- id: '001',
45
- subject: 'Ticket001'
46
- }, {
47
- id: '002',
48
- subject: 'Ticket002'
49
- }, {
50
- id: '003',
51
- subject: 'Ticket003'
52
- }, {
53
- id: '004',
54
- subject: 'Ticket004'
55
- }, {
56
- id: '005',
57
- subject: 'Ticket005'
58
- }],
59
- valueField: 'id',
60
- textField: 'subject'
61
- }, {
62
- id: 'tasks',
63
- name: 'Tasks',
64
- options: [{
65
- id: '001',
66
- subject: 'Task001'
67
- }, {
68
- id: '002',
69
- subject: 'Task002'
70
- }, {
71
- id: '003',
72
- subject: 'Task003'
73
- }, {
74
- id: '004',
75
- subject: 'Task004'
76
- }, {
77
- id: '005',
78
- subject: 'Task005'
79
- }],
80
- valueField: 'id',
81
- textField: 'subject'
82
- }, {
83
- id: 'accounts',
84
- name: 'Accounts',
85
- options: [{
86
- id: '001',
87
- name: 'Account001'
88
- }, {
89
- id: '002',
90
- name: 'Account002'
91
- }, {
92
- id: '003',
93
- name: 'Account003'
94
- }, {
95
- id: '004',
96
- name: 'Account004'
97
- }, {
98
- id: '005',
99
- name: 'Account005'
100
- }],
101
- valueField: 'id',
102
- textField: 'name'
103
- }, {
104
- id: 'contacts',
105
- name: 'Contacts',
106
- options: [{
107
- id: '001',
108
- name: 'Contact001'
109
- }, {
110
- id: '002',
111
- name: 'Contact002'
112
- }, {
113
- id: '003',
114
- name: 'Contact003'
115
- }, {
116
- id: '004',
117
- name: 'Contact004'
118
- }, {
119
- id: '005',
120
- name: 'Contact005'
121
- }],
122
- valueField: 'id',
123
- textField: 'name'
124
- }];
125
-
126
- var GroupSelect__default = /*#__PURE__*/function (_Component) {
127
- _inherits(GroupSelect__default, _Component);
128
-
129
- var _super = _createSuper(GroupSelect__default);
130
-
131
- function GroupSelect__default(props) {
132
- var _this;
133
-
134
- _classCallCheck(this, GroupSelect__default);
135
-
136
- _this = _super.call(this, props);
137
- _this.state = {
138
- selectedOption: {
139
- groupId: 'tickets',
140
- selected: '001'
141
- }
142
- };
143
- _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_this));
144
- _this.groupFooter = _this.groupFooter.bind(_assertThisInitialized(_this));
145
- return _this;
146
- }
147
-
148
- _createClass(GroupSelect__default, [{
149
- key: "handleChange",
150
- value: function handleChange(selectedOption) {
151
- this.setState({
152
- selectedOption: selectedOption
153
- });
154
- }
155
- }, {
156
- key: "groupFooter",
157
- value: function groupFooter() {
158
- return /*#__PURE__*/_react["default"].createElement("div", null, "Footer");
159
- }
160
- }, {
161
- key: "render",
162
- value: function render() {
163
- var selectedOption = this.state.selectedOption;
164
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_GroupSelect["default"], {
165
- groupedOptions: groupedOptions,
166
- selectedOption: selectedOption,
167
- onChange: this.handleChange,
168
- needSearch: true,
169
- searchEmptyMessage: "No matches found",
170
- emptyMessage: "No Options",
171
- isDefaultSelectValue: false,
172
- placeHolder: "Select Option",
173
- needLocalSearch: true
174
- }), /*#__PURE__*/_react["default"].createElement(_GroupSelect["default"], {
175
- groupedOptions: groupedOptions,
176
- selectedOption: selectedOption,
177
- onChange: this.handleChange,
178
- needSearch: true,
179
- searchEmptyMessage: "No matches found",
180
- emptyMessage: "No Options",
181
- isDefaultSelectValue: false,
182
- placeHolder: "Select Option",
183
- needLocalSearch: true,
184
- getFooter: this.groupFooter
185
- }, "Children"));
186
- }
187
- }]);
188
-
189
- return GroupSelect__default;
190
- }(_react.Component);
191
-
192
- exports["default"] = GroupSelect__default;
193
-
194
- if (false) {
195
- GroupSelect__default.docs = {
196
- componentGroup: 'Form Elements',
197
- folderName: 'Style Guide'
198
- };
199
- }