@admin-layout/tailwind-ui 12.0.16-alpha.93 → 12.2.1-alpha.3

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 (207) hide show
  1. package/lib/components/Button/Button.d.ts +1 -1
  2. package/lib/components/Button/Button.d.ts.map +1 -1
  3. package/lib/components/Button/Button.js +6 -7
  4. package/lib/components/Button/Button.js.map +1 -1
  5. package/lib/components/DatePicker/DatePicker.js +139 -157
  6. package/lib/components/DatePicker/DatePicker.js.map +1 -1
  7. package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts +2 -1
  8. package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map +1 -1
  9. package/lib/components/ErrorHandlers/ApplicationErrorHandler.js +2 -2
  10. package/lib/components/ErrorHandlers/ErrorBoundary.d.ts +2 -1
  11. package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map +1 -1
  12. package/lib/components/ErrorHandlers/ErrorBoundary.js +28 -35
  13. package/lib/components/ErrorHandlers/ErrorBoundary.js.map +1 -1
  14. package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts +2 -1
  15. package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts.map +1 -1
  16. package/lib/components/ErrorHandlers/LayoutErrorBoundary.js +15 -20
  17. package/lib/components/ErrorHandlers/LayoutErrorBoundary.js.map +1 -1
  18. package/lib/components/ErrorPages/403.d.ts +2 -1
  19. package/lib/components/ErrorPages/403.d.ts.map +1 -1
  20. package/lib/components/ErrorPages/403.js +18 -26
  21. package/lib/components/ErrorPages/403.js.map +1 -1
  22. package/lib/components/ErrorPages/404.d.ts +2 -1
  23. package/lib/components/ErrorPages/404.d.ts.map +1 -1
  24. package/lib/components/ErrorPages/404.js +18 -26
  25. package/lib/components/ErrorPages/404.js.map +1 -1
  26. package/lib/components/ErrorPages/500.d.ts +2 -1
  27. package/lib/components/ErrorPages/500.d.ts.map +1 -1
  28. package/lib/components/ErrorPages/500.js +18 -26
  29. package/lib/components/ErrorPages/500.js.map +1 -1
  30. package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts +2 -1
  31. package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map +1 -1
  32. package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js +19 -24
  33. package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map +1 -1
  34. package/lib/components/OTP/OTPInput.js +30 -32
  35. package/lib/components/OTP/OTPInput.js.map +1 -1
  36. package/lib/components/OTP/OTPVerification.js +55 -75
  37. package/lib/components/OTP/OTPVerification.js.map +1 -1
  38. package/lib/components/OTP/SingleInput.js +2 -2
  39. package/lib/components/OTP/SingleInput.js.map +1 -1
  40. package/lib/components/PageContainer/PageContainer.js +22 -29
  41. package/lib/components/PageContainer/PageContainer.js.map +1 -1
  42. package/lib/components/PageLoading/index.js +7 -8
  43. package/lib/components/PageLoading/index.js.map +1 -1
  44. package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts +2 -1
  45. package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts.map +1 -1
  46. package/lib/components/ReactTable/Table.d.ts +2 -1
  47. package/lib/components/ReactTable/Table.d.ts.map +1 -1
  48. package/lib/components/ReactTable/Table.js +71 -92
  49. package/lib/components/ReactTable/Table.js.map +1 -1
  50. package/lib/components/ReactTable/TableFilters.d.ts +3 -2
  51. package/lib/components/ReactTable/TableFilters.d.ts.map +1 -1
  52. package/lib/components/ReactTable/TableFilters.js +34 -40
  53. package/lib/components/ReactTable/TableFilters.js.map +1 -1
  54. package/lib/components/Search/SearchInput.d.ts +2 -1
  55. package/lib/components/Search/SearchInput.d.ts.map +1 -1
  56. package/lib/components/Search/SearchInput.js +13 -14
  57. package/lib/components/Search/SearchInput.js.map +1 -1
  58. package/lib/components/Select/Select.d.ts +6 -6
  59. package/lib/components/Select/Select.d.ts.map +1 -1
  60. package/lib/components/Select/Select.js +45 -60
  61. package/lib/components/Select/Select.js.map +1 -1
  62. package/lib/components/Spin/index.js +11 -14
  63. package/lib/components/Spin/index.js.map +1 -1
  64. package/lib/components/ThemeProvider/ThemeProvider.js +4 -5
  65. package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
  66. package/lib/components/ThemeProvider/ThemeToggle.js +24 -27
  67. package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -1
  68. package/lib/hooks/useToast.d.ts +1 -1
  69. package/lib/hooks/useToast.d.ts.map +1 -1
  70. package/lib/hooks/useToast.js +37 -46
  71. package/lib/hooks/useToast.js.map +1 -1
  72. package/lib/shardui/accordion.js +16 -20
  73. package/lib/shardui/accordion.js.map +1 -1
  74. package/lib/shardui/alert-dialog.d.ts +2 -2
  75. package/lib/shardui/alert-dialog.js +13 -15
  76. package/lib/shardui/alert-dialog.js.map +1 -1
  77. package/lib/shardui/alert.d.ts +1 -1
  78. package/lib/shardui/alert.d.ts.map +1 -1
  79. package/lib/shardui/alert.js +4 -4
  80. package/lib/shardui/alert.js.map +1 -1
  81. package/lib/shardui/avatar.js +4 -4
  82. package/lib/shardui/avatar.js.map +1 -1
  83. package/lib/shardui/badge.d.ts +2 -2
  84. package/lib/shardui/badge.d.ts.map +1 -1
  85. package/lib/shardui/badge.js +2 -2
  86. package/lib/shardui/badge.js.map +1 -1
  87. package/lib/shardui/breadcrumb.d.ts +2 -2
  88. package/lib/shardui/breadcrumb.js +16 -19
  89. package/lib/shardui/breadcrumb.js.map +1 -1
  90. package/lib/shardui/button.d.ts +1 -1
  91. package/lib/shardui/button.d.ts.map +1 -1
  92. package/lib/shardui/button.js +2 -2
  93. package/lib/shardui/button.js.map +1 -1
  94. package/lib/shardui/calendar.d.ts +1 -1
  95. package/lib/shardui/calendar.d.ts.map +1 -1
  96. package/lib/shardui/calendar.js +4 -4
  97. package/lib/shardui/card.js +7 -7
  98. package/lib/shardui/card.js.map +1 -1
  99. package/lib/shardui/carousel.js +33 -40
  100. package/lib/shardui/carousel.js.map +1 -1
  101. package/lib/shardui/chart.d.ts +1 -1
  102. package/lib/shardui/chart.d.ts.map +1 -1
  103. package/lib/shardui/chart.js +66 -81
  104. package/lib/shardui/chart.js.map +1 -1
  105. package/lib/shardui/checkbox.js +8 -10
  106. package/lib/shardui/checkbox.js.map +1 -1
  107. package/lib/shardui/command.d.ts +2 -2
  108. package/lib/shardui/command.d.ts.map +1 -1
  109. package/lib/shardui/command.js +24 -28
  110. package/lib/shardui/command.js.map +1 -1
  111. package/lib/shardui/context-menu.d.ts +1 -1
  112. package/lib/shardui/context-menu.js +30 -41
  113. package/lib/shardui/context-menu.js.map +1 -1
  114. package/lib/shardui/dialog.d.ts +2 -2
  115. package/lib/shardui/dialog.js +17 -22
  116. package/lib/shardui/dialog.js.map +1 -1
  117. package/lib/shardui/drawer.d.ts +3 -3
  118. package/lib/shardui/drawer.js +14 -17
  119. package/lib/shardui/drawer.js.map +1 -1
  120. package/lib/shardui/dropdown-menu.d.ts +1 -1
  121. package/lib/shardui/dropdown-menu.js +31 -42
  122. package/lib/shardui/dropdown-menu.js.map +1 -1
  123. package/lib/shardui/form.d.ts +1 -1
  124. package/lib/shardui/form.d.ts.map +1 -1
  125. package/lib/shardui/form.js +19 -22
  126. package/lib/shardui/form.js.map +1 -1
  127. package/lib/shardui/hover-card.js +2 -2
  128. package/lib/shardui/hover-card.js.map +1 -1
  129. package/lib/shardui/input-otp.js +13 -16
  130. package/lib/shardui/input-otp.js.map +1 -1
  131. package/lib/shardui/input.js +2 -2
  132. package/lib/shardui/input.js.map +1 -1
  133. package/lib/shardui/label.d.ts +1 -1
  134. package/lib/shardui/label.d.ts.map +1 -1
  135. package/lib/shardui/label.js +2 -2
  136. package/lib/shardui/label.js.map +1 -1
  137. package/lib/shardui/menubar.d.ts +1 -1
  138. package/lib/shardui/menubar.js +35 -46
  139. package/lib/shardui/menubar.js.map +1 -1
  140. package/lib/shardui/navigation-menu.d.ts +1 -1
  141. package/lib/shardui/navigation-menu.d.ts.map +1 -1
  142. package/lib/shardui/navigation-menu.js +24 -28
  143. package/lib/shardui/navigation-menu.js.map +1 -1
  144. package/lib/shardui/pagination.d.ts +5 -5
  145. package/lib/shardui/pagination.js +22 -30
  146. package/lib/shardui/pagination.js.map +1 -1
  147. package/lib/shardui/popover.js +8 -10
  148. package/lib/shardui/popover.js.map +1 -1
  149. package/lib/shardui/progress.js +9 -10
  150. package/lib/shardui/progress.js.map +1 -1
  151. package/lib/shardui/radio-group.js +9 -11
  152. package/lib/shardui/radio-group.js.map +1 -1
  153. package/lib/shardui/resizable.d.ts +5 -4
  154. package/lib/shardui/resizable.d.ts.map +1 -1
  155. package/lib/shardui/resizable.js +9 -11
  156. package/lib/shardui/resizable.js.map +1 -1
  157. package/lib/shardui/scroll-area.js +11 -14
  158. package/lib/shardui/scroll-area.js.map +1 -1
  159. package/lib/shardui/select.js +35 -49
  160. package/lib/shardui/select.js.map +1 -1
  161. package/lib/shardui/separator.js +2 -2
  162. package/lib/shardui/separator.js.map +1 -1
  163. package/lib/shardui/sheet.d.ts +3 -3
  164. package/lib/shardui/sheet.d.ts.map +1 -1
  165. package/lib/shardui/sheet.js +19 -24
  166. package/lib/shardui/sheet.js.map +1 -1
  167. package/lib/shardui/sidebar.d.ts +1 -1
  168. package/lib/shardui/sidebar.d.ts.map +1 -1
  169. package/lib/shardui/sidebar.js +88 -104
  170. package/lib/shardui/sidebar.js.map +1 -1
  171. package/lib/shardui/skeleton.d.ts +2 -1
  172. package/lib/shardui/skeleton.d.ts.map +1 -1
  173. package/lib/shardui/skeleton.js +2 -2
  174. package/lib/shardui/skeleton.js.map +1 -1
  175. package/lib/shardui/slider.js +10 -12
  176. package/lib/shardui/slider.js.map +1 -1
  177. package/lib/shardui/sonner.d.ts +2 -1
  178. package/lib/shardui/sonner.d.ts.map +1 -1
  179. package/lib/shardui/sonner.js +2 -2
  180. package/lib/shardui/sonner.js.map +1 -1
  181. package/lib/shardui/switch.js +6 -7
  182. package/lib/shardui/switch.js.map +1 -1
  183. package/lib/shardui/table.js +15 -16
  184. package/lib/shardui/table.js.map +1 -1
  185. package/lib/shardui/tabs.js +4 -4
  186. package/lib/shardui/tabs.js.map +1 -1
  187. package/lib/shardui/textarea.js +2 -2
  188. package/lib/shardui/textarea.js.map +1 -1
  189. package/lib/shardui/toast.d.ts +1 -1
  190. package/lib/shardui/toast.d.ts.map +1 -1
  191. package/lib/shardui/toast.js +11 -12
  192. package/lib/shardui/toast.js.map +1 -1
  193. package/lib/shardui/toaster.d.ts +2 -1
  194. package/lib/shardui/toaster.d.ts.map +1 -1
  195. package/lib/shardui/toaster.js +14 -21
  196. package/lib/shardui/toaster.js.map +1 -1
  197. package/lib/shardui/toggle-group.d.ts +2 -2
  198. package/lib/shardui/toggle-group.d.ts.map +1 -1
  199. package/lib/shardui/toggle-group.js +12 -15
  200. package/lib/shardui/toggle-group.js.map +1 -1
  201. package/lib/shardui/toggle.d.ts +2 -2
  202. package/lib/shardui/toggle.d.ts.map +1 -1
  203. package/lib/shardui/toggle.js +2 -2
  204. package/lib/shardui/toggle.js.map +1 -1
  205. package/lib/shardui/tooltip.js +2 -2
  206. package/lib/shardui/tooltip.js.map +1 -1
  207. package/package.json +3 -3
