@zohodesk/components 1.1.0 → 1.2.0

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 (425) hide show
  1. package/.cli/MissedPropType_Keys.html +101 -0
  2. package/.cli/PropLessFiles.html +101 -0
  3. package/.cli/PropValidationExcludeFilesArray.js +3 -0
  4. package/.cli/propValidation_report.html +155 -0
  5. package/README.md +1277 -1266
  6. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
  7. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
  8. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
  9. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
  10. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
  11. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
  12. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
  13. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
  14. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
  15. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
  16. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
  17. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
  18. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
  19. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
  20. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
  21. package/coverage/Button/Button.js.html +301 -0
  22. package/coverage/Button/css/Button.module.css.html +1441 -0
  23. package/coverage/Button/css/cssJSLogic.js.html +214 -0
  24. package/coverage/Button/css/index.html +131 -0
  25. package/coverage/Button/index.html +116 -0
  26. package/coverage/Button/props/defaultProps.js.html +139 -0
  27. package/coverage/Button/props/index.html +131 -0
  28. package/coverage/Button/props/propTypes.js.html +202 -0
  29. package/coverage/Buttongroup/Buttongroup.js.html +220 -0
  30. package/coverage/Buttongroup/Buttongroup.module.css.html +298 -0
  31. package/coverage/Buttongroup/index.html +131 -0
  32. package/coverage/Buttongroup/props/defaultProps.js.html +103 -0
  33. package/coverage/Buttongroup/props/index.html +131 -0
  34. package/coverage/Buttongroup/props/propTypes.js.html +115 -0
  35. package/coverage/base.css +224 -0
  36. package/coverage/block-navigation.js +87 -0
  37. package/coverage/coverage-final.json +11 -0
  38. package/coverage/coverage-summary.json +12 -0
  39. package/coverage/favicon.png +0 -0
  40. package/coverage/index.html +191 -0
  41. package/coverage/prettify.css +1 -0
  42. package/coverage/prettify.js +2 -0
  43. package/coverage/sort-arrow-sprite.png +0 -0
  44. package/coverage/sorter.js +196 -0
  45. package/coverage/utils/dummyFunction.js.html +88 -0
  46. package/coverage/utils/index.html +116 -0
  47. package/es/AppContainer/AppContainer.module.css +18 -18
  48. package/es/Avatar/Avatar.js +9 -9
  49. package/es/Avatar/Avatar.module.css +175 -175
  50. package/es/AvatarTeam/AvatarTeam.js +7 -7
  51. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  52. package/es/Button/Button.js +5 -5
  53. package/es/Button/__tests__/Button.spec.js +122 -0
  54. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  55. package/es/Button/css/Button.module.css +525 -525
  56. package/es/Button/css/cssJSLogic.js +1 -1
  57. package/es/Button/props/propTypes.js +0 -1
  58. package/es/Buttongroup/Buttongroup.js +1 -1
  59. package/es/Buttongroup/Buttongroup.module.css +105 -105
  60. package/es/Buttongroup/__tests__/Buttongroup.spec.js +37 -0
  61. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  62. package/es/Card/Card.js +4 -4
  63. package/es/Card/Card.module.css +20 -20
  64. package/es/Card/props/propTypes.js +9 -4
  65. package/es/CheckBox/CheckBox.js +0 -0
  66. package/es/CheckBox/CheckBox.module.css +157 -157
  67. package/es/CheckBox/props/propTypes.js +0 -2
  68. package/es/DateTime/CalendarView.js +0 -0
  69. package/es/DateTime/DateTime.js +0 -0
  70. package/es/DateTime/DateTime.module.css +235 -235
  71. package/es/DateTime/DateTimePopupFooter.js +5 -1
  72. package/es/DateTime/DateTimePopupHeader.js +3 -1
  73. package/es/DateTime/DateWidget.js +0 -1
  74. package/es/DateTime/DateWidget.module.css +38 -38
  75. package/es/DateTime/DaysRow.js +3 -1
  76. package/es/DateTime/Time.js +4 -0
  77. package/es/DateTime/YearView.js +0 -1
  78. package/es/DateTime/YearView.module.css +98 -98
  79. package/es/DateTime/common.js +0 -0
  80. package/es/DateTime/index.js +0 -0
  81. package/es/DateTime/objectUtils.js +0 -0
  82. package/es/DateTime/props/defaultProps.js +6 -0
  83. package/es/DateTime/props/propTypes.js +58 -6
  84. package/es/DateTime/typeChecker.js +0 -0
  85. package/es/DateTime/validator.js +0 -0
  86. package/es/DropBox/DropBox.js +0 -0
  87. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  88. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  89. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  90. package/es/DropBox/DropBoxElement/props/propTypes.js +7 -1
  91. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  92. package/es/DropBox/css/DropBox.module.css +58 -58
  93. package/es/DropBox/props/propTypes.js +2 -1
  94. package/es/DropDown/DropDown.js +0 -0
  95. package/es/DropDown/DropDown.module.css +5 -5
  96. package/es/DropDown/DropDownHeading.js +0 -0
  97. package/es/DropDown/DropDownHeading.module.css +53 -53
  98. package/es/DropDown/DropDownItem.js +0 -0
  99. package/es/DropDown/DropDownItem.module.css +94 -94
  100. package/es/DropDown/DropDownSearch.js +0 -0
  101. package/es/DropDown/DropDownSearch.module.css +14 -14
  102. package/es/DropDown/DropDownSeparator.js +0 -0
  103. package/es/DropDown/DropDownSeparator.module.css +7 -7
  104. package/es/DropDown/props/propTypes.js +5 -18
  105. package/es/Heading/Heading.module.css +4 -4
  106. package/es/Label/Label.js +2 -2
  107. package/es/Label/Label.module.css +52 -52
  108. package/es/Label/LabelColors.module.css +20 -20
  109. package/es/Label/props/propTypes.js +2 -1
  110. package/es/Layout/Box.js +2 -1
  111. package/es/Layout/Container.js +2 -1
  112. package/es/Layout/Layout.module.css +335 -335
  113. package/es/Layout/utils.js +0 -0
  114. package/es/ListItem/ListItem.js +0 -0
  115. package/es/ListItem/ListItem.module.css +216 -216
  116. package/es/ListItem/props/propTypes.js +9 -4
  117. package/es/Modal/props/propTypes.js +2 -1
  118. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  119. package/es/MultiSelect/MultiSelect.js +5 -5
  120. package/es/MultiSelect/MultiSelect.module.css +206 -206
  121. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  122. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  123. package/es/MultiSelect/props/propTypes.js +15 -31
  124. package/es/PopOver/PopOver.js +1 -9
  125. package/es/PopOver/PopOver.module.css +8 -8
  126. package/es/Popup/Popup.js +0 -0
  127. package/es/Popup/PositionMapping.json +73 -73
  128. package/es/Radio/Radio.js +1 -6
  129. package/es/Radio/Radio.module.css +112 -112
  130. package/es/Radio/props/propTypes.js +3 -2
  131. package/es/Responsive/CustomResponsive.js +0 -0
  132. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  133. package/es/ResponsiveDropBox/props/propTypes.js +2 -1
  134. package/es/Ribbon/Ribbon.js +0 -0
  135. package/es/Ribbon/Ribbon.module.css +454 -454
  136. package/es/RippleEffect/RippleEffect.module.css +92 -92
  137. package/es/Select/GroupSelect.js +0 -0
  138. package/es/Select/Select.js +0 -0
  139. package/es/Select/Select.module.css +108 -108
  140. package/es/Select/SelectWithAvatar.js +0 -0
  141. package/es/Select/SelectWithIcon.js +0 -0
  142. package/es/Select/props/propTypes.js +17 -6
  143. package/es/Stencils/Stencils.js +0 -0
  144. package/es/Stencils/Stencils.module.css +96 -96
  145. package/es/Switch/Switch.js +0 -0
  146. package/es/Switch/Switch.module.css +127 -127
  147. package/es/Tab/Tab.module.css +100 -100
  148. package/es/Tab/TabContent.module.css +4 -4
  149. package/es/Tab/Tabs.js +17 -17
  150. package/es/Tab/Tabs.module.css +136 -136
  151. package/es/Tab/props/propTypes.js +0 -1
  152. package/es/Tag/Tag.js +8 -8
  153. package/es/Tag/Tag.module.css +254 -254
  154. package/es/TextBox/TextBox.js +0 -0
  155. package/es/TextBox/TextBox.module.css +158 -158
  156. package/es/TextBox/props/propTypes.js +2 -1
  157. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  158. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  159. package/es/TextBoxIcon/props/propTypes.js +2 -1
  160. package/es/Textarea/Textarea.js +0 -0
  161. package/es/Textarea/Textarea.module.css +139 -139
  162. package/es/Textarea/props/propTypes.js +0 -1
  163. package/es/Tooltip/Tooltip.module.css +140 -140
  164. package/es/Tooltip/props/propTypes.js +0 -3
  165. package/es/common/a11y.module.css +3 -3
  166. package/es/common/animation.module.css +624 -624
  167. package/es/common/avatarsizes.module.css +48 -48
  168. package/es/common/basic.module.css +33 -33
  169. package/es/common/basicReset.module.css +40 -40
  170. package/es/common/boxShadow.module.css +33 -33
  171. package/es/common/common.module.css +524 -524
  172. package/es/common/customscroll.module.css +91 -91
  173. package/es/common/reset.module.css +13 -13
  174. package/es/common/transition.module.css +146 -146
  175. package/es/deprecated/PortalLayer/PortalLayer.js +3 -2
  176. package/es/deprecated/PortalLayer/props/propTypes.js +7 -0
  177. package/es/semantic/Button/props/propTypes.js +1 -5
  178. package/es/semantic/Button/semanticButton.module.css +9 -9
  179. package/es/utils/Common.js +0 -0
  180. package/es/utils/dropDownUtils.js +0 -0
  181. package/es/utils/index.js +0 -2
  182. package/install.md +10 -10
  183. package/lib/AppContainer/AppContainer.module.css +18 -18
  184. package/lib/Avatar/Avatar.js +9 -9
  185. package/lib/Avatar/Avatar.module.css +175 -175
  186. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  187. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  188. package/lib/Button/Button.js +5 -5
  189. package/lib/Button/__tests__/Button.spec.js +129 -0
  190. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  191. package/lib/Button/css/Button.module.css +525 -525
  192. package/lib/Button/css/cssJSLogic.js +1 -1
  193. package/lib/Button/props/propTypes.js +0 -1
  194. package/lib/Buttongroup/Buttongroup.js +1 -1
  195. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  196. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  197. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  198. package/lib/Card/Card.js +4 -4
  199. package/lib/Card/Card.module.css +20 -20
  200. package/lib/Card/props/propTypes.js +9 -4
  201. package/lib/CheckBox/CheckBox.js +0 -0
  202. package/lib/CheckBox/CheckBox.module.css +157 -157
  203. package/lib/CheckBox/props/propTypes.js +0 -2
  204. package/lib/DateTime/CalendarView.js +0 -0
  205. package/lib/DateTime/DateTime.js +0 -0
  206. package/lib/DateTime/DateTime.module.css +235 -235
  207. package/lib/DateTime/DateTimePopupFooter.js +7 -1
  208. package/lib/DateTime/DateTimePopupHeader.js +4 -1
  209. package/lib/DateTime/DateWidget.js +0 -1
  210. package/lib/DateTime/DateWidget.module.css +38 -38
  211. package/lib/DateTime/DaysRow.js +4 -1
  212. package/lib/DateTime/Time.js +6 -0
  213. package/lib/DateTime/YearView.js +0 -1
  214. package/lib/DateTime/YearView.module.css +98 -98
  215. package/lib/DateTime/common.js +0 -0
  216. package/lib/DateTime/index.js +0 -0
  217. package/lib/DateTime/objectUtils.js +0 -0
  218. package/lib/DateTime/props/defaultProps.js +10 -2
  219. package/lib/DateTime/props/propTypes.js +64 -8
  220. package/lib/DateTime/typeChecker.js +0 -0
  221. package/lib/DateTime/validator.js +0 -0
  222. package/lib/DropBox/DropBox.js +0 -0
  223. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  224. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  225. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  226. package/lib/DropBox/DropBoxElement/props/propTypes.js +7 -1
  227. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  228. package/lib/DropBox/css/DropBox.module.css +58 -58
  229. package/lib/DropBox/props/propTypes.js +2 -1
  230. package/lib/DropDown/DropDown.js +0 -0
  231. package/lib/DropDown/DropDown.module.css +5 -5
  232. package/lib/DropDown/DropDownHeading.js +0 -0
  233. package/lib/DropDown/DropDownHeading.module.css +53 -53
  234. package/lib/DropDown/DropDownItem.js +0 -0
  235. package/lib/DropDown/DropDownItem.module.css +94 -94
  236. package/lib/DropDown/DropDownSearch.js +0 -0
  237. package/lib/DropDown/DropDownSearch.module.css +14 -14
  238. package/lib/DropDown/DropDownSeparator.js +0 -0
  239. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  240. package/lib/DropDown/props/propTypes.js +11 -19
  241. package/lib/Heading/Heading.module.css +4 -4
  242. package/lib/Label/Label.js +0 -0
  243. package/lib/Label/Label.module.css +52 -52
  244. package/lib/Label/LabelColors.module.css +20 -20
  245. package/lib/Label/props/propTypes.js +2 -1
  246. package/lib/Layout/Box.js +0 -1
  247. package/lib/Layout/Container.js +0 -1
  248. package/lib/Layout/Layout.module.css +335 -335
  249. package/lib/Layout/utils.js +0 -0
  250. package/lib/ListItem/ListItem.js +0 -0
  251. package/lib/ListItem/ListItem.module.css +216 -216
  252. package/lib/ListItem/props/propTypes.js +9 -4
  253. package/lib/Modal/props/propTypes.js +2 -1
  254. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  255. package/lib/MultiSelect/MultiSelect.js +5 -5
  256. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  257. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  258. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  259. package/lib/MultiSelect/props/propTypes.js +15 -31
  260. package/lib/PopOver/PopOver.js +1 -8
  261. package/lib/PopOver/PopOver.module.css +8 -8
  262. package/lib/Popup/Popup.js +0 -0
  263. package/lib/Popup/PositionMapping.json +73 -73
  264. package/lib/Radio/Radio.js +1 -6
  265. package/lib/Radio/Radio.module.css +112 -112
  266. package/lib/Radio/props/propTypes.js +3 -2
  267. package/lib/Responsive/CustomResponsive.js +0 -0
  268. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  269. package/lib/ResponsiveDropBox/props/propTypes.js +11 -2
  270. package/lib/Ribbon/Ribbon.js +0 -0
  271. package/lib/Ribbon/Ribbon.module.css +454 -454
  272. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  273. package/lib/Select/GroupSelect.js +0 -0
  274. package/lib/Select/Select.js +0 -0
  275. package/lib/Select/Select.module.css +108 -108
  276. package/lib/Select/SelectWithAvatar.js +0 -0
  277. package/lib/Select/SelectWithIcon.js +0 -0
  278. package/lib/Select/props/propTypes.js +17 -6
  279. package/lib/Stencils/Stencils.js +0 -0
  280. package/lib/Stencils/Stencils.module.css +96 -96
  281. package/lib/Switch/Switch.js +0 -0
  282. package/lib/Switch/Switch.module.css +127 -127
  283. package/lib/Tab/Tab.module.css +100 -100
  284. package/lib/Tab/TabContent.module.css +4 -4
  285. package/lib/Tab/Tabs.js +11 -11
  286. package/lib/Tab/Tabs.module.css +136 -136
  287. package/lib/Tab/props/propTypes.js +0 -1
  288. package/lib/Tag/Tag.js +8 -8
  289. package/lib/Tag/Tag.module.css +254 -254
  290. package/lib/TextBox/TextBox.js +0 -0
  291. package/lib/TextBox/TextBox.module.css +158 -158
  292. package/lib/TextBox/props/propTypes.js +1 -1
  293. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  294. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  295. package/lib/TextBoxIcon/props/propTypes.js +11 -2
  296. package/lib/Textarea/Textarea.js +0 -0
  297. package/lib/Textarea/Textarea.module.css +139 -139
  298. package/lib/Textarea/props/propTypes.js +0 -1
  299. package/lib/Tooltip/Tooltip.module.css +140 -140
  300. package/lib/Tooltip/props/propTypes.js +0 -3
  301. package/lib/common/a11y.module.css +3 -3
  302. package/lib/common/animation.module.css +624 -624
  303. package/lib/common/avatarsizes.module.css +48 -48
  304. package/lib/common/basic.module.css +33 -33
  305. package/lib/common/basicReset.module.css +40 -40
  306. package/lib/common/boxShadow.module.css +33 -33
  307. package/lib/common/common.module.css +524 -524
  308. package/lib/common/customscroll.module.css +91 -91
  309. package/lib/common/reset.module.css +13 -13
  310. package/lib/common/transition.module.css +146 -146
  311. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -1
  312. package/lib/deprecated/PortalLayer/props/propTypes.js +10 -2
  313. package/lib/semantic/Button/props/propTypes.js +1 -5
  314. package/lib/semantic/Button/semanticButton.module.css +9 -9
  315. package/lib/utils/Common.js +0 -0
  316. package/lib/utils/dropDownUtils.js +0 -0
  317. package/lib/utils/index.js +1 -19
  318. package/package.json +92 -116
  319. package/postPublish.js +8 -8
  320. package/prePublish.js +70 -70
  321. package/react-cli.config.js +24 -0
  322. package/result.json +1 -0
  323. package/unittest/index.html +37 -0
  324. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  325. package/es/Animation/__tests__/Animation.spec.js +0 -17
  326. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  327. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  328. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  329. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  330. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  331. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  332. package/es/Card/__tests__/Card.spec.js +0 -36
  333. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  334. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  335. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  336. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  337. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  338. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  339. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  340. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  341. package/es/Label/__tests__/Label.spec.js +0 -120
  342. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  343. package/es/Layout/__tests__/Box.spec.js +0 -114
  344. package/es/Layout/__tests__/Container.spec.js +0 -120
  345. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  346. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  347. package/es/Popup/__tests__/Popup.spec.js +0 -134
  348. package/es/Radio/__tests__/Radiospec.js +0 -23
  349. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  350. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  351. package/es/Select/__tests__/Select.spec.js +0 -345
  352. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  353. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  354. package/es/Tab/__tests__/Tab.spec.js +0 -117
  355. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  356. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  357. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  358. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  359. package/es/Tag/__tests__/Tag.spec.js +0 -28
  360. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  361. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  362. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  363. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  364. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  365. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  366. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  367. package/es/deprecated/AdvancedMultiSelect.module.css +0 -127
  368. package/es/deprecated/advancedMultiSelectVariableJson.js +0 -80
  369. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  370. package/es/utils/__tests__/debounce.spec.js +0 -37
  371. package/es/utils/__tests__/getInitial.spec.js +0 -23
  372. package/es/utils/css/compileClassNames.js +0 -28
  373. package/es/utils/css/mergeStyle.js +0 -57
  374. package/es/utils/css/utils.js +0 -24
  375. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  376. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  377. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  378. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  379. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  380. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  381. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  382. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  383. package/lib/Card/__tests__/Card.spec.js +0 -56
  384. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  385. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  386. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  387. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  388. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  389. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  390. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  391. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  392. package/lib/Label/__tests__/Label.spec.js +0 -137
  393. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  394. package/lib/Layout/__tests__/Box.spec.js +0 -121
  395. package/lib/Layout/__tests__/Container.spec.js +0 -127
  396. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  397. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  398. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  399. package/lib/Radio/__tests__/Radiospec.js +0 -29
  400. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  401. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  402. package/lib/Select/__tests__/Select.spec.js +0 -383
  403. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  404. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  405. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  406. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  407. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  408. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  409. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  410. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  411. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  412. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  413. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  414. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  415. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  416. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  417. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  418. package/lib/deprecated/AdvancedMultiSelect.module.css +0 -127
  419. package/lib/deprecated/advancedMultiSelectVariableJson.js +0 -82
  420. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  421. package/lib/utils/__tests__/debounce.spec.js +0 -40
  422. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  423. package/lib/utils/css/compileClassNames.js +0 -37
  424. package/lib/utils/css/mergeStyle.js +0 -69
  425. package/lib/utils/css/utils.js +0 -41
