@zohodesk/components 1.1.1 → 1.2.1

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 (320) 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 +1281 -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 +2 -2
  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 +1 -7
  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 +10 -7
  103. package/es/MultiSelect/AdvancedMultiSelect.js +2 -1
  104. package/es/MultiSelect/MultiSelect.js +5 -5
  105. package/es/MultiSelect/MultiSelect.module.css +206 -206
  106. package/es/MultiSelect/MultiSelectWithAvatar.js +2 -1
  107. package/es/MultiSelect/SelectedOptions.module.css +15 -15
  108. package/es/MultiSelect/props/propTypes.js +15 -31
  109. package/es/PopOver/PopOver.js +1 -9
  110. package/es/PopOver/PopOver.module.css +8 -8
  111. package/es/Popup/Popup.js +0 -0
  112. package/es/Popup/PositionMapping.json +73 -73
  113. package/es/Radio/Radio.js +1 -6
  114. package/es/Radio/Radio.module.css +112 -112
  115. package/es/Radio/props/propTypes.js +3 -2
  116. package/es/Responsive/CustomResponsive.js +0 -0
  117. package/es/Responsive/RefWrapper.js +2 -1
  118. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  119. package/es/ResponsiveDropBox/props/propTypes.js +2 -1
  120. package/es/Ribbon/Ribbon.js +0 -0
  121. package/es/Ribbon/Ribbon.module.css +454 -454
  122. package/es/RippleEffect/RippleEffect.module.css +92 -92
  123. package/es/Select/GroupSelect.js +1 -0
  124. package/es/Select/Select.js +0 -0
  125. package/es/Select/Select.module.css +108 -108
  126. package/es/Select/SelectWithAvatar.js +2 -1
  127. package/es/Select/SelectWithIcon.js +5 -2
  128. package/es/Select/props/propTypes.js +17 -6
  129. package/es/Stencils/Stencils.js +0 -0
  130. package/es/Stencils/Stencils.module.css +96 -96
  131. package/es/Switch/Switch.js +0 -0
  132. package/es/Switch/Switch.module.css +127 -127
  133. package/es/Tab/Tab.module.css +100 -100
  134. package/es/Tab/TabContent.module.css +4 -4
  135. package/es/Tab/Tabs.js +17 -17
  136. package/es/Tab/Tabs.module.css +136 -136
  137. package/es/Tab/props/propTypes.js +0 -1
  138. package/es/Tag/Tag.js +8 -8
  139. package/es/Tag/Tag.module.css +254 -254
  140. package/es/TextBox/TextBox.js +0 -0
  141. package/es/TextBox/TextBox.module.css +158 -158
  142. package/es/TextBox/props/propTypes.js +2 -1
  143. package/es/TextBoxIcon/TextBoxIcon.js +0 -0
  144. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  145. package/es/TextBoxIcon/props/propTypes.js +2 -1
  146. package/es/Textarea/Textarea.js +0 -0
  147. package/es/Textarea/Textarea.module.css +139 -139
  148. package/es/Textarea/props/propTypes.js +0 -1
  149. package/es/Tooltip/Tooltip.module.css +140 -140
  150. package/es/Tooltip/props/propTypes.js +0 -3
  151. package/es/common/a11y.module.css +3 -3
  152. package/es/common/animation.module.css +624 -624
  153. package/es/common/avatarsizes.module.css +48 -48
  154. package/es/common/basic.module.css +33 -33
  155. package/es/common/basicReset.module.css +40 -40
  156. package/es/common/boxShadow.module.css +33 -33
  157. package/es/common/common.module.css +524 -524
  158. package/es/common/customscroll.module.css +91 -91
  159. package/es/common/reset.module.css +13 -13
  160. package/es/common/transition.module.css +146 -146
  161. package/es/deprecated/PortalLayer/PortalLayer.js +3 -2
  162. package/es/deprecated/PortalLayer/props/propTypes.js +7 -0
  163. package/es/semantic/Button/props/propTypes.js +1 -5
  164. package/es/semantic/Button/semanticButton.module.css +9 -9
  165. package/es/utils/Common.js +0 -0
  166. package/es/utils/dropDownUtils.js +0 -0
  167. package/es/utils/index.js +0 -2
  168. package/install.md +10 -10
  169. package/lib/AppContainer/AppContainer.module.css +18 -18
  170. package/lib/Avatar/Avatar.js +9 -9
  171. package/lib/Avatar/Avatar.module.css +175 -175
  172. package/lib/AvatarTeam/AvatarTeam.js +7 -7
  173. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  174. package/lib/Button/Button.js +5 -5
  175. package/lib/Button/__tests__/Button.spec.js +129 -62
  176. package/lib/Button/css/Button.module.css +525 -525
  177. package/lib/Button/css/cssJSLogic.js +1 -1
  178. package/lib/Button/props/propTypes.js +0 -1
  179. package/lib/Buttongroup/Buttongroup.js +1 -1
  180. package/lib/Buttongroup/Buttongroup.module.css +105 -105
  181. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  182. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  183. package/lib/Card/Card.js +4 -4
  184. package/lib/Card/Card.module.css +20 -20
  185. package/lib/Card/props/propTypes.js +9 -4
  186. package/lib/CheckBox/CheckBox.js +0 -0
  187. package/lib/CheckBox/CheckBox.module.css +157 -157
  188. package/lib/CheckBox/props/propTypes.js +0 -2
  189. package/lib/DateTime/CalendarView.js +0 -0
  190. package/lib/DateTime/DateTime.js +0 -0
  191. package/lib/DateTime/DateTime.module.css +235 -235
  192. package/lib/DateTime/DateTimePopupFooter.js +7 -1
  193. package/lib/DateTime/DateTimePopupHeader.js +4 -1
  194. package/lib/DateTime/DateWidget.js +2 -2
  195. package/lib/DateTime/DateWidget.module.css +38 -38
  196. package/lib/DateTime/DaysRow.js +4 -1
  197. package/lib/DateTime/Time.js +6 -0
  198. package/lib/DateTime/YearView.js +0 -1
  199. package/lib/DateTime/YearView.module.css +98 -98
  200. package/lib/DateTime/common.js +0 -0
  201. package/lib/DateTime/index.js +0 -0
  202. package/lib/DateTime/objectUtils.js +0 -0
  203. package/lib/DateTime/props/defaultProps.js +10 -2
  204. package/lib/DateTime/props/propTypes.js +64 -8
  205. package/lib/DateTime/typeChecker.js +0 -0
  206. package/lib/DateTime/validator.js +0 -0
  207. package/lib/DropBox/DropBox.js +0 -0
  208. package/lib/DropBox/DropBoxElement/DropBoxElement.js +1 -1
  209. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
  210. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
  211. package/lib/DropBox/DropBoxElement/props/propTypes.js +7 -1
  212. package/lib/DropBox/DropBoxPositionMapping.json +144 -144
  213. package/lib/DropBox/css/DropBox.module.css +58 -58
  214. package/lib/DropBox/props/propTypes.js +2 -1
  215. package/lib/DropDown/DropDown.js +1 -6
  216. package/lib/DropDown/DropDown.module.css +5 -5
  217. package/lib/DropDown/DropDownHeading.js +0 -0
  218. package/lib/DropDown/DropDownHeading.module.css +53 -53
  219. package/lib/DropDown/DropDownItem.js +0 -0
  220. package/lib/DropDown/DropDownItem.module.css +94 -94
  221. package/lib/DropDown/DropDownSearch.js +0 -0
  222. package/lib/DropDown/DropDownSearch.module.css +14 -14
  223. package/lib/DropDown/DropDownSeparator.js +0 -0
  224. package/lib/DropDown/DropDownSeparator.module.css +7 -7
  225. package/lib/DropDown/props/propTypes.js +11 -19
  226. package/lib/Heading/Heading.module.css +4 -4
  227. package/lib/Label/Label.js +0 -0
  228. package/lib/Label/Label.module.css +52 -52
  229. package/lib/Label/LabelColors.module.css +20 -20
  230. package/lib/Label/props/propTypes.js +2 -1
  231. package/lib/Layout/Box.js +0 -1
  232. package/lib/Layout/Container.js +0 -1
  233. package/lib/Layout/Layout.module.css +335 -335
  234. package/lib/Layout/utils.js +0 -0
  235. package/lib/ListItem/ListItem.js +0 -0
  236. package/lib/ListItem/ListItem.module.css +216 -216
  237. package/lib/ListItem/props/propTypes.js +9 -4
  238. package/lib/Modal/props/propTypes.js +2 -1
  239. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +10 -8
  240. package/lib/MultiSelect/AdvancedMultiSelect.js +2 -1
  241. package/lib/MultiSelect/MultiSelect.js +5 -5
  242. package/lib/MultiSelect/MultiSelect.module.css +206 -206
  243. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -1
  244. package/lib/MultiSelect/SelectedOptions.module.css +15 -15
  245. package/lib/MultiSelect/props/propTypes.js +15 -31
  246. package/lib/PopOver/PopOver.js +1 -8
  247. package/lib/PopOver/PopOver.module.css +8 -8
  248. package/lib/Popup/Popup.js +0 -0
  249. package/lib/Popup/PositionMapping.json +73 -73
  250. package/lib/Radio/Radio.js +1 -6
  251. package/lib/Radio/Radio.module.css +112 -112
  252. package/lib/Radio/props/propTypes.js +3 -2
  253. package/lib/Responsive/CustomResponsive.js +0 -0
  254. package/lib/Responsive/RefWrapper.js +2 -1
  255. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
  256. package/lib/ResponsiveDropBox/props/propTypes.js +11 -2
  257. package/lib/Ribbon/Ribbon.js +0 -0
  258. package/lib/Ribbon/Ribbon.module.css +454 -454
  259. package/lib/RippleEffect/RippleEffect.module.css +92 -92
  260. package/lib/Select/GroupSelect.js +1 -0
  261. package/lib/Select/Select.js +0 -0
  262. package/lib/Select/Select.module.css +108 -108
  263. package/lib/Select/SelectWithAvatar.js +2 -1
  264. package/lib/Select/SelectWithIcon.js +5 -3
  265. package/lib/Select/props/propTypes.js +17 -6
  266. package/lib/Stencils/Stencils.js +0 -0
  267. package/lib/Stencils/Stencils.module.css +96 -96
  268. package/lib/Switch/Switch.js +0 -0
  269. package/lib/Switch/Switch.module.css +127 -127
  270. package/lib/Tab/Tab.module.css +100 -100
  271. package/lib/Tab/TabContent.module.css +4 -4
  272. package/lib/Tab/Tabs.js +11 -11
  273. package/lib/Tab/Tabs.module.css +136 -136
  274. package/lib/Tab/props/propTypes.js +0 -1
  275. package/lib/Tag/Tag.js +8 -8
  276. package/lib/Tag/Tag.module.css +254 -254
  277. package/lib/TextBox/TextBox.js +0 -0
  278. package/lib/TextBox/TextBox.module.css +158 -158
  279. package/lib/TextBox/props/propTypes.js +1 -1
  280. package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
  281. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  282. package/lib/TextBoxIcon/props/propTypes.js +11 -2
  283. package/lib/Textarea/Textarea.js +0 -0
  284. package/lib/Textarea/Textarea.module.css +139 -139
  285. package/lib/Textarea/props/propTypes.js +0 -1
  286. package/lib/Tooltip/Tooltip.module.css +140 -140
  287. package/lib/Tooltip/props/propTypes.js +0 -3
  288. package/lib/common/a11y.module.css +3 -3
  289. package/lib/common/animation.module.css +624 -624
  290. package/lib/common/avatarsizes.module.css +48 -48
  291. package/lib/common/basic.module.css +33 -33
  292. package/lib/common/basicReset.module.css +40 -40
  293. package/lib/common/boxShadow.module.css +33 -33
  294. package/lib/common/common.module.css +524 -524
  295. package/lib/common/customscroll.module.css +91 -91
  296. package/lib/common/reset.module.css +13 -13
  297. package/lib/common/transition.module.css +146 -146
  298. package/lib/deprecated/PortalLayer/PortalLayer.js +2 -1
  299. package/lib/deprecated/PortalLayer/props/propTypes.js +10 -2
  300. package/lib/semantic/Button/props/propTypes.js +1 -5
  301. package/lib/semantic/Button/semanticButton.module.css +9 -9
  302. package/lib/utils/Common.js +0 -0
  303. package/lib/utils/dropDownUtils.js +0 -0
  304. package/lib/utils/index.js +1 -19
  305. package/package.json +92 -121
  306. package/postPublish.js +8 -8
  307. package/prePublish.js +70 -70
  308. package/react-cli.config.js +24 -0
  309. package/result.json +1 -1
  310. package/unittest/index.html +37 -0
  311. package/es/deprecated/AdvancedMultiSelect.module.css +0 -127
  312. package/es/deprecated/advancedMultiSelectVariableJson.js +0 -80
  313. package/es/utils/css/compileClassNames.js +0 -28
  314. package/es/utils/css/mergeStyle.js +0 -57
  315. package/es/utils/css/utils.js +0 -24
  316. package/lib/deprecated/AdvancedMultiSelect.module.css +0 -127
  317. package/lib/deprecated/advancedMultiSelectVariableJson.js +0 -82
  318. package/lib/utils/css/compileClassNames.js +0 -37
  319. package/lib/utils/css/mergeStyle.js +0 -69
  320. package/lib/utils/css/utils.js +0 -41
