@zohodesk/components 1.0.0-temp-165 → 1.0.0-temp-167

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 (418) hide show
  1. package/README.md +1266 -1237
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +346 -0
  3. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +452 -0
  4. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +35 -0
  5. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +45 -0
  6. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +452 -0
  7. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +35 -0
  8. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +45 -0
  9. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +452 -0
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +35 -0
  11. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +45 -0
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +452 -0
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +35 -0
  14. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +45 -0
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +452 -0
  16. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +35 -0
  17. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +45 -0
  18. package/assets/Appearance/light/mode/Component_LightMode.module.css +346 -0
  19. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +452 -0
  20. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +35 -0
  21. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +45 -0
  22. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +452 -0
  23. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +35 -0
  24. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +45 -0
  25. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +452 -0
  26. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +35 -0
  27. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +45 -0
  28. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +452 -0
  29. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +35 -0
  30. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +45 -0
  31. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +452 -0
  32. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +35 -0
  33. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +45 -0
  34. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +346 -0
  35. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +452 -0
  36. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +35 -0
  37. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +45 -0
  38. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +452 -0
  39. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +35 -0
  40. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +45 -0
  41. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +452 -0
  42. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +35 -0
  43. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +45 -0
  44. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +452 -0
  45. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +35 -0
  46. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +45 -0
  47. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +452 -0
  48. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +35 -0
  49. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +45 -0
  50. package/assets/Contrast/lightContrastLightness.module.css +39 -0
  51. package/es/AppContainer/AppContainer.module.css +18 -18
  52. package/es/Avatar/Avatar.js +9 -9
  53. package/es/Avatar/Avatar.module.css +175 -175
  54. package/es/AvatarTeam/AvatarTeam.js +7 -7
  55. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  56. package/es/Button/Button.js +4 -4
  57. package/es/Button/__tests__/Button.spec.js +61 -0
  58. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  59. package/es/Button/css/Button.module.css +525 -525
  60. package/es/Buttongroup/Buttongroup.js +2 -2
  61. package/es/Buttongroup/Buttongroup.module.css +105 -105
  62. package/es/Card/Card.js +4 -4
  63. package/es/Card/Card.module.css +20 -20
  64. package/es/CheckBox/CheckBox.js +0 -0
  65. package/es/CheckBox/CheckBox.module.css +157 -157
  66. package/es/DateTime/CalendarView.js +0 -0
  67. package/es/DateTime/DateTime.js +37 -3
  68. package/es/DateTime/DateTime.module.css +235 -235
  69. package/es/DateTime/DateWidget.js +0 -0
  70. package/es/DateTime/DateWidget.module.css +38 -38
  71. package/es/DateTime/YearView.js +0 -0
  72. package/es/DateTime/YearView.module.css +98 -98
  73. package/es/DateTime/common.js +0 -0
  74. package/es/DateTime/index.js +0 -0
  75. package/es/DateTime/objectUtils.js +0 -0
  76. package/es/DateTime/typeChecker.js +0 -0
  77. package/es/DateTime/validator.js +0 -0
  78. package/es/DropBox/DropBox.js +24 -12
  79. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  80. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  81. package/es/DropBox/css/DropBox.module.css +58 -58
  82. package/es/DropBox/props/defaultProps.js +2 -1
  83. package/es/DropBox/props/propTypes.js +2 -1
  84. package/es/DropDown/DropDown.js +0 -0
  85. package/es/DropDown/DropDown.module.css +5 -5
  86. package/es/DropDown/DropDownHeading.js +0 -0
  87. package/es/DropDown/DropDownHeading.module.css +53 -53
  88. package/es/DropDown/DropDownItem.js +0 -0
  89. package/es/DropDown/DropDownItem.module.css +94 -94
  90. package/es/DropDown/DropDownSearch.js +0 -0
  91. package/es/DropDown/DropDownSearch.module.css +14 -14
  92. package/es/DropDown/DropDownSeparator.js +0 -0
  93. package/es/DropDown/DropDownSeparator.module.css +7 -7
  94. package/es/Heading/Heading.module.css +4 -4
  95. package/es/Label/Label.js +4 -9
  96. package/es/Label/Label.module.css +52 -52
  97. package/es/Label/LabelColors.module.css +20 -20
  98. package/es/Label/props/propTypes.js +1 -4
  99. package/es/Layout/Box.js +0 -0
  100. package/es/Layout/Container.js +0 -0
  101. package/es/Layout/Layout.module.css +335 -335
  102. package/es/Layout/utils.js +0 -0
  103. package/es/ListItem/ListContainer.js +3 -2
  104. package/es/ListItem/ListItem.js +8 -3
  105. package/es/ListItem/ListItem.module.css +216 -216
  106. package/es/ListItem/ListItemWithAvatar.js +8 -3
  107. package/es/ListItem/ListItemWithCheckBox.js +5 -1
  108. package/es/ListItem/ListItemWithIcon.js +8 -3
  109. package/es/ListItem/ListItemWithRadio.js +5 -1
  110. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  111. package/es/MultiSelect/MultiSelect.js +5 -5
  112. package/es/MultiSelect/MultiSelect.module.css +206 -206
  113. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  114. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  115. package/es/MultiSelect/props/propTypes.js +1 -1
  116. package/es/PopOver/PopOver.module.css +8 -8
  117. package/es/Popup/Popup.js +0 -0
  118. package/es/Popup/PositionMapping.json +73 -73
  119. package/es/Radio/Radio.js +0 -0
  120. package/es/Radio/Radio.module.css +112 -112
  121. package/es/Responsive/CustomResponsive.js +0 -0
  122. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  123. package/es/Ribbon/Ribbon.js +0 -0
  124. package/es/Ribbon/Ribbon.module.css +454 -454
  125. package/es/RippleEffect/RippleEffect.module.css +92 -92
  126. package/es/Select/GroupSelect.js +0 -0
  127. package/es/Select/Select.js +2 -0
  128. package/es/Select/Select.module.css +108 -108
  129. package/es/Select/SelectWithAvatar.js +0 -0
  130. package/es/Select/SelectWithIcon.js +0 -0
  131. package/es/Stencils/Stencils.js +0 -0
  132. package/es/Stencils/Stencils.module.css +96 -96
  133. package/es/Switch/Switch.js +0 -0
  134. package/es/Switch/Switch.module.css +127 -127
  135. package/es/Tab/Tab.module.css +100 -100
  136. package/es/Tab/TabContent.module.css +4 -4
  137. package/es/Tab/Tabs.js +17 -17
  138. package/es/Tab/Tabs.module.css +136 -136
  139. package/es/Tag/Tag.js +8 -8
  140. package/es/Tag/Tag.module.css +254 -254
  141. package/es/TextBox/TextBox.js +0 -0
  142. package/es/TextBox/TextBox.module.css +158 -158
  143. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  144. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  145. package/es/Textarea/Textarea.js +0 -0
  146. package/es/Textarea/Textarea.module.css +139 -139
  147. package/es/Tooltip/Tooltip.module.css +140 -140
  148. package/es/common/a11y.module.css +3 -3
  149. package/es/common/animation.module.css +624 -624
  150. package/es/common/avatarsizes.module.css +48 -48
  151. package/es/common/basic.module.css +33 -33
  152. package/es/common/basicReset.module.css +40 -40
  153. package/es/common/boxShadow.module.css +33 -33
  154. package/es/common/common.module.css +524 -524
  155. package/es/common/customscroll.module.css +91 -91
  156. package/es/common/reset.module.css +13 -13
  157. package/es/common/transition.module.css +146 -146
  158. package/es/deprecated/AdvancedMultiSelect.module.css +126 -126
  159. package/es/semantic/Button/semanticButton.module.css +9 -9
  160. package/es/utils/Common.js +0 -0
  161. package/es/utils/dropDownUtils.js +0 -0
  162. package/install.md +10 -10
  163. package/lib/AppContainer/AppContainer.module.css +18 -18
  164. package/lib/Avatar/Avatar.js +9 -9
  165. package/lib/Avatar/Avatar.module.css +175 -175
  166. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  167. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  168. package/lib/Button/Button.js +4 -4
  169. package/lib/Button/__tests__/Button.spec.js +62 -0
  170. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  171. package/lib/Button/css/Button.module.css +525 -525
  172. package/lib/Buttongroup/Buttongroup.js +2 -2
  173. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  174. package/lib/Card/Card.js +4 -4
  175. package/lib/Card/Card.module.css +20 -20
  176. package/lib/CheckBox/CheckBox.js +0 -0
  177. package/lib/CheckBox/CheckBox.module.css +157 -157
  178. package/lib/DateTime/CalendarView.js +0 -0
  179. package/lib/DateTime/DateTime.js +40 -3
  180. package/lib/DateTime/DateTime.module.css +235 -235
  181. package/lib/DateTime/DateWidget.js +0 -0
  182. package/lib/DateTime/DateWidget.module.css +38 -38
  183. package/lib/DateTime/YearView.js +0 -0
  184. package/lib/DateTime/YearView.module.css +98 -98
  185. package/lib/DateTime/common.js +0 -0
  186. package/lib/DateTime/index.js +0 -0
  187. package/lib/DateTime/objectUtils.js +0 -0
  188. package/lib/DateTime/typeChecker.js +0 -0
  189. package/lib/DateTime/validator.js +0 -0
  190. package/lib/DropBox/DropBox.js +26 -12
  191. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  192. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  193. package/lib/DropBox/css/DropBox.module.css +58 -58
  194. package/lib/DropBox/props/defaultProps.js +2 -1
  195. package/lib/DropBox/props/propTypes.js +2 -1
  196. package/lib/DropDown/DropDown.js +0 -0
  197. package/lib/DropDown/DropDown.module.css +5 -5
  198. package/lib/DropDown/DropDownHeading.js +0 -0
  199. package/lib/DropDown/DropDownHeading.module.css +53 -53
  200. package/lib/DropDown/DropDownItem.js +0 -0
  201. package/lib/DropDown/DropDownItem.module.css +94 -94
  202. package/lib/DropDown/DropDownSearch.js +0 -0
  203. package/lib/DropDown/DropDownSearch.module.css +14 -14
  204. package/lib/DropDown/DropDownSeparator.js +0 -0
  205. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  206. package/lib/Heading/Heading.module.css +4 -4
  207. package/lib/Label/Label.js +2 -6
  208. package/lib/Label/Label.module.css +52 -52
  209. package/lib/Label/LabelColors.module.css +20 -20
  210. package/lib/Label/props/propTypes.js +1 -4
  211. package/lib/Layout/Box.js +0 -0
  212. package/lib/Layout/Container.js +0 -0
  213. package/lib/Layout/Layout.module.css +335 -335
  214. package/lib/Layout/utils.js +0 -0
  215. package/lib/ListItem/ListContainer.js +4 -2
  216. package/lib/ListItem/ListItem.js +14 -3
  217. package/lib/ListItem/ListItem.module.css +216 -216
  218. package/lib/ListItem/ListItemWithAvatar.js +14 -3
  219. package/lib/ListItem/ListItemWithCheckBox.js +12 -1
  220. package/lib/ListItem/ListItemWithIcon.js +14 -3
  221. package/lib/ListItem/ListItemWithRadio.js +12 -1
  222. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  223. package/lib/MultiSelect/MultiSelect.js +5 -5
  224. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  225. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  226. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  227. package/lib/MultiSelect/props/propTypes.js +1 -1
  228. package/lib/PopOver/PopOver.module.css +8 -8
  229. package/lib/Popup/Popup.js +0 -0
  230. package/lib/Popup/PositionMapping.json +73 -73
  231. package/lib/Radio/Radio.js +0 -0
  232. package/lib/Radio/Radio.module.css +112 -112
  233. package/lib/Responsive/CustomResponsive.js +0 -0
  234. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  235. package/lib/Ribbon/Ribbon.js +0 -0
  236. package/lib/Ribbon/Ribbon.module.css +454 -454
  237. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  238. package/lib/Select/GroupSelect.js +0 -0
  239. package/lib/Select/Select.js +2 -0
  240. package/lib/Select/Select.module.css +108 -108
  241. package/lib/Select/SelectWithAvatar.js +0 -0
  242. package/lib/Select/SelectWithIcon.js +0 -0
  243. package/lib/Stencils/Stencils.js +0 -0
  244. package/lib/Stencils/Stencils.module.css +96 -96
  245. package/lib/Switch/Switch.js +0 -0
  246. package/lib/Switch/Switch.module.css +127 -127
  247. package/lib/Tab/Tab.module.css +100 -100
  248. package/lib/Tab/TabContent.module.css +4 -4
  249. package/lib/Tab/Tabs.js +11 -11
  250. package/lib/Tab/Tabs.module.css +136 -136
  251. package/lib/Tag/Tag.js +8 -8
  252. package/lib/Tag/Tag.module.css +254 -254
  253. package/lib/TextBox/TextBox.js +0 -0
  254. package/lib/TextBox/TextBox.module.css +158 -158
  255. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  256. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  257. package/lib/Textarea/Textarea.js +0 -0
  258. package/lib/Textarea/Textarea.module.css +139 -139
  259. package/lib/Tooltip/Tooltip.module.css +140 -140
  260. package/lib/common/a11y.module.css +3 -3
  261. package/lib/common/animation.module.css +624 -624
  262. package/lib/common/avatarsizes.module.css +48 -48
  263. package/lib/common/basic.module.css +33 -33
  264. package/lib/common/basicReset.module.css +40 -40
  265. package/lib/common/boxShadow.module.css +33 -33
  266. package/lib/common/common.module.css +524 -524
  267. package/lib/common/customscroll.module.css +91 -91
  268. package/lib/common/reset.module.css +13 -13
  269. package/lib/common/transition.module.css +146 -146
  270. package/lib/deprecated/AdvancedMultiSelect.module.css +126 -126
  271. package/lib/semantic/Button/semanticButton.module.css +9 -9
  272. package/lib/utils/Common.js +0 -0
  273. package/lib/utils/dropDownUtils.js +0 -0
  274. package/package.json +122 -113
  275. package/postPublish.js +8 -0
  276. package/prePublish.js +70 -0
  277. package/result.json +1 -0
  278. package/assets/Appearance/dark/mode/darkMode.module.css +0 -346
  279. package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +0 -452
  280. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  281. package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -45
  282. package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +0 -452
  283. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  284. package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -45
  285. package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +0 -452
  286. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  287. package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -45
  288. package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +0 -452
  289. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  290. package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -45
  291. package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +0 -452
  292. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  293. package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -45
  294. package/assets/Appearance/default/mode/defaultMode.module.css +0 -346
  295. package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +0 -452
  296. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  297. package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -45
  298. package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +0 -452
  299. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  300. package/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -45
  301. package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +0 -452
  302. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  303. package/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -45
  304. package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +0 -452
  305. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  306. package/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -45
  307. package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +0 -452
  308. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  309. package/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -45
  310. package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +0 -346
  311. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +0 -452
  312. package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +0 -34
  313. package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +0 -45
  314. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +0 -452
  315. package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +0 -34
  316. package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +0 -45
  317. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +0 -452
  318. package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +0 -34
  319. package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +0 -45
  320. package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +0 -452
  321. package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +0 -34
  322. package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +0 -45
  323. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +0 -452
  324. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +0 -34
  325. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +0 -45
  326. package/assets/Contrast/defaultContrastLightness.module.css +0 -39
  327. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  328. package/es/Animation/__tests__/Animation.spec.js +0 -17
  329. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  330. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  331. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  332. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  333. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  334. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  335. package/es/Card/__tests__/Card.spec.js +0 -36
  336. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  337. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  338. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  339. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  340. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  341. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  342. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  343. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  344. package/es/Label/__tests__/Label.spec.js +0 -120
  345. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  346. package/es/Layout/__tests__/Box.spec.js +0 -114
  347. package/es/Layout/__tests__/Container.spec.js +0 -120
  348. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  349. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  350. package/es/Popup/__tests__/Popup.spec.js +0 -134
  351. package/es/Radio/__tests__/Radiospec.js +0 -23
  352. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  353. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  354. package/es/Select/__tests__/Select.spec.js +0 -345
  355. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  356. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  357. package/es/Tab/__tests__/Tab.spec.js +0 -117
  358. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  359. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  360. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  361. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  362. package/es/Tag/__tests__/Tag.spec.js +0 -28
  363. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  364. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  365. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  366. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  367. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  368. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  369. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  370. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  371. package/es/utils/__tests__/debounce.spec.js +0 -37
  372. package/es/utils/__tests__/getInitial.spec.js +0 -23
  373. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  374. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  375. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  376. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  377. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  378. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  379. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  380. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  381. package/lib/Card/__tests__/Card.spec.js +0 -56
  382. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  383. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  384. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  385. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  386. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  387. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  388. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  389. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  390. package/lib/Label/__tests__/Label.spec.js +0 -137
  391. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  392. package/lib/Layout/__tests__/Box.spec.js +0 -121
  393. package/lib/Layout/__tests__/Container.spec.js +0 -127
  394. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  395. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  396. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  397. package/lib/Radio/__tests__/Radiospec.js +0 -29
  398. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  399. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  400. package/lib/Select/__tests__/Select.spec.js +0 -383
  401. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  402. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  403. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  404. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  405. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  406. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  407. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  408. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  409. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  410. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  411. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  412. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  413. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  414. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  415. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  416. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  417. package/lib/utils/__tests__/debounce.spec.js +0 -40
  418. package/lib/utils/__tests__/getInitial.spec.js +0 -26