@@ -1,186 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Textarea = _interopRequireDefault(require("../Textarea"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Textarea component', function () {
12
- it('should display size xsmall', function () {
13
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
14
- maxLength: "100",
15
- placeHolder: "Text Area",
16
- resize: "vertical",
17
- size: "xsmall",
18
- variant: "default"
19
- }));
20
-
21
- var tree = ele.toJSON();
22
- expect(tree).toMatchSnapshot();
23
- });
24
- it('should display size xsmall - primary', function () {
25
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
26
- maxLength: "100",
27
- placeHolder: "Text Area",
28
- resize: "vertical",
29
- size: "xsmall",
30
- variant: "primary"
31
- }));
32
-
33
- var tree = ele.toJSON();
34
- expect(tree).toMatchSnapshot();
35
- });
36
- it('should display size small', function () {
37
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
38
- maxLength: "100",
39
- placeHolder: "Text Area",
40
- resize: "vertical",
41
- size: "small",
42
- variant: "default"
43
- }));
44
-
45
- var tree = ele.toJSON();
46
- expect(tree).toMatchSnapshot();
47
- });
48
- it('should display size small - primary', function () {
49
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
50
- maxLength: "100",
51
- placeHolder: "Text Area",
52
- resize: "vertical",
53
- size: "small",
54
- variant: "primary"
55
- }));
56
-
57
- var tree = ele.toJSON();
58
- expect(tree).toMatchSnapshot();
59
- });
60
- it('should display size medium', function () {
61
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
62
- maxLength: "100",
63
- placeHolder: "Text Area",
64
- resize: "vertical",
65
- size: "medium",
66
- variant: "default"
67
- }));
68
-
69
- var tree = ele.toJSON();
70
- expect(tree).toMatchSnapshot();
71
- });
72
- it('should display size medium - primary', function () {
73
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
74
- maxLength: "100",
75
- placeHolder: "Text Area",
76
- resize: "vertical",
77
- size: "medium",
78
- variant: "primary"
79
- }));
80
-
81
- var tree = ele.toJSON();
82
- expect(tree).toMatchSnapshot();
83
- });
84
- it('should display size large', function () {
85
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
86
- maxLength: "100",
87
- placeHolder: "Text Area",
88
- resize: "vertical",
89
- size: "large",
90
- variant: "default"
91
- }));
92
-
93
- var tree = ele.toJSON();
94
- expect(tree).toMatchSnapshot();
95
- });
96
- it('should display size large - primary', function () {
97
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
98
- maxLength: "100",
99
- placeHolder: "Text Area",
100
- resize: "vertical",
101
- size: "large",
102
- variant: "primary"
103
- }));
104
-
105
- var tree = ele.toJSON();
106
- expect(tree).toMatchSnapshot();
107
- });
108
- it('should text propertly entered', function () {
109
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
110
- maxLength: "100",
111
- placeHolder: "Text Area",
112
- resize: "vertical",
113
- size: "large",
114
- variant: "primary",
115
- text: "Text Area Working"
116
- }));
117
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').value.contains('Text Area Working')).toBe(true);
118
- });
119
- it('should placeHolder propertly entered', function () {
120
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
121
- maxLength: "100",
122
- placeHolder: "Text Area",
123
- resize: "vertical",
124
- size: "large",
125
- variant: "primary",
126
- text: "Text Area Working"
127
- }));
128
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').getAttribute('placeholder')).toMatch(/Text Area/);
129
- });
130
- it('Check border applied', function () {
131
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
132
- maxLength: "100",
133
- placeHolder: "Text Area",
134
- resize: "vertical",
135
- size: "large",
136
- variant: "primary",
137
- text: "Text Area Working",
138
- needBorder: true
139
- }));
140
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').className).toMatch(/needBorder/);
141
- });
142
- it('Check border removed', function () {
143
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
144
- maxLength: "100",
145
- placeHolder: "Text Area",
146
- resize: "vertical",
147
- size: "large",
148
- variant: "primary",
149
- text: "Text Area Working",
150
- needBorder: false
151
- }));
152
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').className).toMatch(/noBorder/);
153
- }); // it('Check disabled works', () => {
154
- // let renderedDOM = TestUtils.renderIntoDocument(
155
- // <Textarea maxLength='100' placeHolder='Text Area' resize='vertical' size='large' variant='primary' text='Text Area Working' disabled needBorder={false} />
156
- // );
157
- // let pass = false;
158
- // let classNames = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').classList;
159
- // Object.keys(classNames)
160
- // .map(className => {
161
- // if (classNames[className] == 'disabled') {
162
- // pass = true;
163
- // }
164
- // });
165
- // expect(
166
- // pass
167
- // ).toBe(true);
168
- // });
169
-
170
- it('Check check onchange works', function () {
171
- var mockfn = jest.fn();
172
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Textarea["default"], {
173
- maxLength: "100",
174
- placeHolder: "Text Area",
175
- resize: "vertical",
176
- size: "large",
177
- variant: "primary",
178
- text: "Text Area Working",
179
- needBorder: false,
180
- onChange: mockfn
181
- }));
182
- var onChangeEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp');
183
- TestUtils.Simulate.change(onChangeEle);
184
- expect(mockfn.mock.calls.length).toBe(1);
185
- });
186
- });
@@ -1,97 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Textarea component should display size large - primary 1`] = `
4
- <textarea
5
- className=" container large primary needBorder resizeY effect borderColor_default"
6
- data-id="TextareaComp"
7
- maxLength="100"
8
- onBlur={[Function]}
9
- onChange={[Function]}
10
- onKeyDown={[Function]}
11
- placeholder="Text Area"
12
- />
13
- `;
14
-
15
- exports[`Textarea component should display size large 1`] = `
16
- <textarea
17
- className=" container large default needBorder resizeY effect borderColor_default"
18
- data-id="TextareaComp"
19
- maxLength="100"
20
- onBlur={[Function]}
21
- onChange={[Function]}
22
- onKeyDown={[Function]}
23
- placeholder="Text Area"
24
- />
25
- `;
26
-
27
- exports[`Textarea component should display size medium - primary 1`] = `
28
- <textarea
29
- className=" container medium primary needBorder resizeY effect borderColor_default"
30
- data-id="TextareaComp"
31
- maxLength="100"
32
- onBlur={[Function]}
33
- onChange={[Function]}
34
- onKeyDown={[Function]}
35
- placeholder="Text Area"
36
- />
37
- `;
38
-
39
- exports[`Textarea component should display size medium 1`] = `
40
- <textarea
41
- className=" container medium default needBorder resizeY effect borderColor_default"
42
- data-id="TextareaComp"
43
- maxLength="100"
44
- onBlur={[Function]}
45
- onChange={[Function]}
46
- onKeyDown={[Function]}
47
- placeholder="Text Area"
48
- />
49
- `;
50
-
51
- exports[`Textarea component should display size small - primary 1`] = `
52
- <textarea
53
- className=" container small primary needBorder resizeY effect borderColor_default"
54
- data-id="TextareaComp"
55
- maxLength="100"
56
- onBlur={[Function]}
57
- onChange={[Function]}
58
- onKeyDown={[Function]}
59
- placeholder="Text Area"
60
- />
61
- `;
62
-
63
- exports[`Textarea component should display size small 1`] = `
64
- <textarea
65
- className=" container small default needBorder resizeY effect borderColor_default"
66
- data-id="TextareaComp"
67
- maxLength="100"
68
- onBlur={[Function]}
69
- onChange={[Function]}
70
- onKeyDown={[Function]}
71
- placeholder="Text Area"
72
- />
73
- `;
74
-
75
- exports[`Textarea component should display size xsmall - primary 1`] = `
76
- <textarea
77
- className=" container xsmall primary needBorder resizeY effect borderColor_default"
78
- data-id="TextareaComp"
79
- maxLength="100"
80
- onBlur={[Function]}
81
- onChange={[Function]}
82
- onKeyDown={[Function]}
83
- placeholder="Text Area"
84
- />
85
- `;
86
-
87
- exports[`Textarea component should display size xsmall 1`] = `
88
- <textarea
89
- className=" container xsmall default needBorder resizeY effect borderColor_default"
90
- data-id="TextareaComp"
91
- maxLength="100"
92
- onBlur={[Function]}
93
- onChange={[Function]}
94
- onKeyDown={[Function]}
95
- placeholder="Text Area"
96
- />
97
- `;
@@ -1,98 +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
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- var _Tooltip = _interopRequireDefault(require("../Tooltip"));
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
12
-
13
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
14
-
15
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
16
-
17
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
18
-
19
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
20
-
21
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
22
-
23
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
24
-
25
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
26
-
27
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
28
-
29
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
30
-
31
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
32
-
33
- var SampleComponent = /*#__PURE__*/function (_React$Component) {
34
- _inherits(SampleComponent, _React$Component);
35
-
36
- var _super = _createSuper(SampleComponent);
37
-
38
- function SampleComponent(props) {
39
- var _this;
40
-
41
- _classCallCheck(this, SampleComponent);
42
-
43
- _this = _super.call(this, props);
44
- _this.toolTipRef = /*#__PURE__*/_react["default"].createRef();
45
- _this.setToolTipRef = _this.setToolTipRef.bind(_assertThisInitialized(_this));
46
- return _this;
47
- }
48
-
49
- _createClass(SampleComponent, [{
50
- key: "setToolTipRef",
51
- value: function setToolTipRef(ref) {
52
- this.toolTipRef = ref;
53
- }
54
- }, {
55
- key: "render",
56
- value: function render() {
57
- var _this2 = this;
58
-
59
- return /*#__PURE__*/_react["default"].createElement("div", {
60
- onMouseOver: function onMouseOver(e) {
61
- return _this2.toolTipRef && _this2.toolTipRef.handleOver(e);
62
- },
63
- "data-id": "sampleComponent"
64
- }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
65
- "data-title": "Register Account",
66
- "data-id": "registeraccount"
67
- }, "Register")), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
68
- ref: this.setToolTipRef
69
- }));
70
- }
71
- }]);
72
-
73
- return SampleComponent;
74
- }(_react["default"].Component);
75
-
76
- describe('Tooltip component conditions', function () {
77
- it('Is HandleOver Executed', function () {
78
- var sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(SampleComponent, null));
79
- sampleComponent.toolTipRef.handleOver = jest.fn();
80
- var component = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'sampleComponent');
81
- TestUtils.Simulate.mouseOver(component);
82
- expect(sampleComponent.toolTipRef.handleOver).toHaveBeenCalled();
83
- });
84
- it('Is reset Executed', function () {
85
- var sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(SampleComponent, null));
86
- sampleComponent.toolTipRef.reset = jest.fn();
87
- var component = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'sampleComponent');
88
- TestUtils.Simulate.mouseOver(component);
89
- expect(sampleComponent.toolTipRef.reset).toHaveBeenCalled();
90
- });
91
- it('Is click & mouseUp Declared', function () {
92
- var sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(SampleComponent, null));
93
- var component = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'sampleComponent');
94
- var registerComp = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'registeraccount');
95
- TestUtils.Simulate.mouseOver(component);
96
- expect(registerComp.click && registerComp.mouseUp).not.toBeNull();
97
- });
98
- });
@@ -1,127 +0,0 @@
1
- .wrapper {
2
- position: relative;
3
- }
4
- .disabled, .readOnly {
5
- cursor: not-allowed;
6
- }
7
- .container {
8
- max-height: var(--zd_size120) ;
9
- composes: oflowy from '../common/common.module.css';
10
- }
11
- .hasBorder {
12
- transition: border var(--zd_transition2) linear 0s;
13
- border-bottom-style: solid;
14
- border-bottom-width: 1px;
15
- }
16
- .borderColor_transparent {
17
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_border);
18
- }
19
- .effect .borderColor_transparent:hover {
20
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_hover_border);
21
- }
22
- .effect .borderColor_transparent.active {
23
- border-bottom-color: var(--zdt_advancedmultiselect_transparent_active_border);
24
- }
25
- .borderColor_default {
26
- border-bottom-color: var(--zdt_advancedmultiselect_default_border);
27
- }
28
- .effect .borderColor_default:hover {
29
- border-bottom-color: var(--zdt_advancedmultiselect_default_hover_border);
30
- }
31
- .effect .borderColor_default.active {
32
- border-bottom-color: var(--zdt_advancedmultiselect_default_active_border);
33
- }
34
- .borderColor_dark {
35
- border-bottom-color: var(--zdt_advancedmultiselect_dark_border);
36
- }
37
- .effect .borderColor_dark:hover {
38
- border-bottom-color: var(--zdt_advancedmultiselect_dark_hover_border);
39
- }
40
- .effect .borderColor_dark.active {
41
- border-bottom-color: var(--zdt_advancedmultiselect_dark_active_border);
42
- }
43
- [dir=ltr] .container.medium {
44
- padding: 0 var(--zd_size34) var(--zd_size7) 0 ;
45
- }
46
- [dir=rtl] .container.medium {
47
- padding: 0 0 var(--zd_size7) var(--zd_size34) ;
48
- }
49
- .container.xmedium {
50
- min-height: var(--zd_size30) ;
51
- }
52
- [dir=ltr] .container.xmedium {
53
- padding: 0 var(--zd_size34) var(--zd_size1) 0 ;
54
- }
55
- [dir=rtl] .container.xmedium {
56
- padding: 0 0 var(--zd_size1) var(--zd_size34) ;
57
- }
58
-
59
- .delete {
60
- position: absolute;
61
- bottom: 0 ;
62
- color: var(--zdt_advancedmultiselect_delete_text);
63
- padding-bottom: var(--zd_size10) ;
64
- cursor: pointer;
65
- background-color: var(--zdt_advancedmultiselect_delete_bg);
66
- border: 0;
67
- }
68
-
69
- [dir=ltr] .delete {
70
- right: var(--zd_size15) ;
71
- }
72
-
73
- [dir=rtl] .delete {
74
- left: var(--zd_size15) ;
75
- }
76
-
77
- .delete:hover {
78
- color: var(--zdt_advancedmultiselect_delete_hover_text);
79
- }
80
- .transparentContainer .delete {
81
- opacity: 0;
82
- visibility: hidden;
83
- }
84
- .transparentContainer:hover .delete {
85
- opacity: 1;
86
- visibility: visible;
87
- }
88
-
89
- .box {
90
- background: var(--zdt_advancedmultiselect_box_bg);
91
- }
92
-
93
- .small {
94
- max-height: var(--zd_size200) ;
95
- }
96
-
97
- .medium {
98
- max-height: var(--zd_size350) ;
99
- }
100
-
101
- .large {
102
- max-height: var(--zd_size400) ;
103
- }
104
-
105
- .dropContainer {
106
- display: inline-block;
107
- max-width: 100% ;
108
- margin-bottom: var(--zd_size5) ;
109
- }
110
-
111
- .dropPopup {
112
- font-size: var(--zd_font_size13) ;
113
- }
114
-
115
- .dropPopup :global .toggleDropIcon {
116
- color: var(--zdt_advancedmultiselect_droppopup_text);
117
- }
118
-
119
- .more {
120
- font-size: var(--zd_font_size14) ;
121
- color: var(--zdt_advancedmultiselect_more_text);
122
- font-family: inherit;
123
- cursor: pointer;
124
- margin-top: var(--zd_size5) ;
125
- background-color: var(--zdt_advancedmultiselect_delete_bg);
126
- border: 0;
127
- }
@@ -1,82 +0,0 @@
1
- "use strict";
2
-
3
- var componentAppearanceVariables = [{
4
- "comment": "advanced multiselect",
5
- "data": {
6
- "zdt_advancedmultiselect_default_border": {
7
- 'light': ['var(--dot_inputLine)'],
8
- 'dark': ['var(--dot_inputLine)'],
9
- 'pureDark': ['var(--dot_inputLine)']
10
- },
11
- "zdt_advancedmultiselect_transparent_border": {
12
- 'light': ['var(--dot_mirror)'],
13
- 'dark': ['var(--dot_mirror)'],
14
- 'pureDark': ['var(--dot_mirror)']
15
- },
16
- "zdt_advancedmultiselect_dark_border": {
17
- 'light': ['var(--dot_mulledwine)'],
18
- 'dark': ['var(--dot_mulledwine)'],
19
- 'pureDark': ['var(--dot_mulledwine)']
20
- },
21
- "zdt_advancedmultiselect_default_hover_border": {
22
- 'light': ['var(--dot_inputLineHover)'],
23
- 'dark': ['var(--dot_inputLineHover)'],
24
- 'pureDark': ['var(--dot_inputLineHover)']
25
- },
26
- "zdt_advancedmultiselect_transparent_hover_border": {
27
- 'light': ['var(--dot_inputLineHover)'],
28
- 'dark': ['var(--dot_inputLineHover)'],
29
- 'pureDark': ['var(--dot_inputLineHover)']
30
- },
31
- "zdt_advancedmultiselect_dark_hover_border": {
32
- 'light': ['var(--dot_stardust)'],
33
- 'dark': ['var(--dot_stardust)'],
34
- 'pureDark': ['var(--dot_stardust)']
35
- },
36
- "zdt_advancedmultiselect_default_active_border": {
37
- 'light': ['var(--dot_inputLineFocus)'],
38
- 'dark': ['var(--dot_inputLineFocus)'],
39
- 'pureDark': ['var(--dot_inputLineFocus)']
40
- },
41
- "zdt_advancedmultiselect_transparent_active_border": {
42
- 'light': ['var(--dot_inputLineFocus)'],
43
- 'dark': ['var(--dot_inputLineFocus)'],
44
- 'pureDark': ['var(--dot_inputLineFocus)']
45
- },
46
- "zdt_advancedmultiselect_dark_active_border": {
47
- 'light': ['var(--dot_stardust)'],
48
- 'dark': ['var(--dot_stardust)'],
49
- 'pureDark': ['var(--dot_stardust)']
50
- },
51
- "zdt_advancedmultiselect_delete_text": {
52
- 'light': ['var(--dot_shuttleGrey)'],
53
- 'dark': ['var(--dot_cadetblue)'],
54
- 'pureDark': ['#999']
55
- },
56
- "zdt_advancedmultiselect_delete_hover_text": {
57
- 'light': ['var(--dot_black)'],
58
- 'dark': ['var(--dot_platinum)'],
59
- 'pureDark': ['var(--dot_platinum)']
60
- },
61
- "zdt_advancedmultiselect_delete_bg": {
62
- 'light': ['var(--dot_mirror)'],
63
- 'dark': ['var(--dot_mirror)'],
64
- 'pureDark': ['var(--dot_mirror)']
65
- },
66
- "zdt_advancedmultiselect_box_bg": {
67
- 'light': ['var(--dot_white)'],
68
- 'dark': ['var(--dot_ebonyclay)'],
69
- 'pureDark': ['#212121']
70
- },
71
- "zdt_advancedmultiselect_droppopup_text": {
72
- 'light': ['var(--dot_slateGrey)'],
73
- 'dark': ['var(--dot_oslogrey)'],
74
- 'pureDark': ['var(--dot_oslogrey)']
75
- },
76
- "zdt_advancedmultiselect_more_text": {
77
- 'light': ['var(--zdt_cta_primary_text)'],
78
- 'dark': ['var(--zdt_cta_primary_text)'],
79
- 'pureDark': ['var(--zdt_cta_primary_text)']
80
- }
81
- }
82
- }];
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- var _constructFullName = require("../constructFullName");
4
-
5
- describe('constructFullName specification', function () {
6
- it('firstname, lastname pattern', function () {
7
- expect((0, _constructFullName.constructFullNameByPattern)('A', 'Vimalesan', ['FIRST_NAME', 'LAST_NAME'])).toEqual('A Vimalesan');
8
- });
9
- it('lastname firstname pattern', function () {
10
- expect((0, _constructFullName.constructFullNameByPattern)('A', 'Vimalesan', ['LAST_NAME', 'FIRST_NAME'])).toEqual('Vimalesan A');
11
- });
12
- });
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- var _debounce = require("../debounce");
4
-
5
- describe('debounce specification', function () {
6
- beforeEach(function () {
7
- jest.useFakeTimers();
8
- });
9
- it('should call immediate', function () {
10
- var mockfn = jest.fn();
11
- var dMockfn = (0, _debounce.debounce)(mockfn, 1000, true);
12
- dMockfn(); //expect(setTimeout).toHaveBeenCalledTimes(1);
13
-
14
- expect(mockfn.mock.calls.length).toBe(1);
15
- });
16
- it('should call two times but it invoke multiple times', function () {
17
- var mockfn = jest.fn();
18
- var dMockfn = (0, _debounce.debounce)(mockfn, 1000, true);
19
- dMockfn();
20
- dMockfn();
21
- dMockfn();
22
- dMockfn();
23
- dMockfn();
24
- setTimeout(function () {
25
- expect(mockfn.mock.calls.length).toBe(2);
26
- }, 1000);
27
- });
28
- it('should call one time but it invoke multiple times', function () {
29
- var mockfn = jest.fn();
30
- var dMockfn = (0, _debounce.debounce)(mockfn, 1000);
31
- dMockfn();
32
- dMockfn();
33
- dMockfn();
34
- dMockfn();
35
- dMockfn();
36
- setTimeout(function () {
37
- expect(mockfn.mock.calls.length).toBe(1);
38
- }, 1000);
39
- });
40
- });
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- var _getInitial = require("../getInitial");
4
-
5
- describe('getInitial specification', function () {
6
- it('first name alone', function () {
7
- expect((0, _getInitial.getInitial)('vimalesan')).toEqual('V');
8
- });
9
- it('last name alone', function () {
10
- expect((0, _getInitial.getInitial)(null, 'vimalesan')).toEqual('VI');
11
- });
12
- it('first name and last name alone', function () {
13
- expect((0, _getInitial.getInitial)('vimalesan', 'a')).toEqual('VA');
14
- });
15
- it('last name with single character', function () {
16
- expect((0, _getInitial.getInitial)(null, 'v')).toEqual('V');
17
- });
18
- });
19
- describe('getInitialByPattern specification', function () {
20
- it('first name and last name pattern', function () {
21
- expect((0, _getInitial.getInitialByPattern)('vimalesan', 'a', ['FIRST_NAME', 'LAST_NAME'])).toEqual('VA');
22
- });
23
- it('last name and first name pattern', function () {
24
- expect((0, _getInitial.getInitialByPattern)('vimalesan', 'a', ['LAST_NAME', 'FIRST_NAME'])).toEqual('AV');
25
- });
26
- });