@zohodesk/components 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (316) hide show
  1. package/.cli/MissedPropType_Keys.html +101 -0
  2. package/.cli/PropLessFiles.html +101 -0
  3. package/.cli/PropValidationExcludeFilesArray.js +3 -0
  4. package/.cli/propValidation_report.html +155 -0
  5. package/README.md +1277 -1270
  6. package/coverage/Button/Button.js.html +301 -0
  7. package/coverage/Button/css/Button.module.css.html +1441 -0
  8. package/coverage/Button/css/cssJSLogic.js.html +214 -0
  9. package/coverage/Button/css/index.html +131 -0
  10. package/coverage/Button/index.html +116 -0
  11. package/coverage/Button/props/defaultProps.js.html +139 -0
  12. package/coverage/Button/props/index.html +131 -0
  13. package/coverage/Button/props/propTypes.js.html +202 -0
  14. package/coverage/Buttongroup/Buttongroup.js.html +220 -0
  15. package/coverage/Buttongroup/Buttongroup.module.css.html +298 -0
  16. package/coverage/Buttongroup/index.html +131 -0
  17. package/coverage/Buttongroup/props/defaultProps.js.html +103 -0
  18. package/coverage/Buttongroup/props/index.html +131 -0
  19. package/coverage/Buttongroup/props/propTypes.js.html +115 -0
  20. package/coverage/base.css +224 -0
  21. package/coverage/block-navigation.js +87 -0
  22. package/coverage/coverage-final.json +11 -0
  23. package/coverage/coverage-summary.json +12 -0
  24. package/coverage/favicon.png +0 -0
  25. package/coverage/index.html +191 -0
  26. package/coverage/prettify.css +1 -0
  27. package/coverage/prettify.js +2 -0
  28. package/coverage/sort-arrow-sprite.png +0 -0
  29. package/coverage/sorter.js +196 -0
  30. package/coverage/utils/dummyFunction.js.html +88 -0
  31. package/coverage/utils/index.html +116 -0
  32. package/es/AppContainer/AppContainer.module.css +18 -18
  33. package/es/Avatar/Avatar.js +9 -9
  34. package/es/Avatar/Avatar.module.css +175 -175
  35. package/es/AvatarTeam/AvatarTeam.js +7 -7
  36. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  37. package/es/Button/Button.js +5 -5
  38. package/es/Button/__tests__/Button.spec.js +122 -61
  39. package/es/Button/css/Button.module.css +525 -525
  40. package/es/Button/css/cssJSLogic.js +1 -1
  41. package/es/Button/props/propTypes.js +0 -1
  42. package/es/Buttongroup/Buttongroup.js +1 -1
  43. package/es/Buttongroup/Buttongroup.module.css +105 -105
  44. package/es/Buttongroup/__tests__/Buttongroup.spec.js +37 -0
  45. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  46. package/es/Card/Card.js +4 -4
  47. package/es/Card/Card.module.css +20 -20
  48. package/es/Card/props/propTypes.js +9 -4
  49. package/es/CheckBox/CheckBox.js +0 -0
  50. package/es/CheckBox/CheckBox.module.css +157 -157
  51. package/es/CheckBox/props/propTypes.js +0 -2
  52. package/es/DateTime/CalendarView.js +0 -0
  53. package/es/DateTime/DateTime.js +0 -0
  54. package/es/DateTime/DateTime.module.css +235 -235
  55. package/es/DateTime/DateTimePopupFooter.js +5 -1
  56. package/es/DateTime/DateTimePopupHeader.js +3 -1
  57. package/es/DateTime/DateWidget.js +0 -1
  58. package/es/DateTime/DateWidget.module.css +38 -38
  59. package/es/DateTime/DaysRow.js +3 -1
  60. package/es/DateTime/Time.js +4 -0
  61. package/es/DateTime/YearView.js +0 -1
  62. package/es/DateTime/YearView.module.css +98 -98
  63. package/es/DateTime/common.js +0 -0
  64. package/es/DateTime/index.js +0 -0
  65. package/es/DateTime/objectUtils.js +0 -0
  66. package/es/DateTime/props/defaultProps.js +6 -0
  67. package/es/DateTime/props/propTypes.js +58 -6
  68. package/es/DateTime/typeChecker.js +0 -0
  69. package/es/DateTime/validator.js +0 -0
  70. package/es/DropBox/DropBox.js +0 -0
  71. package/es/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  72. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  73. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  74. package/es/DropBox/DropBoxElement/props/propTypes.js +7 -1
  75. package/es/DropBox/DropBoxPositionMapping.json +144 -144
  76. package/es/DropBox/css/DropBox.module.css +58 -58
  77. package/es/DropBox/props/propTypes.js +2 -1
  78. package/es/DropDown/DropDown.js +0 -0
  79. package/es/DropDown/DropDown.module.css +5 -5
  80. package/es/DropDown/DropDownHeading.js +0 -0
  81. package/es/DropDown/DropDownHeading.module.css +53 -53
  82. package/es/DropDown/DropDownItem.js +0 -0
  83. package/es/DropDown/DropDownItem.module.css +94 -94
  84. package/es/DropDown/DropDownSearch.js +0 -0
  85. package/es/DropDown/DropDownSearch.module.css +14 -14
  86. package/es/DropDown/DropDownSeparator.js +0 -0
  87. package/es/DropDown/DropDownSeparator.module.css +7 -7
  88. package/es/DropDown/props/propTypes.js +5 -18
  89. package/es/Heading/Heading.module.css +4 -4
  90. package/es/Label/Label.js +2 -2
  91. package/es/Label/Label.module.css +52 -52
  92. package/es/Label/LabelColors.module.css +20 -20
  93. package/es/Label/props/propTypes.js +2 -1
  94. package/es/Layout/Box.js +2 -1
  95. package/es/Layout/Container.js +2 -1
  96. package/es/Layout/Layout.module.css +335 -335
  97. package/es/Layout/utils.js +0 -0
  98. package/es/ListItem/ListItem.js +0 -0
  99. package/es/ListItem/ListItem.module.css +216 -216
  100. package/es/ListItem/props/propTypes.js +9 -4
  101. package/es/Modal/props/propTypes.js +2 -1
  102. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  103. package/es/MultiSelect/MultiSelect.js +5 -5
  104. package/es/MultiSelect/MultiSelect.module.css +206 -206
  105. package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
  106. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  107. package/es/MultiSelect/props/propTypes.js +15 -31
  108. package/es/PopOver/PopOver.js +1 -9
  109. package/es/PopOver/PopOver.module.css +8 -8
  110. package/es/Popup/Popup.js +0 -0
  111. package/es/Popup/PositionMapping.json +73 -73
  112. package/es/Radio/Radio.js +1 -6
  113. package/es/Radio/Radio.module.css +112 -112
  114. package/es/Radio/props/propTypes.js +3 -2
  115. package/es/Responsive/CustomResponsive.js +0 -0
  116. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  117. package/es/ResponsiveDropBox/props/propTypes.js +2 -1
  118. package/es/Ribbon/Ribbon.js +0 -0
  119. package/es/Ribbon/Ribbon.module.css +454 -454
  120. package/es/RippleEffect/RippleEffect.module.css +92 -92
  121. package/es/Select/GroupSelect.js +0 -0
  122. package/es/Select/Select.js +0 -0
  123. package/es/Select/Select.module.css +108 -108
  124. package/es/Select/SelectWithAvatar.js +0 -0
  125. package/es/Select/SelectWithIcon.js +0 -0
  126. package/es/Select/props/propTypes.js +17 -6
  127. package/es/Stencils/Stencils.js +0 -0
  128. package/es/Stencils/Stencils.module.css +96 -96
  129. package/es/Switch/Switch.js +0 -0
  130. package/es/Switch/Switch.module.css +127 -127
  131. package/es/Tab/Tab.module.css +100 -100
  132. package/es/Tab/TabContent.module.css +4 -4
  133. package/es/Tab/Tabs.js +17 -17
  134. package/es/Tab/Tabs.module.css +136 -136
  135. package/es/Tab/props/propTypes.js +0 -1
  136. package/es/Tag/Tag.js +8 -8
  137. package/es/Tag/Tag.module.css +254 -254
  138. package/es/TextBox/TextBox.js +0 -0
  139. package/es/TextBox/TextBox.module.css +158 -158
  140. package/es/TextBox/props/propTypes.js +2 -1
  141. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  142. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  143. package/es/TextBoxIcon/props/propTypes.js +2 -1
  144. package/es/Textarea/Textarea.js +0 -0
  145. package/es/Textarea/Textarea.module.css +139 -139
  146. package/es/Textarea/props/propTypes.js +0 -1
  147. package/es/Tooltip/Tooltip.module.css +140 -140
  148. package/es/Tooltip/props/propTypes.js +0 -3
  149. package/es/common/a11y.module.css +3 -3
  150. package/es/common/animation.module.css +624 -624
  151. package/es/common/avatarsizes.module.css +48 -48
  152. package/es/common/basic.module.css +33 -33
  153. package/es/common/basicReset.module.css +40 -40
  154. package/es/common/boxShadow.module.css +33 -33
  155. package/es/common/common.module.css +524 -524
  156. package/es/common/customscroll.module.css +91 -91
  157. package/es/common/reset.module.css +13 -13
  158. package/es/common/transition.module.css +146 -146
  159. package/es/deprecated/PortalLayer/PortalLayer.js +3 -2
  160. package/es/deprecated/PortalLayer/props/propTypes.js +7 -0
  161. package/es/semantic/Button/props/propTypes.js +1 -5
  162. package/es/semantic/Button/semanticButton.module.css +9 -9
  163. package/es/utils/Common.js +0 -0
  164. package/es/utils/dropDownUtils.js +0 -0
  165. package/es/utils/index.js +0 -2
  166. package/install.md +10 -10
  167. package/lib/AppContainer/AppContainer.module.css +18 -18
  168. package/lib/Avatar/Avatar.js +9 -9
  169. package/lib/Avatar/Avatar.module.css +175 -175
  170. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  171. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  172. package/lib/Button/Button.js +5 -5
  173. package/lib/Button/__tests__/Button.spec.js +129 -62
  174. package/lib/Button/css/Button.module.css +525 -525
  175. package/lib/Button/css/cssJSLogic.js +1 -1
  176. package/lib/Button/props/propTypes.js +0 -1
  177. package/lib/Buttongroup/Buttongroup.js +1 -1
  178. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  179. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  180. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  181. package/lib/Card/Card.js +4 -4
  182. package/lib/Card/Card.module.css +20 -20
  183. package/lib/Card/props/propTypes.js +9 -4
  184. package/lib/CheckBox/CheckBox.js +0 -0
  185. package/lib/CheckBox/CheckBox.module.css +157 -157
  186. package/lib/CheckBox/props/propTypes.js +0 -2
  187. package/lib/DateTime/CalendarView.js +0 -0
  188. package/lib/DateTime/DateTime.js +0 -0
  189. package/lib/DateTime/DateTime.module.css +235 -235
  190. package/lib/DateTime/DateTimePopupFooter.js +7 -1
  191. package/lib/DateTime/DateTimePopupHeader.js +4 -1
  192. package/lib/DateTime/DateWidget.js +0 -1
  193. package/lib/DateTime/DateWidget.module.css +38 -38
  194. package/lib/DateTime/DaysRow.js +4 -1
  195. package/lib/DateTime/Time.js +6 -0
  196. package/lib/DateTime/YearView.js +0 -1
  197. package/lib/DateTime/YearView.module.css +98 -98
  198. package/lib/DateTime/common.js +0 -0
  199. package/lib/DateTime/index.js +0 -0
  200. package/lib/DateTime/objectUtils.js +0 -0
  201. package/lib/DateTime/props/defaultProps.js +10 -2
  202. package/lib/DateTime/props/propTypes.js +64 -8
  203. package/lib/DateTime/typeChecker.js +0 -0
  204. package/lib/DateTime/validator.js +0 -0
  205. package/lib/DropBox/DropBox.js +0 -0
  206. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  207. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  208. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  209. package/lib/DropBox/DropBoxElement/props/propTypes.js +7 -1
  210. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  211. package/lib/DropBox/css/DropBox.module.css +58 -58
  212. package/lib/DropBox/props/propTypes.js +2 -1
  213. package/lib/DropDown/DropDown.js +0 -0
  214. package/lib/DropDown/DropDown.module.css +5 -5
  215. package/lib/DropDown/DropDownHeading.js +0 -0
  216. package/lib/DropDown/DropDownHeading.module.css +53 -53
  217. package/lib/DropDown/DropDownItem.js +0 -0
  218. package/lib/DropDown/DropDownItem.module.css +94 -94
  219. package/lib/DropDown/DropDownSearch.js +0 -0
  220. package/lib/DropDown/DropDownSearch.module.css +14 -14
  221. package/lib/DropDown/DropDownSeparator.js +0 -0
  222. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  223. package/lib/DropDown/props/propTypes.js +11 -19
  224. package/lib/Heading/Heading.module.css +4 -4
  225. package/lib/Label/Label.js +0 -0
  226. package/lib/Label/Label.module.css +52 -52
  227. package/lib/Label/LabelColors.module.css +20 -20
  228. package/lib/Label/props/propTypes.js +2 -1
  229. package/lib/Layout/Box.js +0 -1
  230. package/lib/Layout/Container.js +0 -1
  231. package/lib/Layout/Layout.module.css +335 -335
  232. package/lib/Layout/utils.js +0 -0
  233. package/lib/ListItem/ListItem.js +0 -0
  234. package/lib/ListItem/ListItem.module.css +216 -216
  235. package/lib/ListItem/props/propTypes.js +9 -4
  236. package/lib/Modal/props/propTypes.js +2 -1
  237. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
  238. package/lib/MultiSelect/MultiSelect.js +5 -5
  239. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  240. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
  241. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  242. package/lib/MultiSelect/props/propTypes.js +15 -31
  243. package/lib/PopOver/PopOver.js +1 -8
  244. package/lib/PopOver/PopOver.module.css +8 -8
  245. package/lib/Popup/Popup.js +0 -0
  246. package/lib/Popup/PositionMapping.json +73 -73
  247. package/lib/Radio/Radio.js +1 -6
  248. package/lib/Radio/Radio.module.css +112 -112
  249. package/lib/Radio/props/propTypes.js +3 -2
  250. package/lib/Responsive/CustomResponsive.js +0 -0
  251. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  252. package/lib/ResponsiveDropBox/props/propTypes.js +11 -2
  253. package/lib/Ribbon/Ribbon.js +0 -0
  254. package/lib/Ribbon/Ribbon.module.css +454 -454
  255. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  256. package/lib/Select/GroupSelect.js +0 -0
  257. package/lib/Select/Select.js +0 -0
  258. package/lib/Select/Select.module.css +108 -108
  259. package/lib/Select/SelectWithAvatar.js +0 -0
  260. package/lib/Select/SelectWithIcon.js +0 -0
  261. package/lib/Select/props/propTypes.js +17 -6
  262. package/lib/Stencils/Stencils.js +0 -0
  263. package/lib/Stencils/Stencils.module.css +96 -96
  264. package/lib/Switch/Switch.js +0 -0
  265. package/lib/Switch/Switch.module.css +127 -127
  266. package/lib/Tab/Tab.module.css +100 -100
  267. package/lib/Tab/TabContent.module.css +4 -4
  268. package/lib/Tab/Tabs.js +11 -11
  269. package/lib/Tab/Tabs.module.css +136 -136
  270. package/lib/Tab/props/propTypes.js +0 -1
  271. package/lib/Tag/Tag.js +8 -8
  272. package/lib/Tag/Tag.module.css +254 -254
  273. package/lib/TextBox/TextBox.js +0 -0
  274. package/lib/TextBox/TextBox.module.css +158 -158
  275. package/lib/TextBox/props/propTypes.js +1 -1
  276. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  277. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  278. package/lib/TextBoxIcon/props/propTypes.js +11 -2
  279. package/lib/Textarea/Textarea.js +0 -0
  280. package/lib/Textarea/Textarea.module.css +139 -139
  281. package/lib/Textarea/props/propTypes.js +0 -1
  282. package/lib/Tooltip/Tooltip.module.css +140 -140
  283. package/lib/Tooltip/props/propTypes.js +0 -3
  284. package/lib/common/a11y.module.css +3 -3
  285. package/lib/common/animation.module.css +624 -624
  286. package/lib/common/avatarsizes.module.css +48 -48
  287. package/lib/common/basic.module.css +33 -33
  288. package/lib/common/basicReset.module.css +40 -40
  289. package/lib/common/boxShadow.module.css +33 -33
  290. package/lib/common/common.module.css +524 -524
  291. package/lib/common/customscroll.module.css +91 -91
  292. package/lib/common/reset.module.css +13 -13
  293. package/lib/common/transition.module.css +146 -146
  294. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -1
  295. package/lib/deprecated/PortalLayer/props/propTypes.js +10 -2
  296. package/lib/semantic/Button/props/propTypes.js +1 -5
  297. package/lib/semantic/Button/semanticButton.module.css +9 -9
  298. package/lib/utils/Common.js +0 -0
  299. package/lib/utils/dropDownUtils.js +0 -0
  300. package/lib/utils/index.js +1 -19
  301. package/package.json +92 -121
  302. package/postPublish.js +8 -8
  303. package/prePublish.js +70 -70
  304. package/react-cli.config.js +24 -0
  305. package/result.json +1 -1
  306. package/unittest/index.html +37 -0
  307. package/es/deprecated/AdvancedMultiSelect.module.css +0 -127
  308. package/es/deprecated/advancedMultiSelectVariableJson.js +0 -80
  309. package/es/utils/css/compileClassNames.js +0 -28
  310. package/es/utils/css/mergeStyle.js +0 -57
  311. package/es/utils/css/utils.js +0 -24
  312. package/lib/deprecated/AdvancedMultiSelect.module.css +0 -127
  313. package/lib/deprecated/advancedMultiSelectVariableJson.js +0 -82
  314. package/lib/utils/css/compileClassNames.js +0 -37
  315. package/lib/utils/css/mergeStyle.js +0 -69
  316. package/lib/utils/css/utils.js +0 -41
