@zohodesk/components 1.0.0-temp-166 → 1.0.0-temp-168

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 (439) 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 +160 -0
  5. package/README.md +1277 -1246
  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 +313 -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 +145 -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 +11 -7
  53. package/es/Button/__tests__/Button.spec.js +122 -0
  54. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +468 -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/defaultProps.js +3 -1
  58. package/es/Button/props/propTypes.js +0 -1
  59. package/es/Buttongroup/Buttongroup.js +2 -2
  60. package/es/Buttongroup/Buttongroup.module.css +105 -105
  61. package/es/Buttongroup/__tests__/Buttongroup.spec.js +37 -0
  62. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  63. package/es/Card/Card.js +4 -4
  64. package/es/Card/Card.module.css +20 -20
  65. package/es/Card/props/propTypes.js +9 -4
  66. package/es/CheckBox/CheckBox.js +0 -0
  67. package/es/CheckBox/CheckBox.module.css +157 -157
  68. package/es/CheckBox/props/propTypes.js +0 -2
  69. package/es/DateTime/CalendarView.js +0 -0
  70. package/es/DateTime/DateTime.js +2 -2
  71. package/es/DateTime/DateTime.module.css +235 -235
  72. package/es/DateTime/DateTimePopupFooter.js +5 -1
  73. package/es/DateTime/DateTimePopupHeader.js +3 -1
  74. package/es/DateTime/DateWidget.js +0 -1
  75. package/es/DateTime/DateWidget.module.css +38 -38
  76. package/es/DateTime/DaysRow.js +3 -1
  77. package/es/DateTime/Time.js +4 -0
  78. package/es/DateTime/YearView.js +0 -1
  79. package/es/DateTime/YearView.module.css +98 -98
  80. package/es/DateTime/common.js +0 -0
  81. package/es/DateTime/index.js +0 -0
  82. package/es/DateTime/objectUtils.js +0 -0
  83. package/es/DateTime/props/defaultProps.js +6 -0
  84. package/es/DateTime/props/propTypes.js +58 -6
  85. package/es/DateTime/typeChecker.js +0 -0
  86. package/es/DateTime/validator.js +0 -0
  87. package/es/DropBox/DropBox.js +24 -12
  88. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  89. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  90. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  91. package/es/DropBox/DropBoxElement/props/propTypes.js +7 -1
  92. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  93. package/es/DropBox/css/DropBox.module.css +58 -58
  94. package/es/DropBox/props/defaultProps.js +2 -1
  95. package/es/DropBox/props/propTypes.js +3 -1
  96. package/es/DropDown/DropDown.js +0 -0
  97. package/es/DropDown/DropDown.module.css +5 -5
  98. package/es/DropDown/DropDownHeading.js +0 -0
  99. package/es/DropDown/DropDownHeading.module.css +53 -53
  100. package/es/DropDown/DropDownItem.js +0 -0
  101. package/es/DropDown/DropDownItem.module.css +94 -94
  102. package/es/DropDown/DropDownSearch.js +0 -0
  103. package/es/DropDown/DropDownSearch.module.css +14 -14
  104. package/es/DropDown/DropDownSeparator.js +0 -0
  105. package/es/DropDown/DropDownSeparator.module.css +7 -7
  106. package/es/DropDown/props/propTypes.js +5 -18
  107. package/es/Heading/Heading.module.css +4 -4
  108. package/es/Label/Label.js +9 -4
  109. package/es/Label/Label.module.css +52 -52
  110. package/es/Label/LabelColors.module.css +20 -20
  111. package/es/Label/props/propTypes.js +5 -1
  112. package/es/Layout/Box.js +2 -1
  113. package/es/Layout/Container.js +2 -1
  114. package/es/Layout/Layout.module.css +335 -335
  115. package/es/Layout/utils.js +0 -0
  116. package/es/ListItem/ListContainer.js +3 -2
  117. package/es/ListItem/ListItem.js +8 -3
  118. package/es/ListItem/ListItem.module.css +216 -216
  119. package/es/ListItem/ListItemWithAvatar.js +8 -3
  120. package/es/ListItem/ListItemWithCheckBox.js +5 -1
  121. package/es/ListItem/ListItemWithIcon.js +8 -3
  122. package/es/ListItem/ListItemWithRadio.js +5 -1
  123. package/es/ListItem/props/propTypes.js +9 -4
  124. package/es/Modal/props/propTypes.js +2 -1
  125. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  126. package/es/MultiSelect/MultiSelect.js +5 -5
  127. package/es/MultiSelect/MultiSelect.module.css +206 -206
  128. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  129. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  130. package/es/MultiSelect/props/propTypes.js +16 -32
  131. package/es/PopOver/PopOver.js +1 -9
  132. package/es/PopOver/PopOver.module.css +8 -8
  133. package/es/Popup/Popup.js +0 -0
  134. package/es/Popup/PositionMapping.json +73 -73
  135. package/es/Radio/Radio.js +1 -6
  136. package/es/Radio/Radio.module.css +112 -112
  137. package/es/Radio/props/propTypes.js +3 -2
  138. package/es/Responsive/CustomResponsive.js +0 -0
  139. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  140. package/es/ResponsiveDropBox/props/propTypes.js +2 -1
  141. package/es/Ribbon/Ribbon.js +0 -0
  142. package/es/Ribbon/Ribbon.module.css +454 -454
  143. package/es/RippleEffect/RippleEffect.module.css +92 -92
  144. package/es/Select/GroupSelect.js +0 -0
  145. package/es/Select/Select.js +2 -0
  146. package/es/Select/Select.module.css +108 -108
  147. package/es/Select/SelectWithAvatar.js +0 -0
  148. package/es/Select/SelectWithIcon.js +0 -0
  149. package/es/Select/props/propTypes.js +17 -6
  150. package/es/Stencils/Stencils.js +0 -0
  151. package/es/Stencils/Stencils.module.css +96 -96
  152. package/es/Switch/Switch.js +0 -0
  153. package/es/Switch/Switch.module.css +127 -127
  154. package/es/Tab/Tab.module.css +100 -100
  155. package/es/Tab/TabContent.module.css +4 -4
  156. package/es/Tab/Tabs.js +17 -17
  157. package/es/Tab/Tabs.module.css +136 -136
  158. package/es/Tab/props/propTypes.js +0 -1
  159. package/es/Tag/Tag.js +8 -8
  160. package/es/Tag/Tag.module.css +254 -254
  161. package/es/TextBox/TextBox.js +0 -0
  162. package/es/TextBox/TextBox.module.css +158 -158
  163. package/es/TextBox/props/propTypes.js +2 -1
  164. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  165. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  166. package/es/TextBoxIcon/props/propTypes.js +2 -1
  167. package/es/Textarea/Textarea.js +0 -0
  168. package/es/Textarea/Textarea.module.css +139 -139
  169. package/es/Textarea/props/propTypes.js +0 -1
  170. package/es/Tooltip/Tooltip.module.css +140 -140
  171. package/es/Tooltip/props/propTypes.js +0 -3
  172. package/es/common/a11y.module.css +3 -3
  173. package/es/common/animation.module.css +624 -624
  174. package/es/common/avatarsizes.module.css +48 -48
  175. package/es/common/basic.module.css +33 -33
  176. package/es/common/basicReset.module.css +40 -40
  177. package/es/common/boxShadow.module.css +33 -33
  178. package/es/common/common.module.css +524 -524
  179. package/es/common/customscroll.module.css +91 -91
  180. package/es/common/reset.module.css +13 -13
  181. package/es/common/transition.module.css +146 -146
  182. package/es/deprecated/PortalLayer/PortalLayer.js +3 -2
  183. package/es/deprecated/PortalLayer/props/propTypes.js +7 -0
  184. package/es/semantic/Button/props/propTypes.js +1 -5
  185. package/es/semantic/Button/semanticButton.module.css +9 -9
  186. package/es/utils/Common.js +0 -0
  187. package/es/utils/dropDownUtils.js +0 -0
  188. package/es/utils/index.js +0 -2
  189. package/install.md +10 -10
  190. package/lib/AppContainer/AppContainer.module.css +18 -18
  191. package/lib/Avatar/Avatar.js +9 -9
  192. package/lib/Avatar/Avatar.module.css +175 -175
  193. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  194. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  195. package/lib/Button/Button.js +11 -7
  196. package/lib/Button/__tests__/Button.spec.js +129 -0
  197. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +468 -0
  198. package/lib/Button/css/Button.module.css +525 -525
  199. package/lib/Button/css/cssJSLogic.js +1 -1
  200. package/lib/Button/props/defaultProps.js +3 -1
  201. package/lib/Button/props/propTypes.js +0 -1
  202. package/lib/Buttongroup/Buttongroup.js +2 -2
  203. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  204. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  205. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  206. package/lib/Card/Card.js +4 -4
  207. package/lib/Card/Card.module.css +20 -20
  208. package/lib/Card/props/propTypes.js +9 -4
  209. package/lib/CheckBox/CheckBox.js +0 -0
  210. package/lib/CheckBox/CheckBox.module.css +157 -157
  211. package/lib/CheckBox/props/propTypes.js +0 -2
  212. package/lib/DateTime/CalendarView.js +0 -0
  213. package/lib/DateTime/DateTime.js +2 -2
  214. package/lib/DateTime/DateTime.module.css +235 -235
  215. package/lib/DateTime/DateTimePopupFooter.js +7 -1
  216. package/lib/DateTime/DateTimePopupHeader.js +4 -1
  217. package/lib/DateTime/DateWidget.js +0 -1
  218. package/lib/DateTime/DateWidget.module.css +38 -38
  219. package/lib/DateTime/DaysRow.js +4 -1
  220. package/lib/DateTime/Time.js +6 -0
  221. package/lib/DateTime/YearView.js +0 -1
  222. package/lib/DateTime/YearView.module.css +98 -98
  223. package/lib/DateTime/common.js +0 -0
  224. package/lib/DateTime/index.js +0 -0
  225. package/lib/DateTime/objectUtils.js +0 -0
  226. package/lib/DateTime/props/defaultProps.js +10 -2
  227. package/lib/DateTime/props/propTypes.js +64 -8
  228. package/lib/DateTime/typeChecker.js +0 -0
  229. package/lib/DateTime/validator.js +0 -0
  230. package/lib/DropBox/DropBox.js +26 -12
  231. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  232. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  233. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  234. package/lib/DropBox/DropBoxElement/props/propTypes.js +7 -1
  235. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  236. package/lib/DropBox/css/DropBox.module.css +58 -58
  237. package/lib/DropBox/props/defaultProps.js +2 -1
  238. package/lib/DropBox/props/propTypes.js +3 -1
  239. package/lib/DropDown/DropDown.js +0 -0
  240. package/lib/DropDown/DropDown.module.css +5 -5
  241. package/lib/DropDown/DropDownHeading.js +0 -0
  242. package/lib/DropDown/DropDownHeading.module.css +53 -53
  243. package/lib/DropDown/DropDownItem.js +0 -0
  244. package/lib/DropDown/DropDownItem.module.css +94 -94
  245. package/lib/DropDown/DropDownSearch.js +0 -0
  246. package/lib/DropDown/DropDownSearch.module.css +14 -14
  247. package/lib/DropDown/DropDownSeparator.js +0 -0
  248. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  249. package/lib/DropDown/props/propTypes.js +11 -19
  250. package/lib/Heading/Heading.module.css +4 -4
  251. package/lib/Label/Label.js +6 -2
  252. package/lib/Label/Label.module.css +52 -52
  253. package/lib/Label/LabelColors.module.css +20 -20
  254. package/lib/Label/props/propTypes.js +5 -1
  255. package/lib/Layout/Box.js +0 -1
  256. package/lib/Layout/Container.js +0 -1
  257. package/lib/Layout/Layout.module.css +335 -335
  258. package/lib/Layout/utils.js +0 -0
  259. package/lib/ListItem/ListContainer.js +4 -2
  260. package/lib/ListItem/ListItem.js +14 -3
  261. package/lib/ListItem/ListItem.module.css +216 -216
  262. package/lib/ListItem/ListItemWithAvatar.js +14 -3
  263. package/lib/ListItem/ListItemWithCheckBox.js +12 -1
  264. package/lib/ListItem/ListItemWithIcon.js +14 -3
  265. package/lib/ListItem/ListItemWithRadio.js +12 -1
  266. package/lib/ListItem/props/propTypes.js +9 -4
  267. package/lib/Modal/props/propTypes.js +2 -1
  268. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  269. package/lib/MultiSelect/MultiSelect.js +5 -5
  270. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  271. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  272. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  273. package/lib/MultiSelect/props/propTypes.js +16 -32
  274. package/lib/PopOver/PopOver.js +1 -8
  275. package/lib/PopOver/PopOver.module.css +8 -8
  276. package/lib/Popup/Popup.js +0 -0
  277. package/lib/Popup/PositionMapping.json +73 -73
  278. package/lib/Radio/Radio.js +1 -6
  279. package/lib/Radio/Radio.module.css +112 -112
  280. package/lib/Radio/props/propTypes.js +3 -2
  281. package/lib/Responsive/CustomResponsive.js +0 -0
  282. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  283. package/lib/ResponsiveDropBox/props/propTypes.js +11 -2
  284. package/lib/Ribbon/Ribbon.js +0 -0
  285. package/lib/Ribbon/Ribbon.module.css +454 -454
  286. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  287. package/lib/Select/GroupSelect.js +0 -0
  288. package/lib/Select/Select.js +2 -0
  289. package/lib/Select/Select.module.css +108 -108
  290. package/lib/Select/SelectWithAvatar.js +0 -0
  291. package/lib/Select/SelectWithIcon.js +0 -0
  292. package/lib/Select/props/propTypes.js +17 -6
  293. package/lib/Stencils/Stencils.js +0 -0
  294. package/lib/Stencils/Stencils.module.css +96 -96
  295. package/lib/Switch/Switch.js +0 -0
  296. package/lib/Switch/Switch.module.css +127 -127
  297. package/lib/Tab/Tab.module.css +100 -100
  298. package/lib/Tab/TabContent.module.css +4 -4
  299. package/lib/Tab/Tabs.js +11 -11
  300. package/lib/Tab/Tabs.module.css +136 -136
  301. package/lib/Tab/props/propTypes.js +0 -1
  302. package/lib/Tag/Tag.js +8 -8
  303. package/lib/Tag/Tag.module.css +254 -254
  304. package/lib/TextBox/TextBox.js +0 -0
  305. package/lib/TextBox/TextBox.module.css +158 -158
  306. package/lib/TextBox/props/propTypes.js +1 -1
  307. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  308. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  309. package/lib/TextBoxIcon/props/propTypes.js +11 -2
  310. package/lib/Textarea/Textarea.js +0 -0
  311. package/lib/Textarea/Textarea.module.css +139 -139
  312. package/lib/Textarea/props/propTypes.js +0 -1
  313. package/lib/Tooltip/Tooltip.module.css +140 -140
  314. package/lib/Tooltip/props/propTypes.js +0 -3
  315. package/lib/common/a11y.module.css +3 -3
  316. package/lib/common/animation.module.css +624 -624
  317. package/lib/common/avatarsizes.module.css +48 -48
  318. package/lib/common/basic.module.css +33 -33
  319. package/lib/common/basicReset.module.css +40 -40
  320. package/lib/common/boxShadow.module.css +33 -33
  321. package/lib/common/common.module.css +524 -524
  322. package/lib/common/customscroll.module.css +91 -91
  323. package/lib/common/reset.module.css +13 -13
  324. package/lib/common/transition.module.css +146 -146
  325. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -1
  326. package/lib/deprecated/PortalLayer/props/propTypes.js +10 -2
  327. package/lib/semantic/Button/props/propTypes.js +1 -5
  328. package/lib/semantic/Button/semanticButton.module.css +9 -9
  329. package/lib/utils/Common.js +0 -0
  330. package/lib/utils/dropDownUtils.js +0 -0
  331. package/lib/utils/index.js +1 -19
  332. package/package.json +93 -115
  333. package/postPublish.js +8 -0
  334. package/prePublish.js +70 -0
  335. package/react-cli.config.js +24 -0
  336. package/result.json +1 -0
  337. package/unittest/index.html +37 -0
  338. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  339. package/es/Animation/__tests__/Animation.spec.js +0 -17
  340. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  341. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  342. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  343. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  344. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  345. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  346. package/es/Card/__tests__/Card.spec.js +0 -36
  347. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  348. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  349. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  350. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  351. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  352. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  353. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  354. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  355. package/es/Label/__tests__/Label.spec.js +0 -120
  356. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  357. package/es/Layout/__tests__/Box.spec.js +0 -114
  358. package/es/Layout/__tests__/Container.spec.js +0 -120
  359. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  360. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  361. package/es/Popup/__tests__/Popup.spec.js +0 -134
  362. package/es/Radio/__tests__/Radiospec.js +0 -23
  363. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  364. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  365. package/es/Select/__tests__/Select.spec.js +0 -345
  366. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  367. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  368. package/es/Tab/__tests__/Tab.spec.js +0 -117
  369. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  370. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  371. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  372. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  373. package/es/Tag/__tests__/Tag.spec.js +0 -28
  374. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  375. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  376. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  377. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  378. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  379. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  380. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  381. package/es/deprecated/AdvancedMultiSelect.module.css +0 -127
  382. package/es/deprecated/advancedMultiSelectVariableJson.js +0 -80
  383. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  384. package/es/utils/__tests__/debounce.spec.js +0 -37
  385. package/es/utils/__tests__/getInitial.spec.js +0 -23
  386. package/es/utils/css/compileClassNames.js +0 -28
  387. package/es/utils/css/mergeStyle.js +0 -57
  388. package/es/utils/css/utils.js +0 -24
  389. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  390. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  391. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  392. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  393. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  394. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  395. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  396. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  397. package/lib/Card/__tests__/Card.spec.js +0 -56
  398. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  399. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  400. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  401. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  402. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  403. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  404. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  405. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  406. package/lib/Label/__tests__/Label.spec.js +0 -137
  407. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  408. package/lib/Layout/__tests__/Box.spec.js +0 -121
  409. package/lib/Layout/__tests__/Container.spec.js +0 -127
  410. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  411. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  412. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  413. package/lib/Radio/__tests__/Radiospec.js +0 -29
  414. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  415. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  416. package/lib/Select/__tests__/Select.spec.js +0 -383
  417. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  418. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  419. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  420. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  421. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  422. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  423. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  424. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  425. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  426. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  427. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  428. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  429. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  430. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  431. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  432. package/lib/deprecated/AdvancedMultiSelect.module.css +0 -127
  433. package/lib/deprecated/advancedMultiSelectVariableJson.js +0 -82
  434. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  435. package/lib/utils/__tests__/debounce.spec.js +0 -40
  436. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  437. package/lib/utils/css/compileClassNames.js +0 -37
  438. package/lib/utils/css/mergeStyle.js +0 -69
  439. 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
- });