@@ -1,4 +1,4 @@
1
- import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useEffect}from'react';import {useReactTable,getPaginationRowModel,getFilteredRowModel,getSortedRowModel,getCoreRowModel,flexRender}from'@tanstack/react-table';import useWindowDimensions from'../../utils/hooks/useWindowDimensions/index.js';import {DefaultColumnFilter}from'./TableFilters.js';import {useLayoutSettings}from'@admin-layout/client';import {icons}from'../../icons/index.js';const ReactTable = props => {
1
+ import React__default,{useEffect}from'react';import {useReactTable,getPaginationRowModel,getFilteredRowModel,getSortedRowModel,getCoreRowModel,flexRender}from'@tanstack/react-table';import useWindowDimensions from'../../utils/hooks/useWindowDimensions/index.js';import {DefaultColumnFilter}from'./TableFilters.js';import {useLayoutSettings}from'@admin-layout/client';import {icons}from'../../icons/index.js';const ReactTable = props => {
2
2
  const {
3
3
  columns,
4
4
  data,
@@ -57,95 +57,74 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useEffect}from'r
57
57
  setPageSizeCount(table.getState().pagination.pageSize);
58
58
  }
59
59
  }, [table.getState().pagination.pageSize]);
60
- return jsxs("div", {
61
- className: "overflow-auto",
62
- children: [jsxs("table", {
63
- className: `w-full border border-opacity-10 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
64
- children: [jsx("thead", {
65
- className: isDarkMode ? 'bg-gray-800 shadow-md' : 'bg-gray-50 shadow',
66
- children: table.getHeaderGroups().map(headerGroup => jsx("tr", {
67
- children: headerGroup.headers.map(header => jsx("th", {
68
- className: `border-r border-opacity-5 p-2 text-left ${isDarkMode ? 'border-gray-600 text-gray-200' : 'border-gray-200 text-gray-700'}`,
69
- children: flexRender(header.column.columnDef.header, header.getContext())
70
- }, header.id))
71
- }, headerGroup.id))
72
- }), jsx("tbody", {
73
- children: table.getRowModel().rows.length ? table.getRowModel().rows.slice(currentListStartingIndex, currentListStartingIndex + table.getState().pagination.pageSize).map(row => {
74
- return jsx("tr", {
75
- className: `border-b border-opacity-5 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
76
- children: row.getVisibleCells().map(cell => {
77
- return jsx("td", {
78
- className: `overflow-hidden border-r border-opacity-2 whitespace-nowrap p-2 text-ellipsis ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
79
- children: flexRender(cell.column.columnDef.cell, cell.getContext())
80
- }, cell.id);
81
- })
82
- }, row.id);
83
- }) : jsx("tr", {
84
- className: "h-24",
85
- children: jsx("td", {
86
- colSpan: columns.length,
87
- className: "relative",
88
- children: jsx("div", {
89
- className: "absolute left-0 right-0 mt-10 w-full text-center text-gray-500",
90
- children: noDataText || 'No Data'
91
- })
92
- })
93
- })
94
- })]
95
- }), showPagination && jsxs("div", {
96
- className: `flex border border-opacity-10 p-2 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`,
97
- children: [jsx("div", {
98
- children: jsx("button", {
99
- onClick: () => table.previousPage(),
100
- disabled: !table.getCanPreviousPage(),
101
- className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanPreviousPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`,
102
- children: width < 768 ? jsx(OutlineLeftIcon, {
103
- className: "mx-auto text-lg"
104
- }) : 'Previous'
105
- })
106
- }), jsxs("div", {
107
- className: `mx-auto flex gap-${width < 768 ? '5' : '24'}`,
108
- children: [jsxs("div", {
109
- className: "flex items-center",
110
- children: [jsx("span", {
111
- className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`,
112
- children: "Page"
113
- }), jsx("input", {
114
- type: "number",
115
- value: table.getState().pagination.pageIndex + 1,
116
- onChange: e => {
117
- const page = e.target.value ? Number(e.target.value) - 1 : 0;
118
- table.setPageIndex(page);
119
- },
120
- min: 1,
121
- max: table.getPageCount(),
122
- className: `mx-2 ${width < 768 ? 'h-8 w-8' : 'h-10 w-16'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`
123
- }), jsxs("span", {
124
- className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`,
125
- children: ["of ", data.length === 0 ? 1 : table.getPageCount()]
126
- })]
127
- }), jsx("div", {
128
- children: jsx("select", {
129
- value: table.getState().pagination.pageSize,
130
- onChange: e => table.setPageSize(Number(e.target.value)),
131
- className: `${width < 768 ? 'h-8' : 'h-10'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`,
132
- children: (pageOptions || [10, 15, 20, 25]).map(value => jsx("option", {
133
- value: value,
134
- children: `${value} rows`
135
- }, value))
136
- })
137
- })]
138
- }), jsx("div", {
139
- className: "ml-auto",
140
- children: jsx("button", {
141
- onClick: () => table.nextPage(),
142
- disabled: !table.getCanNextPage(),
143
- className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanNextPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`,
144
- children: width < 768 ? jsx(OutlineRightIcon, {
145
- className: "mx-auto text-lg"
146
- }) : 'Next'
147
- })
148
- })]
149
- })]
150
- });
60
+ return React__default.createElement("div", {
61
+ className: "overflow-auto"
62
+ }, React__default.createElement("table", {
63
+ className: `w-full border border-opacity-10 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
64
+ }, React__default.createElement("thead", {
65
+ className: isDarkMode ? 'bg-gray-800 shadow-md' : 'bg-gray-50 shadow'
66
+ }, table.getHeaderGroups().map(headerGroup => React__default.createElement("tr", {
67
+ key: headerGroup.id
68
+ }, headerGroup.headers.map(header => React__default.createElement("th", {
69
+ key: header.id,
70
+ className: `border-r border-opacity-5 p-2 text-left ${isDarkMode ? 'border-gray-600 text-gray-200' : 'border-gray-200 text-gray-700'}`
71
+ }, flexRender(header.column.columnDef.header, header.getContext())))))), React__default.createElement("tbody", null, table.getRowModel().rows.length ? table.getRowModel().rows.slice(currentListStartingIndex, currentListStartingIndex + table.getState().pagination.pageSize).map(row => {
72
+ return React__default.createElement("tr", {
73
+ key: row.id,
74
+ className: `border-b border-opacity-5 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
75
+ }, row.getVisibleCells().map(cell => {
76
+ return React__default.createElement("td", {
77
+ key: cell.id,
78
+ className: `overflow-hidden border-r border-opacity-2 whitespace-nowrap p-2 text-ellipsis ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
79
+ }, flexRender(cell.column.columnDef.cell, cell.getContext()));
80
+ }));
81
+ }) : React__default.createElement("tr", {
82
+ className: "h-24"
83
+ }, React__default.createElement("td", {
84
+ colSpan: columns.length,
85
+ className: "relative"
86
+ }, React__default.createElement("div", {
87
+ className: "absolute left-0 right-0 mt-10 w-full text-center text-gray-500"
88
+ }, noDataText || 'No Data'))))), showPagination && React__default.createElement("div", {
89
+ className: `flex border border-opacity-10 p-2 ${isDarkMode ? 'border-gray-700' : 'border-gray-200'}`
90
+ }, React__default.createElement("div", null, React__default.createElement("button", {
91
+ onClick: () => table.previousPage(),
92
+ disabled: !table.getCanPreviousPage(),
93
+ className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanPreviousPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`
94
+ }, width < 768 ? React__default.createElement(OutlineLeftIcon, {
95
+ className: "mx-auto text-lg"
96
+ }) : 'Previous')), React__default.createElement("div", {
97
+ className: `mx-auto flex gap-${width < 768 ? '5' : '24'}`
98
+ }, React__default.createElement("div", {
99
+ className: "flex items-center"
100
+ }, React__default.createElement("span", {
101
+ className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`
102
+ }, "Page"), React__default.createElement("input", {
103
+ type: "number",
104
+ value: table.getState().pagination.pageIndex + 1,
105
+ onChange: e => {
106
+ const page = e.target.value ? Number(e.target.value) - 1 : 0;
107
+ table.setPageIndex(page);
108
+ },
109
+ min: 1,
110
+ max: table.getPageCount(),
111
+ className: `mx-2 ${width < 768 ? 'h-8 w-8' : 'h-10 w-16'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`
112
+ }), React__default.createElement("span", {
113
+ className: `${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`
114
+ }, "of ", data.length === 0 ? 1 : table.getPageCount())), React__default.createElement("div", null, React__default.createElement("select", {
115
+ value: table.getState().pagination.pageSize,
116
+ onChange: e => table.setPageSize(Number(e.target.value)),
117
+ className: `${width < 768 ? 'h-8' : 'h-10'} rounded border px-2 ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-white text-gray-700 border-gray-300'}`
118
+ }, (pageOptions || [10, 15, 20, 25]).map(value => React__default.createElement("option", {
119
+ key: value,
120
+ value: value
121
+ }, `${value} rows`))))), React__default.createElement("div", {
122
+ className: "ml-auto"
123
+ }, React__default.createElement("button", {
124
+ onClick: () => table.nextPage(),
125
+ disabled: !table.getCanNextPage(),
126
+ className: `${width < 768 ? 'h-8 w-8' : 'h-10 px-4'} ${isDarkMode ? 'bg-gray-800 text-white border-gray-600' : 'bg-gray-100 text-gray-700 border-transparent'} rounded border ${!table.getCanNextPage() ? 'opacity-50' : 'hover:bg-gray-700 hover:text-white'}`
127
+ }, width < 768 ? React__default.createElement(OutlineRightIcon, {
128
+ className: "mx-auto text-lg"
129
+ }) : 'Next'))));
151
130
  };export{ReactTable};//# sourceMappingURL=Table.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Table.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,8 +1,9 @@
1
- export declare function SelectColumnFilter(filter: any): import("react/jsx-runtime").JSX.Element;
1
+ import React from 'react';
2
+ export declare function SelectColumnFilter(filter: any): React.JSX.Element;
2
3
  export declare function DefaultColumnFilter({ column: { filterValue, setFilter } }: {
3
4
  column: {
4
5
  filterValue: any;
5
6
  setFilter: any;
6
7
  };
7
- }): import("react/jsx-runtime").JSX.Element;
8
+ }): React.JSX.Element;
8
9
  //# sourceMappingURL=TableFilters.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,CAAC,MAAM,KAAA,2CA2BxC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE;;;;;CAAA,2CA4BzE"}
