@pathscale/ui 1.1.6 → 1.1.7
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/dist/components/streaming-table/StreamingTable.d.ts +2 -2
- package/dist/components/streaming-table/StreamingTable.js +89 -77
- package/dist/components/table/EnhancedTable.d.ts +2 -2
- package/dist/components/table/EnhancedTable.js +305 -295
- package/dist/components/table/Table.d.ts +26 -14
- package/dist/components/table/Table.js +202 -40
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table/table.css +240 -106
- package/package.json +1 -1
- package/dist/components/table/TableBody.d.ts +0 -5
- package/dist/components/table/TableBody.js +0 -30
- package/dist/components/table/TableCell.d.ts +0 -7
- package/dist/components/table/TableCell.js +0 -34
- package/dist/components/table/TableFooter.d.ts +0 -7
- package/dist/components/table/TableFooter.js +0 -45
- package/dist/components/table/TableHead.d.ts +0 -7
- package/dist/components/table/TableHead.js +0 -45
- package/dist/components/table/TableHeadCell.d.ts +0 -7
- package/dist/components/table/TableHeadCell.js +0 -34
- package/dist/components/table/TableRow.d.ts +0 -8
- package/dist/components/table/TableRow.js +0 -34
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TableRootProps } from "../table";
|
|
2
2
|
import type { StreamingColumnDef, StreamingConfig, SortingState } from "./types";
|
|
3
3
|
export type StreamingTableProps<TData> = {
|
|
4
4
|
data: TData[];
|
|
@@ -23,6 +23,6 @@ export type StreamingTableProps<TData> = {
|
|
|
23
23
|
enableSorting?: boolean;
|
|
24
24
|
/** Initial sorting state (default: null) */
|
|
25
25
|
initialSorting?: SortingState;
|
|
26
|
-
} & Omit<
|
|
26
|
+
} & Omit<TableRootProps, "children">;
|
|
27
27
|
declare const StreamingTable: <TData>(props: StreamingTableProps<TData>) => import("solid-js").JSX.Element;
|
|
28
28
|
export default StreamingTable;
|
|
@@ -6,7 +6,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__ from "../butto
|
|
|
6
6
|
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
7
7
|
import * as __WEBPACK_EXTERNAL_MODULE__pagination_index_js_4cbbf7e7__ from "../pagination/index.js";
|
|
8
8
|
import * as __WEBPACK_EXTERNAL_MODULE__createStreamingTableStore_js_f1f78960__ from "./createStreamingTableStore.js";
|
|
9
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(
|
|
9
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex justify-center items-center gap-2 mt-4"><span class="text-sm ml-2">Page <!> of '), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><span>");
|
|
10
10
|
const StreamingTable = (props)=>{
|
|
11
11
|
const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
12
12
|
"data",
|
|
@@ -203,80 +203,92 @@ const StreamingTable = (props)=>{
|
|
|
203
203
|
return pages;
|
|
204
204
|
});
|
|
205
205
|
return (()=>{
|
|
206
|
-
var _el$ = _tmpl$
|
|
206
|
+
var _el$ = _tmpl$2();
|
|
207
207
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
|
|
208
208
|
get children () {
|
|
209
|
-
return [
|
|
210
|
-
(
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
},
|
|
216
|
-
children: (col, index)=>{
|
|
217
|
-
const isSortable = local.enableSorting && false !== col.enableSorting;
|
|
218
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].HeadCell, {
|
|
209
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].ScrollContainer, {
|
|
210
|
+
get children () {
|
|
211
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Content, {
|
|
212
|
+
get children () {
|
|
213
|
+
return [
|
|
214
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Header, {
|
|
219
215
|
get children () {
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
216
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
|
|
217
|
+
get children () {
|
|
218
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
219
|
+
get each () {
|
|
220
|
+
return local.columns;
|
|
221
|
+
},
|
|
222
|
+
children: (col, index)=>{
|
|
223
|
+
const isSortable = local.enableSorting && false !== col.enableSorting;
|
|
224
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Column, {
|
|
225
|
+
get children () {
|
|
226
|
+
var _el$7 = _tmpl$3(), _el$8 = _el$7.firstChild;
|
|
227
|
+
_el$7.$$click = ()=>isSortable && handleSort(col, index());
|
|
228
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, isSortable ? "flex items-center gap-2 cursor-pointer select-none" : "");
|
|
229
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>col.header);
|
|
230
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>renderSortIndicator(col, index()), null);
|
|
231
|
+
return _el$7;
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
});
|
|
236
|
+
}
|
|
237
|
+
});
|
|
226
238
|
}
|
|
227
|
-
})
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
|
|
239
|
+
}),
|
|
240
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Body, {
|
|
241
|
+
get children () {
|
|
242
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
243
|
+
get when () {
|
|
244
|
+
return paginatedRows().length > 0;
|
|
245
|
+
},
|
|
246
|
+
get fallback () {
|
|
247
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
|
|
248
|
+
get children () {
|
|
249
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Cell, {
|
|
250
|
+
get colSpan () {
|
|
251
|
+
return local.columns.length;
|
|
252
|
+
},
|
|
253
|
+
class: "text-center",
|
|
254
|
+
children: "No data"
|
|
255
|
+
});
|
|
256
|
+
}
|
|
257
|
+
});
|
|
258
|
+
},
|
|
259
|
+
get children () {
|
|
260
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
261
|
+
get each () {
|
|
262
|
+
return paginatedRows();
|
|
263
|
+
},
|
|
264
|
+
children: (rowStore)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Row, {
|
|
265
|
+
get children () {
|
|
266
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
267
|
+
get each () {
|
|
268
|
+
return local.columns;
|
|
269
|
+
},
|
|
270
|
+
children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__table_index_js_3c329fbb__["default"].Cell, {
|
|
271
|
+
get children () {
|
|
272
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.cell)() ? col.cell({
|
|
273
|
+
row: {
|
|
274
|
+
original: rowStore.data()
|
|
275
|
+
}
|
|
276
|
+
}) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorKey)() ? rowStore.data()[col.accessorKey] : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorFn)() ? col.accessorFn(rowStore.data()) : "";
|
|
277
|
+
}
|
|
278
|
+
})
|
|
279
|
+
});
|
|
280
|
+
}
|
|
281
|
+
})
|
|
282
|
+
});
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
}
|
|
286
|
+
})
|
|
287
|
+
];
|
|
275
288
|
}
|
|
276
|
-
})
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
];
|
|
289
|
+
});
|
|
290
|
+
}
|
|
291
|
+
});
|
|
280
292
|
}
|
|
281
293
|
})), null);
|
|
282
294
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
@@ -284,9 +296,9 @@ const StreamingTable = (props)=>{
|
|
|
284
296
|
return enablePagination && totalPages() > 0;
|
|
285
297
|
},
|
|
286
298
|
get children () {
|
|
287
|
-
var _el$
|
|
288
|
-
_el$
|
|
289
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
299
|
+
var _el$2 = _tmpl$(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$6 = _el$4.nextSibling;
|
|
300
|
+
_el$6.nextSibling;
|
|
301
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__pagination_index_js_4cbbf7e7__["default"], {
|
|
290
302
|
get children () {
|
|
291
303
|
return [
|
|
292
304
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__button_index_js_557db1f7__["default"], {
|
|
@@ -328,10 +340,10 @@ const StreamingTable = (props)=>{
|
|
|
328
340
|
})
|
|
329
341
|
];
|
|
330
342
|
}
|
|
331
|
-
}), _el$
|
|
332
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
333
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$
|
|
334
|
-
return _el$
|
|
343
|
+
}), _el$3);
|
|
344
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>currentPage() + 1, _el$6);
|
|
345
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, totalPages, null);
|
|
346
|
+
return _el$2;
|
|
335
347
|
}
|
|
336
348
|
}), null);
|
|
337
349
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className)));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "./table.css";
|
|
2
2
|
import { type Accessor, type JSX } from "solid-js";
|
|
3
3
|
import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn, type ExpandedState } from "@tanstack/solid-table";
|
|
4
|
-
import { type
|
|
5
|
-
export type EnhancedTableProps<TData> = Omit<
|
|
4
|
+
import { type TableRootProps } from "./Table";
|
|
5
|
+
export type EnhancedTableProps<TData> = Omit<TableRootProps, "children"> & {
|
|
6
6
|
data: TData[];
|
|
7
7
|
columns: ColumnDef<TData, any>[];
|
|
8
8
|
sorting?: Accessor<SortingState>;
|