pixelize-design-library 2.3.1-beta.1 → 2.3.1-beta.11

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 (324) hide show
  1. package/.claude/settings.local.json +21 -1
  2. package/dist/Components/Accordion/Accordion.js +26 -5
  3. package/dist/Components/KanbanBoard/AccountCard.js +17 -14
  4. package/dist/Components/KanbanBoard/KanbanBoard.js +93 -78
  5. package/dist/Components/NavigationBar/NavigationBar.js +4 -4
  6. package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.d.ts +1 -1
  7. package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewer.js +42 -24
  8. package/dist/Components/ProfilePhotoViewer/ProfilePhotoViewerProps.d.ts +2 -0
  9. package/dist/Components/SearchSelect/SearchSelect.js +53 -21
  10. package/dist/Components/Table/Table.d.ts +1 -1
  11. package/dist/Components/Table/Table.js +167 -32
  12. package/dist/Components/Table/TableProps.d.ts +9 -1
  13. package/dist/Components/Table/{Components → components}/Pagination.js +1 -1
  14. package/dist/Components/Table/{Components → components}/TableActions.d.ts +2 -2
  15. package/dist/Components/Table/{Components → components}/TableActions.js +5 -4
  16. package/dist/Components/Table/{Components → components}/TableBody.js +98 -29
  17. package/dist/Components/Table/{Components → components}/TableHeader.js +5 -9
  18. package/dist/Components/Table/hooks/useTable.d.ts +2 -1
  19. package/dist/Components/Table/hooks/useTable.js +24 -10
  20. package/dist/Components/Table/settings/TableSettings.d.ts +3 -2
  21. package/dist/Components/Table/settings/TableSettings.js +30 -6
  22. package/dist/Components/Timeline/Timeline.d.ts +1 -1
  23. package/dist/Components/Timeline/Timeline.js +145 -78
  24. package/dist/Components/Toaster/Toaster.js +40 -20
  25. package/dist/Utils/table.d.ts +6 -1
  26. package/dist/Utils/table.js +47 -27
  27. package/package.json +1 -1
  28. package/dist/App.d.ts +0 -4
  29. package/dist/App.js +0 -131
  30. package/dist/Components/Table/CompactSelect.d.ts +0 -15
  31. package/dist/Components/Table/CompactSelect.js +0 -69
  32. package/dist/Components/Table/Components/ActiveFilters.d.ts +0 -9
  33. package/dist/Components/Table/Components/ActiveFilters.js +0 -132
  34. package/dist/Components/Table/Components/TableFilters.d.ts +0 -7
  35. package/dist/Components/Table/Components/TableFilters.js +0 -89
  36. package/dist/Components/Table/Components/useDebounce.d.ts +0 -2
  37. package/dist/Components/Table/Components/useDebounce.js +0 -28
  38. package/dist/Components/Table/Components/useTable.d.ts +0 -47
  39. package/dist/Components/Table/Components/useTable.js +0 -219
  40. package/dist/Components/Table/LeftFilterPane.d.ts +0 -36
  41. package/dist/Components/Table/LeftFilterPane.js +0 -273
  42. package/dist/Components/Table/SelectOperationControls.d.ts +0 -8
  43. package/dist/Components/Table/SelectOperationControls.js +0 -15
  44. package/dist/Components/Table/TableSettings/ManageColumns.d.ts +0 -12
  45. package/dist/Components/Table/TableSettings/ManageColumns.js +0 -166
  46. package/dist/Components/Table/TableSettings/ManageColumns.test.d.ts +0 -1
  47. package/dist/Components/Table/TableSettings/ManageColumns.test.js +0 -146
  48. package/dist/Components/Table/TableSettings/TableFilters.d.ts +0 -10
  49. package/dist/Components/Table/TableSettings/TableFilters.js +0 -69
  50. package/dist/Components/Table/TableSettings/TableFilters.test.d.ts +0 -1
  51. package/dist/Components/Table/TableSettings/TableFilters.test.js +0 -109
  52. package/dist/Components/Table/TableSettings/TableSettings.d.ts +0 -8
  53. package/dist/Components/Table/TableSettings/TableSettings.js +0 -141
  54. package/dist/Components/Table/TableToDo.d.ts +0 -2
  55. package/dist/Components/Table/TableToDo.js +0 -291
  56. package/dist/Components/Table/TextOperationControls.d.ts +0 -12
  57. package/dist/Components/Table/TextOperationControls.js +0 -29
  58. package/dist/Layout.d.ts +0 -3
  59. package/dist/Layout.js +0 -292
  60. package/dist/Pages/TInput.d.ts +0 -3
  61. package/dist/Pages/TInput.js +0 -56
  62. package/dist/Pages/accordion.d.ts +0 -3
  63. package/dist/Pages/accordion.js +0 -42
  64. package/dist/Pages/alertdialog.d.ts +0 -3
  65. package/dist/Pages/alertdialog.js +0 -54
  66. package/dist/Pages/button.d.ts +0 -3
  67. package/dist/Pages/button.js +0 -46
  68. package/dist/Pages/card.d.ts +0 -3
  69. package/dist/Pages/card.js +0 -117
  70. package/dist/Pages/chart.d.ts +0 -4
  71. package/dist/Pages/chart.js +0 -40
  72. package/dist/Pages/checkbox.d.ts +0 -3
  73. package/dist/Pages/checkbox.js +0 -12
  74. package/dist/Pages/contactForm.d.ts +0 -3
  75. package/dist/Pages/contactForm.js +0 -16
  76. package/dist/Pages/datePick.d.ts +0 -3
  77. package/dist/Pages/datePick.js +0 -88
  78. package/dist/Pages/drawer.d.ts +0 -3
  79. package/dist/Pages/drawer.js +0 -58
  80. package/dist/Pages/dropdown.d.ts +0 -3
  81. package/dist/Pages/dropdown.js +0 -24
  82. package/dist/Pages/editor.d.ts +0 -3
  83. package/dist/Pages/editor.js +0 -14
  84. package/dist/Pages/feedback.d.ts +0 -2
  85. package/dist/Pages/feedback.js +0 -15
  86. package/dist/Pages/fileUpload.d.ts +0 -2
  87. package/dist/Pages/fileUpload.js +0 -82
  88. package/dist/Pages/input.d.ts +0 -3
  89. package/dist/Pages/input.js +0 -92
  90. package/dist/Pages/kanbanboard.d.ts +0 -3
  91. package/dist/Pages/kanbanboard.js +0 -224
  92. package/dist/Pages/modal.d.ts +0 -3
  93. package/dist/Pages/modal.js +0 -65
  94. package/dist/Pages/multiSelect.d.ts +0 -3
  95. package/dist/Pages/multiSelect.js +0 -55
  96. package/dist/Pages/noteArea.d.ts +0 -3
  97. package/dist/Pages/noteArea.js +0 -59
  98. package/dist/Pages/notification.d.ts +0 -3
  99. package/dist/Pages/notification.js +0 -25
  100. package/dist/Pages/numberInput.d.ts +0 -3
  101. package/dist/Pages/numberInput.js +0 -49
  102. package/dist/Pages/photoViewer.d.ts +0 -3
  103. package/dist/Pages/photoViewer.js +0 -12
  104. package/dist/Pages/pinInputs.d.ts +0 -3
  105. package/dist/Pages/pinInputs.js +0 -12
  106. package/dist/Pages/productCaard.d.ts +0 -3
  107. package/dist/Pages/productCaard.js +0 -311
  108. package/dist/Pages/productDetailCard.d.ts +0 -3
  109. package/dist/Pages/productDetailCard.js +0 -78
  110. package/dist/Pages/productFilter.d.ts +0 -3
  111. package/dist/Pages/productFilter.js +0 -202
  112. package/dist/Pages/progressbar.d.ts +0 -3
  113. package/dist/Pages/progressbar.js +0 -12
  114. package/dist/Pages/radioButton.d.ts +0 -3
  115. package/dist/Pages/radioButton.js +0 -54
  116. package/dist/Pages/search.d.ts +0 -3
  117. package/dist/Pages/search.js +0 -54
  118. package/dist/Pages/searchSelect.d.ts +0 -3
  119. package/dist/Pages/searchSelect.js +0 -133
  120. package/dist/Pages/select.d.ts +0 -3
  121. package/dist/Pages/select.js +0 -53
  122. package/dist/Pages/selectSearch.d.ts +0 -3
  123. package/dist/Pages/selectSearch.js +0 -103
  124. package/dist/Pages/skeleton.d.ts +0 -3
  125. package/dist/Pages/skeleton.js +0 -22
  126. package/dist/Pages/switch.d.ts +0 -3
  127. package/dist/Pages/switch.js +0 -50
  128. package/dist/Pages/table.d.ts +0 -3
  129. package/dist/Pages/table.js +0 -174
  130. package/dist/Pages/textArea.d.ts +0 -3
  131. package/dist/Pages/textArea.js +0 -15
  132. package/dist/Pages/timeline.d.ts +0 -3
  133. package/dist/Pages/timeline.js +0 -74
  134. package/dist/Pages/tooltip.d.ts +0 -3
  135. package/dist/Pages/tooltip.js +0 -12
  136. package/dist/Pages/toster.d.ts +0 -3
  137. package/dist/Pages/toster.js +0 -68
  138. package/dist/Pages/verifyEmail.d.ts +0 -3
  139. package/dist/Pages/verifyEmail.js +0 -18
  140. package/dist/Theme/Dark/palette.d.ts +0 -370
  141. package/dist/Theme/Dark/palette.js +0 -372
  142. package/dist/bootstrap.d.ts +0 -1
  143. package/dist/bootstrap.js +0 -14
  144. package/dist/components-v2/AlertDialog/AlertDialog.d.ts +0 -23
  145. package/dist/components-v2/AlertDialog/AlertDialog.js +0 -98
  146. package/dist/components-v2/Breadcrumbs/Breadcrumbs.d.ts +0 -14
  147. package/dist/components-v2/Breadcrumbs/Breadcrumbs.js +0 -66
  148. package/dist/components-v2/Charts/AreaChart.d.ts +0 -23
  149. package/dist/components-v2/Charts/AreaChart.js +0 -63
  150. package/dist/components-v2/Charts/BarChart.d.ts +0 -25
  151. package/dist/components-v2/Charts/BarChart.js +0 -57
  152. package/dist/components-v2/Charts/LineChart.d.ts +0 -23
  153. package/dist/components-v2/Charts/LineChart.js +0 -55
  154. package/dist/components-v2/Charts/PieChart.d.ts +0 -15
  155. package/dist/components-v2/Charts/PieChart.js +0 -54
  156. package/dist/components-v2/Charts/PolarChart.d.ts +0 -14
  157. package/dist/components-v2/Charts/PolarChart.js +0 -54
  158. package/dist/components-v2/Charts/chartOptions.d.ts +0 -7
  159. package/dist/components-v2/Charts/chartOptions.js +0 -41
  160. package/dist/components-v2/Charts/useChartTheme.d.ts +0 -22
  161. package/dist/components-v2/Charts/useChartTheme.js +0 -106
  162. package/dist/components-v2/ContactForm/ContactForm.d.ts +0 -25
  163. package/dist/components-v2/ContactForm/ContactForm.js +0 -116
  164. package/dist/components-v2/DatePicker/Calendar.d.ts +0 -19
  165. package/dist/components-v2/DatePicker/Calendar.js +0 -212
  166. package/dist/components-v2/DatePicker/DatePicker.d.ts +0 -46
  167. package/dist/components-v2/DatePicker/DatePicker.js +0 -189
  168. package/dist/components-v2/DatePicker/TimePicker.d.ts +0 -12
  169. package/dist/components-v2/DatePicker/TimePicker.js +0 -105
  170. package/dist/components-v2/DatePicker/utils.d.ts +0 -31
  171. package/dist/components-v2/DatePicker/utils.js +0 -109
  172. package/dist/components-v2/Drawer/Drawer.d.ts +0 -27
  173. package/dist/components-v2/Drawer/Drawer.js +0 -132
  174. package/dist/components-v2/FeedbackForm/FeedbackForm.d.ts +0 -26
  175. package/dist/components-v2/FeedbackForm/FeedbackForm.js +0 -112
  176. package/dist/components-v2/FileUploader/FileUploader.d.ts +0 -28
  177. package/dist/components-v2/FileUploader/FileUploader.js +0 -127
  178. package/dist/components-v2/Input/TextInput.d.ts +0 -41
  179. package/dist/components-v2/Input/TextInput.js +0 -169
  180. package/dist/components-v2/KanbanBoard/KanbanBoard.d.ts +0 -39
  181. package/dist/components-v2/KanbanBoard/KanbanBoard.js +0 -101
  182. package/dist/components-v2/Layout/AppLayout.d.ts +0 -22
  183. package/dist/components-v2/Layout/AppLayout.js +0 -53
  184. package/dist/components-v2/Loading/Loading.d.ts +0 -19
  185. package/dist/components-v2/Loading/Loading.js +0 -55
  186. package/dist/components-v2/Modal/Modal.d.ts +0 -30
  187. package/dist/components-v2/Modal/Modal.js +0 -82
  188. package/dist/components-v2/NavigationBar/NavigationBar.d.ts +0 -47
  189. package/dist/components-v2/NavigationBar/NavigationBar.js +0 -148
  190. package/dist/components-v2/Notification/Notification.d.ts +0 -22
  191. package/dist/components-v2/Notification/Notification.js +0 -113
  192. package/dist/components-v2/NumberInput/NumberInput.d.ts +0 -37
  193. package/dist/components-v2/NumberInput/NumberInput.js +0 -210
  194. package/dist/components-v2/PinInput/PinInput.d.ts +0 -26
  195. package/dist/components-v2/PinInput/PinInput.js +0 -138
  196. package/dist/components-v2/ProfilePhotoViewer/ProfilePhotoViewer.d.ts +0 -18
  197. package/dist/components-v2/ProfilePhotoViewer/ProfilePhotoViewer.js +0 -91
  198. package/dist/components-v2/Select/Select.d.ts +0 -41
  199. package/dist/components-v2/Select/Select.js +0 -284
  200. package/dist/components-v2/Sidebar/Sidebar.d.ts +0 -41
  201. package/dist/components-v2/Sidebar/Sidebar.js +0 -182
  202. package/dist/components-v2/Slider/Slider.d.ts +0 -18
  203. package/dist/components-v2/Slider/Slider.js +0 -101
  204. package/dist/components-v2/Table/Table.d.ts +0 -7
  205. package/dist/components-v2/Table/Table.js +0 -172
  206. package/dist/components-v2/Table/TableProps.d.ts +0 -139
  207. package/dist/components-v2/Table/TableProps.js +0 -9
  208. package/dist/components-v2/Table/components/ActiveFilters.d.ts +0 -10
  209. package/dist/components-v2/Table/components/ActiveFilters.js +0 -70
  210. package/dist/components-v2/Table/components/BulkActionBar.d.ts +0 -11
  211. package/dist/components-v2/Table/components/BulkActionBar.js +0 -92
  212. package/dist/components-v2/Table/components/ColumnResizeHandle.d.ts +0 -7
  213. package/dist/components-v2/Table/components/ColumnResizeHandle.js +0 -41
  214. package/dist/components-v2/Table/components/Pagination.d.ts +0 -11
  215. package/dist/components-v2/Table/components/Pagination.js +0 -92
  216. package/dist/components-v2/Table/components/TableBody.d.ts +0 -23
  217. package/dist/components-v2/Table/components/TableBody.js +0 -69
  218. package/dist/components-v2/Table/components/TableCell.d.ts +0 -14
  219. package/dist/components-v2/Table/components/TableCell.js +0 -63
  220. package/dist/components-v2/Table/components/TableEmptyState.d.ts +0 -12
  221. package/dist/components-v2/Table/components/TableEmptyState.js +0 -55
  222. package/dist/components-v2/Table/components/TableErrorState.d.ts +0 -6
  223. package/dist/components-v2/Table/components/TableErrorState.js +0 -52
  224. package/dist/components-v2/Table/components/TableHeader.d.ts +0 -21
  225. package/dist/components-v2/Table/components/TableHeader.js +0 -94
  226. package/dist/components-v2/Table/components/TableRow.d.ts +0 -20
  227. package/dist/components-v2/Table/components/TableRow.js +0 -64
  228. package/dist/components-v2/Table/components/TableSearch.d.ts +0 -8
  229. package/dist/components-v2/Table/components/TableSearch.js +0 -47
  230. package/dist/components-v2/Table/filters/FilterChips.d.ts +0 -6
  231. package/dist/components-v2/Table/filters/FilterChips.js +0 -9
  232. package/dist/components-v2/Table/filters/LeftFilterPane.d.ts +0 -17
  233. package/dist/components-v2/Table/filters/LeftFilterPane.js +0 -105
  234. package/dist/components-v2/Table/filters/TableFilters.d.ts +0 -12
  235. package/dist/components-v2/Table/filters/TableFilters.js +0 -127
  236. package/dist/components-v2/Table/hooks/useColumnResize.d.ts +0 -15
  237. package/dist/components-v2/Table/hooks/useColumnResize.js +0 -104
  238. package/dist/components-v2/Table/hooks/useTable.d.ts +0 -58
  239. package/dist/components-v2/Table/hooks/useTable.js +0 -254
  240. package/dist/components-v2/Table/hooks/useTableKeyboard.d.ts +0 -25
  241. package/dist/components-v2/Table/hooks/useTableKeyboard.js +0 -112
  242. package/dist/components-v2/Table/hooks/useVirtualScroll.d.ts +0 -29
  243. package/dist/components-v2/Table/hooks/useVirtualScroll.js +0 -83
  244. package/dist/components-v2/Table/settings/ManageColumns.d.ts +0 -12
  245. package/dist/components-v2/Table/settings/ManageColumns.js +0 -59
  246. package/dist/components-v2/Table/settings/TableSettings.d.ts +0 -12
  247. package/dist/components-v2/Table/settings/TableSettings.js +0 -57
  248. package/dist/components-v2/Table/utils/filterUtils.d.ts +0 -7
  249. package/dist/components-v2/Table/utils/filterUtils.js +0 -149
  250. package/dist/components-v2/Table/utils/sortUtils.d.ts +0 -6
  251. package/dist/components-v2/Table/utils/sortUtils.js +0 -65
  252. package/dist/components-v2/Tag/Tag.d.ts +0 -15
  253. package/dist/components-v2/Tag/Tag.js +0 -87
  254. package/dist/components-v2/Timeline/Timeline.d.ts +0 -18
  255. package/dist/components-v2/Timeline/Timeline.js +0 -76
  256. package/dist/components-v2/Toaster/Toaster.d.ts +0 -61
  257. package/dist/components-v2/Toaster/Toaster.js +0 -63
  258. package/dist/components-v2/Toggle/Toggle.d.ts +0 -28
  259. package/dist/components-v2/Toggle/Toggle.js +0 -90
  260. package/dist/components-v2/ui/accordion.d.ts +0 -12
  261. package/dist/components-v2/ui/accordion.js +0 -104
  262. package/dist/components-v2/ui/alert.d.ts +0 -18
  263. package/dist/components-v2/ui/alert.js +0 -99
  264. package/dist/components-v2/ui/avatar.d.ts +0 -12
  265. package/dist/components-v2/ui/avatar.js +0 -80
  266. package/dist/components-v2/ui/badge.d.ts +0 -10
  267. package/dist/components-v2/ui/badge.js +0 -76
  268. package/dist/components-v2/ui/button.d.ts +0 -18
  269. package/dist/components-v2/ui/button.js +0 -97
  270. package/dist/components-v2/ui/checkbox.d.ts +0 -15
  271. package/dist/components-v2/ui/checkbox.js +0 -86
  272. package/dist/components-v2/ui/dialog.d.ts +0 -30
  273. package/dist/components-v2/ui/dialog.js +0 -115
  274. package/dist/components-v2/ui/dropdown-menu.d.ts +0 -26
  275. package/dist/components-v2/ui/dropdown-menu.js +0 -121
  276. package/dist/components-v2/ui/field.d.ts +0 -32
  277. package/dist/components-v2/ui/field.js +0 -62
  278. package/dist/components-v2/ui/form-field.d.ts +0 -25
  279. package/dist/components-v2/ui/form-field.js +0 -96
  280. package/dist/components-v2/ui/input.d.ts +0 -9
  281. package/dist/components-v2/ui/input.js +0 -73
  282. package/dist/components-v2/ui/label.d.ts +0 -10
  283. package/dist/components-v2/ui/label.js +0 -70
  284. package/dist/components-v2/ui/popover.d.ts +0 -9
  285. package/dist/components-v2/ui/popover.js +0 -60
  286. package/dist/components-v2/ui/progress.d.ts +0 -12
  287. package/dist/components-v2/ui/progress.js +0 -75
  288. package/dist/components-v2/ui/radio-group.d.ts +0 -17
  289. package/dist/components-v2/ui/radio-group.js +0 -91
  290. package/dist/components-v2/ui/select.d.ts +0 -24
  291. package/dist/components-v2/ui/select.js +0 -122
  292. package/dist/components-v2/ui/separator.d.ts +0 -5
  293. package/dist/components-v2/ui/separator.js +0 -55
  294. package/dist/components-v2/ui/skeleton.d.ts +0 -9
  295. package/dist/components-v2/ui/skeleton.js +0 -68
  296. package/dist/components-v2/ui/spinner.d.ts +0 -16
  297. package/dist/components-v2/ui/spinner.js +0 -64
  298. package/dist/components-v2/ui/switch.d.ts +0 -10
  299. package/dist/components-v2/ui/switch.js +0 -81
  300. package/dist/components-v2/ui/tabs.d.ts +0 -13
  301. package/dist/components-v2/ui/tabs.js +0 -95
  302. package/dist/components-v2/ui/textarea.d.ts +0 -10
  303. package/dist/components-v2/ui/textarea.js +0 -96
  304. package/dist/components-v2/ui/tooltip.d.ts +0 -17
  305. package/dist/components-v2/ui/tooltip.js +0 -75
  306. package/dist/lib/utils.d.ts +0 -2
  307. package/dist/lib/utils.js +0 -8
  308. package/dist/theme-v2/ThemeProvider.d.ts +0 -19
  309. package/dist/theme-v2/ThemeProvider.js +0 -149
  310. package/dist/theme-v2/dark.css +0 -47
  311. package/dist/theme-v2/tokens.css +0 -72
  312. /package/dist/Components/Table/{Components → components}/HeaderActions.d.ts +0 -0
  313. /package/dist/Components/Table/{Components → components}/HeaderActions.js +0 -0
  314. /package/dist/Components/Table/{Components → components}/Pagination.d.ts +0 -0
  315. /package/dist/Components/Table/{Components → components}/TableBody.d.ts +0 -0
  316. /package/dist/Components/Table/{Components → components}/TableBody.virtualize.test.d.ts +0 -0
  317. /package/dist/Components/Table/{Components → components}/TableBody.virtualize.test.js +0 -0
  318. /package/dist/Components/Table/{Components → components}/TableGroupRow.d.ts +0 -0
  319. /package/dist/Components/Table/{Components → components}/TableGroupRow.js +0 -0
  320. /package/dist/Components/Table/{Components → components}/TableHeader.d.ts +0 -0
  321. /package/dist/Components/Table/{Components → components}/TableLoading.d.ts +0 -0
  322. /package/dist/Components/Table/{Components → components}/TableLoading.js +0 -0
  323. /package/dist/Components/Table/{Components → components}/TableSearch.d.ts +0 -0
  324. /package/dist/Components/Table/{Components → components}/TableSearch.js +0 -0
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- /** Demo page: charts use theme-derived defaults unless a prop overrides styling. */
3
- declare const ChartPage: () => React.JSX.Element;
4
- export default ChartPage;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var ApexBarChart_1 = __importDefault(require("../Components/Apexcharts/ApexBarChart/ApexBarChart"));
8
- var ApexPieChart_1 = __importDefault(require("../Components/Apexcharts/ApexPieChart/ApexPieChart"));
9
- var ApexLineChart_1 = __importDefault(require("../Components/Apexcharts/ApexLineChart/ApexLineChart"));
10
- var ApexPolarCharts_1 = __importDefault(require("../Components/Apexcharts/ApexPolarCharts/ApexPolarCharts"));
11
- /** Demo page: charts use theme-derived defaults unless a prop overrides styling. */
12
- var ChartPage = function () {
13
- var data = Array.from({ length: 10 }, function () { return Math.floor(Math.random() * 100); });
14
- var categories = data.map(function (_, index) { return "Category ".concat(index + 1); });
15
- var data1 = Array.from({ length: 10 }, function () {
16
- return Math.floor(Math.random() * 100);
17
- });
18
- var categories1 = data.map(function (_, index) { return "Category ".concat(index + 1); });
19
- return (react_1.default.createElement("div", null,
20
- react_1.default.createElement(ApexBarChart_1.default, { data: data, labels: categories, title: "Bar Chart", titlePosition: "left" }),
21
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Pie Chart", titlePosition: "left", variant: "pie" }),
22
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "donut Chart", titlePosition: "left", variant: "donut", legendPosition: "bottom", legendStyle: {
23
- horizontalGap: 5,
24
- verticalGap: 3,
25
- markerSize: 10,
26
- markerOffsetX: -5,
27
- markerOffsetY: 0,
28
- } }),
29
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "update-donut", variant: "update-donut" }),
30
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Monochrome Pie", variant: "monochrome-pie" }),
31
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Gradient Donut", variant: "gradient-donut" }),
32
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "Semi Donut", variant: "semi-donut", titlePosition: "left" }),
33
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "donut-with-pattern", variant: "donut-with-pattern", titlePosition: "left" }),
34
- react_1.default.createElement(ApexPieChart_1.default, { data: data1, labels: categories1, title: "pie-with-image", variant: "pie-with-image", titlePosition: "left", width: 300 }),
35
- react_1.default.createElement(ApexLineChart_1.default, { variant: "basic", data: [10, 20, 30, 40, 50], labels: ["Jan", "Feb", "Mar", "Apr", "May"], series: ["basic 1", "basic 2", "basic 3", "basic 4", "basic 5"], title: "Basic Line Chart ghghjhgjkgkj kjhkjhkjhkjhkj", width: "25%" }),
36
- react_1.default.createElement(ApexLineChart_1.default, { variant: "realtime", data: [15, 25, 35], title: "Realtime Line Chart", height: 300, width: 600 }),
37
- react_1.default.createElement(ApexPolarCharts_1.default, { data: [21, 23, 19, 14, 6], labels: ["Apple", "Mango", "Orange", "Watermelon", "Banana"], variant: "basic" }),
38
- react_1.default.createElement(ApexPolarCharts_1.default, { data: [21, 23, 19, 14, 6], labels: ["Apple", "Mango", "Orange", "Watermelon", "Banana"], variant: "monochrome" })));
39
- };
40
- exports.default = ChartPage;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const CheckboxPage: () => React.JSX.Element;
3
- export default CheckboxPage;
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var Checkbox_1 = __importDefault(require("../Components/Checkbox/Checkbox"));
8
- var CheckboxPage = function () {
9
- return (react_1.default.createElement("div", null,
10
- react_1.default.createElement(Checkbox_1.default, { label: "hello world", isRequired: true, error: true, errorMessage: "dd" })));
11
- };
12
- exports.default = CheckboxPage;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const contactForm: () => React.JSX.Element;
3
- export default contactForm;
@@ -1,16 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var ContactForm_1 = __importDefault(require("../Components/ContactForm/ContactForm"));
8
- var contactForm = function () {
9
- return (react_1.default.createElement("div", null,
10
- react_1.default.createElement(ContactForm_1.default, { apiKey: "https://dev.api.pixelizetech.com/api/mks/sendSweet/",
11
- // customFields={<>Product kjdhfkljh</>}
12
- getCustomValues: function () { return ({
13
- // product: "empty",
14
- }); }, customerId: 1, organizationId: 1 })));
15
- };
16
- exports.default = contactForm;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const DatePick: () => React.JSX.Element;
3
- export default DatePick;
@@ -1,88 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- var react_1 = __importStar(require("react"));
40
- // import DatePicker from "../Components/DatePicker/DatePicker";
41
- var ThemeDatePicker_1 = __importDefault(require("../Components/DatePicker/ThemeDatePicker"));
42
- var DatePick = function () {
43
- var _a = (0, react_1.useState)(), selectedDate = _a[0], setSelectedDate = _a[1];
44
- // const [selectedDateTheme, setSelectedDateTheme] = useState<Date | null>();
45
- var _b = (0, react_1.useState)(null), selectedTime = _b[0], setSelectedTime = _b[1];
46
- var _c = (0, react_1.useState)(function () {
47
- var now = new Date();
48
- now.setHours(now.getHours() + 1);
49
- return now;
50
- }), selectedDateTime = _c[0], setSelectedDateTime = _c[1];
51
- var _d = (0, react_1.useState)(null), selectedDateRange = _d[0], setSelectedDateRange = _d[1];
52
- // const handleDateChange = (value: Date | null) => {
53
- // setSelectedDate(value);
54
- // console.log("Date selected:", value);
55
- // };
56
- // const handleTimeChange = (value: Date | null) => {
57
- // setSelectedTime(value);
58
- // console.log("Time selected:", value);
59
- // };
60
- // const handleDateTimeChange = (value: Date | null) => {
61
- // setSelectedDateTime(value);
62
- // console.log("DateTime selected:", value);
63
- // };
64
- var handleDateRangeChange = function (value) {
65
- if (value && "from" in value && "to" in value) {
66
- setSelectedDateRange(value);
67
- console.log("Date range selected:", value.from, value.to);
68
- }
69
- else {
70
- setSelectedDateRange(null);
71
- console.log("Date range cleared");
72
- }
73
- };
74
- console.log("Selected DateTime:", selectedDateTime);
75
- return (react_1.default.createElement("div", null,
76
- react_1.default.createElement("h2", null, "Single Date Picker"),
77
- react_1.default.createElement("h2", null, "Date "),
78
- react_1.default.createElement("h2", null, "Theme Date Picker"),
79
- react_1.default.createElement(ThemeDatePicker_1.default, { selectedDate: selectedDate, onChange: setSelectedDate, dateFormat: "dd/MM/yyyy", pickerType: "date", label: "Select Date",
80
- // disableFutureDates
81
- disablePastDates: true,
82
- // disableToday
83
- width: "300px", size: "xs" }),
84
- react_1.default.createElement(ThemeDatePicker_1.default, { selectedDate: selectedDateTime, onChange: setSelectedDateTime, dateFormat: "dd/MM/yyyy hh:mm a", pickerType: "datetime", label: "Select Date & Time", disablePastDates: true, isRequired: true, error: true, errorMessage: "Invalid date", size: "sm" }),
85
- react_1.default.createElement(ThemeDatePicker_1.default, { isRange: true, selectedDate: selectedDateRange, onChange: handleDateRangeChange, dateFormat: "dd/MM/yyyy hh:mm a", pickerType: "date", label: "Select Date Range" }),
86
- react_1.default.createElement(ThemeDatePicker_1.default, { selectedDate: selectedTime, onChange: setSelectedTime, dateFormat: "hh:mm a", pickerType: "time", label: "SelectTime", disablePastDates: true, isRequired: true, error: true, errorMessage: "Invalid time", informationMessage: "hh", isInformation: true, size: "md" })));
87
- };
88
- exports.default = DatePick;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const DrawerPage: () => React.JSX.Element;
3
- export default DrawerPage;
@@ -1,58 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- var react_1 = __importStar(require("react"));
40
- var Button_1 = __importDefault(require("../Components/Button/Button"));
41
- var Drawer_1 = __importStar(require("../Components/Drawer/Drawer"));
42
- var DrawerPage = function () {
43
- var _a = (0, react_1.useState)(false), drawerOpen = _a[0], setDrawerOpen = _a[1];
44
- var handleOnclick3 = function () {
45
- setDrawerOpen(true);
46
- };
47
- var handleOnclick4 = function () {
48
- setDrawerOpen(false);
49
- };
50
- return (react_1.default.createElement("div", null,
51
- react_1.default.createElement(Button_1.default, { label: "DrawerButton", onClick: handleOnclick3, width: 250, variant: "solid" }),
52
- react_1.default.createElement("br", null),
53
- react_1.default.createElement(Drawer_1.default, { isOpen: drawerOpen, onClose: handleOnclick4, size: "xl" },
54
- react_1.default.createElement(Drawer_1.DrawerHeader, null, "Drawer Header"),
55
- react_1.default.createElement(Drawer_1.DrawerBody, null, "Drawer Body"),
56
- react_1.default.createElement(Drawer_1.DrawerFooter, null, "Drawer Footer"))));
57
- };
58
- exports.default = DrawerPage;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const DropdownPage: () => React.JSX.Element;
3
- export default DropdownPage;
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var DropDown_1 = __importDefault(require("../Components/Dropdown/DropDown"));
8
- var lucide_react_1 = require("lucide-react");
9
- var DropdownPage = function () {
10
- var exportOptionss = [
11
- { id: 1, label: "Upload file" },
12
- { id: 2, label: "Documents", image: lucide_react_1.ChevronUp },
13
- { id: 3, label: "CRM workDrive", image: lucide_react_1.ChevronUp },
14
- { id: 4, label: "Other Cloud Drives", image: lucide_react_1.ChevronUp },
15
- { id: 5, label: "Link(URL)", image: lucide_react_1.ChevronUp },
16
- ];
17
- return (react_1.default.createElement("div", null,
18
- react_1.default.createElement(DropDown_1.default, { ButtonText: "hello", optionsSize: "sm", options: exportOptionss,
19
- // dropDownButtonStyle={{ color: "red" }}
20
- DropdownIcon: react_1.default.createElement(lucide_react_1.Ellipsis, { color: "gray.500" }), dropdownType: "button", handleOptionSelect: function (id, label) {
21
- console.log("optionid", id, label);
22
- }, buttonProps: { variant: "solid", colorScheme: "red" }, isVisibleIconShow: true, divider: true })));
23
- };
24
- exports.default = DropdownPage;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const EditorPage: () => React.JSX.Element;
3
- export default EditorPage;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var Editor_1 = __importDefault(require("../Components/Editor/Editor"));
8
- var EditorPage = function () {
9
- return (react_1.default.createElement("div", null,
10
- react_1.default.createElement(Editor_1.default, { value: "heeeeejhbjhvbjhvbhj jbhkjhbiubviu iuhiuhiuhiu", config: { readonly: false, width: "900px" }, onChange: function (val) {
11
- //console.log(val);
12
- } })));
13
- };
14
- exports.default = EditorPage;
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export default function FeedbackPage(): React.JSX.Element;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.default = FeedbackPage;
7
- var react_1 = __importDefault(require("react"));
8
- var react_2 = require("@chakra-ui/react");
9
- var FeedbackForm_1 = __importDefault(require("../Components/FeedbackForm/FeedbackForm"));
10
- function FeedbackPage() {
11
- return (react_1.default.createElement(react_2.Container, { maxW: "4xl", py: 8 },
12
- react_1.default.createElement(react_2.Heading, { size: "lg", mb: 6 }, "Feedback Form"),
13
- react_1.default.createElement(react_2.Box, { bg: "white", p: 6, borderRadius: "md", boxShadow: "sm" },
14
- react_1.default.createElement(FeedbackForm_1.default, { submitUrl: "/api/crm/feedback" }))));
15
- }
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare const FileUploader: () => React.JSX.Element;
@@ -1,82 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
36
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
37
- if (ar || !(i in from)) {
38
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
39
- ar[i] = from[i];
40
- }
41
- }
42
- return to.concat(ar || Array.prototype.slice.call(from));
43
- };
44
- var __importDefault = (this && this.__importDefault) || function (mod) {
45
- return (mod && mod.__esModule) ? mod : { "default": mod };
46
- };
47
- Object.defineProperty(exports, "__esModule", { value: true });
48
- exports.FileUploader = void 0;
49
- var react_1 = __importStar(require("react"));
50
- var Reorder_1 = __importDefault(require("../Components/Reorder/Reorder"));
51
- var FileUploader_1 = __importDefault(require("../Components/FileUploader/FileUploader"));
52
- var FileUpload_1 = __importDefault(require("../Components/FileUpload/FileUpload"));
53
- var imageList = [
54
- { id: "1", previewUrl: "https://picsum.photos/id/1011/100", name: "Image 1" },
55
- { id: "2", previewUrl: "https://picsum.photos/id/1012/100", name: "Image 2" },
56
- { id: "3", previewUrl: "https://picsum.photos/id/1013/100", name: "Image 3" },
57
- { id: "4", previewUrl: "https://picsum.photos/id/1011/100", name: "Image 1" },
58
- ];
59
- var FileUploader = function () {
60
- var _a = (0, react_1.useState)([]), file = _a[0], setFile = _a[1];
61
- var _b = (0, react_1.useState)(imageList), list = _b[0], setList = _b[1];
62
- var handleFiles = function (files) {
63
- setFile(files);
64
- var uploadedImages = files.map(function (f, i) { return ({
65
- id: "".concat(i + 11),
66
- name: f.name,
67
- previewUrl: URL.createObjectURL(f),
68
- }); });
69
- setList(__spreadArray(__spreadArray([], imageList, true), uploadedImages, true));
70
- };
71
- var handleFilesChange = function (files) {
72
- console.log('Uploaded files:', files);
73
- // Handle the uploaded files here
74
- };
75
- return (react_1.default.createElement(react_1.default.Fragment, null,
76
- react_1.default.createElement(FileUpload_1.default, { onFilesUploaded: function (files) { return handleFiles(files); }, uploadedFiles: file, onRemoveFile: function (file) { return console.log("SDFSDf", file); }, acceptTypes: [".webp", ".pdf", ".zip"], maxSizeKB: 512 }),
77
- react_1.default.createElement("br", null),
78
- react_1.default.createElement(Reorder_1.default, { items: list, onReorder: function (files) { return setList(files); }, label: "Reorder" }),
79
- react_1.default.createElement("br", null),
80
- react_1.default.createElement(FileUploader_1.default, { maxFiles: 10, maxTotalSize: 20, onFilesChange: handleFilesChange, acceptTypes: ["jpeg", "jpg", "png"] })));
81
- };
82
- exports.FileUploader = FileUploader;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const InputPage: () => React.JSX.Element;
3
- export default InputPage;
@@ -1,92 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- var __importDefault = (this && this.__importDefault) || function (mod) {
36
- return (mod && mod.__esModule) ? mod : { "default": mod };
37
- };
38
- Object.defineProperty(exports, "__esModule", { value: true });
39
- var react_1 = __importStar(require("react"));
40
- var TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
41
- var PhoneNumberInput_1 = __importDefault(require("../Components/Input/PhoneNumberInput"));
42
- var InputSwitch_1 = require("../Components/Input/Switch/InputSwitch");
43
- var lucide_react_1 = require("lucide-react");
44
- var InputPage = function () {
45
- var _a = (0, react_1.useState)([]), countries = _a[0], setCountries = _a[1];
46
- var _b = (0, react_1.useState)(false), switchState = _b[0], setSwitchState = _b[1];
47
- (0, react_1.useEffect)(function () {
48
- fetch("https://dev.api.pixelizetech.com/account/api/allCountries")
49
- .then(function (res) { return res.json(); })
50
- .then(function (data) {
51
- setCountries(data);
52
- })
53
- .catch(function (err) { return console.error("Error fetching countries:", err); });
54
- }, []);
55
- return (react_1.default.createElement("div", { style: { width: "500px" } },
56
- react_1.default.createElement(TextInput_1.default, { label: "My Label", id: "input1", name: "hello",
57
- //helperText="Hello"
58
- //errorMessage="Required"
59
- // error={true}
60
- type: "email",
61
- // inputRightIcon={<User color="#FF0000" />}
62
- // onRightIconclick={() => {
63
- // console.log("icon click");
64
- // }}
65
- // inputLeftIcon={<User color="#FF0000" />}
66
- // onLeftIconClick={() => {
67
- // console.log("icon click");
68
- // }}
69
- key: "input1",
70
- // border={"0px solid"}
71
- // padding={"0px"}
72
- // inputStyle={{ border: "0px solid", padding: "0px" }}
73
- // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
74
- // error={true}
75
- // errorMessage="Required"
76
- onChange: function (e) {
77
- console.log(e.target.files);
78
- }, onKeyDown: function () {
79
- console.log("keydown");
80
- }, onBlur: function () {
81
- console.log("blur");
82
- },
83
- // helperText="sometibg"
84
- isRequired: true, informationMessage: "This is information", isInformation: true,
85
- // isDisabled
86
- minW: "200px", maxW: "300px", inputLeftIcon: react_1.default.createElement(lucide_react_1.Mail, null) }),
87
- react_1.default.createElement(PhoneNumberInput_1.default, { label: "Phone", id: "input1", name: "hello", country: "IN", value: "", codeValueReturn: false, countries: countries, onChange: function (val) {
88
- console.log(val, "hello");
89
- }, isRequired: true, informationMessage: "This is information", isInformation: true, error: true, errorMessage: "Required", showCountrySelect: true, minW: "200px", maxW: "300px" }),
90
- react_1.default.createElement(InputSwitch_1.InputSwitch, { id: "repeat-switch", isChecked: switchState, onChange: function (e) { return setSwitchState(e.target.checked); }, switchText: "Repeat", switchTextPosition: "right", label: "My Switch", isInformation: true, informationMessage: "This is information", isRequired: true, size: "md" })));
91
- };
92
- exports.default = InputPage;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const KanbanBoardExample: () => React.JSX.Element;
3
- export default KanbanBoardExample;