@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.
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/Button.d.ts.map +1 -1
- package/lib/components/Button/Button.js +6 -7
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +139 -157
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts +2 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.js +2 -2
- package/lib/components/ErrorHandlers/ErrorBoundary.d.ts +2 -1
- package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ErrorBoundary.js +28 -35
- package/lib/components/ErrorHandlers/ErrorBoundary.js.map +1 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts +2 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.js +15 -20
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.js.map +1 -1
- package/lib/components/ErrorPages/403.d.ts +2 -1
- package/lib/components/ErrorPages/403.d.ts.map +1 -1
- package/lib/components/ErrorPages/403.js +18 -26
- package/lib/components/ErrorPages/403.js.map +1 -1
- package/lib/components/ErrorPages/404.d.ts +2 -1
- package/lib/components/ErrorPages/404.d.ts.map +1 -1
- package/lib/components/ErrorPages/404.js +18 -26
- package/lib/components/ErrorPages/404.js.map +1 -1
- package/lib/components/ErrorPages/500.d.ts +2 -1
- package/lib/components/ErrorPages/500.d.ts.map +1 -1
- package/lib/components/ErrorPages/500.js +18 -26
- package/lib/components/ErrorPages/500.js.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts +2 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js +19 -24
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map +1 -1
- package/lib/components/OTP/OTPInput.js +30 -32
- package/lib/components/OTP/OTPInput.js.map +1 -1
- package/lib/components/OTP/OTPVerification.js +55 -75
- package/lib/components/OTP/OTPVerification.js.map +1 -1
- package/lib/components/OTP/SingleInput.js +2 -2
- package/lib/components/OTP/SingleInput.js.map +1 -1
- package/lib/components/PageContainer/PageContainer.js +22 -29
- package/lib/components/PageContainer/PageContainer.js.map +1 -1
- package/lib/components/PageLoading/index.js +7 -8
- package/lib/components/PageLoading/index.js.map +1 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts +2 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts.map +1 -1
- package/lib/components/ReactTable/Table.d.ts +2 -1
- package/lib/components/ReactTable/Table.d.ts.map +1 -1
- package/lib/components/ReactTable/Table.js +71 -92
- package/lib/components/ReactTable/Table.js.map +1 -1
- package/lib/components/ReactTable/TableFilters.d.ts +3 -2
- package/lib/components/ReactTable/TableFilters.d.ts.map +1 -1
- package/lib/components/ReactTable/TableFilters.js +34 -40
- package/lib/components/ReactTable/TableFilters.js.map +1 -1
- package/lib/components/Search/SearchInput.d.ts +2 -1
- package/lib/components/Search/SearchInput.d.ts.map +1 -1
- package/lib/components/Search/SearchInput.js +13 -14
- package/lib/components/Search/SearchInput.js.map +1 -1
- package/lib/components/Select/Select.d.ts +6 -6
- package/lib/components/Select/Select.d.ts.map +1 -1
- package/lib/components/Select/Select.js +45 -60
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Spin/index.js +11 -14
- package/lib/components/Spin/index.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.js +4 -5
- package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeToggle.js +24 -27
- package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -1
- package/lib/hooks/useToast.d.ts +1 -1
- package/lib/hooks/useToast.d.ts.map +1 -1
- package/lib/hooks/useToast.js +37 -46
- package/lib/hooks/useToast.js.map +1 -1
- package/lib/shardui/accordion.js +16 -20
- package/lib/shardui/accordion.js.map +1 -1
- package/lib/shardui/alert-dialog.d.ts +2 -2
- package/lib/shardui/alert-dialog.js +13 -15
- package/lib/shardui/alert-dialog.js.map +1 -1
- package/lib/shardui/alert.d.ts +1 -1
- package/lib/shardui/alert.d.ts.map +1 -1
- package/lib/shardui/alert.js +4 -4
- package/lib/shardui/alert.js.map +1 -1
- package/lib/shardui/avatar.js +4 -4
- package/lib/shardui/avatar.js.map +1 -1
- package/lib/shardui/badge.d.ts +2 -2
- package/lib/shardui/badge.d.ts.map +1 -1
- package/lib/shardui/badge.js +2 -2
- package/lib/shardui/badge.js.map +1 -1
- package/lib/shardui/breadcrumb.d.ts +2 -2
- package/lib/shardui/breadcrumb.js +16 -19
- package/lib/shardui/breadcrumb.js.map +1 -1
- package/lib/shardui/button.d.ts +1 -1
- package/lib/shardui/button.d.ts.map +1 -1
- package/lib/shardui/button.js +2 -2
- package/lib/shardui/button.js.map +1 -1
- package/lib/shardui/calendar.d.ts +1 -1
- package/lib/shardui/calendar.d.ts.map +1 -1
- package/lib/shardui/calendar.js +4 -4
- package/lib/shardui/card.js +7 -7
- package/lib/shardui/card.js.map +1 -1
- package/lib/shardui/carousel.js +33 -40
- package/lib/shardui/carousel.js.map +1 -1
- package/lib/shardui/chart.d.ts +1 -1
- package/lib/shardui/chart.d.ts.map +1 -1
- package/lib/shardui/chart.js +66 -81
- package/lib/shardui/chart.js.map +1 -1
- package/lib/shardui/checkbox.js +8 -10
- package/lib/shardui/checkbox.js.map +1 -1
- package/lib/shardui/command.d.ts +2 -2
- package/lib/shardui/command.d.ts.map +1 -1
- package/lib/shardui/command.js +24 -28
- package/lib/shardui/command.js.map +1 -1
- package/lib/shardui/context-menu.d.ts +1 -1
- package/lib/shardui/context-menu.js +30 -41
- package/lib/shardui/context-menu.js.map +1 -1
- package/lib/shardui/dialog.d.ts +2 -2
- package/lib/shardui/dialog.js +17 -22
- package/lib/shardui/dialog.js.map +1 -1
- package/lib/shardui/drawer.d.ts +3 -3
- package/lib/shardui/drawer.js +14 -17
- package/lib/shardui/drawer.js.map +1 -1
- package/lib/shardui/dropdown-menu.d.ts +1 -1
- package/lib/shardui/dropdown-menu.js +31 -42
- package/lib/shardui/dropdown-menu.js.map +1 -1
- package/lib/shardui/form.d.ts +1 -1
- package/lib/shardui/form.d.ts.map +1 -1
- package/lib/shardui/form.js +19 -22
- package/lib/shardui/form.js.map +1 -1
- package/lib/shardui/hover-card.js +2 -2
- package/lib/shardui/hover-card.js.map +1 -1
- package/lib/shardui/input-otp.js +13 -16
- package/lib/shardui/input-otp.js.map +1 -1
- package/lib/shardui/input.js +2 -2
- package/lib/shardui/input.js.map +1 -1
- package/lib/shardui/label.d.ts +1 -1
- package/lib/shardui/label.d.ts.map +1 -1
- package/lib/shardui/label.js +2 -2
- package/lib/shardui/label.js.map +1 -1
- package/lib/shardui/menubar.d.ts +1 -1
- package/lib/shardui/menubar.js +35 -46
- package/lib/shardui/menubar.js.map +1 -1
- package/lib/shardui/navigation-menu.d.ts +1 -1
- package/lib/shardui/navigation-menu.d.ts.map +1 -1
- package/lib/shardui/navigation-menu.js +24 -28
- package/lib/shardui/navigation-menu.js.map +1 -1
- package/lib/shardui/pagination.d.ts +5 -5
- package/lib/shardui/pagination.js +22 -30
- package/lib/shardui/pagination.js.map +1 -1
- package/lib/shardui/popover.js +8 -10
- package/lib/shardui/popover.js.map +1 -1
- package/lib/shardui/progress.js +9 -10
- package/lib/shardui/progress.js.map +1 -1
- package/lib/shardui/radio-group.js +9 -11
- package/lib/shardui/radio-group.js.map +1 -1
- package/lib/shardui/resizable.d.ts +5 -4
- package/lib/shardui/resizable.d.ts.map +1 -1
- package/lib/shardui/resizable.js +9 -11
- package/lib/shardui/resizable.js.map +1 -1
- package/lib/shardui/scroll-area.js +11 -14
- package/lib/shardui/scroll-area.js.map +1 -1
- package/lib/shardui/select.js +35 -49
- package/lib/shardui/select.js.map +1 -1
- package/lib/shardui/separator.js +2 -2
- package/lib/shardui/separator.js.map +1 -1
- package/lib/shardui/sheet.d.ts +3 -3
- package/lib/shardui/sheet.d.ts.map +1 -1
- package/lib/shardui/sheet.js +19 -24
- package/lib/shardui/sheet.js.map +1 -1
- package/lib/shardui/sidebar.d.ts +1 -1
- package/lib/shardui/sidebar.d.ts.map +1 -1
- package/lib/shardui/sidebar.js +88 -104
- package/lib/shardui/sidebar.js.map +1 -1
- package/lib/shardui/skeleton.d.ts +2 -1
- package/lib/shardui/skeleton.d.ts.map +1 -1
- package/lib/shardui/skeleton.js +2 -2
- package/lib/shardui/skeleton.js.map +1 -1
- package/lib/shardui/slider.js +10 -12
- package/lib/shardui/slider.js.map +1 -1
- package/lib/shardui/sonner.d.ts +2 -1
- package/lib/shardui/sonner.d.ts.map +1 -1
- package/lib/shardui/sonner.js +2 -2
- package/lib/shardui/sonner.js.map +1 -1
- package/lib/shardui/switch.js +6 -7
- package/lib/shardui/switch.js.map +1 -1
- package/lib/shardui/table.js +15 -16
- package/lib/shardui/table.js.map +1 -1
- package/lib/shardui/tabs.js +4 -4
- package/lib/shardui/tabs.js.map +1 -1
- package/lib/shardui/textarea.js +2 -2
- package/lib/shardui/textarea.js.map +1 -1
- package/lib/shardui/toast.d.ts +1 -1
- package/lib/shardui/toast.d.ts.map +1 -1
- package/lib/shardui/toast.js +11 -12
- package/lib/shardui/toast.js.map +1 -1
- package/lib/shardui/toaster.d.ts +2 -1
- package/lib/shardui/toaster.d.ts.map +1 -1
- package/lib/shardui/toaster.js +14 -21
- package/lib/shardui/toaster.js.map +1 -1
- package/lib/shardui/toggle-group.d.ts +2 -2
- package/lib/shardui/toggle-group.d.ts.map +1 -1
- package/lib/shardui/toggle-group.js +12 -15
- package/lib/shardui/toggle-group.js.map +1 -1
- package/lib/shardui/toggle.d.ts +2 -2
- package/lib/shardui/toggle.d.ts.map +1 -1
- package/lib/shardui/toggle.js +2 -2
- package/lib/shardui/toggle.js.map +1 -1
- package/lib/shardui/tooltip.js +2 -2
- package/lib/shardui/tooltip.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
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
|
|
61
|
-
className: "overflow-auto"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
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
|
-
|
|
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
|
-
}):
|
|
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":"
|
|
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
|
|
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
|
|
13
|
-
className: "relative"
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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
|
|
34
|
-
className: "relative"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
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":"
|
|
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) =>
|
|
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":"
|
|
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
|
|
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
|
|
21
|
-
className: "relative"
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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":"
|
|
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
|
-
}) =>
|
|
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>) =>
|
|
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
|
-
}) =>
|
|
17
|
+
}) => React.JSX.Element;
|
|
18
18
|
export declare const SelectTrigger: ({ children, className }: {
|
|
19
19
|
children: React.ReactNode;
|
|
20
20
|
className?: string;
|
|
21
|
-
}) =>
|
|
21
|
+
}) => React.JSX.Element;
|
|
22
22
|
export declare const SelectSearch: ({ placeholder, onChange, }: {
|
|
23
23
|
placeholder: string;
|
|
24
24
|
onChange?: (value: string) => void;
|
|
25
|
-
}) =>
|
|
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) =>
|
|
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,
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
144
|
-
className: "block text-muted-foreground flex items-center gap-2"
|
|
145
|
-
|
|
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
|
|
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
|
|
159
|
-
className: "block text-muted-foreground flex items-center gap-2"
|
|
160
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
189
|
-
|
|
190
|
-
|
|
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
|
|
207
|
-
className: "p-2"
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
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
|
|
240
|
-
className: "relative"
|
|
241
|
-
|
|
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
|
|
235
|
+
return React.createElement(SelectProvider, {
|
|
249
236
|
value: props.value,
|
|
250
237
|
onChange: props.onChange,
|
|
251
|
-
loading: props.loading
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
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":[
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|