1
+ {"version":3,"file":"TableFilters.d.ts","sourceRoot":"","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,wBAAgB,kBAAkB,CAAC,MAAM,KAAA,qBA2BxC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE;;;;;CAAA,qBA4BzE"}
@@ -1,4 +1,4 @@
1
- import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';function SelectColumnFilter(filter) {
1
+ import React__default from'react';function SelectColumnFilter(filter) {
2
2
  const options = React__default.useMemo(() => {
3
3
  const options = new Set();
4
4
  filter.column.preFilteredRows.forEach(row => {
@@ -9,20 +9,17 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';funct
9
9
  });
10
10
  return [...options];
11
11
  }, [filter.column.id, filter.column.preFilteredRows]);
12
- return jsx("div", {
13
- className: "relative",
14
- children: jsxs("select", {
15
- className: "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
16
- onChange: e => filter.column.setFilter(e.target.value || undefined),
17
- children: [jsx("option", {
18
- value: "",
19
- children: "All"
20
- }), options.map((option, i) => jsx("option", {
21
- value: option?.value,
22
- children: option?.label
23
- }, i))]
24
- })
25
- });
12
+ return React__default.createElement("div", {
13
+ className: "relative"
14
+ }, React__default.createElement("select", {
15
+ className: "w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
16
+ onChange: e => filter.column.setFilter(e.target.value || undefined)
17
+ }, React__default.createElement("option", {
18
+ value: ""
19
+ }, "All"), options.map((option, i) => React__default.createElement("option", {
20
+ key: i,
21
+ value: option?.value
22
+ }, option?.label))));
26
23
  }