package/.cli/MissedPropType_Keys.html ADDED
@@ -0,0 +1,101 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <link rel="preconnect" href="https://fonts.googleapis.com">
6
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7
+ <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
8
+
9
+ <title>Missed PropType Key</title>
10
+ <style>
11
+ body {
12
+ margin: 0;
13
+ padding: 0;
14
+ font-family: 'Asap Condensed', sans-serif;
15
+ }
16
+
17
+ table {
18
+ width: 100%;
19
+ border-collapse: collapse;
20
+ }
21
+
22
+ th {
23
+ position: sticky;
24
+ top: 0;
25
+ background-color: #001C30;
26
+ color: #F5F5F5;
27
+ }
28
+
29
+ th,
30
+ td {
31
+ border: 1px solid black;
32
+ padding: 8px;
33
+ }
34
+
35
+ tr:nth-child(even) {
36
+ background-color: #EDEEF7;
37
+ }
38
+
39
+ .table-container {
40
+ margin-bottom: 20px;
41
+ }
42
+ </style>
43
+ </head>
44
+
45
+ <body>
46
+ <div id="table-container"></div>
47
+ <script>
48
+ const jsonData = {}
49
+ const tableContainer = document.getElementById('table-container');
50
+ const table = document.createElement('table');
51
+ const thead = document.createElement('thead');
52
+ const tbody = document.createElement('tbody');
53
+
54
+ const headerRow = document.createElement('tr');
55
+ const headers = ['No', 'Component', 'FilePath'];
56
+ headers.forEach(header => {
57
+ const th = document.createElement('th');
58
+ th.textContent = header;
59
+ headerRow.appendChild(th);
60
+ });
61
+ thead.appendChild(headerRow);
62
+ table.appendChild(thead);
63
+ var componentCount = 1;
64
+ function generateRows(component, data, innerComponent = '') {
65
+
66
+ const filePath = data.filePath ? data.filePath : '';
67
+
68
+ const row = document.createElement('tr');
69
+ const numbers = document.createElement('td');
70
+ const componentCell = document.createElement('td');
71
+ const filePathCell = document.createElement('td');
72
+
73
+ numbers.textContent = componentCount;
74
+ componentCell.textContent = component;
75
+ filePathCell.textContent = filePath;
76
+
77
+ row.appendChild(numbers);
78
+ row.appendChild(componentCell);
79
+ row.appendChild(filePathCell);
80
+ tbody.appendChild(row);
81
+
82
+ if (data.innerComponent) {
83
+ Object.entries(data.innerComponent).forEach(([innerComp, innerData]) => {
84
+ generateRows(innerComp, innerData, component);
85
+ });
86
+ }
87
+ componentCount++;
88
+ }
89
+
90
+ Object.entries(jsonData).forEach(([component, data]) => {
91
+ generateRows(component, data);
92
+ });
93
+
94
+ table.appendChild(tbody);
95
+ tableContainer.appendChild(table);
96
+
97
+ generateTable(jsonData);
98
+ </script>
99
+ </body>
100
+
101
+ </html>
package/.cli/PropLessFiles.html ADDED
@@ -0,0 +1,101 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <link rel="preconnect" href="https://fonts.googleapis.com">
6
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7
+ <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
8
+
9
+ <title>Prop Less components</title>
10
+ <style>
11
+ body {
12
+ margin: 0;
13
+ padding: 0;
14
+ font-family: 'Asap Condensed', sans-serif;
15
+ }
16
+
17
+ table {
18
+ width: 100%;
19
+ border-collapse: collapse;
20
+ }
21
+
22
+ th {
23
+ position: sticky;
24
+ top: 0;
25
+ background-color: #001C30;
26
+ color: #F5F5F5;
27
+ }
28
+
29
+ th,
30
+ td {
31
+ border: 1px solid black;
32
+ padding: 8px;
33
+ }
34
+
35
+ tr:nth-child(even) {
36
+ background-color: #EDEEF7;
37
+ }
38
+
39
+ .table-container {
40
+ margin-bottom: 20px;
41
+ }
42
+ </style>
43
+ </head>
44
+
45
+ <body>
46
+ <div id="table-container"></div>
47
+ <script>
48
+ const jsonData = {"DateWidget":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/DateWidget.js"},"AdvancedGroupMultiSelectComponent":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/AdvancedGroupMultiSelect.js"},"MultiSelect":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/MultiSelect.js"},"Popup":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Popup/Popup.js"},"LibraryContext":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Provider/LibraryContextInit.js"},"addGlobalId":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Provider/NumberGenerator/NumberGenerator.js"},"decreaseGlobalIds":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Provider/NumberGenerator/NumberGenerator.js"},"GroupSelect":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Select/GroupSelect.js"},"Select":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Select/Select.js"},"SelectWithIconComponent":{"filePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Select/SelectWithIcon.js"}}
49
+ const tableContainer = document.getElementById('table-container');
50
+ const table = document.createElement('table');
51
+ const thead = document.createElement('thead');
52
+ const tbody = document.createElement('tbody');
53
+
54
+ const headerRow = document.createElement('tr');
55
+ const headers = ['No', 'Component', 'FilePath'];
56
+ headers.forEach(header => {
57
+ const th = document.createElement('th');
58
+ th.textContent = header;
59
+ headerRow.appendChild(th);
60
+ });
61
+ thead.appendChild(headerRow);
62
+ table.appendChild(thead);
63
+ var componentCount = 1;
64
+ function generateRows(component, data, innerComponent = '') {
65
+
66
+ const filePath = data.filePath ? data.filePath : '';
67
+
68
+ const row = document.createElement('tr');
69
+ const numbers = document.createElement('td');
70
+ const componentCell = document.createElement('td');
71
+ const filePathCell = document.createElement('td');
72
+
73
+ numbers.textContent = componentCount;
74
+ componentCell.textContent = component;
75
+ filePathCell.textContent = filePath;
76
+
77
+ row.appendChild(numbers);
78
+ row.appendChild(componentCell);
79
+ row.appendChild(filePathCell);
80
+ tbody.appendChild(row);
81
+
82
+ if (data.innerComponent) {
83
+ Object.entries(data.innerComponent).forEach(([innerComp, innerData]) => {
84
+ generateRows(innerComp, innerData, component);
85
+ });
86
+ }
87
+ componentCount++;
88
+ }
89
+
90
+ Object.entries(jsonData).forEach(([component, data]) => {
91
+ generateRows(component, data);
92
+ });
93
+
94
+ table.appendChild(tbody);
95
+ tableContainer.appendChild(table);
96
+
97
+ generateTable(jsonData);
98
+ </script>
99
+ </body>
100
+
101
+ </html>
package/.cli/PropValidationExcludeFilesArray.js ADDED
@@ -0,0 +1,3 @@
1
+ ["src/Layout/Box.js", "src/Layout/Container.js","src/Select/SelectWithAvatar.js",
2
+ "src/MultiSelect/AdvancedMultiSelect.js",
3
+ "src/MultiSelect/MultiSelectWithAvatar.js","src/DropDown/DropDown.js"]
package/.cli/propValidation_report.html ADDED
@@ -0,0 +1,160 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+
4
+ <head>
5
+ <link rel="preconnect" href="https://fonts.googleapis.com">
6
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7
+ <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
8
+
9
+ <title>Prop Validation Report</title>
10
+ <style>
11
+ body {
12
+ margin: 0;
13
+ padding: 0;
14
+ font-family: 'Asap Condensed', sans-serif;
15
+ }
16
+
17
+ table {
18
+ border-collapse: collapse;
19
+ font-size: 14px
20
+ }
21
+
22
+ tr {
23
+ vertical-align: top
24
+ }
25
+
26
+ th {
27
+ position: sticky;
28
+ top: 0;
29
+ background-color: #001C30;
30
+ color: #F5F5F5;
31
+ vertical-align: middle
32
+ }
33
+
34
+ th,
35
+ td {
36
+ border: 1px solid black;
37
+ padding: 8px;
38
+ }
39
+
40
+ tr:nth-child(even) {
41
+ background-color: #EDEEF7;
42
+ }
43
+
44
+ .table-container {
45
+ margin-bottom: 20px;
46
+ }
47
+
48
+ /* tr:hover{
49
+ background:#ecedff
50
+ } */
51
+ td>div>span {
52
+ margin: 2px 3px;
53
+ display: inline-flex;
54
+ background-color: #ededed;
55
+ color: #212121;
56
+ padding: 3px 5px;
57
+ border-radius: 5px;
58
+ font-size: 14px;
59
+ border: 1px solid #000;
60
+ }
61
+
62
+ td>div>span:hover {
63
+ background-color: #fff;
64
+ }
65
+ </style>
66
+ </head>
67
+
68
+ <body>
69
+ <div id="table-container"></div>
70
+ <script>
71
+ const jsonData = {"Accordion":{"props":["selectedItem","onSelect","disableInternalState","className","height","unMount","a11y","dataId","dataSelectorId","children"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Accordion/Accordion.js"},"AccordionItem":{"props":["equalityCheck","selectedItem","id","selectMenu","className","children","dataId","dataSelectorId","unMount","unMountItem","a11y","innerClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Accordion/AccordionItem.js"},"Animation":{"props":["name","enterDuration","exitDuration","children","isActive","unmountOnExit","onEntered","onExit","delayClassName"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Animation/Animation.js"},"AppContainer":{"props":["eleRef","needTooltip","className","children","tagName","dataId","dataSelectorId","tooltipClass","tooltipParentClass","customProps"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/AppContainer/AppContainer.js"},"Avatar":{"props":["src","alternateSrc","name","size","palette","onClick","title","shape","needTitle","dataId","initial","needBorder","borderOnActive","borderOnHover","textPalette","customClass","isAnimate","dataSelectorId","customProps","needInnerBorder","needDefaultBorder"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Avatar/Avatar.js"},"AvatarTeam":{"props":["src","name","size","palette","textPalette","onClick","title","isFilled","dataId","needTitle","customClass","borderOnActive","borderOnHover","dataSelectorId","customProps","needInnerBorder","needBorder","needDefaultBorder"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/AvatarTeam/AvatarTeam.js"},"Button":{"props":["customClass","needAppearance","isBold","rounded","size","children","palette","status","text","disabled","onClick","dataId","getRef","title","dataSelectorId","customProps","customStyle"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Button/Button.js"},"Buttongroup":{"props":["children","type","buttonPosition","customClass","dataId","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Buttongroup/Buttongroup.js"},"Card":{"innerComponent":{"CardHeader":{"props":["isScroll","children","dataId","dataSelectorId","customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Card/Card.js"},"CardContent":{"props":["onScroll","eleRef","children","scroll","isScrollAttribute","dataId","dataSelectorId","shrink","customClass","preventParentScroll"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Card/Card.js"},"Card":{"props":["from","limit","onScroll","fetchData","noMoreData","scrollAt","noNeedUpScroll","isPercentageScroll","onClick","children","isScrollAttribute","dataId","eleRef","customClass","htmlId","a11y","childTypes"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Card/Card.js"},"CardFooter":{"props":["children","dataId","customClass","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Card/Card.js"}}},"CheckBox":{"props":["onChange","checked","id","disabled","isReadOnly","disabledTitle","title","palette","text","size","labelPalette","labelSize","isFilled","isClipped","getRef","variant","active","dataId","name","activeStyle","a11y","customClass","customProps","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/CheckBox/CheckBox.js"},"CalendarView":{"innerComponent":{"CalendarView":{"props":["onSelect","date","year","month","dataId","needBorder","dayNames","dayNamesShort","todayMonth","todayDate","todayYear"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/CalendarView.js"},"Span":{"props":["handleSelect","incremday","userSeeMonth","userSeeYear","tdclass","i","dataId","isActive","isToday"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/CalendarView.js"}}},"DateTime":{"props":["i18nKeys","value","isActive","is24Hour","timeZone","defaultTime","needDefaultTime","isDateTimeField","min","max","dateFormat","customDateFormat","onError","onSelect","minErrorText","maxErrorText","onChange","onClear","onDateSelect","getMethods","position","isReady","getRef","onClick","dataId","needResponsive","isAbsolute","isAnimate","needAction","boxSize","className","innerClass","isPadding","isDefaultPosition","positionsOffset","targetOffset","isRestrictScroll","dropBoxPortalId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/DateTime.js"},"DateTimePopupFooter":{"props":["submitText","onSubmit","cancelText","onCancel","dataId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/DateTimePopupFooter.js"},"DateTimePopupHeader":{"props":["onOpenYearView","showMonthTxt","isYearView","prevMonthTitleText","nextMonthTitleText","onModifyCalendar"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/DateTimePopupHeader.js"},"DaysRow":{"props":["dayNames","dayNamesShort"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/DaysRow.js"},"Time":{"props":["timeText","dataId","hourSuggestions","onHourSelect","hours","hourEmptyText","needResponsive","minSuggestions","onMinutesSelect","mins","minuteEmptyText","ampmSuggestions","onAmPmSelect","amPm","is24Hour"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/Time.js"},"YearView":{"props":["viewedYear","onSelectMonth","onSelectYear","viewedMonth","monthNamesShort","isMonthOpen"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DateTime/YearView.js"},"DropBox":{"props":["isActive","needAutoZindex","right","left","top","arrowRight","arrowLeft","arrowTop","arrowBottom","bottom","isModel","direction","isAnimate","isArrow","size","isRadius","animationStyle","isBoxPaddingNeed","isPadding","customClass","positionsOffset","targetOffset","zIndexStyle","customInlineStyle","children","arrowPosition","boxPosition","onClick","dataId","dataSelectorId","isAbsolutePositioningNeeded","tourId","htmlId","a11y","tabIndex","palette","subContainerRef","customStyle","getRef","forwardRef","needResponsive","portalId","isRestrictScroll","needFocusScope","onClose","customProps"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropBox/DropBox.js"},"DropBoxElement":{"props":["right","left","top","arrowRight","arrowLeft","arrowTop","arrowBottom","bottom","isModel","direction","isAnimate","isArrow","size","isRadius","animationStyle","isActive","isBoxPaddingNeed","isPadding","customClass","positionsOffset","targetOffset","zIndexStyle","customInlineStyle","children","arrowPosition","boxPosition","onClick","dataId","dataSelectorId","isAbsolutePositioningNeeded","tourId","htmlId","a11y","tabIndex","palette","subContainerRef","customStyle","getRef","forwardRef"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropBox/DropBoxElement/DropBoxElement.js"},"DropDownHeading":{"props":["text","title","children","customClass","palette","htmlId","a11y","dataId","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/DropDownHeading.js"},"DropDownItem":{"props":["index","getRef","onClick","id","value","onHover","active","children","hightlight","dataId","customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/DropDownItem.js"},"DropDownSearch":{"props":["getRef","name","id","maxLength","onKeyDown","onChange","value","onBlur","size","textBoxSize","placeHolder","customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/DropDownSearch.js"},"DropDownSeparator":{"props":["customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/DropDown/DropDownSeparator.js"},"Heading":{"props":["tagName","className","onClick","onDoubleClick","title","dataTitle","dataId","a11y"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Heading/Heading.js"},"Label":{"props":["text","type","palette","size","clipped","htmlFor","title","onClick","dataId","dataSelectorId","variant","customClass","id"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Label/Label.js"},"ListContainer":{"props":["size","active","highlight","autoHover","palette","title","disableTitle","needTick","isLink","href","target","needBorder","isDisabled","children","dataId","dataSelectorId","a11y","customClass","customProps","onClick","onMouseEnter","onMouseOver","eleRef"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/ListItem/ListContainer.js"},"ListItem":{"props":["index","getRef","id","onClick","value","onMouseEnter","size","active","highlight","autoHover","palette","title","disableTitle","needTick","isLink","href","target","needBorder","isDisabled","children","dataId","dataSelectorId","a11y","customClass","customProps","needMultiLineText"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/ListItem/ListItem.js"},"ListItemWithAvatar":{"props":["index","getRef","id","onClick","value","onMouseEnter","size","active","highlight","name","imgSrc","autoHover","isTeam","palette","title","needTick","dataId","dataSelectorId","initial","isDisabled","needBorder","disableTitle","needAvatarTitle","avatarPalette","a11y","customClass","customProps","needMultiLineText"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/ListItem/ListItemWithAvatar.js"},"ListItemWithCheckBox":{"props":["index","getRef","onClick","id","value","onHover","size","active","highlight","checked","autoHover","palette","dataId","dataSelectorId","title","isDisabled","disableTitle","a11y","customClass","customProps","needMultiLineText"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/ListItem/ListItemWithCheckBox.js"},"ListItemWithIcon":{"props":["index","getRef","id","onClick","value","onMouseEnter","size","active","highlight","iconName","iconSize","autoHover","palette","iconClass","dataId","dataSelectorId","title","needTick","isLink","href","target","needBorder","isDisabled","disableTitle","a11y","customClass","customProps","needMultiLineText"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/ListItem/ListItemWithIcon.js"},"ListItemWithRadio":{"props":["index","getRef","onClick","id","value","onHover","size","active","highlight","checked","autoHover","palette","dataId","dataSelectorId","title","isDisabled","disableTitle","a11y","customClass","customProps","needMultiLineText"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/ListItem/ListItemWithRadio.js"},"Modal":{"props":["portalId","isActive","autoZIndexNeeded","children"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Modal/Modal.js"},"EmptyState":{"props":["emptyMessage","isLoading","noMoreOptionsMessage","options","searchEmptyMessage","searchString","suggestions","dataId","getCustomEmptyState","palette","i18nKeys","htmlId","a11y"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/EmptyState.js"},"MultiSelectHeader":{"props":["dataId","needSelectAll","onSelect","selectAllText","suggestions"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/MultiSelectHeader.js"},"SelectedOptions":{"props":["selectedOptions","highLightedSelectOptions","isReadOnly","getRef","onRemove","onSelect","size","palette"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/SelectedOptions.js"},"Suggestions":{"props":["suggestions","getRef","hoverOption","onClick","onMouseEnter","needTick","needBorder","selectedOptions","activeId","hoverId","dataId","listItemSize","className","avatarPalette","palette","htmlId","a11y"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/MultiSelect/Suggestions.js"},"PopOver":{"innerComponent":{"PopOver":{"props":["isPopupOpen","onPopupOpen","onPopupClose","getTargetRef","getContainerRef","togglePopup","boxPosition","children","removeClose","right","left","top","bottom","arrowRight","arrowLeft","arrowTop","arrowBottom","isAnimate","isArrow","arrowPosition","position","size","onClick","isPopupReady"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/PopOver/PopOver.js"},"PopOverTarget":{"props":["getRef","children","togglePopup"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/PopOver/PopOver.js"},"PopOverContainer":{"props":["getRef","onClick","removeClose","children","isPopupOpen","isAnimate","isArrow","size","arrowPosition","boxPosition","right","left","top","bottom","arrowRight","arrowLeft","arrowTop","arrowBottom","animationStyle"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/PopOver/PopOver.js"}}},"LibraryContextProvider":{"props":["isReducedMotion","direction","children"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":true,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Provider/LibraryContext.js"},"Radio":{"props":["onChange","value","id","name","checked","disabled","isReadOnly","palette","disabledTitle","title","text","labelPalette","size","labelSize","variant","active","isFilled","customClass","a11y"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Radio/Radio.js"},"CustomResponsive":{"innerComponent":{"ResponsiveSender":{"props":["children","domRefKey","responsiveId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Responsive/CustomResponsive.js"},"ResponsiveReceiver":{"props":["children","responsiveId","query","eleRef","domRefKey"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Responsive/CustomResponsive.js"}}},"DOMRefWrapper":{"props":["children","domRefKey"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":true,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Responsive/RefWrapper.js"},"ResizeComponent":{"props":["wrapperDivRef","childrenList","resizeId","moreDivRef","getData","children"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":true,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Responsive/ResizeComponent.js"},"Responsive":{"innerComponent":{"ResponsiveSender":{"props":["children","domRefKey","responsiveId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Responsive/Responsive.js"},"ResponsiveReceiver":{"props":["children","responsiveId","hiddenSizes","eleRef","domRefKey"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Responsive/Responsive.js"}}},"Ribbon":{"props":["type","text","children","palette","size","dataId","customClass","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Ribbon/Ribbon.js"},"RippleEffect":{"props":["children","isActive","isDisabled","palette","hoverType","isNeedEffect","needBorder","isCopyTextEnabled"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/RippleEffect/RippleEffect.js"},"Stencils":{"props":["shape","size","palette","customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Stencils/Stencils.js"},"Switch":{"props":["onChange","checked","id","name","value","disabled","isReadOnly","size","text","labelSize","labelPalette","title","disableTitle","dataId","dataSelectorId","customClass","customProps"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Switch/Switch.js"},"Tab":{"props":["id","style","text","children","className","dataId","dataSelectorId","title","titlePosition","activeClass","href","isLink","isDisabled","tourId","onClick","isActive","getTabRef","onSelect","type","isAnimate","needBorder","needAppearance","align","isVirtual","customProps"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/Tab.js"},"TabContent":{"props":["children","scroll","dataId","id","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/TabContent.js"},"TabContentWrapper":{"props":["style","className","children","dataId","selectedTab","onScroll","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/TabContentWrapper.js"},"TabWrapper":{"props":["defaultTab","hookToDisableInternalState","onSelect","type","isAnimate","needTabBorder","needBorder","needPadding","needAppearance","align","dataId","children","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/TabWrapper.js"},"Tabs":{"props":["align","children","childType","selectedTab","isAnimate","needTabBorder","isResponsive","maxTabsCount","minTabsCount","onSelect","onScroll","boxPosition","togglePopup","removeClose","moreButtonClass","moreButtonActiveClass","moreBoxClass","menuItemClass","itemClass","itemActiveClass","iconName","isPopupReady","isPopupOpen","getContainerRef","showTitleInMoreOptions","moreContainerClass","type","needAppearance","iconSize","getTargetRef","position","customProps","getCustomDropBoxHeaderPlaceHolder","dataSelectorId","style","className","dataId","highlightClass","needBorder","needPadding","containerClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tab/Tabs.js"},"Tag":{"props":["id","onSelectTag","onRemove","getRef","imageURL","hasAvatar","text","initial","active","size","rounded","palette","disabled","closePalette","closeTitle","dataId","dataSelectorId","iconName","iconSize","tooltip","avatarPalette","customClass","a11y","needEffect","isReadOnly"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tag/Tag.js"},"Textbox":{"props":["id","value","name","onFocus","onBlur","inputRef","onChange","isReadOnly","type","maxLength","placeHolder","size","onKeyUp","isDisabled","onKeyDown","variant","onClick","needBorder","dataId","autofocus","needReadOnlyStyle","needAppearance","isClickable","onKeyPress","needEffect","autoComplete","borderColor","onMouseDown","htmlId","a11y","customClass","isFocus","customProps","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/TextBox/TextBox.js"},"TextBoxIcon":{"props":["id","value","name","onFocus","onBlur","inputRef","onChange","isReadOnly","type","maxLength","placeHolder","size","onKeyUp","isDisabled","onKeyDown","variant","onClick","needBorder","dataId","autofocus","needReadOnlyStyle","needAppearance","isClickable","onKeyPress","needEffect","autoComplete","borderColor","onMouseDown","htmlId","a11y","customClass","isFocus","customProps","dataSelectorId","onClear","children","iconRotated","title","showClearIcon","i18nKeys","iconOnHover","onClearMouseDown"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/TextBoxIcon/TextBoxIcon.js"},"Textarea":{"props":["onChange","onBlur","onKeyDown","size","placeHolder","needBorder","text","isDisabled","resize","maxLength","animated","variant","getRef","onFocus","dataId","dataSelectorId","isReadOnly","needAppearance","needReadOnlyStyle","borderColor","needEffect","autoFocus","htmlId","a11y","customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Textarea/Textarea.js"},"Tooltip":{"props":["dataId","customClass"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/Tooltip/Tooltip.js"},"VelocityAnimation":{"props":["children","name","duration","isActive","runOnMount","delay","isCustomized","needUIPack","isFlex"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/VelocityAnimation/VelocityAnimation/VelocityAnimation.js"},"VelocityAnimationGroup":{"props":["children","enterName","exitName","enterDuration","exitDuration","isActive","component","runOnMount","enterShowStyle","enterHideStyle","exitDelay","isFlex","enterDelay","isCustomized","name","needUIPack"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js"},"PortalLayer":{"innerComponent":{"RefElement":{"props":["Element","elementProps","renderChildren","isChildrenRestrictionNeeded","isActive"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/deprecated/PortalLayer/PortalLayer.js"},"PortalLayer":{"props":["initialState","isActive","saveUpdateFunction","saveGetFunction","name","children","renderChildren","portalId","autoZIndexNeeded","isChildrenRestrictionNeeded"],"unusedPropsInFile":[],"notValidatedProps":["isActive","name"],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/deprecated/PortalLayer/PortalLayer.js"}}},"semantic-Button":{"props":["value","type","text","title","name","autoFocus","disabled","ref","dataId","onClick","children","customClass","a11y"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/semantic/Button/Button.js"},"v1-Ribbon":{"props":["type","text","children","palette","size","dataId","customClass","dataSelectorId"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/v1/Ribbon/Ribbon.js"},"v1-Tag":{"props":["imageURL","hasAvatar","text","onRemove","initial","active","size","rounded","palette","disabled","closePalette","onSelectTag","closeTitle","dataId","dataSelectorId","iconName","iconSize","tooltip","avatarPalette","customClass","a11y","needEffect","isReadOnly","id","getRef"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/v1/Tag/Tag.js"},"v1-Textbox":{"props":["type","name","id","maxLength","placeHolder","size","onKeyUp","isReadOnly","isDisabled","onKeyDown","variant","onClick","needBorder","value","dataId","autofocus","needReadOnlyStyle","needAppearance","isClickable","onKeyPress","needEffect","autoComplete","borderColor","onMouseDown","htmlId","a11y","customClass","isFocus","customProps","dataSelectorId","onFocus","onBlur","onChange","inputRef"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/v1/TextBox/TextBox.js"},"v1-TextBoxIcon":{"props":["type","name","id","maxLength","placeHolder","size","onKeyUp","isReadOnly","isDisabled","onKeyDown","variant","onClick","needBorder","value","dataId","autofocus","needReadOnlyStyle","needAppearance","isClickable","onKeyPress","needEffect","autoComplete","borderColor","onMouseDown","htmlId","a11y","customClass","isFocus","customProps","dataSelectorId","onFocus","onBlur","onChange","inputRef","children","iconRotated","onClear","title","showClearIcon","i18nKeys","iconOnHover","onClearMouseDown"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/v1/TextBoxIcon/TextBoxIcon.js"},"v1-Textarea":{"props":["size","placeHolder","needBorder","text","isDisabled","resize","maxLength","animated","variant","getRef","onFocus","dataId","dataSelectorId","isReadOnly","needAppearance","needReadOnlyStyle","borderColor","needEffect","autoFocus","htmlId","a11y","customClass","onChange","onBlur","onKeyDown"],"unusedPropsInFile":[],"notValidatedProps":[],"UnUsedValidatedProps":[],"noSeperatePropsFile":false,"FilePath":"/Users/bharathi-zt93/git/library/jsapps/dot/components/src/v1/Textarea/Textarea.js"}};
72
+ const tableContainer = document.getElementById( 'table-container' );
73
+ const table = document.createElement( 'table' );
74
+ const thead = document.createElement( 'thead' );
75
+ const tbody = document.createElement( 'tbody' );
76
+
77
+ // Create table header
78
+ const headerRow = document.createElement( 'tr' );
79
+ const headers = [ 'No', 'Component Name', 'Props List', 'Unused Props', "Not Validated Props", " UnUsed Validated Props ", 'Prop Structure (UCL / OLD)', 'FilePath', 'Inner Components Of' ];
80
+ headers.forEach( header => {
81
+ const th = document.createElement( 'th' );
82
+ th.textContent = header;
83
+ headerRow.appendChild( th );
84
+ } );
85
+ thead.appendChild( headerRow );
86
+ table.appendChild( thead );
87
+
88
+ function convertJsonIntoHtml( data ) {
89
+ const newNode = document.createElement( "div" );
90
+ data.forEach( ( item ) => {
91
+ // const newNode = document.createElement("div");
92
+ const textNode = document.createElement( "span" ); // Create a new <div> element
93
+ textNode.innerText = item; // Set the content of the <div> to the array item
94
+ newNode.appendChild( textNode );
95
+ // htmlText.push(newNode); // Append the new <div> to the container
96
+ } );
97
+ return newNode;
98
+ }
99
+ var componentCount = 1;
100
+ // Function to recursively generate table rows for inner components
101
+ function generateRows( component, data, innerComponent = '' ) {
102
+ const props = data.props ? convertJsonIntoHtml( data.props ) : '';
103
+ const unusedProps = data.unusedPropsInFile ? convertJsonIntoHtml( data.unusedPropsInFile ) : '';
104
+ const notValidatedProps = data.notValidatedProps ? convertJsonIntoHtml( data.notValidatedProps ) : '';
105
+ const unusedValidatedProps = data.UnUsedValidatedProps ? convertJsonIntoHtml( data.UnUsedValidatedProps ) : '';
106
+ const propsTypeDeclared = data.noSeperatePropsFile ? "Old " : "UCL";
107
+ const filePath = data.FilePath ? data.FilePath : '';
108
+
109
+ const row = document.createElement( 'tr' );
110
+ const numbers = document.createElement( 'td' );
111
+ const componentCell = document.createElement( 'td' );
112
+ const propsCell = document.createElement( 'td' );
113
+ const unusedPropsCell = document.createElement( 'td' );
114
+ const notValidatedPropsCell = document.createElement( 'td' );
115
+ const unusedValidatedPropsCell = document.createElement( 'td' );
116
+ const propsTypeDeclaredCell = document.createElement( 'td' );
117
+ const filePathCell = document.createElement( 'td' );
118
+ const innerComponentCell = document.createElement( 'td' );
119
+
120
+ numbers.textContent = componentCount;
121
+ componentCell.textContent = component;
122
+ props && propsCell.appendChild( props );
123
+ unusedProps && unusedPropsCell.appendChild( unusedProps );
124
+ notValidatedProps && notValidatedPropsCell.appendChild( notValidatedProps );
125
+ unusedValidatedProps && unusedValidatedPropsCell.appendChild( unusedValidatedProps );
126
+ propsTypeDeclaredCell.textContent = propsTypeDeclared;
127
+ filePathCell.textContent = filePath;
128
+ innerComponentCell.textContent = innerComponent;
129
+ row.appendChild( numbers );
130
+ row.appendChild( componentCell );
131
+ row.appendChild( propsCell );
132
+ row.appendChild( unusedPropsCell );
133
+ row.appendChild( notValidatedPropsCell );
134
+ row.appendChild( unusedValidatedPropsCell );
135
+ row.appendChild( propsTypeDeclaredCell );
136
+ row.appendChild( filePathCell );
137
+ row.appendChild( innerComponentCell );
138
+ tbody.appendChild( row );
139
+
140
+ if ( data.innerComponent ) {
141
+ Object.entries( data.innerComponent ).forEach( ( [ innerComp, innerData ] ) => {
142
+ generateRows( innerComp, innerData, component );
143
+ } );
144
+ }
145
+ }
146
+
147
+ // Generate table rows for the JSON data
148
+ Object.entries( jsonData ).forEach( ( [ component, data ] ) => {
149
+ generateRows( component, data );
150
+ componentCount++;
151
+ } );
152
+
153
+ table.appendChild( tbody );
154
+ tableContainer.appendChild( table );
155
+
156
+ //generateTable(jsonData);
157
+ </script>
158
+ </body>
159
+
160
+ </html>