pixel-react 1.8.2 → 1.8.4

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 (804) hide show
  1. package/.prettierrc.js +13 -13
  2. package/.storybook/main.ts +26 -26
  3. package/.storybook/preview-head.html +2 -2
  4. package/.storybook/preview.ts +26 -26
  5. package/.yarn/install-state.gz +0 -0
  6. package/.yarnrc.yml +1 -1
  7. package/README.md +75 -75
  8. package/index.scss +4 -4
  9. package/lib/1fb4472b34e4fe07.css +1 -0
  10. package/lib/components/AddVariables/AddVariables.d.ts +5 -0
  11. package/lib/components/AddVariables/index.d.ts +1 -0
  12. package/lib/components/AddVariables/types.d.ts +99 -0
  13. package/lib/components/Charts/LineChart/types.d.ts +1 -0
  14. package/lib/components/ConditionalDropdown/types.d.ts +4 -0
  15. package/lib/components/Input/types.d.ts +4 -0
  16. package/lib/components/LabelEditTextField/types.d.ts +2 -0
  17. package/lib/components/Select/components/types.d.ts +2 -2
  18. package/lib/components/Select/types.d.ts +2 -2
  19. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  20. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +1 -0
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  22. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +1 -0
  23. package/lib/components/SequentialConnectingBranch/types.d.ts +1 -0
  24. package/lib/components/TableTree/types.d.ts +4 -4
  25. package/lib/index.css +1 -0
  26. package/lib/index.d.ts +13 -1
  27. package/lib/index.esm.css +1 -0
  28. package/lib/index.esm.js +361 -364
  29. package/lib/index.esm.js.map +1 -1
  30. package/lib/index.js +361 -364
  31. package/lib/index.js.map +1 -1
  32. package/lib/tsconfig.tsbuildinfo +1 -1
  33. package/lib/utils/formData/ConvertFormDataToObject.d.ts +1 -0
  34. package/lib/validations/regex.d.ts +10 -1
  35. package/package.json +81 -81
  36. package/rollup.config.mjs +67 -67
  37. package/src/StyleGuide/ColorPalette/ColorPalette.scss +62 -62
  38. package/src/StyleGuide/ColorPalette/ColorPalette.stories.tsx +16 -16
  39. package/src/StyleGuide/ColorPalette/ColorPalette.tsx +67 -67
  40. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +304 -304
  41. package/src/StyleGuide/ColorPalette/index.ts +1 -1
  42. package/src/StyleGuide/ColorPalette/types.ts +19 -19
  43. package/src/StyleGuide/Typography/Typography.scss +99 -99
  44. package/src/StyleGuide/Typography/Typography.stories.tsx +16 -16
  45. package/src/StyleGuide/Typography/Typography.tsx +60 -60
  46. package/src/StyleGuide/Typography/TypographyList.ts +3 -3
  47. package/src/StyleGuide/Typography/types.ts +9 -9
  48. package/src/assets/Themes/BaseTheme.scss +306 -304
  49. package/src/assets/Themes/BlueTheme.scss +279 -279
  50. package/src/assets/Themes/DarkTheme.scss +319 -310
  51. package/src/assets/Themes/Theme.scss +21 -21
  52. package/src/assets/icons/Arrow.svg +4 -4
  53. package/src/assets/icons/Header_preset.svg +18 -18
  54. package/src/assets/icons/accordion_header_icon.svg +10 -10
  55. package/src/assets/icons/active_license_icon.svg +3 -3
  56. package/src/assets/icons/add_archive.svg +9 -9
  57. package/src/assets/icons/add_file.svg +4 -4
  58. package/src/assets/icons/add_label_icon.svg +3 -3
  59. package/src/assets/icons/add_locator.svg +4 -4
  60. package/src/assets/icons/add_testcase.svg +3 -3
  61. package/src/assets/icons/add_user.svg +9 -9
  62. package/src/assets/icons/add_variable.svg +11 -11
  63. package/src/assets/icons/add_variable_icon.svg +4 -4
  64. package/src/assets/icons/ai_search.svg +9 -9
  65. package/src/assets/icons/alert.svg +17 -17
  66. package/src/assets/icons/all_borders.svg +3 -3
  67. package/src/assets/icons/all_projects.svg +3 -3
  68. package/src/assets/icons/android.svg +9 -9
  69. package/src/assets/icons/android_icon.svg +6 -6
  70. package/src/assets/icons/apk_file_type.svg +4 -4
  71. package/src/assets/icons/app_switch.svg +11 -11
  72. package/src/assets/icons/approval_pending.svg +8 -8
  73. package/src/assets/icons/arrow_down.svg +3 -3
  74. package/src/assets/icons/arrow_right.svg +4 -4
  75. package/src/assets/icons/arrow_up.svg +3 -3
  76. package/src/assets/icons/arrows_down_icon.svg +3 -3
  77. package/src/assets/icons/arrows_right_icon.svg +10 -10
  78. package/src/assets/icons/arrows_top_icon.svg +3 -3
  79. package/src/assets/icons/attachment_icon.svg +3 -3
  80. package/src/assets/icons/authorization.svg +4 -4
  81. package/src/assets/icons/authorization_icon.svg +4 -4
  82. package/src/assets/icons/auto_save_icon.svg +4 -4
  83. package/src/assets/icons/automation_testcase.svg +4 -4
  84. package/src/assets/icons/back_icon.svg +3 -3
  85. package/src/assets/icons/backward.svg +10 -10
  86. package/src/assets/icons/backward_icon.svg +3 -3
  87. package/src/assets/icons/beautify_icon.svg +3 -3
  88. package/src/assets/icons/bold.svg +3 -3
  89. package/src/assets/icons/border_bottom.svg +3 -3
  90. package/src/assets/icons/border_left.svg +3 -3
  91. package/src/assets/icons/border_right.svg +3 -3
  92. package/src/assets/icons/border_top.svg +3 -3
  93. package/src/assets/icons/browser_stack.svg +9 -9
  94. package/src/assets/icons/browserstack_icon.svg +24 -24
  95. package/src/assets/icons/calendar_icon.svg +9 -9
  96. package/src/assets/icons/capture_icon.svg +2 -2
  97. package/src/assets/icons/check_mark.svg +3 -3
  98. package/src/assets/icons/chrome.svg +12 -12
  99. package/src/assets/icons/client_profile.svg +4 -4
  100. package/src/assets/icons/clock_icon.svg +11 -11
  101. package/src/assets/icons/clone_icon.svg +3 -3
  102. package/src/assets/icons/close_pill.svg +3 -3
  103. package/src/assets/icons/cloud_server_host_icon.svg +3 -3
  104. package/src/assets/icons/collapse-icon.svg +6 -6
  105. package/src/assets/icons/compressed_file_type.svg +4 -4
  106. package/src/assets/icons/configuration.svg +3 -3
  107. package/src/assets/icons/continue_without_sign.svg +3 -3
  108. package/src/assets/icons/copy-icon.svg +3 -3
  109. package/src/assets/icons/csv_file_type.svg +4 -4
  110. package/src/assets/icons/dashboard_icon.svg +31 -31
  111. package/src/assets/icons/dashboard_mobile_icon.svg +47 -47
  112. package/src/assets/icons/dashboard_web_icon.svg +9 -9
  113. package/src/assets/icons/data_provider.svg +8 -8
  114. package/src/assets/icons/dataset_list.svg +3 -3
  115. package/src/assets/icons/defects.svg +8 -8
  116. package/src/assets/icons/delete.svg +3 -3
  117. package/src/assets/icons/delete_info.svg +17 -17
  118. package/src/assets/icons/depends_on_script.svg +7 -7
  119. package/src/assets/icons/details.svg +3 -3
  120. package/src/assets/icons/double_underline.svg +5 -5
  121. package/src/assets/icons/download-icon.svg +3 -3
  122. package/src/assets/icons/download_file_icon.svg +3 -3
  123. package/src/assets/icons/download_icon.svg +4 -4
  124. package/src/assets/icons/drag_icon.svg +4 -4
  125. package/src/assets/icons/drawer_maximize.svg +6 -6
  126. package/src/assets/icons/dropzone_icon.svg +18 -18
  127. package/src/assets/icons/edge.svg +30 -30
  128. package/src/assets/icons/edit_icon.svg +5 -5
  129. package/src/assets/icons/element.svg +4 -4
  130. package/src/assets/icons/email_group.svg +3 -3
  131. package/src/assets/icons/error.svg +17 -17
  132. package/src/assets/icons/excel_corner_menu.svg +3 -3
  133. package/src/assets/icons/executions_icon.svg +3 -3
  134. package/src/assets/icons/expand-icon.svg +6 -6
  135. package/src/assets/icons/export.svg +4 -4
  136. package/src/assets/icons/export_collection_icon.svg +13 -13
  137. package/src/assets/icons/external_user.svg +13 -0
  138. package/src/assets/icons/eye_closed.svg +3 -3
  139. package/src/assets/icons/eye_open_icon.svg +3 -3
  140. package/src/assets/icons/failed_status_icon.svg +12 -12
  141. package/src/assets/icons/file.svg +11 -11
  142. package/src/assets/icons/fill_color.svg +7 -7
  143. package/src/assets/icons/filter.svg +4 -4
  144. package/src/assets/icons/fire_fox.svg +106 -106
  145. package/src/assets/icons/fireflink_finder_logo.svg +7 -7
  146. package/src/assets/icons/fireflink_icon.svg +4 -4
  147. package/src/assets/icons/fireflink_logo.svg +13 -13
  148. package/src/assets/icons/fireflink_platform.svg +4 -4
  149. package/src/assets/icons/firefox.svg +84 -84
  150. package/src/assets/icons/flaky_status_icon.svg +12 -12
  151. package/src/assets/icons/formate_painter.svg +5 -5
  152. package/src/assets/icons/formula_icon.svg +3 -3
  153. package/src/assets/icons/forward.svg +3 -3
  154. package/src/assets/icons/forward_icon.svg +3 -3
  155. package/src/assets/icons/full_access_icon.svg +4 -4
  156. package/src/assets/icons/gif_file_type.svg +4 -4
  157. package/src/assets/icons/global_variable_icon.svg +4 -4
  158. package/src/assets/icons/group_user.svg +12 -0
  159. package/src/assets/icons/hamburger_menu.svg +3 -3
  160. package/src/assets/icons/help_icon.svg +10 -10
  161. package/src/assets/icons/hide_access_icon.svg +3 -3
  162. package/src/assets/icons/hide_icon.svg +9 -9
  163. package/src/assets/icons/history_icon.svg +19 -19
  164. package/src/assets/icons/html_file_type.svg +4 -4
  165. package/src/assets/icons/impact_list.svg +6 -6
  166. package/src/assets/icons/import.svg +4 -4
  167. package/src/assets/icons/import_icon.svg +4 -4
  168. package/src/assets/icons/info.svg +17 -17
  169. package/src/assets/icons/info_icon.svg +5 -5
  170. package/src/assets/icons/info_user.svg +5 -5
  171. package/src/assets/icons/internet_explorer.svg +3 -3
  172. package/src/assets/icons/ios_icon.svg +11 -11
  173. package/src/assets/icons/ipk_file_type.svg +4 -4
  174. package/src/assets/icons/italic.svg +3 -3
  175. package/src/assets/icons/jira.svg +3 -3
  176. package/src/assets/icons/jpg_file_type.svg +4 -4
  177. package/src/assets/icons/json_file_type.svg +4 -4
  178. package/src/assets/icons/label_icon.svg +8 -8
  179. package/src/assets/icons/label_plus.svg +3 -3
  180. package/src/assets/icons/labels.svg +8 -8
  181. package/src/assets/icons/lambda_icon.svg +3 -3
  182. package/src/assets/icons/left_arrow_icon.svg +3 -3
  183. package/src/assets/icons/license_expired.svg +20 -20
  184. package/src/assets/icons/license_info.svg +28 -28
  185. package/src/assets/icons/license_warning.svg +10 -10
  186. package/src/assets/icons/link_expired.svg +186 -186
  187. package/src/assets/icons/linked_defects.svg +11 -11
  188. package/src/assets/icons/linux.svg +42 -42
  189. package/src/assets/icons/local.svg +3 -3
  190. package/src/assets/icons/local_variable_icon.svg +4 -4
  191. package/src/assets/icons/logo.svg +17 -17
  192. package/src/assets/icons/mac.svg +9 -9
  193. package/src/assets/icons/machine_disable_icon.svg +18 -18
  194. package/src/assets/icons/machine_enable_icon.svg +10 -10
  195. package/src/assets/icons/manage_apps.svg +3 -3
  196. package/src/assets/icons/manual_locator.svg +7 -7
  197. package/src/assets/icons/manual_testcase.svg +3 -3
  198. package/src/assets/icons/maximize_icon.svg +5 -5
  199. package/src/assets/icons/maximize_script.svg +12 -12
  200. package/src/assets/icons/maximize_tree.svg +3 -3
  201. package/src/assets/icons/minimize_script.svg +5 -5
  202. package/src/assets/icons/mobile_icon.svg +3 -3
  203. package/src/assets/icons/moon_stars.svg +10 -10
  204. package/src/assets/icons/more.svg +10 -10
  205. package/src/assets/icons/move_icon.svg +5 -5
  206. package/src/assets/icons/ms_dynamic.svg +4 -4
  207. package/src/assets/icons/ms_dynamic_icon.svg +15 -15
  208. package/src/assets/icons/nlp_help_icon.svg +3 -3
  209. package/src/assets/icons/no_access_icon.svg +4 -4
  210. package/src/assets/icons/no_border.svg +3 -3
  211. package/src/assets/icons/no_data.svg +13 -13
  212. package/src/assets/icons/no_license_found.svg +22 -22
  213. package/src/assets/icons/notification_icon.svg +3 -3
  214. package/src/assets/icons/opera.svg +9 -9
  215. package/src/assets/icons/parameters.svg +3 -3
  216. package/src/assets/icons/passed_status_icon.svg +12 -12
  217. package/src/assets/icons/pdf_file_type.svg +4 -4
  218. package/src/assets/icons/plus_icon.svg +11 -11
  219. package/src/assets/icons/plus_round_icon.svg +38 -38
  220. package/src/assets/icons/plus_user_icon.svg +3 -3
  221. package/src/assets/icons/png_file_type.svg +4 -4
  222. package/src/assets/icons/pre_post_condition.svg +8 -8
  223. package/src/assets/icons/program_element.svg +8 -8
  224. package/src/assets/icons/project_element.svg +4 -4
  225. package/src/assets/icons/project_env_variable_icon.svg +4 -4
  226. package/src/assets/icons/project_status_icon.svg +10 -10
  227. package/src/assets/icons/quick_run_setting_icon.svg +5 -5
  228. package/src/assets/icons/refresh-icon.svg +4 -4
  229. package/src/assets/icons/refresh_icon.svg +4 -4
  230. package/src/assets/icons/reload.svg +3 -3
  231. package/src/assets/icons/remove.svg +11 -11
  232. package/src/assets/icons/remove_user.svg +3 -3
  233. package/src/assets/icons/replace.svg +11 -11
  234. package/src/assets/icons/replace_file.svg +13 -13
  235. package/src/assets/icons/replace_icon.svg +6 -6
  236. package/src/assets/icons/reset-link.svg +52 -52
  237. package/src/assets/icons/right_arrow_icon.svg +4 -4
  238. package/src/assets/icons/rotate_icon.svg +10 -10
  239. package/src/assets/icons/run_automation_scripts_icon.svg +33 -33
  240. package/src/assets/icons/run_icon.svg +26 -26
  241. package/src/assets/icons/run_manual_testcase_icon.svg +4 -4
  242. package/src/assets/icons/safari.svg +93 -93
  243. package/src/assets/icons/safari_icon.svg +12 -12
  244. package/src/assets/icons/sales_force.svg +7 -7
  245. package/src/assets/icons/salesforce_icon.svg +14 -14
  246. package/src/assets/icons/sample_template_first.svg +29 -29
  247. package/src/assets/icons/sample_template_second.svg +47 -47
  248. package/src/assets/icons/sause_lab.svg +3 -3
  249. package/src/assets/icons/save_as_step.svg +3 -3
  250. package/src/assets/icons/search.svg +3 -3
  251. package/src/assets/icons/send_step.svg +4 -4
  252. package/src/assets/icons/settings.svg +3 -3
  253. package/src/assets/icons/single_user.svg +12 -0
  254. package/src/assets/icons/skipped_status_icon.svg +12 -12
  255. package/src/assets/icons/standard_template.svg +30 -30
  256. package/src/assets/icons/step_group.svg +10 -10
  257. package/src/assets/icons/strike_through.svg +3 -3
  258. package/src/assets/icons/success.svg +17 -17
  259. package/src/assets/icons/suites_icon.svg +3 -3
  260. package/src/assets/icons/sun_icon.svg +10 -10
  261. package/src/assets/icons/swipe_icon.svg +9 -9
  262. package/src/assets/icons/switch_license_icon.svg +123 -123
  263. package/src/assets/icons/system_warning.svg +61 -61
  264. package/src/assets/icons/tap_icon.svg +3 -3
  265. package/src/assets/icons/test_data.svg +5 -5
  266. package/src/assets/icons/test_data_set.svg +7 -7
  267. package/src/assets/icons/test_freshers_logo.svg +8 -0
  268. package/src/assets/icons/text_align_center.svg +3 -3
  269. package/src/assets/icons/text_align_left.svg +3 -3
  270. package/src/assets/icons/text_align_right.svg +3 -3
  271. package/src/assets/icons/text_color.svg +3 -3
  272. package/src/assets/icons/tick_icon.svg +4 -4
  273. package/src/assets/icons/toast_close.svg +3 -3
  274. package/src/assets/icons/txt_file_type.svg +4 -4
  275. package/src/assets/icons/underline.svg +4 -4
  276. package/src/assets/icons/unfollow_icon.svg +3 -0
  277. package/src/assets/icons/update_icon.svg +3 -3
  278. package/src/assets/icons/user_password_lock.svg +220 -220
  279. package/src/assets/icons/user_profile.svg +3 -3
  280. package/src/assets/icons/user_warning.svg +235 -235
  281. package/src/assets/icons/user_with_system.svg +637 -637
  282. package/src/assets/icons/variable.svg +3 -3
  283. package/src/assets/icons/variable_icon.svg +4 -4
  284. package/src/assets/icons/variable_set.svg +5 -5
  285. package/src/assets/icons/vertical_separator.svg +3 -3
  286. package/src/assets/icons/view_access_icon.svg +4 -4
  287. package/src/assets/icons/view_icon.svg +3 -3
  288. package/src/assets/icons/warning.svg +17 -17
  289. package/src/assets/icons/warning_status_icon.svg +12 -12
  290. package/src/assets/icons/web&mobile_icon.svg +3 -3
  291. package/src/assets/icons/web_icon.svg +3 -3
  292. package/src/assets/icons/web_mobile_icon.svg +29 -29
  293. package/src/assets/icons/web_service_icon.svg +3 -3
  294. package/src/assets/icons/web_services_icon.svg +30 -30
  295. package/src/assets/icons/window_maximize.svg +3 -3
  296. package/src/assets/icons/window_minimize.svg +3 -3
  297. package/src/assets/icons/window_restore.svg +4 -4
  298. package/src/assets/icons/windows.svg +10 -10
  299. package/src/assets/icons/wrong_mark.svg +3 -3
  300. package/src/assets/icons/wswb_delete_icon.svg +3 -3
  301. package/src/assets/icons/wswb_plus_icon.svg +4 -4
  302. package/src/assets/icons/xls_file_type.svg +4 -4
  303. package/src/assets/icons/xlsx_file_type.svg +4 -4
  304. package/src/assets/icons/xml_file_type.svg +4 -4
  305. package/src/assets/styles/_colors.scss +150 -150
  306. package/src/assets/styles/_fonts.scss +45 -45
  307. package/src/assets/styles/_mixins.scss +21 -21
  308. package/src/assets/utils/functionUtils.ts +96 -96
  309. package/src/components/Accordion/Accordion.scss +46 -46
  310. package/src/components/Accordion/Accordion.stories.tsx +48 -48
  311. package/src/components/Accordion/Accordion.tsx +69 -69
  312. package/src/components/Accordion/index.ts +1 -1
  313. package/src/components/Accordion/types.ts +44 -44
  314. package/src/components/AddResourceButton/AddButton.scss +36 -36
  315. package/src/components/AddResourceButton/AddButton.stories.tsx +126 -126
  316. package/src/components/AddResourceButton/AddButton.tsx +121 -121
  317. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +161 -161
  318. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +38 -38
  319. package/src/components/AddResourceButton/index.ts +1 -1
  320. package/src/components/AddResourceButton/type.ts +92 -92
  321. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +189 -189
  322. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +117 -117
  323. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +152 -152
  324. package/src/components/AllProjectsDropdown/types.ts +14 -14
  325. package/src/components/AppHeader/AppHeader.scss +218 -218
  326. package/src/components/AppHeader/AppHeader.stories.tsx +553 -553
  327. package/src/components/AppHeader/AppHeader.tsx +199 -199
  328. package/src/components/AppHeader/index.ts +1 -1
  329. package/src/components/AppHeader/types.ts +54 -54
  330. package/src/components/AttachImage/AttachImage.scss +76 -76
  331. package/src/components/AttachImage/AttachImage.stories.tsx +24 -24
  332. package/src/components/AttachImage/AttachImage.tsx +60 -60
  333. package/src/components/AttachImage/index.ts +2 -2
  334. package/src/components/AttachImage/types.ts +26 -26
  335. package/src/components/AttachmentButton/AttachmentButton.scss +9 -9
  336. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +81 -81
  337. package/src/components/AttachmentButton/AttachmentButton.tsx +129 -129
  338. package/src/components/AttachmentButton/types.ts +13 -13
  339. package/src/components/Avatar/Avatar.scss +27 -27
  340. package/src/components/Avatar/Avatar.stories.tsx +76 -76
  341. package/src/components/Avatar/Avatar.tsx +41 -41
  342. package/src/components/Avatar/types.ts +35 -35
  343. package/src/components/Button/Button.scss +166 -166
  344. package/src/components/Button/Button.stories.tsx +81 -81
  345. package/src/components/Button/Button.tsx +91 -91
  346. package/src/components/Button/index.ts +1 -1
  347. package/src/components/Button/types.ts +90 -90
  348. package/src/components/Charts/BarChart/BarChart.scss +69 -69
  349. package/src/components/Charts/BarChart/BarChart.stories.tsx +70 -70
  350. package/src/components/Charts/BarChart/BarChart.tsx +349 -349
  351. package/src/components/Charts/BarChart/types.ts +12 -12
  352. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +221 -221
  353. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +58 -58
  354. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +554 -554
  355. package/src/components/Charts/DashboardDonutChart/types.ts +60 -60
  356. package/src/components/Charts/DonutChart/DonutChart.scss +76 -76
  357. package/src/components/Charts/DonutChart/DonutChart.stories.tsx +30 -30
  358. package/src/components/Charts/DonutChart/DonutChart.tsx +246 -246
  359. package/src/components/Charts/DonutChart/index.ts +1 -1
  360. package/src/components/Charts/DonutChart/type.ts +23 -23
  361. package/src/components/Charts/IconRadialChart/IconRadialChart.scss +25 -25
  362. package/src/components/Charts/IconRadialChart/IconRadialChart.stories.tsx +51 -51
  363. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +173 -173
  364. package/src/components/Charts/IconRadialChart/types.ts +28 -28
  365. package/src/components/Charts/LineChart/LineChart.scss +92 -92
  366. package/src/components/Charts/LineChart/LineChart.stories.tsx +198 -259
  367. package/src/components/Charts/LineChart/LineChart.tsx +391 -295
  368. package/src/components/Charts/LineChart/index.ts +1 -1
  369. package/src/components/Charts/LineChart/types.ts +31 -30
  370. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +85 -85
  371. package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +117 -117
  372. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +306 -306
  373. package/src/components/Charts/MultiRadialChart/index.ts +1 -1
  374. package/src/components/Charts/MultiRadialChart/types.ts +28 -28
  375. package/src/components/Charts/PieChart/PieChart.scss +41 -41
  376. package/src/components/Charts/PieChart/PieChart.stories.tsx +46 -46
  377. package/src/components/Charts/PieChart/PieChart.tsx +192 -192
  378. package/src/components/Charts/PieChart/index.ts +1 -1
  379. package/src/components/Charts/PieChart/types.ts +28 -28
  380. package/src/components/Charts/RadialChart/RadialChart.scss +16 -16
  381. package/src/components/Charts/RadialChart/RadialChart.stories.tsx +36 -36
  382. package/src/components/Charts/RadialChart/RadialChart.tsx +180 -180
  383. package/src/components/Charts/RadialChart/index.ts +1 -1
  384. package/src/components/Charts/RadialChart/types.ts +32 -32
  385. package/src/components/Checkbox/Checkbox.scss +148 -148
  386. package/src/components/Checkbox/Checkbox.stories.tsx +78 -78
  387. package/src/components/Checkbox/Checkbox.tsx +57 -57
  388. package/src/components/Checkbox/types.ts +34 -34
  389. package/src/components/Chip/Chip.scss +95 -95
  390. package/src/components/Chip/Chip.stories.tsx +125 -125
  391. package/src/components/Chip/Chip.tsx +39 -39
  392. package/src/components/Chip/index.ts +1 -1
  393. package/src/components/Chip/types.ts +19 -19
  394. package/src/components/ChooseFile/ChooseFile.stories.tsx +190 -190
  395. package/src/components/ChooseFile/ChooseFile.tsx +46 -46
  396. package/src/components/ChooseFile/types.ts +78 -78
  397. package/src/components/Comment/Comments.scss +166 -166
  398. package/src/components/Comment/Comments.stories.tsx +212 -212
  399. package/src/components/Comment/Comments.tsx +51 -51
  400. package/src/components/Comment/comment/Comment.tsx +206 -206
  401. package/src/components/Comment/comment/useNode.ts +51 -51
  402. package/src/components/Comment/index.ts +1 -1
  403. package/src/components/Comment/type.ts +36 -36
  404. package/src/components/ConditionalDropdown/ConditionalDropdown.scss +17 -17
  405. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +151 -150
  406. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +157 -156
  407. package/src/components/ConditionalDropdown/OptionsDropdown.tsx +43 -43
  408. package/src/components/ConditionalDropdown/index.ts +1 -1
  409. package/src/components/ConditionalDropdown/types.ts +163 -159
  410. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +143 -143
  411. package/src/components/ConnectingBranch/ConnectingBranch.scss +221 -221
  412. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +53 -53
  413. package/src/components/ConnectingBranch/ConnectingBranch.tsx +196 -196
  414. package/src/components/ConnectingBranch/data.tsx +226 -226
  415. package/src/components/ConnectingBranch/index.ts +1 -1
  416. package/src/components/ConnectingBranch/types.ts +42 -42
  417. package/src/components/CreateVariable/CreateVariableSlider.scss +18 -18
  418. package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -66
  419. package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -95
  420. package/src/components/CreateVariable/index.ts +1 -1
  421. package/src/components/CreateVariable/types.ts +58 -58
  422. package/src/components/DatePicker/DatePicker.scss +723 -723
  423. package/src/components/DatePicker/DatePicker.stories.tsx +193 -193
  424. package/src/components/DatePicker/DatePicker.tsx +502 -502
  425. package/src/components/DatePicker/Timepicker.tsx +372 -372
  426. package/src/components/DatePicker/types.ts +105 -105
  427. package/src/components/DownloadClient/DownloadClient.scss +67 -67
  428. package/src/components/DownloadClient/DownloadClient.stories.tsx +26 -26
  429. package/src/components/DownloadClient/DownloadClient.tsx +90 -90
  430. package/src/components/DownloadClient/type.ts +33 -33
  431. package/src/components/DragAndDrop/DragAndDrop.d.ts +5 -5
  432. package/src/components/DragAndDrop/DragAndDrop.stories.tsx +25 -25
  433. package/src/components/DragAndDrop/DragAndDrop.ts +7 -7
  434. package/src/components/DragAndDrop/DragAndDropList.scss +69 -69
  435. package/src/components/DragAndDrop/DragAndDropList.tsx +151 -151
  436. package/src/components/Drawer/Drawer.scss +139 -139
  437. package/src/components/Drawer/Drawer.stories.tsx +156 -156
  438. package/src/components/Drawer/Drawer.tsx +233 -233
  439. package/src/components/Drawer/Types.ts +161 -161
  440. package/src/components/EditTextField/EditTextField.scss +97 -97
  441. package/src/components/EditTextField/EditTextField.stories.tsx +127 -127
  442. package/src/components/EditTextField/EditTextField.tsx +175 -175
  443. package/src/components/EditTextField/index.ts +1 -1
  444. package/src/components/EditTextField/types.ts +55 -55
  445. package/src/components/Editor/Editor.scss +61 -56
  446. package/src/components/Editor/Editor.stories.tsx +54 -54
  447. package/src/components/Editor/Editor.tsx +250 -250
  448. package/src/components/Editor/VariableDropdown.scss +28 -28
  449. package/src/components/Editor/VariableDropdown.tsx +57 -57
  450. package/src/components/Editor/constants.ts +180 -180
  451. package/src/components/Editor/types.ts +89 -89
  452. package/src/components/Excel/ColorBarSelector/ColorBarSelector.scss +15 -15
  453. package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +43 -43
  454. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +27 -27
  455. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +42 -42
  456. package/src/components/Excel/ExcelFile/ExcelFile.scss +56 -56
  457. package/src/components/Excel/ExcelFile/ExcelFile.tsx +512 -512
  458. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +155 -148
  459. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +206 -206
  460. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +176 -176
  461. package/src/components/Excel/ExcelFile/ExcelFileComponents/Copied.tsx +25 -25
  462. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +56 -56
  463. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +40 -37
  464. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataViewer.tsx +85 -85
  465. package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +61 -61
  466. package/src/components/Excel/ExcelFile/ExcelFileComponents/HeaderRow.tsx +7 -7
  467. package/src/components/Excel/ExcelFile/ExcelFileComponents/Row.tsx +5 -5
  468. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +157 -157
  469. package/src/components/Excel/ExcelFile/ExcelFileComponents/Selected.tsx +32 -32
  470. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +201 -201
  471. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +531 -531
  472. package/src/components/Excel/ExcelFile/ExcelFileComponents/Table.tsx +19 -19
  473. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +575 -575
  474. package/src/components/Excel/ExcelFile/ExcelFileComponents/areModelsEqual.ts +18 -18
  475. package/src/components/Excel/ExcelFile/ExcelFileComponents/context.ts +12 -12
  476. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.ts +153 -153
  477. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.ts +31 -31
  478. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/index.ts +2 -2
  479. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.ts +152 -152
  480. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-hash.ts +10 -10
  481. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-set.ts +69 -69
  482. package/src/components/Excel/ExcelFile/ExcelFileComponents/index.ts +49 -49
  483. package/src/components/Excel/ExcelFile/ExcelFileComponents/matrix.ts +382 -382
  484. package/src/components/Excel/ExcelFile/ExcelFileComponents/point-range.ts +82 -82
  485. package/src/components/Excel/ExcelFile/ExcelFileComponents/point.ts +15 -15
  486. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +716 -716
  487. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +886 -886
  488. package/src/components/Excel/ExcelFile/ExcelFileComponents/selection.ts +257 -257
  489. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +266 -266
  490. package/src/components/Excel/ExcelFile/ExcelFileComponents/typings/fast-formula-parser.d.ts +58 -58
  491. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-dispatch.ts +8 -8
  492. package/src/components/Excel/ExcelFile/ExcelFileComponents/use-selector.ts +9 -9
  493. package/src/components/Excel/ExcelFile/ExcelFileComponents/util.ts +172 -172
  494. package/src/components/Excel/ExcelFile.stories.tsx +168 -168
  495. package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +96 -96
  496. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +434 -434
  497. package/src/components/Excel/Types.ts +196 -196
  498. package/src/components/Excel/dataConversion.ts +196 -196
  499. package/src/components/Excel/index.ts +1 -1
  500. package/src/components/ExpandableMenu/ExpandableMenu.scss +110 -110
  501. package/src/components/ExpandableMenu/ExpandableMenu.stories.tsx +67 -67
  502. package/src/components/ExpandableMenu/ExpandableMenu.tsx +101 -101
  503. package/src/components/ExpandableMenu/index.ts +1 -1
  504. package/src/components/ExpandableMenu/types.ts +34 -34
  505. package/src/components/FF_Captcha/Recaptcha.scss +10 -10
  506. package/src/components/FF_Captcha/Recaptcha.tsx +40 -40
  507. package/src/components/FF_Captcha/captcha.stories.tsx +40 -40
  508. package/src/components/FF_Captcha/types.ts +22 -22
  509. package/src/components/FieldSet/FieldSet.scss +10 -10
  510. package/src/components/FieldSet/FieldSet.stories.tsx +104 -104
  511. package/src/components/FieldSet/FieldSet.tsx +29 -29
  512. package/src/components/FieldSet/index.ts +1 -1
  513. package/src/components/FieldSet/types.ts +8 -8
  514. package/src/components/FileDropzone/Dropzone.tsx +108 -108
  515. package/src/components/FileDropzone/FileDropzone.scss +180 -180
  516. package/src/components/FileDropzone/FileDropzone.stories.tsx +273 -273
  517. package/src/components/FileDropzone/FileDropzone.tsx +166 -166
  518. package/src/components/FileDropzone/FilePreview.tsx +77 -77
  519. package/src/components/FileDropzone/RadioFilePreview.tsx +80 -80
  520. package/src/components/FileDropzone/index.ts +1 -1
  521. package/src/components/FileDropzone/types.ts +207 -207
  522. package/src/components/Form/Form.d.ts +2 -2
  523. package/src/components/Form/Form.scss +158 -158
  524. package/src/components/Form/Form.stories.tsx +508 -508
  525. package/src/components/Form/Form.ts +2 -2
  526. package/src/components/Form/Forms.tsx +39 -39
  527. package/src/components/Form/validation.json +29 -29
  528. package/src/components/GridLayout/GridLayout.scss +69 -69
  529. package/src/components/GridLayout/GridLayout.stories.tsx +90 -90
  530. package/src/components/GridLayout/GridLayout.tsx +39 -39
  531. package/src/components/GridLayout/GridLayoutStory.scss +25 -25
  532. package/src/components/GridLayout/types.ts +84 -84
  533. package/src/components/HighlightText/HighlightText.scss +3 -3
  534. package/src/components/HighlightText/HighlightText.stories.tsx +22 -22
  535. package/src/components/HighlightText/HighlightText.tsx +33 -33
  536. package/src/components/HighlightText/index.ts +1 -1
  537. package/src/components/HighlightText/types.ts +4 -4
  538. package/src/components/Icon/Icon.stories.tsx +113 -65
  539. package/src/components/Icon/Icon.tsx +88 -88
  540. package/src/components/Icon/Icons.scss +50 -50
  541. package/src/components/Icon/iconList.ts +515 -505
  542. package/src/components/Icon/index.ts +1 -1
  543. package/src/components/Icon/types.ts +14 -14
  544. package/src/components/IconButton/IconButton.scss +54 -54
  545. package/src/components/IconButton/IconButton.stories.tsx +34 -34
  546. package/src/components/IconButton/IconButton.tsx +32 -32
  547. package/src/components/IconButton/index.ts +1 -1
  548. package/src/components/IconButton/types.ts +5 -5
  549. package/src/components/IconRadioGroup/IconRadioGroup.scss +64 -64
  550. package/src/components/IconRadioGroup/IconRadioGroup.stories.tsx +108 -108
  551. package/src/components/IconRadioGroup/IconRadioGroup.tsx +73 -73
  552. package/src/components/IconRadioGroup/index.ts +1 -1
  553. package/src/components/IconRadioGroup/type.ts +49 -49
  554. package/src/components/Input/Input.scss +170 -170
  555. package/src/components/Input/Input.stories.tsx +153 -141
  556. package/src/components/Input/Input.tsx +122 -120
  557. package/src/components/Input/types.ts +89 -85
  558. package/src/components/InputWithDropdown/InputWithDropdown.scss +220 -220
  559. package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +169 -169
  560. package/src/components/InputWithDropdown/InputWithDropdown.tsx +129 -129
  561. package/src/components/InputWithDropdown/index.ts +1 -1
  562. package/src/components/InputWithDropdown/types.ts +113 -113
  563. package/src/components/LabelEditTextField/LabelEditTextField.scss +94 -90
  564. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +198 -197
  565. package/src/components/LabelEditTextField/LabelEditTextField.tsx +267 -263
  566. package/src/components/LabelEditTextField/index.ts +1 -1
  567. package/src/components/LabelEditTextField/types.ts +51 -49
  568. package/src/components/LazyLoad/LazyLoad.d.ts +3 -3
  569. package/src/components/LazyLoad/LazyLoad.stories.tsx +33 -33
  570. package/src/components/LazyLoad/LazyLoad.ts +2 -2
  571. package/src/components/LazyLoad/LazyLoading.tsx +19 -19
  572. package/src/components/LazyLoad/index.ts +1 -1
  573. package/src/components/MachineInputField/MachineInputField.scss +59 -55
  574. package/src/components/MachineInputField/MachineInputField.stories.tsx +33 -33
  575. package/src/components/MachineInputField/MachineInputField.tsx +85 -84
  576. package/src/components/MachineInputField/index.ts +1 -1
  577. package/src/components/MachineInputField/types.ts +15 -15
  578. package/src/components/MenuOption/MenuOption.scss +97 -97
  579. package/src/components/MenuOption/MenuOption.stories.tsx +212 -212
  580. package/src/components/MenuOption/MenuOption.tsx +222 -222
  581. package/src/components/MenuOption/types.ts +231 -231
  582. package/src/components/MiniModal/MiniModal.scss +169 -169
  583. package/src/components/MiniModal/MiniModal.stories.tsx +740 -740
  584. package/src/components/MiniModal/MiniModal.tsx +346 -346
  585. package/src/components/MiniModal/index.ts +1 -1
  586. package/src/components/MiniModal/types.ts +124 -124
  587. package/src/components/Modal/Modal.stories.tsx +70 -70
  588. package/src/components/Modal/Modal.tsx +100 -100
  589. package/src/components/Modal/index.tsx +1 -1
  590. package/src/components/Modal/modal.scss +51 -51
  591. package/src/components/Modal/types.ts +43 -43
  592. package/src/components/ModulesChip/ModuleChip.scss +33 -33
  593. package/src/components/ModulesChip/ModuleChip.stories.tsx +41 -41
  594. package/src/components/ModulesChip/ModuleChip.tsx +28 -28
  595. package/src/components/ModulesChip/types.ts +14 -14
  596. package/src/components/MultiSelect/Dropdown.scss +77 -77
  597. package/src/components/MultiSelect/Dropdown.tsx +169 -169
  598. package/src/components/MultiSelect/MultiSelect.scss +247 -247
  599. package/src/components/MultiSelect/MultiSelect.stories.tsx +290 -290
  600. package/src/components/MultiSelect/MultiSelect.tsx +486 -486
  601. package/src/components/MultiSelect/MultiSelectTypes.ts +49 -49
  602. package/src/components/MultiSelect/dropdownTypes.ts +21 -21
  603. package/src/components/MultiSelect/index.ts +1 -1
  604. package/src/components/NLPInput/NLPInput.scss +302 -302
  605. package/src/components/NLPInput/NlpInput.stories.tsx +70 -70
  606. package/src/components/NLPInput/NlpInput.tsx +410 -410
  607. package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +62 -62
  608. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +134 -134
  609. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +320 -320
  610. package/src/components/NLPInput/index.ts +1 -1
  611. package/src/components/NLPInput/sampleData.ts +161 -161
  612. package/src/components/NLPInput/types.tsx +136 -136
  613. package/src/components/Paper/Paper.scss +13 -13
  614. package/src/components/Paper/Paper.stories.tsx +77 -77
  615. package/src/components/Paper/Paper.tsx +14 -14
  616. package/src/components/Paper/types.ts +19 -19
  617. package/src/components/PhoneInput/PhoneInput.d.ts +3 -3
  618. package/src/components/PhoneInput/PhoneInput.stories.tsx +70 -70
  619. package/src/components/PhoneInput/PhoneInput.tsx +98 -98
  620. package/src/components/PhoneInput/index.ts +1 -1
  621. package/src/components/PhoneInput/phoneInput.scss +901 -901
  622. package/src/components/PhoneInput/types.ts +16 -16
  623. package/src/components/PopUpModal/PopUpModal.scss +36 -36
  624. package/src/components/PopUpModal/PopUpModal.stories.tsx +67 -67
  625. package/src/components/PopUpModal/PopUpModal.tsx +87 -87
  626. package/src/components/PopUpModal/types.ts +17 -17
  627. package/src/components/ProgressBar/ProgressBar.scss +46 -46
  628. package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -22
  629. package/src/components/ProgressBar/ProgressBar.tsx +61 -61
  630. package/src/components/ProgressBar/types.ts +12 -12
  631. package/src/components/RadioButton/RadioButton.scss +106 -106
  632. package/src/components/RadioButton/RadioButton.stories.tsx +43 -43
  633. package/src/components/RadioButton/RadioButton.tsx +41 -41
  634. package/src/components/RadioButton/index.ts +1 -1
  635. package/src/components/RadioButton/radioButtonTypes.tsx +62 -62
  636. package/src/components/RadioGroup/RadioGroup.scss +11 -11
  637. package/src/components/RadioGroup/RadioGroup.stories.tsx +150 -150
  638. package/src/components/RadioGroup/RadioGroup.tsx +49 -49
  639. package/src/components/RadioGroup/index.ts +1 -1
  640. package/src/components/RadioGroup/radioGroupTypes.tsx +96 -96
  641. package/src/components/ScriptSwitchButton/ScriptSwitchButton.scss +33 -33
  642. package/src/components/ScriptSwitchButton/ScriptSwitchButton.stories.tsx +48 -48
  643. package/src/components/ScriptSwitchButton/ScriptSwitchButton.tsx +65 -65
  644. package/src/components/ScriptSwitchButton/index.ts +1 -1
  645. package/src/components/Search/Search.scss +103 -103
  646. package/src/components/Search/Search.stories.tsx +44 -44
  647. package/src/components/Search/Search.tsx +138 -138
  648. package/src/components/Search/index.ts +1 -1
  649. package/src/components/Search/types.ts +19 -19
  650. package/src/components/Select/Select.scss +213 -213
  651. package/src/components/Select/Select.stories.tsx +355 -355
  652. package/src/components/Select/Select.tsx +278 -278
  653. package/src/components/Select/components/Dropdown.scss +61 -61
  654. package/src/components/Select/components/Dropdown.tsx +140 -140
  655. package/src/components/Select/components/types.ts +24 -24
  656. package/src/components/Select/index.ts +1 -1
  657. package/src/components/Select/types.ts +134 -134
  658. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +128 -128
  659. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +67 -67
  660. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +186 -184
  661. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +191 -191
  662. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +326 -318
  663. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +33 -32
  664. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.scss +3 -3
  665. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +78 -76
  666. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +25 -24
  667. package/src/components/SequentialConnectingBranch/index.ts +1 -1
  668. package/src/components/SequentialConnectingBranch/types.ts +66 -62
  669. package/src/components/StateDropdown/StateDropdown.stories.tsx +104 -104
  670. package/src/components/StateDropdown/StateDropdown.tsx +245 -245
  671. package/src/components/StateDropdown/StateDropdownTypes.tsx +27 -27
  672. package/src/components/StatusButton/StatusButton.scss +90 -90
  673. package/src/components/StatusButton/StatusButton.stories.tsx +91 -91
  674. package/src/components/StatusButton/StatusButton.tsx +46 -46
  675. package/src/components/StatusButton/index.ts +1 -1
  676. package/src/components/StatusButton/types.ts +45 -45
  677. package/src/components/StatusCard/StatusCard.scss +138 -138
  678. package/src/components/StatusCard/StatusCard.stories.tsx +117 -117
  679. package/src/components/StatusCard/StatusCard.tsx +80 -80
  680. package/src/components/StatusCard/index.ts +1 -1
  681. package/src/components/StatusCard/types.ts +18 -18
  682. package/src/components/Table/Table.scss +118 -118
  683. package/src/components/Table/Table.stories.tsx +373 -373
  684. package/src/components/Table/Table.tsx +178 -178
  685. package/src/components/Table/Types.ts +124 -124
  686. package/src/components/Table/index.ts +1 -1
  687. package/src/components/TableTree/Components/TableBody.tsx +41 -41
  688. package/src/components/TableTree/Components/TableCell.tsx +75 -75
  689. package/src/components/TableTree/Components/TableHead.tsx +39 -39
  690. package/src/components/TableTree/Components/TableRow.tsx +41 -41
  691. package/src/components/TableTree/TableTree.scss +210 -217
  692. package/src/components/TableTree/TableTree.stories.tsx +176 -176
  693. package/src/components/TableTree/TableTree.tsx +72 -91
  694. package/src/components/TableTree/TableTreeStories.scss +22 -22
  695. package/src/components/TableTree/Utils/getAllChildIds.ts +14 -14
  696. package/src/components/TableTree/data.ts +368 -368
  697. package/src/components/TableTree/index.ts +1 -1
  698. package/src/components/TableTree/types.ts +72 -72
  699. package/src/components/TableWithAccordion/TableWithAccordion.scss +54 -54
  700. package/src/components/TableWithAccordion/TableWithAccordion.stories.tsx +94 -94
  701. package/src/components/TableWithAccordion/TableWithAccordion.tsx +174 -174
  702. package/src/components/TableWithAccordion/data.ts +36 -36
  703. package/src/components/TableWithAccordion/types.ts +69 -69
  704. package/src/components/Tabs/Tabs.scss +132 -132
  705. package/src/components/Tabs/Tabs.stories.tsx +153 -153
  706. package/src/components/Tabs/Tabs.tsx +71 -71
  707. package/src/components/Tabs/index.ts +1 -1
  708. package/src/components/Tabs/types.ts +48 -48
  709. package/src/components/TextArea/Textarea.scss +144 -144
  710. package/src/components/TextArea/Textarea.stories.tsx +92 -92
  711. package/src/components/TextArea/Textarea.tsx +86 -86
  712. package/src/components/TextArea/Types.ts +85 -85
  713. package/src/components/TextArea/index.tsx +1 -1
  714. package/src/components/ThemeProvider/ThemeProvider.tsx +27 -27
  715. package/src/components/ThemeProvider/index.ts +1 -1
  716. package/src/components/ThemeProvider/types.ts +14 -14
  717. package/src/components/Toast/Toast.scss +121 -121
  718. package/src/components/Toast/Toast.stories.tsx +144 -144
  719. package/src/components/Toast/Toast.tsx +117 -117
  720. package/src/components/Toast/index.ts +1 -1
  721. package/src/components/Toast/types.ts +27 -27
  722. package/src/components/Toastify/Toastify.stories.tsx +71 -71
  723. package/src/components/Toastify/Toastify.tsx +95 -95
  724. package/src/components/Toastify/index.ts +1 -1
  725. package/src/components/Toastify/types.ts +9 -9
  726. package/src/components/Toggle/Toggle.scss +133 -133
  727. package/src/components/Toggle/Toggle.stories.tsx +132 -132
  728. package/src/components/Toggle/Toggle.tsx +96 -96
  729. package/src/components/Toggle/index.ts +1 -1
  730. package/src/components/Toggle/types.ts +43 -43
  731. package/src/components/ToggleSwitch/ToggleSwitch.scss +58 -58
  732. package/src/components/ToggleSwitch/ToggleSwitch.stories.tsx +52 -52
  733. package/src/components/ToggleSwitch/ToggleSwitch.tsx +30 -30
  734. package/src/components/ToggleSwitch/index.ts +1 -1
  735. package/src/components/Tooltip/Tooltip.scss +27 -27
  736. package/src/components/Tooltip/Tooltip.stories.tsx +98 -98
  737. package/src/components/Tooltip/Tooltip.tsx +194 -194
  738. package/src/components/Tooltip/index.ts +1 -1
  739. package/src/components/Tooltip/types.ts +66 -66
  740. package/src/components/Typography/Typography.scss +25 -25
  741. package/src/components/Typography/Typography.stories.tsx +59 -59
  742. package/src/components/Typography/Typography.tsx +41 -41
  743. package/src/components/Typography/index.ts +1 -1
  744. package/src/components/Typography/types.ts +57 -57
  745. package/src/components/VariableInput/VariableInput.scss +127 -127
  746. package/src/components/VariableInput/VariableInput.stories.tsx +32 -32
  747. package/src/components/VariableInput/VariableInput.tsx +352 -352
  748. package/src/components/VariableInput/types.ts +56 -56
  749. package/src/hooks/keyboardevents/useEscKeyEvent.tsx +30 -30
  750. package/src/hooks/useClickOutside.tsx +30 -30
  751. package/src/hooks/useFileDropzone.tsx +275 -275
  752. package/src/hooks/useIntersectionObserver.tsx +56 -56
  753. package/src/hooks/usePortalPosition.tsx +53 -53
  754. package/src/hooks/useTheme.tsx +13 -13
  755. package/src/index.ts +302 -302
  756. package/src/utils/FormatString/FormatString.stories.tsx +58 -58
  757. package/src/utils/FormatString/FormatString.tsx +41 -41
  758. package/src/utils/TableCell/TableCell.ts +16 -16
  759. package/src/utils/capitalize/capitalize.stories.tsx +44 -44
  760. package/src/utils/capitalize/capitalize.tsx +4 -4
  761. package/src/utils/checkDuplicates/CheckDuplicates.stories.tsx +40 -40
  762. package/src/utils/checkDuplicates/checkDuplicates.ts +13 -13
  763. package/src/utils/checkEmpty/checkEmpty.stories.tsx +34 -34
  764. package/src/utils/checkEmpty/checkEmpty.ts +24 -24
  765. package/src/utils/compareArrays/compareArrays.stories.tsx +62 -62
  766. package/src/utils/compareArrays/compareArrays.ts +31 -31
  767. package/src/utils/compareObjects/compareObjects.stories.tsx +51 -51
  768. package/src/utils/compareObjects/compareObjects.ts +53 -53
  769. package/src/utils/debounce/debounce.stories.tsx +81 -81
  770. package/src/utils/debounce/debounce.ts +28 -28
  771. package/src/utils/downloadFile/saveFileFromBlob.stories.tsx +62 -62
  772. package/src/utils/downloadFile/saveFileFromBlob.ts +40 -40
  773. package/src/utils/ffID/ffID.stories.tsx +35 -35
  774. package/src/utils/ffID/ffid.ts +7 -7
  775. package/src/utils/findAndInsert/findAndInsert.stories.tsx +119 -119
  776. package/src/utils/findAndInsert/findAndInsert.ts +49 -49
  777. package/src/utils/formData/ConvertFormDataToObject.stories.tsx +27 -0
  778. package/src/utils/formData/ConvertFormDataToObject.ts +14 -0
  779. package/src/utils/functionCheck/functionCheck.ts +8 -8
  780. package/src/utils/getEncryptedData/getEncryptedData.stories.tsx +55 -55
  781. package/src/utils/getEncryptedData/getEncryptedData.ts +8 -8
  782. package/src/utils/getExtension/getExtension.stories.tsx +24 -23
  783. package/src/utils/getExtension/getExtension.ts +28 -28
  784. package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -31
  785. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +72 -72
  786. package/src/utils/getSequentialPayload/getSequentialPayload.ts +16 -16
  787. package/src/utils/getSequentialPayload/types.ts +33 -33
  788. package/src/utils/throttle/throttle.stories.tsx +100 -100
  789. package/src/utils/throttle/throttle.ts +33 -33
  790. package/src/utils/truncateText/truncateText.stories.tsx +37 -37
  791. package/src/utils/truncateText/truncateText.ts +4 -4
  792. package/src/utils/validateFile/validateFile.stories.tsx +49 -49
  793. package/src/utils/validateFile/validateFile.ts +39 -39
  794. package/src/validations/regex.stories.tsx +418 -362
  795. package/src/validations/regex.ts +224 -194
  796. package/tsconfig.json +55 -55
  797. package/vite.config.js +14 -14
  798. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  799. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  800. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  801. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  802. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  803. package/lib/components/TableTree/TableTree copy.d.ts +0 -25
  804. package/src/assets/images/photo.png +0 -0