27
24
  function DefaultColumnFilter({
28
25
  column: {
@@ -30,29 +27,26 @@ function DefaultColumnFilter({
30
27
  setFilter
31
28
  }
32
29
  }) {
33
- return jsxs("div", {
34
- className: "relative",
35
- children: [jsx("input", {
36
- type: "text",
37
- value: filterValue || '',
38
- onChange: e => {
39
- setFilter(e.target.value || undefined);
40
- },
41
- className: "w-full rounded-md border border-gray-300 px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
42
- placeholder: "Type to search..."
43
- }), filterValue && jsx("button", {
44
- className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600",
45
- onClick: () => setFilter(undefined),
46
- children: jsx("svg", {
47
- className: "h-4 w-4",
48
- fill: "currentColor",
49
- viewBox: "0 0 20 20",
50
- children: jsx("path", {
51
- fillRule: "evenodd",
52
- d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
53
- clipRule: "evenodd"
54
- })
55
- })
56
- })]
57
- });
30
+ return React__default.createElement("div", {
31
+ className: "relative"
32
+ }, React__default.createElement("input", {
33
+ type: "text",
34
+ value: filterValue || '',
35
+ onChange: e => {
36
+ setFilter(e.target.value || undefined);
37
+ },
38
+ className: "w-full rounded-md border border-gray-300 px-3 py-2 text-gray-700 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
39
+ placeholder: "Type to search..."
40
+ }), filterValue && React__default.createElement("button", {
41
+ className: "absolute right-2 top-2 text-gray-400 hover:text-gray-600",
42
+ onClick: () => setFilter(undefined)
43
+ }, React__default.createElement("svg", {
44
+ className: "h-4 w-4",
45
+ fill: "currentColor",
46
+ viewBox: "0 0 20 20"
47
+ }, React__default.createElement("path", {
48
+ fillRule: "evenodd",
49
+ d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
50
+ clipRule: "evenodd"
51
+ }))));
58
52
  }export{DefaultColumnFilter,SelectColumnFilter};//# sourceMappingURL=TableFilters.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TableFilters.js","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;MAoC0E,OAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TableFilters.js","sources":["../../../src/components/ReactTable/TableFilters.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kCAOA,SAAA,kBAAgB,CAAA,MAAA,EAAmB;AA6BnC,EAAA,MAAA,OAAA,GAAAA,cAAA,CAAgB,OAAA,CAAA,MAAA;;;;;QAA0D,KAAA,EAAA,GAAA,CAAA,MA4BzE,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  interface SearchInputProps {
2
3
  placeholder?: string;
3
4
  value?: string;
@@ -6,6 +7,6 @@ interface SearchInputProps {
6
7
  className?: string;
7
8
  iconSize?: number;
8
9
  }
9
- export declare const SearchInput: ({ placeholder, value, onChange, disabled, className, iconSize, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const SearchInput: ({ placeholder, value, onChange, disabled, className, iconSize, }: SearchInputProps) => React.JSX.Element;
10
11
  export {};
11
12
  //# sourceMappingURL=SearchInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,GAAI,kEAOzB,gBAAgB,4CA4BlB,CAAC"}
1
+ {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,gBAAgB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,GAAI,kEAOzB,gBAAgB,sBA4BlB,CAAC"}
@@ -1,4 +1,4 @@
1
- import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';import {Search}from'lucide-react';import {cn}from'../../utils/util.js';const SearchInput = ({
1
+ import React__default from'react';import {Search}from'lucide-react';import {cn}from'../../utils/util.js';const SearchInput = ({
2
2
  placeholder = 'Search',
3
3
  value,
4
4
  onChange,
@@ -17,17 +17,16 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';impor
17
17
  React__default.useEffect(() => {
18
18
  setLocalValue(value || '');
19
19
  }, [value]);
20
- return jsxs("div", {
21
- className: "relative",
22
- children: [jsx(Search, {
23
- size: iconSize,
24
- className: "absolute top-1/2 left-3 -translate-y-1/2 text-gray-400"
25
- }), jsx("input", {
26
- placeholder: placeholder,
27
- value: localValue,
28
- onChange: handleOnChange,
29
- disabled: disabled,
30
- className: cn('pl-8 rounded-lg border-gray-300 bg-gray-100', className)
31
- })]
32
- });
20
+ return React__default.createElement("div", {
21
+ className: "relative"
22
+ }, React__default.createElement(Search, {
23
+ size: iconSize,
24
+ className: "absolute top-1/2 left-3 -translate-y-1/2 text-gray-400"
25
+ }), React__default.createElement("input", {
26
+ placeholder: placeholder,
27
+ value: localValue,
28
+ onChange: handleOnChange,
29
+ disabled: disabled,
30
+ className: cn('pl-8 rounded-lg border-gray-300 bg-gray-100', className)
31
+ }));
33
32
  };export{SearchInput};//# sourceMappingURL=SearchInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.js","sources":["../../../src/components/Search/SearchInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"kJAQY,MAAC,WAAU,GAAA,CAAA;aACV,GAAG,QAAO;OACnB;AACH,EAAA,QAAA;AAED,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"SearchInput.js","sources":["../../../src/components/Search/SearchInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"yGAMY,MAAA,WAAO,GAAA,CAAA;aACN,GAAG,QAAO;OACnB;UACA;UACA;AACH,EAAA,SAAA;AAED,EAAA,QAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,27 +2,27 @@ import * as React from 'react';
2
2
  export declare const SelectContent: ({ children, className }: {
3
3
  children: React.ReactNode;
4
4
  className?: string;
5
- }) => import("react/jsx-runtime").JSX.Element;
5
+ }) => React.JSX.Element;
6
6
  type SelectItemProps<T extends keyof JSX.IntrinsicElements = 'button'> = Omit<React.ComponentPropsWithoutRef<T>, 'value'> & {
7
7
  value?: any;
8
8
  closeOnClick?: boolean;
9
9
  tag?: T;
10
10
  onClick?: () => void;
11
11
  };
12
- export declare const SelectItem: <T extends keyof JSX.IntrinsicElements = "button">({ children, className, value, onClick, closeOnClick, tag, ...rest }: SelectItemProps<T>) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const SelectItem: <T extends keyof JSX.IntrinsicElements = "button">({ children, className, value, onClick, closeOnClick, tag, ...rest }: SelectItemProps<T>) => React.JSX.Element;
13
13
  export declare const SelectValue: ({ placeholder, icon: _icon, label, }: {
14
14
  placeholder: string;
15
15
  icon?: React.ReactNode;
16
16
  label?: (selectedValue: any) => string;
17
- }) => import("react/jsx-runtime").JSX.Element;
17
+ }) => React.JSX.Element;
18
18
  export declare const SelectTrigger: ({ children, className }: {
19
19
  children: React.ReactNode;
20
20
  className?: string;
21
- }) => import("react/jsx-runtime").JSX.Element;
21
+ }) => React.JSX.Element;
22
22
  export declare const SelectSearch: ({ placeholder, onChange, }: {
23
23
  placeholder: string;
24
24
  onChange?: (value: string) => void;
25
- }) => import("react/jsx-runtime").JSX.Element;
25
+ }) => React.JSX.Element;
26
26
  interface SelectProps {
27
27
  children: React.ReactNode;
28
28
  onChange?: (selectedValue: any) => void;
@@ -30,6 +30,6 @@ interface SelectProps {
30
30
  value?: any;
31
31
  loading?: boolean;
32
32
  }
33
- export declare const Select: ({ children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
33
+ export declare const Select: ({ children, ...props }: SelectProps) => React.JSX.Element;
34
34
  export {};
35
35
  //# sourceMappingURL=Select.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4E/B,eAAO,MAAM,aAAa,GAAI,yBAAyB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CA2EvG,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,QAAQ,IAAI,IAAI,CACzE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,OAAO,CACV,GAAG;IACA,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,QAAQ,EAAE,qEAQ1E,eAAe,CAAC,CAAC,CAAC,4CAqBpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sCAIzB;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,MAAM,CAAC;CAC1C,4CAsCA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,yBAAyB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAkBvG,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,4BAG1B;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,4CAoBA,CAAC;AAEF,UAAU,WAAW;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAkBD,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,4CAMzD,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4E/B,eAAO,MAAM,aAAa,GAAI,yBAAyB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sBA2EvG,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,QAAQ,IAAI,IAAI,CACzE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,OAAO,CACV,GAAG;IACA,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,CAAC,CAAC;IACR,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,QAAQ,EAAE,qEAQ1E,eAAe,CAAC,CAAC,CAAC,sBAqBpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sCAIzB;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,MAAM,CAAC;CAC1C,sBAsCA,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,yBAAyB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sBAkBvG,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,4BAG1B;IACC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,sBAoBA,CAAC;AAEF,UAAU,WAAW;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAkBD,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,sBAMzD,CAAC"}
@@ -1,4 +1,4 @@
1
- import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as React from'react';import {ChevronDown,Search}from'lucide-react';import {cn}from'../../utils/util.js';const SelectContext = React.createContext(undefined);
1
+ import*as React from'react';import {ChevronDown,Search}from'lucide-react';import {cn}from'../../utils/util.js';const SelectContext = React.createContext(undefined);
2
2
  const SelectProvider = ({
3
3
  children,
4
4
  value,
@@ -19,7 +19,7 @@ const SelectProvider = ({
19
19
  const [disabled, setDisabled] = React.useState(false);
20
20
  const [searchValue, setSearchValue] = React.useState('');
21
21
  const triggerRef = React.useRef(null);
22
- return jsx(SelectContext.Provider, {
22
+ return React.createElement(SelectContext.Provider, {
23
23
  value: {
24
24
  open,
25
25
  setOpen,
@@ -31,9 +31,8 @@ const SelectProvider = ({
31
31
  setSearchValue,
32
32
  triggerRef,
33
33
  loading
34
- },
35
- children: children
36
- });
34
+ }
35
+ }, children);
37
36
  };
38
37
  const useSelectContext = () => {
39
38
  const ctx = React.useContext(SelectContext);
@@ -91,16 +90,15 @@ const SelectContent = ({
91
90
  document.removeEventListener('mousedown', handleClickOutside);
92
91
  };
93
92
  }, [contentRef, triggerRef, setOpen]);
94
- return jsx("div", {
93
+ return React.createElement("div", {
95
94
  ref: contentRef,
96
95
  role: "listbox",
97
96
  style: {
98
97
  ...styles,
99
98
  display: open ? 'block' : 'none'
100
99
  },
101
- className: cn('absolute z-50 mt-2 min-w-full max-w-max max-h-96 overflow-y-auto overflow-x-hidden rounded-md border border-gray-300 bg-white shadow-lg focus:outline-none', className),
102
- children: children
103
- });
100
+ className: cn('absolute z-50 mt-2 min-w-full max-w-max max-h-96 overflow-y-auto overflow-x-hidden rounded-md border border-gray-300 bg-white shadow-lg focus:outline-none', className)
101
+ }, children);
104
102
  };
105
103
  const SelectItem = ({
106
104
  children,
@@ -121,13 +119,12 @@ const SelectItem = ({
121
119
  if (onClick) onClick(value ?? null);
122
120
  if (closeOnClick) setOpen(false);
123
121
  };
124
- return jsx(Tag, {
122
+ return React.createElement(Tag, {
125
123
  role: "option",
126
124
  onClick: handleClick,
127
125
  className: cn('flex min-w-full w-max items-center gap-2 px-4 py-2 text-sm hover:bg-gray-100', className),
128
- ...rest,
129
- children: children
130
- });
126
+ ...rest
127
+ }, children);
131
128
  };
132
129
  const SelectValue = ({
133
130
  placeholder,
@@ -140,30 +137,24 @@ const SelectValue = ({
140
137
  } = useSelectContext();
141
138
  const icon = _icon || '';
142
139
  if (loading) {
143
- return jsxs("span", {
144
- className: "block text-muted-foreground flex items-center gap-2",
145
- children: [icon, "Loading..."]
146
- });
140
+ return React.createElement("span", {
141
+ className: "block text-muted-foreground flex items-center gap-2"
142
+ }, icon, "Loading...");
147
143
  }
148
144
  const isStrOrInt = typeof selectedValue === 'string' || typeof selectedValue === 'number';
149
145
  if (selectedValue && !isStrOrInt && !label) {
150
146
  throw new Error('SelectValue must have a label prop if selectedValue is not a string or number');
151
147
  }
152
148
  if (label && selectedValue !== null && selectedValue !== undefined) {
153
- return jsxs(Fragment, {
154
- children: [icon, label(selectedValue)]
155
- });
149
+ return React.createElement(React.Fragment, null, icon, label(selectedValue));
156
150
  }
157
151
  if (selectedValue === null || selectedValue === undefined) {
158
- return jsxs("span", {
159
- className: "block text-muted-foreground flex items-center gap-2",
160
- children: [icon, placeholder]
161
- });
152
+ return React.createElement("span", {
153
+ className: "block text-muted-foreground flex items-center gap-2"
154
+ }, icon, placeholder);
162
155
  }
163
156
  const stringifiedValue = String(selectedValue);
164
- return jsxs(Fragment, {
165
- children: [icon, " ", stringifiedValue[0].toUpperCase() + stringifiedValue.slice(1)]
166
- });
157
+ return React.createElement(React.Fragment, null, icon, " ", stringifiedValue[0].toUpperCase() + stringifiedValue.slice(1));
167
158
  };
168
159
  const SelectTrigger = ({
169
160
  children,
@@ -177,19 +168,18 @@ const SelectTrigger = ({
177
168
  loading
178
169
  } = useSelectContext();
179
170
  const handleClick = () => setOpen(!open);
180
- return jsxs("button", {
171
+ return React.createElement("button", {
181
172
  type: "button",
182
173
  ref: triggerRef,
183
174
  disabled: disabled || loading,
184
175
  "aria-haspopup": "listbox",
185
176
  "aria-expanded": open,
186
177
  onClick: handleClick,
187
- className: cn('flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2', className),
188
- children: [children, jsx(ChevronDown, {
189
- size: 16,
190
- className: `transition-transform ${open ? 'rotate-180' : ''}`
191
- })]
192
- });
178
+ className: cn('flex items-center gap-2 rounded-lg border border-gray-300 px-4 py-2', className)
179
+ }, children, React.createElement(ChevronDown, {
180
+ size: 16,
181
+ className: `transition-transform ${open ? 'rotate-180' : ''}`
182
+ }));
193
183
  };
194
184
  const SelectSearch = ({
195
185
  placeholder,
@@ -203,21 +193,19 @@ const SelectSearch = ({
203
193
  React.useEffect(() => {
204
194
  onChange?.(searchValue);
205
195
  }, [searchValue, onChange]);
206
- return jsx("div", {
207
- className: "p-2",
208
- children: jsxs("div", {
209
- className: "relative",
210
- children: [jsx(Search, {
211
- size: 14,
212
- className: "absolute top-1/2 left-3 -translate-y-1/2"
213
- }), jsx("input", {
214
- placeholder: placeholder,
215
- value: searchValue,
216
- onChange: e => setSearchValue(e.target.value),
217
- className: "pl-8 min-w-full rounded-lg border-gray-300 bg-gray-100"
218
- })]
219
- })
220
- });
196
+ return React.createElement("div", {
197
+ className: "p-2"
198
+ }, React.createElement("div", {
199
+ className: "relative"
200
+ }, React.createElement(Search, {
201
+ size: 14,
202
+ className: "absolute top-1/2 left-3 -translate-y-1/2"
203
+ }), React.createElement("input", {
204
+ placeholder: placeholder,
205
+ value: searchValue,
206
+ onChange: e => setSearchValue(e.target.value),
207
+ className: "pl-8 min-w-full rounded-lg border-gray-300 bg-gray-100"
208
+ })));
221
209
  };
222
210
  const SelectRoot = ({
223
211
  children,
@@ -236,22 +224,19 @@ const SelectRoot = ({
236
224
  setSearchValue('');
237
225
  }
238
226
  }, [open, setSearchValue]);
239
- return jsx("div", {
240
- className: "relative",
241
- children: children
242
- });
227
+ return React.createElement("div", {
228
+ className: "relative"
229
+ }, children);
243
230
  };
244
231
  const Select = ({
245
232
  children,
246
233
  ...props
247
234
  }) => {
248
- return jsx(SelectProvider, {
235
+ return React.createElement(SelectProvider, {
249
236
  value: props.value,
250
237
  onChange: props.onChange,
251
- loading: props.loading,
252
- children: jsx(SelectRoot, {
253
- ...props,
254
- children: children
255
- })
256
- });
238
+ loading: props.loading
239
+ }, React.createElement(SelectRoot, {
240
+ ...props
241
+ }, children));
257
242
  };export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue};//# sourceMappingURL=Select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iKA4EwG,MAAA,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,SA2EtG,CAAA;AAEF,MAAK,cAAe,GAAE,CAAA;UAIZ;OACN;UACM;AACN,EAAA,OAAA,GAAQ;CACX,KAAC;AAEF,EAAA,MAAA,CAAA,IAAA,EAAO,OAAM,CAAA,GAAA,KAAU,CAAA,QAAK,CAAA,KAAS,CAAA;AA+BrC;QAKI,eAAmB,KAAC,KAAA,SAAA;AACpB,EAAA,MAAI,CAAC,+BAAkB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,IAAA,IAAA,CAAA;QACvB,aAAS,GAAA,YAAuB,QAAO,GAAA,aAAA;AAC1C,EAAA,MAAA,gBAAA,GAAA,GAAA,IAAA;AAwCD,IAAA,IAAA,CAAA,YAAa,EAAA;AAA4C,MAAA,gBAAgB,CAAA,GAAA,CAAA;IAAW;AAAoB,IAAA,QAAA,GAAA,GAAA,CAAA;AAoBxG,EAAA,CAAA;QAII,CAAA,QAAa,aAAO,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;QACpB,CAAA,WAAY,oBAAuB,KAAA,CAAA,QAAA,CAAA,EAAA,CAAA;AACtC,EAAA,MAAA,UAAA,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AAsBD,EAAA,OAAAA,GAAU,CAAA,aAAW,CAAA,QAAA,EAAA;AACjB,IAAA,KAAA,EAAA;MACA,IAAA;MACA,OAAS;MACT,aAAY;MACZ,gBAAkB;AACrB,MAAA,QAAA;AAkBD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":[],"mappings":"qHA4EoF,aAAY,GAAM,KAAA,CAAA,aAAA,CAAA,SAAA,CAAA;AAAE,MAAA,cAAA,GA2EvG,CAAC;AAEF,EAAA,QAAK;OAID;UACA;SACI,GAAI;AACR,CAAA,KAAA;EACF,MAAA,CAAA,IAAA,EAAA,OAAA,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AAEF;AA+BA,EAAA,MAAA,YAAO,GAAM,KAAA,KAAW,SAAI;QAKxB,CAAA,eAAoB,gBAAA,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,IAAA,IAAA,CAAA;AACpB,EAAA,MAAI,4BAAmB,GAAA,KAAA,GAAA,aAAA;QACvB,gBAAS,MAAe,IAAG;AAC9B,IAAA,IAAA,CAAA,YAAA,EAsCA;AAED,MAAA,gBAAa,CAAA,GAAA,CAAA;AAA4C,IAAA;IAA2B,QAAA,GAAU,GAAE,CAAA;AAAQ,EAAA,CAAA;AAoBxG,EAAA,MAAA,CAAA,QAAO,EAAA,WAAM,CAAA,GAAY,KAAI,CAAA,QAAA,CAAA,KAAA,CAAA;QAIzB,CAAA,2BAAoB,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,EAAA,CAAA;QACpB,UAAY,GAAK,KAAE,CAAA,MAAM,CAAK,IAAI,CAAC;AACtC,EAAA,OAAA,KAAA,CAAA,aAoBC,CAAA,aAAA,CAAA,QAAA,EAAA;AAEF,IAAA,KAAA,EAAU;AACN,MAAA,IAAA;MACA,OAAS;MACT,aAAW;MACX,gBAAY;MACZ,QAAU;AACb,MAAA,WAAA;AAkBD,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}