@@ -1,383 +0,0 @@
1
- "use strict";
2
-
3
- var _expect = _interopRequireDefault(require("expect"));
4
-
5
- var _Select = _interopRequireDefault(require("../Select"));
6
-
7
- var _ListItem = _interopRequireDefault(require("../../ListItem/ListItem"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
12
-
13
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
14
-
15
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
16
-
17
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
18
-
19
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
20
-
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
-
23
- describe('Select component conditions', function () {
24
- it('Select component with down arrow', function () {
25
- var _setup = setup(_Select["default"], {
26
- needSelectDownIcon: true,
27
- dataId: 'selectComp'
28
- }),
29
- renderedDOM = _setup.renderedDOM;
30
-
31
- var downIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
32
- (0, _expect["default"])(TestUtils.isDOMComponent(downIconEle)).toBeTruthy();
33
- });
34
- it('Select component without down arrow', function () {
35
- var _setup2 = setup(_Select["default"], {
36
- needSelectDownIcon: false,
37
- dataId: 'selectComp'
38
- }),
39
- renderedDOM = _setup2.renderedDOM;
40
-
41
- var downIcons = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
42
- (0, _expect["default"])(downIcons.length).toBe(0);
43
- });
44
- it('Select component with search box', function () {
45
- var _setup3 = setup(_Select["default"], {
46
- needSearch: true,
47
- isPopupOpen: true,
48
- isPopupReady: true,
49
- dataId: 'selectComp'
50
- }),
51
- renderedDOM = _setup3.renderedDOM;
52
-
53
- var textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
54
- (0, _expect["default"])(textBoxes.length).toBe(1);
55
- });
56
- it('Select component without search box', function () {
57
- var _setup4 = setup(_Select["default"], {
58
- needSearch: false,
59
- isPopupOpen: true,
60
- dataId: 'selectComp'
61
- }),
62
- renderedDOM = _setup4.renderedDOM;
63
-
64
- var textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
65
- (0, _expect["default"])(textBoxes.length).toBe(0);
66
- });
67
- it('Should Show empty message', function () {
68
- var _setup5 = setup(_Select["default"], {
69
- isPopupOpen: true,
70
- dataId: 'selectComp'
71
- }),
72
- renderedDOM = _setup5.renderedDOM;
73
-
74
- var emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_noOptnsMsg');
75
- (0, _expect["default"])(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
76
- });
77
- it('Should render suggestions, When popup open', function () {
78
- var _setup6 = setup(_Select["default"], {
79
- dataId: 'selectComp',
80
- isPopupOpen: true
81
- }),
82
- renderedDOM = _setup6.renderedDOM;
83
-
84
- var suggestionsContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
85
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionsContainer)).toBeTruthy();
86
- });
87
- it('Should not render suggestions, When popup close', function () {
88
- var _setup7 = setup(_Select["default"], {
89
- dataId: 'selectComp',
90
- isPopupOpen: false
91
- }),
92
- renderedDOM = _setup7.renderedDOM;
93
-
94
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
95
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
96
- });
97
- it('Should popup open, When click textBox', function () {
98
- var _setup8 = setup(_Select["default"], {
99
- dataId: 'TextBox'
100
- }),
101
- renderedDOM = _setup8.renderedDOM;
102
-
103
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox');
104
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
105
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
106
- TestUtils.Simulate.click(targetTextBox);
107
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
108
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
109
- });
110
- it('Should popup open, When down arrow press', function () {
111
- var _setup9 = setup(_Select["default"], {
112
- dataId: 'selectComp'
113
- }),
114
- renderedDOM = _setup9.renderedDOM;
115
-
116
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_textBox');
117
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
118
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
119
- TestUtils.Simulate.keyDown(targetTextBox, {
120
- keyCode: 40
121
- });
122
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
123
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
124
- });
125
- xit('Should popup close, When esc key press', function () {
126
- //popup close handling in popup component
127
- var _setup10 = setup(_Select["default"], {
128
- dataId: 'selectComp',
129
- isPopupOpen: true
130
- }),
131
- renderedDOM = _setup10.renderedDOM;
132
-
133
- var suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
134
- (0, _expect["default"])(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
135
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp');
136
- TestUtils.Simulate.keyDown(targetTextBox, {
137
- keyCode: 27
138
- });
139
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
140
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
141
- });
142
- it('Should not popup open, When is readOnly component', function () {
143
- var _setup11 = setup(_Select["default"], {
144
- dataId: 'selectComp',
145
- isReadOnly: true
146
- }),
147
- renderedDOM = _setup11.renderedDOM;
148
-
149
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_readOnly');
150
- TestUtils.Simulate.click(targetTextBox);
151
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
152
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
153
- });
154
- it('Should not popup open, When is disabled component', function () {
155
- var _setup12 = setup(_Select["default"], {
156
- dataId: 'selectComp',
157
- isDisabled: true
158
- }),
159
- renderedDOM = _setup12.renderedDOM;
160
-
161
- var targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_disabled');
162
- TestUtils.Simulate.click(targetTextBox);
163
- var suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
164
- (0, _expect["default"])(suggestionsContainer.length).toBe(0);
165
- });
166
- it('Should Show search empty message', function () {
167
- var _setup13 = setup(_Select["default"], {
168
- needSearch: true,
169
- isPopupOpen: true,
170
- dataId: 'textBox'
171
- }),
172
- renderedDOM = _setup13.renderedDOM;
173
-
174
- var _TestUtils$scryRender = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search'),
175
- _TestUtils$scryRender2 = _slicedToArray(_TestUtils$scryRender, 1),
176
- searchBox = _TestUtils$scryRender2[0];
177
-
178
- TestUtils.Simulate.change(searchBox, {
179
- target: {
180
- value: 'value changed'
181
- }
182
- });
183
- var emptyMessageEle = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_noOptnsMsg');
184
- var searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_srchEmptyMsg');
185
- (0, _expect["default"])(emptyMessageEle.length).toBe(0);
186
- (0, _expect["default"])(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
187
- });
188
- it('Should show loading and hide loading', function (cb) {
189
- var resolveFunc = null;
190
- var newPromise = new Promise(function (res) {
191
- resolveFunc = res;
192
- });
193
- var searchDebounceTime = 0;
194
-
195
- var _setup14 = setup(_Select["default"], {
196
- onSearch: jest.fn(function () {
197
- return newPromise;
198
- }),
199
- needSearch: true,
200
- searchDebounceTime: searchDebounceTime,
201
- isPopupOpen: true,
202
- dataId: 'textBox'
203
- }),
204
- renderedDOM = _setup14.renderedDOM,
205
- props = _setup14.props;
206
-
207
- var _TestUtils$scryRender3 = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search'),
208
- _TestUtils$scryRender4 = _slicedToArray(_TestUtils$scryRender3, 1),
209
- searchBox = _TestUtils$scryRender4[0];
210
-
211
- TestUtils.Simulate.change(searchBox, {
212
- target: {
213
- value: 'value changed'
214
- }
215
- }); //
216
-
217
- setTimeout(function () {
218
- (0, _expect["default"])(props.onSearch).toHaveBeenCalled();
219
- (0, _expect["default"])(props.onSearch.mock.calls[0][0]).toEqual('value changed');
220
- var loadingEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
221
- (0, _expect["default"])(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
222
- resolveFunc();
223
- return newPromise.then(function () {
224
- var loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
225
- (0, _expect["default"])(loadingEleArr.length).toBe(0);
226
- cb();
227
- });
228
- }, searchDebounceTime); //
229
- });
230
- it('Should call onChange, When select list item', function () {
231
- var defaultProps = {
232
- options: [{
233
- id: '1',
234
- text: 'one'
235
- }, {
236
- id: '2',
237
- text: 'two'
238
- }],
239
- onChange: jest.fn(),
240
- isPopupOpen: true
241
- };
242
-
243
- var _setup15 = setup(_Select["default"], defaultProps),
244
- renderedDOM = _setup15.renderedDOM,
245
- props = _setup15.props;
246
-
247
- var _TestUtils$scryRender5 = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'one'),
248
- _TestUtils$scryRender6 = _slicedToArray(_TestUtils$scryRender5, 1),
249
- listItem = _TestUtils$scryRender6[0];
250
-
251
- TestUtils.Simulate.click(listItem);
252
- (0, _expect["default"])(props.onChange).toHaveBeenCalledWith('1', {
253
- id: '1',
254
- text: 'one'
255
- });
256
- });
257
- it('Should not call onChange func, When is readonly component', function () {
258
- var defaultProps = {
259
- options: [{
260
- id: '1',
261
- text: 'one'
262
- }, {
263
- id: '2',
264
- text: 'two'
265
- }],
266
- onChange: jest.fn(),
267
- isReadOnly: true
268
- };
269
-
270
- var _setup16 = setup(_Select["default"], defaultProps),
271
- renderedDOM = _setup16.renderedDOM;
272
-
273
- var listItems = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, '1');
274
- (0, _expect["default"])(listItems.length).toBe(0);
275
- });
276
- it('Should call getNextOptions, When on reach boundary and isNextOptions is true', function () {
277
- var defaultProps = {
278
- options: [1, 2, 3, 4, 5],
279
- getNextOptions: jest.fn(),
280
- isNextOptions: true,
281
- isPopupOpen: true
282
- };
283
-
284
- var _setup17 = setup(_Select["default"], defaultProps),
285
- renderedDOM = _setup17.renderedDOM,
286
- props = _setup17.props;
287
-
288
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
289
- TestUtils.Simulate.keyDown(searchBox, {
290
- keyCode: 40
291
- });
292
- TestUtils.Simulate.keyDown(searchBox, {
293
- keyCode: 40
294
- });
295
- TestUtils.Simulate.keyDown(searchBox, {
296
- keyCode: 40
297
- });
298
- (0, _expect["default"])(props.getNextOptions).toHaveBeenCalled();
299
- });
300
- it('Should not call getNextOptions, When on reach boundary and isNextOptions is false', function () {
301
- var defaultProps = {
302
- options: [1, 2, 3, 4, 5],
303
- getNextOptions: jest.fn(),
304
- isNextOptions: false,
305
- isPopupOpen: true
306
- };
307
-
308
- var _setup18 = setup(_Select["default"], defaultProps),
309
- renderedDOM = _setup18.renderedDOM,
310
- props = _setup18.props;
311
-
312
- var searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
313
- TestUtils.Simulate.keyDown(searchBox, {
314
- keyCode: 40
315
- });
316
- TestUtils.Simulate.keyDown(searchBox, {
317
- keyCode: 40
318
- });
319
- TestUtils.Simulate.keyDown(searchBox, {
320
- keyCode: 40
321
- });
322
- (0, _expect["default"])(props.getNextOptions).not.toHaveBeenCalled();
323
- });
324
- it('Should ignore excludeOptions', function () {
325
- var defaultProps = {
326
- options: ['1', '2', '3', '4', '5'],
327
- excludeOptions: ['1', '2'],
328
- isPopupOpen: true
329
- };
330
-
331
- var _setup19 = setup(_Select["default"], defaultProps),
332
- renderedDOM = _setup19.renderedDOM; // let liteItemArr = TestUtils.scryRenderedComponentsWithTestid(
333
- // renderedDOM,
334
- // 'listItem'
335
- // );
336
-
337
-
338
- var liteItemArr = TestUtils.scryRenderedComponentsWithType(renderedDOM, _ListItem["default"]);
339
- (0, _expect["default"])(liteItemArr.length).toBe(3);
340
- });
341
- it('Should select defaultValue', function () {
342
- var defaultProps = {
343
- options: ['1', '2', '3', '4', '5'],
344
- isDefaultSelectValue: true
345
- };
346
-
347
- var _setup20 = setup(_Select["default"], defaultProps),
348
- renderedDOM = _setup20.renderedDOM;
349
-
350
- var selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
351
- (0, _expect["default"])(selectComp.value).toBe('1');
352
- });
353
- it('Should not select defaultValue', function () {
354
- var defaultProps = {
355
- options: ['1', '2', '3', '4', '5'],
356
- isDefaultSelectValue: false
357
- };
358
-
359
- var _setup21 = setup(_Select["default"], defaultProps),
360
- renderedDOM = _setup21.renderedDOM;
361
-
362
- var selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
363
- (0, _expect["default"])(selectComp.value).toBe('');
364
- });
365
- it('Should active selected value', function () {
366
- var defaultProps = {
367
- options: ['1', '2', '3', '4', '5'],
368
- selectedValue: '1',
369
- isPopupOpen: true
370
- };
371
-
372
- var _setup22 = setup(_Select["default"], defaultProps),
373
- renderedDOM = _setup22.renderedDOM;
374
-
375
- var _TestUtils$scryRender7 = TestUtils.scryRenderedComponentsWithType(renderedDOM, _ListItem["default"]),
376
- _TestUtils$scryRender8 = _slicedToArray(_TestUtils$scryRender7, 2),
377
- listItem1 = _TestUtils$scryRender8[0],
378
- listItem2 = _TestUtils$scryRender8[1];
379
-
380
- (0, _expect["default"])(listItem1.props.active).toBeTruthy();
381
- (0, _expect["default"])(listItem2.props.active).toBeFalsy();
382
- });
383
- });
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Stencils = _interopRequireDefault(require("../Stencils"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Stencils component', function () {
12
- it('should the palette is primary', function () {
13
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
14
- palette: "primary"
15
- }));
16
-
17
- var tree = ele.toJSON();
18
- expect(tree).toMatchSnapshot();
19
- });
20
- it('should the palette is secondary', function () {
21
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
22
- palette: "secondary"
23
- }));
24
-
25
- var tree = ele.toJSON();
26
- expect(tree).toMatchSnapshot();
27
- });
28
- it('should the size is small', function () {
29
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
30
- palette: "default",
31
- size: "small"
32
- }));
33
-
34
- var tree = ele.toJSON();
35
- expect(tree).toMatchSnapshot();
36
- });
37
- it('should the size is medium', function () {
38
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
39
- palette: "default",
40
- size: "small"
41
- }));
42
-
43
- var tree = ele.toJSON();
44
- expect(tree).toMatchSnapshot();
45
- });
46
- it('should the size is large', function () {
47
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
48
- palette: "default",
49
- size: "large"
50
- }));
51
-
52
- var tree = ele.toJSON();
53
- expect(tree).toMatchSnapshot();
54
- });
55
- it('should the size is default', function () {
56
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
57
- palette: "default",
58
- size: "default"
59
- }));
60
-
61
- var tree = ele.toJSON();
62
- expect(tree).toMatchSnapshot();
63
- });
64
- it('should the shape is rect', function () {
65
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
66
- palette: "default",
67
- shape: "rect",
68
- size: "default"
69
- }));
70
-
71
- var tree = ele.toJSON();
72
- expect(tree).toMatchSnapshot();
73
- });
74
- it('should the shape is circle', function () {
75
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
76
- palette: "default",
77
- shape: "circle",
78
- size: "default"
79
- }));
80
-
81
- var tree = ele.toJSON();
82
- expect(tree).toMatchSnapshot();
83
- });
84
- });
@@ -1,49 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Stencils component should the palette is primary 1`] = `
4
- <div
5
- className="rectangular medium primary"
6
- />
7
- `;
8
-
9
- exports[`Stencils component should the palette is secondary 1`] = `
10
- <div
11
- className="rectangular medium secondary"
12
- />
13
- `;
14
-
15
- exports[`Stencils component should the shape is circle 1`] = `
16
- <div
17
- className="circle cdefault default"
18
- />
19
- `;
20
-
21
- exports[`Stencils component should the shape is rect 1`] = `
22
- <div
23
- className="rectangular default default"
24
- />
25
- `;
26
-
27
- exports[`Stencils component should the size is default 1`] = `
28
- <div
29
- className="rectangular default default"
30
- />
31
- `;
32
-
33
- exports[`Stencils component should the size is large 1`] = `
34
- <div
35
- className="rectangular large default"
36
- />
37
- `;
38
-
39
- exports[`Stencils component should the size is medium 1`] = `
40
- <div
41
- className="rectangular small default"
42
- />
43
- `;
44
-
45
- exports[`Stencils component should the size is small 1`] = `
46
- <div
47
- className="rectangular small default"
48
- />
49
- `;
@@ -1,123 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Tab = _interopRequireDefault(require("../Tab"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('Tab Component', function () {
10
- it('Is Contains alpha class', function () {
11
- var _setup = setup(_Tab["default"], {
12
- type: 'alpha',
13
- needAppearance: true,
14
- getActiveRef: function getActiveRef() {}
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabAlpha')).toBe(true);
20
- });
21
- it('Is Contains beta class', function () {
22
- var _setup2 = setup(_Tab["default"], {
23
- type: 'beta',
24
- needAppearance: true,
25
- getActiveRef: function getActiveRef() {}
26
- }),
27
- props = _setup2.props,
28
- renderedDOM = _setup2.renderedDOM;
29
-
30
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabBeta')).toBe(true);
31
- });
32
- it('Is Contains gamma class', function () {
33
- var _setup3 = setup(_Tab["default"], {
34
- type: 'gamma',
35
- needAppearance: true,
36
- getActiveRef: function getActiveRef() {}
37
- }),
38
- props = _setup3.props,
39
- renderedDOM = _setup3.renderedDOM;
40
-
41
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
42
- });
43
- it('Is Contains delta class', function () {
44
- var _setup4 = setup(_Tab["default"], {
45
- type: 'delta',
46
- needAppearance: true,
47
- getActiveRef: function getActiveRef() {}
48
- }),
49
- props = _setup4.props,
50
- renderedDOM = _setup4.renderedDOM;
51
-
52
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabDelta')).toBe(true);
53
- }); // it('Is Contains zeta class', () => {
54
- // const { props, renderedDOM } = setup(Tab, { type: 'zeta', needAppearance: true, getActiveRef: () => { } });
55
- // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
56
- // });
57
- // it('Is Contains special class', () => {
58
- // const { props, renderedDOM } = setup(Tab, { type: 'special', getActiveRef: () => {} });
59
- // expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('special')).toBe(true);
60
- //
61
- // });
62
-
63
- it('Is Contains active class', function () {
64
- var _setup5 = setup(_Tab["default"], {
65
- type: 'alpha',
66
- needAppearance: true,
67
- id: '0',
68
- selectedTab: '0',
69
- isActive: true,
70
- getActiveRef: function getActiveRef() {}
71
- }),
72
- props = _setup5.props,
73
- renderedDOM = _setup5.renderedDOM;
74
-
75
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive')).toBe(true);
76
- });
77
- it('Is Contains border class', function () {
78
- var _setup6 = setup(_Tab["default"], {
79
- isActive: true,
80
- type: 'alpha',
81
- needAppearance: true,
82
- needBorder: true,
83
- getActiveRef: function getActiveRef() {}
84
- }),
85
- props = _setup6.props,
86
- renderedDOM = _setup6.renderedDOM;
87
-
88
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive_border')).toBe(true);
89
- });
90
- it('Is call onClick', function () {
91
- var _setup7 = setup(_Tab["default"], {
92
- id: '2',
93
- onClick: jest.fn(),
94
- onSelect: jest.fn(),
95
- getActiveRef: function getActiveRef() {}
96
- }),
97
- renderedDOM = _setup7.renderedDOM,
98
- props = _setup7.props;
99
-
100
- var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
101
- TestUtils.Simulate.click(tabElement, {
102
- currentTarget: {
103
- offsetLeft: 0,
104
- offsetWidth: 0
105
- }
106
- });
107
- expect(props.onClick).toHaveBeenCalled();
108
- expect(props.onSelect).toHaveBeenLastCalledWith('2');
109
- });
110
- it('is render text span', function () {
111
- var _setup8 = setup(_Tab["default"], {
112
- type: 'alpha',
113
- dataId: 'taskSubtab1',
114
- text: 'Tab1',
115
- getActiveRef: function getActiveRef() {}
116
- }),
117
- renderedDOM = _setup8.renderedDOM,
118
- props = _setup8.props;
119
-
120
- var tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab1_Tab');
121
- expect(tabElement.getAttribute('data-id')).toBe('taskSubtab1_Tab');
122
- });
123
- });
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _TabContent = _interopRequireDefault(require("../TabContent"));
6
-
7
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
8
-
9
- describe('TabContent Component', function () {
10
- it('render TabContent', function () {
11
- var _setup = setup(_TabContent["default"], {
12
- children: /*#__PURE__*/_react["default"].createElement("div", {
13
- "data-id": "tabcontent"
14
- }, "Tab Content")
15
- }),
16
- props = _setup.props,
17
- renderedDOM = _setup.renderedDOM;
18
-
19
- var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabcontent');
20
- expect(component.getAttribute('data-id')).toBe('tabcontent');
21
- });
22
- });