package/coverage/Button/Button.js.html ADDED
@@ -0,0 +1,301 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for Button/Button.js</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../prettify.css" />
9
+ <link rel="stylesheet" href="../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../index.html">All files</a> / <a href="index.html">Button</a> Button.js</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>7/7</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">90.9% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>10/11</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>7/7</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
139
+ <span class="cline-any cline-neutral">&nbsp;</span>
140
+ <span class="cline-any cline-neutral">&nbsp;</span>
141
+ <span class="cline-any cline-neutral">&nbsp;</span>
142
+ <span class="cline-any cline-neutral">&nbsp;</span>
143
+ <span class="cline-any cline-neutral">&nbsp;</span>
144
+ <span class="cline-any cline-neutral">&nbsp;</span>
145
+ <span class="cline-any cline-neutral">&nbsp;</span>
146
+ <span class="cline-any cline-neutral">&nbsp;</span>
147
+ <span class="cline-any cline-neutral">&nbsp;</span>
148
+ <span class="cline-any cline-neutral">&nbsp;</span>
149
+ <span class="cline-any cline-neutral">&nbsp;</span>
150
+ <span class="cline-any cline-neutral">&nbsp;</span>
151
+ <span class="cline-any cline-neutral">&nbsp;</span>
152
+ <span class="cline-any cline-neutral">&nbsp;</span>
153
+ <span class="cline-any cline-neutral">&nbsp;</span>
154
+ <span class="cline-any cline-neutral">&nbsp;</span>
155
+ <span class="cline-any cline-neutral">&nbsp;</span>
156
+ <span class="cline-any cline-neutral">&nbsp;</span>
157
+ <span class="cline-any cline-neutral">&nbsp;</span>
158
+ <span class="cline-any cline-neutral">&nbsp;</span>
159
+ <span class="cline-any cline-neutral">&nbsp;</span>
160
+ <span class="cline-any cline-neutral">&nbsp;</span>
161
+ <span class="cline-any cline-neutral">&nbsp;</span>
162
+ <span class="cline-any cline-neutral">&nbsp;</span>
163
+ <span class="cline-any cline-neutral">&nbsp;</span>
164
+ <span class="cline-any cline-yes">28x</span>
165
+ <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-yes">28x</span>
167
+ <span class="cline-any cline-neutral">&nbsp;</span>
168
+ <span class="cline-any cline-yes">28x</span>
169
+ <span class="cline-any cline-neutral">&nbsp;</span>
170
+ <span class="cline-any cline-neutral">&nbsp;</span>
171
+ <span class="cline-any cline-neutral">&nbsp;</span>
172
+ <span class="cline-any cline-neutral">&nbsp;</span>
173
+ <span class="cline-any cline-yes">28x</span>
174
+ <span class="cline-any cline-neutral">&nbsp;</span>
175
+ <span class="cline-any cline-yes">28x</span>
176
+ <span class="cline-any cline-neutral">&nbsp;</span>
177
+ <span class="cline-any cline-neutral">&nbsp;</span>
178
+ <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-neutral">&nbsp;</span>
180
+ <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
+ <span class="cline-any cline-neutral">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-neutral">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-neutral">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-yes">1x</span>
201
+ <span class="cline-any cline-neutral">&nbsp;</span>
202
+ <span class="cline-any cline-yes">1x</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
211
+ import { defaultProps } from './props/defaultProps';
212
+ import { propTypes } from './props/propTypes';
213
+ import cssJSLogic from './css/cssJSLogic';
214
+ import { mergeStyle } from '@zohodesk/utils';
215
+ import style from './css/Button.module.css';
216
+ /*
217
+ Button text and children props?
218
+ use children for both cases
219
+ toLowerCase check needed?
220
+ */
221
+ /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
222
+ export default function Button(props) {
223
+ let {
224
+ text,
225
+ disabled,
226
+ onClick,
227
+ status,
228
+ children,
229
+ dataId,
230
+ needAppearance,
231
+ getRef,
232
+ title,
233
+ dataSelectorId,
234
+ customProps,
235
+ customStyle
236
+ } = props;
237
+ &nbsp;
238
+ const finalStyle = mergeStyle(style, customStyle);
239
+ &nbsp;
240
+ const { buttonClass, loaderParentClass, loaderChildClass } = cssJSLogic({
241
+ props,
242
+ style: finalStyle
243
+ });
244
+ &nbsp;
245
+ let statusLower = status.toLowerCase();
246
+ &nbsp;
247
+ return (
248
+ &lt;button
249
+ className={buttonClass}
250
+ data-id={disabled ? `${dataId}_disabled` : dataId}
251
+ data-test-id={disabled ? `${dataId}_disabled` : dataId}
252
+ disabled={disabled || statusLower === 'loading'}
253
+ onClick={onClick}
254
+ data-title={title}
255
+ type='button'
256
+ ref={getRef}
257
+ data-selector-id={dataSelectorId}
258
+ {...customProps}
259
+ &gt;
260
+ {children ? <span class="branch-0 cbranch-no" title="branch not covered" >children </span>: text}
261
+ {statusLower !== 'none' &amp;&amp; needAppearance &amp;&amp; (
262
+ &lt;div className={finalStyle.overlay}&gt;
263
+ &lt;div className={loaderParentClass}&gt;
264
+ &lt;div className={loaderChildClass} /&gt;
265
+ &lt;/div&gt;
266
+ &lt;/div&gt;
267
+ )}
268
+ &lt;/button&gt;
269
+ );
270
+ }
271
+ &nbsp;
272
+ Button.defaultProps = defaultProps;
273
+ &nbsp;
274
+ Button.propTypes = propTypes;
275
+ &nbsp;
276
+ // if (__DOCS__) {
277
+ // Button.docs = {
278
+ // componentGroup: 'Form Elements',
279
+ // folderName: 'Style Guide'
280
+ // };
281
+ // }
282
+ &nbsp;</pre></td></tr></table></pre>
283
+
284
+ <div class='push'></div><!-- for sticky footer -->
285
+ </div><!-- /wrapper -->
286
+ <div class='footer quiet pad2 space-top1 center small'>
287
+ Code coverage generated by
288
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
289
+ at 2023-08-07T17:01:03.143Z
290
+ </div>
291
+ <script src="../prettify.js"></script>
292
+ <script>
293
+ window.onload = function () {
294
+ prettyPrint();
295
+ };
296
+ </script>
297
+ <script src="../sorter.js"></script>
298
+ <script src="../block-navigation.js"></script>
299
+ </body>
300
+ </html>
301
+