@@ -1,62 +1,62 @@
1
- import { compareArrays } from './compareArrays'; // Adjust the import path as necessary
2
-
3
- export default {
4
- title: 'Utils/compareArrays',
5
- component: compareArrays,
6
- };
7
-
8
- export const Default = () => {
9
- const testCases = [
10
- { arr1: [1, 2, 3], arr2: [1, 2, 3], expected: true },
11
- { arr1: [1, 2, 3], arr2: [1, 2, 4], expected: false },
12
- { arr1: [1, { a: 1 }], arr2: [1, { a: 1 }], expected: true },
13
- { arr1: [1, { a: 1 }], arr2: [1, { a: 2 }], expected: false },
14
- { arr1: [1, 2, 3], arr2: [1, 2, 3, 4], expected: false },
15
- { arr1: [], arr2: [], expected: true },
16
- { arr1: [null, undefined], arr2: [null, undefined], expected: true },
17
- { arr1: [null], arr2: [undefined], expected: false },
18
- {
19
- arr1: [
20
- [1, 2],
21
- [3, 4],
22
- ],
23
- arr2: [
24
- [1, 2],
25
- [3, 4],
26
- ],
27
- expected: true,
28
- },
29
- {
30
- arr1: [
31
- [1, 2],
32
- [3, 4],
33
- ],
34
- arr2: [
35
- [1, 2],
36
- [4, 3],
37
- ],
38
- expected: false,
39
- },
40
- ];
41
-
42
- return (
43
- <div>
44
- <h1>
45
- <u>compareArrays(arr1, arr2)</u> - Expected / Actual
46
- </h1>
47
- {testCases.map(({ arr1, arr2, expected }, index) => {
48
- const actual = compareArrays(arr1, arr2);
49
- return (
50
- <div key={index}>
51
- <strong>
52
- compareArrays({JSON.stringify(arr1)}, {JSON.stringify(arr2)}) -
53
- </strong>
54
- <span style={{ color: actual === expected ? 'green' : 'red' }}>
55
- {` Expected: ${expected}, Actual: ${actual}`}
56
- </span>
57
- </div>
58
- );
59
- })}
60
- </div>
61
- );
62
- };
1
+ import { compareArrays } from './compareArrays'; // Adjust the import path as necessary
2
+
3
+ export default {
4
+ title: 'Utils/compareArrays',
5
+ component: compareArrays,
6
+ };
7
+
8
+ export const Default = () => {
9
+ const testCases = [
10
+ { arr1: [1, 2, 3], arr2: [1, 2, 3], expected: true },
11
+ { arr1: [1, 2, 3], arr2: [1, 2, 4], expected: false },
12
+ { arr1: [1, { a: 1 }], arr2: [1, { a: 1 }], expected: true },
13
+ { arr1: [1, { a: 1 }], arr2: [1, { a: 2 }], expected: false },
14
+ { arr1: [1, 2, 3], arr2: [1, 2, 3, 4], expected: false },
15
+ { arr1: [], arr2: [], expected: true },
16
+ { arr1: [null, undefined], arr2: [null, undefined], expected: true },
17
+ { arr1: [null], arr2: [undefined], expected: false },
18
+ {
19
+ arr1: [
20
+ [1, 2],
21
+ [3, 4],
22
+ ],
23
+ arr2: [
24
+ [1, 2],
25
+ [3, 4],
26
+ ],
27
+ expected: true,
28
+ },
29
+ {
30
+ arr1: [
31
+ [1, 2],
32
+ [3, 4],
33
+ ],
34
+ arr2: [
35
+ [1, 2],
36
+ [4, 3],
37
+ ],
38
+ expected: false,
39
+ },
40
+ ];
41
+
42
+ return (
43
+ <div>
44
+ <h1>
45
+ <u>compareArrays(arr1, arr2)</u> - Expected / Actual
46
+ </h1>
47
+ {testCases.map(({ arr1, arr2, expected }, index) => {
48
+ const actual = compareArrays(arr1, arr2);
49
+ return (
50
+ <div key={index}>
51
+ <strong>
52
+ compareArrays({JSON.stringify(arr1)}, {JSON.stringify(arr2)}) -
53
+ </strong>
54
+ <span style={{ color: actual === expected ? 'green' : 'red' }}>
55
+ {` Expected: ${expected}, Actual: ${actual}`}
56
+ </span>
57
+ </div>
58
+ );
59
+ })}
60
+ </div>
61
+ );
62
+ };
@@ -1,31 +1,31 @@
1
- import { compareObjects } from '../compareObjects/compareObjects';
2
-
3
- // Define a type for any object
4
- export type AnyObject = Record<string, unknown>;
5
-
6
- /**
7
- * Compare two arrays for equality.
8
- * This function checks if both arrays contain the same elements in the same order,
9
- * including nested structures.
10
- *
11
- * @param arr1 - The first array to compare.
12
- * @param arr2 - The second array to compare.
13
- * @returns - A boolean indicating if the arrays are equal.
14
- */
15
- export const compareArrays = (arr1: unknown[], arr2: unknown[]): boolean => {
16
- // Check if both are arrays
17
- if (!Array.isArray(arr1) || !Array.isArray(arr2)) return false;
18
-
19
- // Check if lengths are different
20
- if (arr1.length !== arr2.length) return false;
21
-
22
- // Compare each element
23
- return arr1.every((element, index) => {
24
- const otherElement = arr2[index];
25
- // Recursively compare objects or arrays, or check for strict equality
26
- return compareObjects(
27
- element as AnyObject | null,
28
- otherElement as AnyObject | null
29
- );
30
- });
31
- };
1
+ import { compareObjects } from '../compareObjects/compareObjects';
2
+
3
+ // Define a type for any object
4
+ export type AnyObject = Record<string, unknown>;
5
+
6
+ /**
7
+ * Compare two arrays for equality.
8
+ * This function checks if both arrays contain the same elements in the same order,
9
+ * including nested structures.
10
+ *
11
+ * @param arr1 - The first array to compare.
12
+ * @param arr2 - The second array to compare.
13
+ * @returns - A boolean indicating if the arrays are equal.
14
+ */
15
+ export const compareArrays = (arr1: unknown[], arr2: unknown[]): boolean => {
16
+ // Check if both are arrays
17
+ if (!Array.isArray(arr1) || !Array.isArray(arr2)) return false;
18
+
19
+ // Check if lengths are different
20
+ if (arr1.length !== arr2.length) return false;
21
+
22
+ // Compare each element
23
+ return arr1.every((element, index) => {
24
+ const otherElement = arr2[index];
25
+ // Recursively compare objects or arrays, or check for strict equality
26
+ return compareObjects(
27
+ element as AnyObject | null,
28
+ otherElement as AnyObject | null
29
+ );
30
+ });
31
+ };
@@ -1,51 +1,51 @@
1
- import { compareObjects } from './compareObjects'; // Adjust the import path as necessary
2
-
3
- export default {
4
- title: 'Utils/compareObjects',
5
- component: compareObjects,
6
- };
7
-
8
- export const Default = () => {
9
- const testCases = [
10
- {
11
- obj1: { a: 1, b: [2, { c: 3 }] },
12
- obj2: { a: 1, b: [2, { c: 3 }] },
13
- expected: true,
14
- },
15
- {
16
- obj1: { a: 1, b: [2, { c: 3 }] },
17
- obj2: { a: 1, b: [3, 2] },
18
- expected: false,
19
- },
20
- {
21
- obj1: { a: 1, b: { c: 2 } },
22
- obj2: { a: 1, b: { c: 2 } },
23
- expected: true,
24
- },
25
- {
26
- obj1: { a: 1, b: { c: 2 } },
27
- obj2: { a: 1, b: { c: 3 } },
28
- expected: false,
29
- },
30
- { obj1: null, obj2: null, expected: true },
31
- { obj1: { a: null }, obj2: { a: null }, expected: true },
32
- { obj1: { a: 1 }, obj2: { a: null }, expected: false },
33
- { obj1: {}, obj2: {}, expected: true },
34
- { obj1: { a: 0 }, obj2: { a: 0 }, expected: true },
35
- { obj1: { a: 0 }, obj2: { a: 1 }, expected: false },
36
- ];
37
-
38
- return (
39
- <div>
40
- <h1>
41
- <u>compareObjects(obj1, obj2)</u> - true / false
42
- </h1>
43
- {testCases.map(({ obj1, obj2, expected }, index) => (
44
- <div key={index}>
45
- compareObjects({JSON.stringify(obj1)}, {JSON.stringify(obj2)}) -
46
- {compareObjects(obj1, obj2) === expected ? ' True' : ' False'}
47
- </div>
48
- ))}
49
- </div>
50
- );
51
- };
1
+ import { compareObjects } from './compareObjects'; // Adjust the import path as necessary
2
+
3
+ export default {
4
+ title: 'Utils/compareObjects',
5
+ component: compareObjects,
6
+ };
7
+
8
+ export const Default = () => {
9
+ const testCases = [
10
+ {
11
+ obj1: { a: 1, b: [2, { c: 3 }] },
12
+ obj2: { a: 1, b: [2, { c: 3 }] },
13
+ expected: true,
14
+ },
15
+ {
16
+ obj1: { a: 1, b: [2, { c: 3 }] },
17
+ obj2: { a: 1, b: [3, 2] },
18
+ expected: false,
19
+ },
20
+ {
21
+ obj1: { a: 1, b: { c: 2 } },
22
+ obj2: { a: 1, b: { c: 2 } },
23
+ expected: true,
24
+ },
25
+ {
26
+ obj1: { a: 1, b: { c: 2 } },
27
+ obj2: { a: 1, b: { c: 3 } },
28
+ expected: false,
29
+ },
30
+ { obj1: null, obj2: null, expected: true },
31
+ { obj1: { a: null }, obj2: { a: null }, expected: true },
32
+ { obj1: { a: 1 }, obj2: { a: null }, expected: false },
33
+ { obj1: {}, obj2: {}, expected: true },
34
+ { obj1: { a: 0 }, obj2: { a: 0 }, expected: true },
35
+ { obj1: { a: 0 }, obj2: { a: 1 }, expected: false },
36
+ ];
37
+
38
+ return (
39
+ <div>
40
+ <h1>
41
+ <u>compareObjects(obj1, obj2)</u> - true / false
42
+ </h1>
43
+ {testCases.map(({ obj1, obj2, expected }, index) => (
44
+ <div key={index}>
45
+ compareObjects({JSON.stringify(obj1)}, {JSON.stringify(obj2)}) -
46
+ {compareObjects(obj1, obj2) === expected ? ' True' : ' False'}
47
+ </div>
48
+ ))}
49
+ </div>
50
+ );
51
+ };
@@ -1,53 +1,53 @@
1
- // Define a type for any object
2
- export type AnyObject = Record<string, unknown>;
3
-
4
- export const compareObjects = (
5
- obj1: AnyObject | null,
6
- obj2: AnyObject | null
7
- ): boolean => {
8
- // Check if both are strictly equal (handles primitive types and same reference)
9
- if (obj1 === obj2) return true;
10
-
11
- // Check if either is null or not an object
12
- if (
13
- obj1 == null ||
14
- obj2 == null ||
15
- typeof obj1 !== 'object' ||
16
- typeof obj2 !== 'object'
17
- ) {
18
- return false;
19
- }
20
-
21
- // Handle array comparison
22
- const isArray1 = Array.isArray(obj1);
23
- const isArray2 = Array.isArray(obj2);
24
- if (isArray1 !== isArray2) return false; // One is an array, the other is not
25
-
26
- // Create arrays of keys for both objects
27
- const keys1 = isArray1 ? obj1 : Object.keys(obj1);
28
- const keys2 = isArray2 ? obj2 : Object.keys(obj2);
29
-
30
- // Check if the number of keys is different
31
- if (keys1.length !== keys2.length) return false;
32
-
33
- // Create a Set for keys2 for O(1) lookups (only for objects)
34
- if (!isArray1) {
35
- const keysSet2 = new Set<string>(keys2 as string[]);
36
-
37
- // Check each key and value
38
- return keys1.every((key) => {
39
- return (
40
- keysSet2.has(key) &&
41
- compareObjects(
42
- obj1[key] as AnyObject | null,
43
- obj2[key] as AnyObject | null
44
- )
45
- );
46
- });
47
- } else {
48
- // If arrays, compare elements directly
49
- return keys1.every((item, index) =>
50
- compareObjects(item as AnyObject | null, keys2[index] as AnyObject | null)
51
- );
52
- }
53
- };
1
+ // Define a type for any object
2
+ export type AnyObject = Record<string, unknown>;
3
+
4
+ export const compareObjects = (
5
+ obj1: AnyObject | null,
6
+ obj2: AnyObject | null
7
+ ): boolean => {
8
+ // Check if both are strictly equal (handles primitive types and same reference)
9
+ if (obj1 === obj2) return true;
10
+
11
+ // Check if either is null or not an object
12
+ if (
13
+ obj1 == null ||
14
+ obj2 == null ||
15
+ typeof obj1 !== 'object' ||
16
+ typeof obj2 !== 'object'
17
+ ) {
18
+ return false;
19
+ }
20
+
21
+ // Handle array comparison
22
+ const isArray1 = Array.isArray(obj1);
23
+ const isArray2 = Array.isArray(obj2);
24
+ if (isArray1 !== isArray2) return false; // One is an array, the other is not
25
+
26
+ // Create arrays of keys for both objects
27
+ const keys1 = isArray1 ? obj1 : Object.keys(obj1);
28
+ const keys2 = isArray2 ? obj2 : Object.keys(obj2);
29
+
30
+ // Check if the number of keys is different
31
+ if (keys1.length !== keys2.length) return false;
32
+
33
+ // Create a Set for keys2 for O(1) lookups (only for objects)
34
+ if (!isArray1) {
35
+ const keysSet2 = new Set<string>(keys2 as string[]);
36
+
37
+ // Check each key and value
38
+ return keys1.every((key) => {
39
+ return (
40
+ keysSet2.has(key) &&
41
+ compareObjects(
42
+ obj1[key] as AnyObject | null,
43
+ obj2[key] as AnyObject | null
44
+ )
45
+ );
46
+ });
47
+ } else {
48
+ // If arrays, compare elements directly
49
+ return keys1.every((item, index) =>
50
+ compareObjects(item as AnyObject | null, keys2[index] as AnyObject | null)
51
+ );
52
+ }
53
+ };
@@ -1,81 +1,81 @@
1
- import { debounce } from './debounce'; // Adjust the import path as necessary
2
-
3
- export default {
4
- title: 'Utils/debounce',
5
- component: debounce,
6
- };
7
-
8
- export const Default = () => {
9
- const testCases = [
10
- {
11
- description: 'Basic function call',
12
- expectedOutput: 'Function called! (after delay)',
13
- delay: 300,
14
- setup: () => {
15
- const debouncedFunc = debounce(
16
- () => console.log('Function called!'),
17
- 300
18
- );
19
- debouncedFunc(); // Call the debounced function
20
- },
21
- code: `const debouncedFunc = debounce(() => console.log('Function called!'), 300);\ndebouncedFunc();`,
22
- },
23
- {
24
- description: 'Rapid calls within delay',
25
- expectedOutput: 'Debounced call! (only once after delay)',
26
- delay: 500,
27
- setup: () => {
28
- const debouncedFunc = debounce(
29
- () => console.log('Debounced call!'),
30
- 500
31
- );
32
- for (let i = 0; i < 5; i++) {
33
- debouncedFunc(); // Call the debounced function multiple times
34
- }
35
- },
36
- code: `const debouncedFunc = debounce(() => console.log('Debounced call!'), 500);\nfor (let i = 0; i < 5; i++) {\n debouncedFunc();\n}`,
37
- },
38
- {
39
- description: 'Cancel debounced function',
40
- expectedOutput: 'Function should not be called if canceled',
41
- delay: 200,
42
- setup: () => {
43
- const debouncedFunc = debounce(
44
- () => console.log('Should not be called!'),
45
- 200
46
- );
47
- debouncedFunc(); // Call the debounced function
48
- debouncedFunc.cancel(); // Cancel the function
49
- },
50
- code: `const debouncedFunc = debounce(() => console.log('Should not be called!'), 200);\ndebouncedFunc();\ndebouncedFunc.cancel();`,
51
- },
52
- ];
53
-
54
- return (
55
- <div>
56
- <h1>
57
- <u>debounce(function, delay)</u> - Demonstrating debounce functionality
58
- </h1>
59
- {testCases.map(
60
- ({ description, expectedOutput, delay, setup, code }, index) => (
61
- <div key={index}>
62
- <h3>{description}</h3>
63
- <button
64
- onClick={() => {
65
- setup(); // Run the setup for the test case
66
- setTimeout(() => {
67
- console.log(expectedOutput);
68
- }, delay + 100); // Wait a bit longer than the delay to check output
69
- }}
70
- >
71
- Run Test
72
- </button>
73
- <pre>
74
- <code>{code}</code>
75
- </pre>
76
- </div>
77
- )
78
- )}
79
- </div>
80
- );
81
- };
1
+ import { debounce } from './debounce'; // Adjust the import path as necessary
2
+
3
+ export default {
4
+ title: 'Utils/debounce',
5
+ component: debounce,
6
+ };
7
+
8
+ export const Default = () => {
9
+ const testCases = [
10
+ {
11
+ description: 'Basic function call',
12
+ expectedOutput: 'Function called! (after delay)',
13
+ delay: 300,
14
+ setup: () => {
15
+ const debouncedFunc = debounce(
16
+ () => console.log('Function called!'),
17
+ 300
18
+ );
19
+ debouncedFunc(); // Call the debounced function
20
+ },
21
+ code: `const debouncedFunc = debounce(() => console.log('Function called!'), 300);\ndebouncedFunc();`,
22
+ },
23
+ {
24
+ description: 'Rapid calls within delay',
25
+ expectedOutput: 'Debounced call! (only once after delay)',
26
+ delay: 500,
27
+ setup: () => {
28
+ const debouncedFunc = debounce(
29
+ () => console.log('Debounced call!'),
30
+ 500
31
+ );
32
+ for (let i = 0; i < 5; i++) {
33
+ debouncedFunc(); // Call the debounced function multiple times
34
+ }
35
+ },
36
+ code: `const debouncedFunc = debounce(() => console.log('Debounced call!'), 500);\nfor (let i = 0; i < 5; i++) {\n debouncedFunc();\n}`,
37
+ },
38
+ {
39
+ description: 'Cancel debounced function',
40
+ expectedOutput: 'Function should not be called if canceled',
41
+ delay: 200,
42
+ setup: () => {
43
+ const debouncedFunc = debounce(
44
+ () => console.log('Should not be called!'),
45
+ 200
46
+ );
47
+ debouncedFunc(); // Call the debounced function
48
+ debouncedFunc.cancel(); // Cancel the function
49
+ },
50
+ code: `const debouncedFunc = debounce(() => console.log('Should not be called!'), 200);\ndebouncedFunc();\ndebouncedFunc.cancel();`,
51
+ },
52
+ ];
53
+
54
+ return (
55
+ <div>
56
+ <h1>
57
+ <u>debounce(function, delay)</u> - Demonstrating debounce functionality
58
+ </h1>
59
+ {testCases.map(
60
+ ({ description, expectedOutput, delay, setup, code }, index) => (
61
+ <div key={index}>
62
+ <h3>{description}</h3>
63
+ <button
64
+ onClick={() => {
65
+ setup(); // Run the setup for the test case
66
+ setTimeout(() => {
67
+ console.log(expectedOutput);
68
+ }, delay + 100); // Wait a bit longer than the delay to check output
69
+ }}
70
+ >
71
+ Run Test
72
+ </button>
73
+ <pre>
74
+ <code>{code}</code>
75
+ </pre>
76
+ </div>
77
+ )
78
+ )}
79
+ </div>
80
+ );
81
+ };
@@ -1,28 +1,28 @@
1
- type Callback = (...args: any[]) => void;
2
-
3
- // Export the DebouncedFunction interface to make it publicly accessible
4
- export interface DebouncedFunction extends Function {
5
- cancel: () => void;
6
- }
7
-
8
- export const debounce = (func: Callback, delay: number): DebouncedFunction => {
9
- let timeoutId: ReturnType<typeof setTimeout> | null = null;
10
-
11
- const debounced: DebouncedFunction = function (this: any, ...args: any[]) {
12
- // Clear the previous timeout if it exists
13
- if (timeoutId) clearTimeout(timeoutId);
14
-
15
- // Set a new timeout
16
- timeoutId = setTimeout(() => {
17
- func.apply(this, args);
18
- }, delay);
19
- };
20
-
21
- // Method to cancel the debounced function
22
- debounced.cancel = () => {
23
- if (timeoutId) clearTimeout(timeoutId);
24
- timeoutId = null;
25
- };
26
-
27
- return debounced;
28
- };
1
+ type Callback = (...args: any[]) => void;
2
+
3
+ // Export the DebouncedFunction interface to make it publicly accessible
4
+ export interface DebouncedFunction extends Function {
5
+ cancel: () => void;
6
+ }
7
+
8
+ export const debounce = (func: Callback, delay: number): DebouncedFunction => {
9
+ let timeoutId: ReturnType<typeof setTimeout> | null = null;
10
+
11
+ const debounced: DebouncedFunction = function (this: any, ...args: any[]) {
12
+ // Clear the previous timeout if it exists
13
+ if (timeoutId) clearTimeout(timeoutId);
14
+
15
+ // Set a new timeout
16
+ timeoutId = setTimeout(() => {
17
+ func.apply(this, args);
18
+ }, delay);
19
+ };
20
+
21
+ // Method to cancel the debounced function
22
+ debounced.cancel = () => {
23
+ if (timeoutId) clearTimeout(timeoutId);
24
+ timeoutId = null;
25
+ };
26
+
27
+ return debounced;
28
+ };