@pathscale/ui 0.0.92 → 0.0.94

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 (3) hide show
  1. package/dist/components/table/EnhancedTable.d.ts +14 -4
  2. package/dist/index.js +326 -238
  3. package/package.json +1 -1
package/dist/components/table/EnhancedTable.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type Accessor, type JSX } from "solid-js";
2
- import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn } from "@tanstack/solid-table";
2
+ import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn, type ExpandedState } from "@tanstack/solid-table";
3
3
  import { type TableProps } from "./Table";
4
4
  export type EnhancedTableProps<TData> = Omit<TableProps, "children"> & {
5
5
  data: TData[];
@@ -12,12 +12,19 @@ export type EnhancedTableProps<TData> = Omit<TableProps, "children"> & {
12
12
  setPagination?: OnChangeFn<PaginationState>;
13
13
  globalFilter?: Accessor<string>;
14
14
  setGlobalFilter?: OnChangeFn<string>;
15
+ rowSelection?: Accessor<Record<string, boolean>>;
16
+ setRowSelection?: OnChangeFn<Record<string, boolean>>;
17
+ expanded?: Accessor<ExpandedState>;
18
+ setExpanded?: OnChangeFn<ExpandedState>;
15
19
  enableSorting?: boolean;
16
20
  enableFilters?: boolean;
17
21
  enablePagination?: boolean;
18
- renderRowSubComponent?: (props: {
19
- row: any;
20
- }) => JSX.Element;
22
+ enableRowSelection?: boolean;
23
+ expandable?: {
24
+ expandedRowRender: (props: {
25
+ row: any;
26
+ }) => JSX.Element;
27
+ };
21
28
  renderEmpty?: () => JSX.Element;
22
29
  loading?: boolean;
23
30
  renderLoading?: () => JSX.Element;
@@ -25,7 +32,10 @@ export type EnhancedTableProps<TData> = Omit<TableProps, "children"> & {
25
32
  sortAscIcon: JSX.Element;
26
33
  sortDescIcon: JSX.Element;
27
34
  sortNeutralIcon?: JSX.Element;
35
+ expandIcon?: JSX.Element;
36
+ collapseIcon?: JSX.Element;
28
37
  filterPanelClass?: string;
38
+ paginationPosition?: "bottomLeft" | "bottomCenter" | "bottomRight";
29
39
  };
30
40
  declare function EnhancedTable<TData>(props: EnhancedTableProps<TData>): JSX.Element;
31
41
  export default EnhancedTable;
package/dist/index.js CHANGED
@@ -11142,37 +11142,48 @@ const TableRow = (props)=>{
11142
11142
  })();
11143
11143
  };
11144
11144
  const table_TableRow = TableRow;
11145
- var TableCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
11146
- const TableCell_TableCell = (props)=>{
11145
+ var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot>"), TableFooter_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>");
11146
+ const TableFooter = (props)=>{
11147
11147
  const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11148
11148
  "children",
11149
- "colSpan",
11149
+ "noCell",
11150
11150
  "class",
11151
11151
  "className",
11152
11152
  "dataTheme"
11153
11153
  ]);
11154
+ const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
11154
11155
  const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
11155
- const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
11156
11156
  return (()=>{
11157
- var _el$ = TableCell_tmpl$();
11157
+ var _el$ = TableFooter_tmpl$();
11158
11158
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
11159
11159
  get ["class"] () {
11160
11160
  return classes();
11161
11161
  },
11162
11162
  get ["data-theme"] () {
11163
11163
  return local.dataTheme;
11164
- },
11165
- get colSpan () {
11166
- return local.colSpan;
11167
11164
  }
11168
11165
  }, rest), false, true);
11169
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
11166
+ (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, {
11167
+ get when () {
11168
+ return local.noCell;
11169
+ },
11170
+ get fallback () {
11171
+ return (()=>{
11172
+ var _el$2 = TableFooter_tmpl$2();
11173
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, resolved);
11174
+ return _el$2;
11175
+ })();
11176
+ },
11177
+ get children () {
11178
+ return resolved();
11179
+ }
11180
+ }));
11170
11181
  return _el$;
11171
11182
  })();
11172
11183
  };
11173
- const TableCell = TableCell_TableCell;
11174
- var TableHeadCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>");
11175
- const TableHeadCell = (props)=>{
11184
+ const table_TableFooter = TableFooter;
11185
+ var TableCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<td>");
11186
+ const TableCell_TableCell = (props)=>{
11176
11187
  const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11177
11188
  "children",
11178
11189
  "colSpan",
@@ -11183,7 +11194,7 @@ const TableHeadCell = (props)=>{
11183
11194
  const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
11184
11195
  const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
11185
11196
  return (()=>{
11186
- var _el$ = TableHeadCell_tmpl$();
11197
+ var _el$ = TableCell_tmpl$();
11187
11198
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
11188
11199
  get ["class"] () {
11189
11200
  return classes();
@@ -11199,52 +11210,36 @@ const TableHeadCell = (props)=>{
11199
11210
  return _el$;
11200
11211
  })();
11201
11212
  };
11202
- const table_TableHeadCell = TableHeadCell;
11203
- var TableFooter_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tfoot><tr>");
11204
- const TableFooter = (props)=>{
11213
+ const TableCell = TableCell_TableCell;
11214
+ var TableHeadCell_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<th>");
11215
+ const TableHeadCell = (props)=>{
11205
11216
  const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11206
11217
  "children",
11207
- "noCell",
11218
+ "colSpan",
11208
11219
  "class",
11209
11220
  "className",
11210
11221
  "dataTheme"
11211
11222
  ]);
11212
- const resolved = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
11213
11223
  const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge(dist_clsx(local.class, local.className)));
11224
+ const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
11214
11225
  return (()=>{
11215
- var _el$ = TableFooter_tmpl$(), _el$2 = _el$.firstChild;
11226
+ var _el$ = TableHeadCell_tmpl$();
11216
11227
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
11217
11228
  get ["class"] () {
11218
11229
  return classes();
11219
11230
  },
11220
11231
  get ["data-theme"] () {
11221
11232
  return local.dataTheme;
11222
- }
11223
- }, rest), false, true);
11224
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11225
- get when () {
11226
- return local.noCell;
11227
- },
11228
- get fallback () {
11229
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11230
- get each () {
11231
- return resolved.toArray();
11232
- },
11233
- children: (child, i)=>0 === i() ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_TableHeadCell, {
11234
- children: child
11235
- }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TableCell, {
11236
- children: child
11237
- })
11238
- });
11239
11233
  },
11240
- get children () {
11241
- return resolved();
11234
+ get colSpan () {
11235
+ return local.colSpan;
11242
11236
  }
11243
- }));
11237
+ }, rest), false, true);
11238
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
11244
11239
  return _el$;
11245
11240
  })();
11246
11241
  };
11247
- const table_TableFooter = TableFooter;
11242
+ const table_TableHeadCell = TableHeadCell;
11248
11243
  var Table_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<table>");
11249
11244
  const Table = (props)=>{
11250
11245
  const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -11290,7 +11285,7 @@ const table_Table = Object.assign(Table, {
11290
11285
  Cell: TableCell,
11291
11286
  HeadCell: table_TableHeadCell
11292
11287
  });
11293
- var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<caption class="mb-3 text-left"><div class="flex items-center gap-2"><div class=join>'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=10>10"), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=25>25"), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=50>50"), EnhancedTable_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=100>100"), EnhancedTable_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center justify-between w-full"><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3"><span class=opacity-70>Page <!> of </span><div class=join>'), EnhancedTable_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">'), EnhancedTable_tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value>All"), EnhancedTable_tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option>");
11288
+ var EnhancedTable_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="cursor-pointer ml-auto">'), EnhancedTable_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class=mb-2></div><div class="flex gap-2 justify-end">'), EnhancedTable_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=10>10"), EnhancedTable_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=25>25"), EnhancedTable_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=50>50"), EnhancedTable_tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value=100>100"), EnhancedTable_tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex items-center gap-2"><span class=opacity-70>Rows per page</span></div><div class="flex items-center gap-3 ml-4"><span class=opacity-70>Page <!> of</span><div class=join>'), EnhancedTable_tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex items-center gap-2"><div class=truncate></div><div class=grow>'), EnhancedTable_tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-2">'), EnhancedTable_tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value>All"), EnhancedTable_tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option>");
11294
11289
  function EnhancedTable_EnhancedTable(props) {
11295
11290
  const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11296
11291
  "data",
@@ -11303,10 +11298,15 @@ function EnhancedTable_EnhancedTable(props) {
11303
11298
  "setPagination",
11304
11299
  "globalFilter",
11305
11300
  "setGlobalFilter",
11301
+ "rowSelection",
11302
+ "setRowSelection",
11303
+ "expanded",
11304
+ "setExpanded",
11306
11305
  "enableSorting",
11307
11306
  "enableFilters",
11308
11307
  "enablePagination",
11309
- "renderRowSubComponent",
11308
+ "enableRowSelection",
11309
+ "expandable",
11310
11310
  "renderEmpty",
11311
11311
  "loading",
11312
11312
  "renderLoading",
@@ -11314,10 +11314,12 @@ function EnhancedTable_EnhancedTable(props) {
11314
11314
  "sortAscIcon",
11315
11315
  "sortDescIcon",
11316
11316
  "sortNeutralIcon",
11317
- "filterPanelClass"
11317
+ "expandIcon",
11318
+ "collapseIcon",
11319
+ "filterPanelClass",
11320
+ "paginationPosition"
11318
11321
  ]);
11319
11322
  const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
11320
- const toggleFilterFor = (colId)=>setOpenFilterFor((curr)=>curr === colId ? null : colId);
11321
11323
  const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
11322
11324
  get data () {
11323
11325
  return local.data;
@@ -11340,19 +11342,31 @@ function EnhancedTable_EnhancedTable(props) {
11340
11342
  },
11341
11343
  get globalFilter () {
11342
11344
  return local.globalFilter?.() || "";
11345
+ },
11346
+ get rowSelection () {
11347
+ return local.rowSelection?.() || {};
11348
+ },
11349
+ get expanded () {
11350
+ return local.expanded?.() || {};
11343
11351
  }
11344
11352
  },
11345
11353
  onSortingChange: local.setSorting,
11346
11354
  onColumnFiltersChange: local.setColumnFilters,
11347
11355
  onPaginationChange: local.setPagination,
11348
11356
  onGlobalFilterChange: local.setGlobalFilter,
11357
+ onRowSelectionChange: local.setRowSelection,
11358
+ onExpandedChange: local.setExpanded,
11349
11359
  getCoreRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getCoreRowModel)(),
11350
11360
  getSortedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getSortedRowModel)(),
11351
11361
  getFilteredRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getFilteredRowModel)(),
11352
11362
  getPaginationRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getPaginationRowModel)(),
11363
+ getExpandedRowModel: (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.getExpandedRowModel)(),
11353
11364
  enableSorting: false !== local.enableSorting,
11354
11365
  enableFilters: !!local.enableFilters,
11355
- manualPagination: !local.enablePagination
11366
+ manualPagination: !local.enablePagination,
11367
+ enableRowSelection: !!local.enableRowSelection,
11368
+ enableExpanding: true,
11369
+ getRowCanExpand: ()=>!!local.expandable
11356
11370
  });
11357
11371
  const tableRows = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
11358
11372
  if (local.loading) return [];
@@ -11361,27 +11375,19 @@ function EnhancedTable_EnhancedTable(props) {
11361
11375
  return rows;
11362
11376
  });
11363
11377
  const headerGroups = ()=>table.getHeaderGroups();
11364
- const anyFilterActive = ()=>table.getState().columnFilters.length > 0;
11365
- const FilterButton = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11366
- size: "xs",
11367
- variant: "ghost",
11368
- shape: "square",
11369
- "aria-label": "Open column filter",
11370
- class: "ml-auto",
11371
- get active () {
11372
- return openFilterFor() === props.colId;
11373
- },
11374
- get disabled () {
11375
- return props.disabled;
11376
- },
11377
- onClick: (e)=>{
11378
+ const FilterIconTrigger = (props)=>(()=>{
11379
+ var _el$ = EnhancedTable_tmpl$();
11380
+ _el$.$$click = (e)=>{
11378
11381
  e.stopPropagation();
11379
- toggleFilterFor(props.colId);
11380
- },
11381
- get children () {
11382
- return local.filterIcon;
11383
- }
11384
- });
11382
+ if (!props.disabled) setOpenFilterFor((c)=>c === props.colId ? null : props.colId);
11383
+ };
11384
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.filterIcon);
11385
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.classList)(_el$, {
11386
+ "opacity-50 pointer-events-none": props.disabled,
11387
+ "text-primary": openFilterFor() === props.colId
11388
+ }, _$p));
11389
+ return _el$;
11390
+ })();
11385
11391
  const FilterPanel = (props)=>{
11386
11392
  const col = props.column;
11387
11393
  const colId = col.id;
@@ -11390,12 +11396,12 @@ function EnhancedTable_EnhancedTable(props) {
11390
11396
  return openFilterFor() === colId;
11391
11397
  },
11392
11398
  get children () {
11393
- var _el$ = EnhancedTable_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
11394
- _el$.$$click = (e)=>e.stopPropagation();
11395
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColumnFilter, {
11399
+ var _el$2 = EnhancedTable_tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
11400
+ _el$2.$$click = (e)=>e.stopPropagation();
11401
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColumnFilter, {
11396
11402
  column: col
11397
11403
  }));
11398
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11404
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11399
11405
  size: "xs",
11400
11406
  color: "neutral",
11401
11407
  variant: "outline",
@@ -11405,55 +11411,24 @@ function EnhancedTable_EnhancedTable(props) {
11405
11411
  },
11406
11412
  children: "Clear"
11407
11413
  }), null);
11408
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11414
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11409
11415
  size: "xs",
11410
11416
  color: "primary",
11411
11417
  onClick: ()=>setOpenFilterFor(null),
11412
11418
  children: "Apply"
11413
11419
  }), null);
11414
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, local.filterPanelClass ?? "absolute right-0 top-full mt-1 z-20 bg-base-100 border border-base-300 shadow rounded-box p-2 w-56"));
11415
- return _el$;
11420
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, local.filterPanelClass ?? "absolute right-0 top-full mt-1 z-20 bg-base-100 border border-base-300 shadow rounded-box p-2 w-56"));
11421
+ return _el$2;
11416
11422
  }
11417
11423
  });
11418
11424
  };
11425
+ const totalColumns = table.getAllLeafColumns().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0);
11419
11426
  return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
11427
+ get ["class"] () {
11428
+ return dist_clsx(tableProps.class, "table-auto");
11429
+ },
11420
11430
  get children () {
11421
11431
  return [
11422
- (()=>{
11423
- var _el$4 = EnhancedTable_tmpl$2(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
11424
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11425
- size: "sm",
11426
- placeholder: "Search\u2026",
11427
- get value () {
11428
- return table.getState().globalFilter ?? "";
11429
- },
11430
- onInput: (e)=>{
11431
- const val = e.currentTarget.value;
11432
- clearTimeout(window.__t);
11433
- window.__t = setTimeout(()=>table.setGlobalFilter(val), 300);
11434
- }
11435
- }), null);
11436
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11437
- size: "sm",
11438
- color: "neutral",
11439
- onClick: ()=>table.setGlobalFilter(""),
11440
- children: "Clear search"
11441
- }), null);
11442
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11443
- size: "sm",
11444
- variant: "outline",
11445
- color: "neutral",
11446
- get disabled () {
11447
- return !anyFilterActive();
11448
- },
11449
- onClick: ()=>{
11450
- table.resetColumnFilters();
11451
- setOpenFilterFor(null);
11452
- },
11453
- children: "Clear filters"
11454
- }), null);
11455
- return _el$4;
11456
- })(),
11457
11432
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
11458
11433
  noCell: true,
11459
11434
  get children () {
@@ -11461,71 +11436,106 @@ function EnhancedTable_EnhancedTable(props) {
11461
11436
  get each () {
11462
11437
  return headerGroups();
11463
11438
  },
11464
- children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11465
- get each () {
11466
- return hg.headers;
11467
- },
11468
- children: (header)=>{
11469
- const canSort = header.column.getCanSort();
11470
- const canFilter = local.enableFilters && header.column.getCanFilter();
11471
- const colId = header.column.id;
11472
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
11473
- class: canSort ? "relative cursor-pointer select-none" : "relative",
11474
- get onClick () {
11475
- return canSort ? header.column.getToggleSortingHandler() : void 0;
11476
- },
11477
- get children () {
11478
- return [
11479
- (()=>{
11480
- var _el$19 = EnhancedTable_tmpl$8(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
11481
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$20, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
11482
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11483
- get when () {
11484
- return "asc" === header.column.getIsSorted();
11485
- },
11486
- get children () {
11487
- return local.sortAscIcon;
11488
- }
11489
- }), _el$21);
11490
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11491
- get when () {
11492
- return "desc" === header.column.getIsSorted();
11493
- },
11494
- get children () {
11495
- return local.sortDescIcon;
11496
- }
11497
- }), _el$21);
11498
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11499
- get when () {
11500
- return false === header.column.getIsSorted() && local.sortNeutralIcon;
11501
- },
11502
- get children () {
11503
- return local.sortNeutralIcon;
11504
- }
11505
- }), _el$21);
11506
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11507
- when: canFilter,
11508
- get children () {
11509
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterButton, {
11510
- colId: colId
11511
- });
11512
- }
11513
- }), null);
11514
- return _el$19;
11515
- })(),
11516
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11517
- when: canFilter,
11439
+ children: (hg)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
11440
+ get children () {
11441
+ return [
11442
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11443
+ get when () {
11444
+ return local.expandable;
11445
+ },
11446
+ get children () {
11447
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
11448
+ class: "w-6"
11449
+ });
11450
+ }
11451
+ }),
11452
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11453
+ get when () {
11454
+ return local.enableRowSelection;
11455
+ },
11456
+ get children () {
11457
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
11458
+ class: "w-8",
11518
11459
  get children () {
11519
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
11520
- get column () {
11521
- return header.column;
11460
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
11461
+ get checked () {
11462
+ return table.getIsAllPageRowsSelected();
11463
+ },
11464
+ get indeterminate () {
11465
+ return table.getIsSomePageRowsSelected();
11466
+ },
11467
+ get onChange () {
11468
+ return table.getToggleAllPageRowsSelectedHandler();
11522
11469
  }
11523
11470
  });
11524
11471
  }
11525
- })
11526
- ];
11527
- }
11528
- });
11472
+ });
11473
+ }
11474
+ }),
11475
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11476
+ get each () {
11477
+ return hg.headers;
11478
+ },
11479
+ children: (header)=>{
11480
+ const colId = header.column.id;
11481
+ const canSort = local.enableSorting && false !== header.column.columnDef.enableSorting && header.column.getCanSort();
11482
+ const canFilter = local.enableFilters && false !== header.column.columnDef.enableColumnFilter && header.column.getCanFilter();
11483
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
11484
+ class: canSort ? "relative cursor-pointer select-none" : "relative",
11485
+ get onClick () {
11486
+ return canSort ? header.column.getToggleSortingHandler() : void 0;
11487
+ },
11488
+ get children () {
11489
+ var _el$16 = EnhancedTable_tmpl$8(), _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling;
11490
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()));
11491
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11492
+ get when () {
11493
+ return "asc" === header.column.getIsSorted();
11494
+ },
11495
+ get children () {
11496
+ return local.sortAscIcon;
11497
+ }
11498
+ }), _el$18);
11499
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11500
+ get when () {
11501
+ return "desc" === header.column.getIsSorted();
11502
+ },
11503
+ get children () {
11504
+ return local.sortDescIcon;
11505
+ }
11506
+ }), _el$18);
11507
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11508
+ get when () {
11509
+ return canSort && false === header.column.getIsSorted() && local.sortNeutralIcon;
11510
+ },
11511
+ get children () {
11512
+ return local.sortNeutralIcon;
11513
+ }
11514
+ }), _el$18);
11515
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11516
+ when: canFilter,
11517
+ get children () {
11518
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterIconTrigger, {
11519
+ colId: colId
11520
+ });
11521
+ }
11522
+ }), null);
11523
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11524
+ when: canFilter,
11525
+ get children () {
11526
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
11527
+ get column () {
11528
+ return header.column;
11529
+ }
11530
+ });
11531
+ }
11532
+ }), null);
11533
+ return _el$16;
11534
+ }
11535
+ });
11536
+ }
11537
+ })
11538
+ ];
11529
11539
  }
11530
11540
  })
11531
11541
  });
@@ -11565,77 +11575,155 @@ function EnhancedTable_EnhancedTable(props) {
11565
11575
  get each () {
11566
11576
  return tableRows();
11567
11577
  },
11568
- children: (row)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
11569
- get children () {
11570
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11571
- get each () {
11572
- return row.getVisibleCells();
11573
- },
11574
- children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
11578
+ children: (row)=>[
11579
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
11580
+ get children () {
11581
+ return [
11582
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11583
+ get when () {
11584
+ return local.expandable;
11585
+ },
11575
11586
  get children () {
11576
- return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
11587
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
11588
+ class: "w-6",
11589
+ get children () {
11590
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11591
+ size: "xs",
11592
+ color: "ghost",
11593
+ shape: "circle",
11594
+ get onClick () {
11595
+ return row.getToggleExpandedHandler();
11596
+ },
11597
+ get children () {
11598
+ return row.getIsExpanded() ? local.collapseIcon ?? "v" : local.expandIcon ?? ">";
11599
+ }
11600
+ });
11601
+ }
11602
+ });
11577
11603
  }
11604
+ }),
11605
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11606
+ get when () {
11607
+ return local.enableRowSelection;
11608
+ },
11609
+ get children () {
11610
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
11611
+ class: "w-8",
11612
+ get children () {
11613
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(checkbox_Checkbox, {
11614
+ get checked () {
11615
+ return row.getIsSelected();
11616
+ },
11617
+ get onChange () {
11618
+ return row.getToggleSelectedHandler();
11619
+ }
11620
+ });
11621
+ }
11622
+ });
11623
+ }
11624
+ }),
11625
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11626
+ get each () {
11627
+ return row.getVisibleCells();
11628
+ },
11629
+ children: (cell)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
11630
+ get children () {
11631
+ return (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(cell.column.columnDef.cell, cell.getContext());
11632
+ }
11633
+ })
11578
11634
  })
11579
- });
11580
- }
11581
- })
11635
+ ];
11636
+ }
11637
+ }),
11638
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11639
+ get when () {
11640
+ return row.getIsExpanded() && local.expandable;
11641
+ },
11642
+ get children () {
11643
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
11644
+ get children () {
11645
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
11646
+ get colSpan () {
11647
+ return row.getVisibleCells().length + (local.enableRowSelection ? 1 : 0) + (local.expandable ? 1 : 0);
11648
+ },
11649
+ get children () {
11650
+ return local.expandable?.expandedRowRender({
11651
+ row
11652
+ });
11653
+ }
11654
+ });
11655
+ }
11656
+ });
11657
+ }
11658
+ })
11659
+ ]
11582
11660
  });
11583
11661
  }
11584
11662
  }),
11585
11663
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Footer, {
11586
11664
  noCell: true,
11587
11665
  get children () {
11588
- var _el$7 = EnhancedTable_tmpl$7(), _el$8 = _el$7.firstChild, _el$12 = (_el$8.firstChild, _el$8.nextSibling), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$17 = _el$14.nextSibling, _el$18 = (_el$17.nextSibling, _el$13.nextSibling);
11589
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(select_Select, {
11590
- size: "sm",
11591
- get value () {
11592
- return String(table.getState().pagination.pageSize);
11593
- },
11594
- onChange: (e)=>table.setPageSize(Number(e.currentTarget.value)),
11666
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
11595
11667
  get children () {
11596
- return [
11597
- EnhancedTable_tmpl$3(),
11598
- EnhancedTable_tmpl$4(),
11599
- EnhancedTable_tmpl$5(),
11600
- EnhancedTable_tmpl$6()
11601
- ];
11668
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
11669
+ colSpan: totalColumns,
11670
+ get children () {
11671
+ var _el$5 = EnhancedTable_tmpl$7(), _el$6 = _el$5.firstChild, _el$10 = (_el$6.firstChild, _el$6.nextSibling), _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$14 = _el$12.nextSibling, _el$15 = (_el$14.nextSibling, _el$11.nextSibling);
11672
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(select_Select, {
11673
+ size: "sm",
11674
+ get value () {
11675
+ return String(table.getState().pagination.pageSize);
11676
+ },
11677
+ onChange: (e)=>table.setPageSize(Number(e.currentTarget.value)),
11678
+ get children () {
11679
+ return [
11680
+ EnhancedTable_tmpl$3(),
11681
+ EnhancedTable_tmpl$4(),
11682
+ EnhancedTable_tmpl$5(),
11683
+ EnhancedTable_tmpl$6()
11684
+ ];
11685
+ }
11686
+ }), null);
11687
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getState().pagination.pageIndex + 1, _el$14);
11688
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
11689
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11690
+ size: "sm",
11691
+ get disabled () {
11692
+ return !table.getCanPreviousPage();
11693
+ },
11694
+ onClick: ()=>table.setPageIndex(0),
11695
+ children: "|<<"
11696
+ }), null);
11697
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11698
+ size: "sm",
11699
+ get disabled () {
11700
+ return !table.getCanPreviousPage();
11701
+ },
11702
+ onClick: ()=>table.previousPage(),
11703
+ children: "Prev"
11704
+ }), null);
11705
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11706
+ size: "sm",
11707
+ get disabled () {
11708
+ return !table.getCanNextPage();
11709
+ },
11710
+ onClick: ()=>table.nextPage(),
11711
+ children: "Next"
11712
+ }), null);
11713
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$15, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11714
+ size: "sm",
11715
+ get disabled () {
11716
+ return !table.getCanNextPage();
11717
+ },
11718
+ onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
11719
+ children: ">>|"
11720
+ }), null);
11721
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, dist_clsx("flex items-center w-full", "bottomLeft" === local.paginationPosition && "justify-start", "bottomCenter" === local.paginationPosition && "justify-center", "bottomRight" === local.paginationPosition && "justify-end")));
11722
+ return _el$5;
11723
+ }
11724
+ });
11602
11725
  }
11603
- }), null);
11604
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>table.getState().pagination.pageIndex + 1, _el$17);
11605
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>table.getPageCount() || 1, null);
11606
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11607
- size: "sm",
11608
- get disabled () {
11609
- return !table.getCanPreviousPage();
11610
- },
11611
- onClick: ()=>table.setPageIndex(0),
11612
- children: "|\u27EA"
11613
- }), null);
11614
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11615
- size: "sm",
11616
- get disabled () {
11617
- return !table.getCanPreviousPage();
11618
- },
11619
- onClick: ()=>table.previousPage(),
11620
- children: "Prev"
11621
- }), null);
11622
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11623
- size: "sm",
11624
- get disabled () {
11625
- return !table.getCanNextPage();
11626
- },
11627
- onClick: ()=>table.nextPage(),
11628
- children: "Next"
11629
- }), null);
11630
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11631
- size: "sm",
11632
- get disabled () {
11633
- return !table.getCanNextPage();
11634
- },
11635
- onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
11636
- children: "\u27EB|"
11637
- }), null);
11638
- return _el$7;
11726
+ });
11639
11727
  }
11640
11728
  })
11641
11729
  ];
@@ -11648,7 +11736,7 @@ function ColumnFilter(props) {
11648
11736
  const type = col.columnDef.meta?.filterType ?? "text";
11649
11737
  if ("text" === type) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11650
11738
  size: "sm",
11651
- placeholder: "Filter\u2026",
11739
+ placeholder: "Filter...",
11652
11740
  get value () {
11653
11741
  return value() ?? "";
11654
11742
  },
@@ -11667,8 +11755,8 @@ function ColumnFilter(props) {
11667
11755
  ]);
11668
11756
  };
11669
11757
  return (()=>{
11670
- var _el$22 = EnhancedTable_tmpl$9();
11671
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11758
+ var _el$19 = EnhancedTable_tmpl$9();
11759
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11672
11760
  size: "sm",
11673
11761
  type: "number",
11674
11762
  placeholder: "Min",
@@ -11677,7 +11765,7 @@ function ColumnFilter(props) {
11677
11765
  },
11678
11766
  onInput: (e)=>setRange(e.currentTarget.value, v[1])
11679
11767
  }), null);
11680
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11768
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$19, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11681
11769
  size: "sm",
11682
11770
  type: "number",
11683
11771
  placeholder: "Max",
@@ -11686,7 +11774,7 @@ function ColumnFilter(props) {
11686
11774
  },
11687
11775
  onInput: (e)=>setRange(v[0], e.currentTarget.value)
11688
11776
  }), null);
11689
- return _el$22;
11777
+ return _el$19;
11690
11778
  })();
11691
11779
  }
11692
11780
  if ("select" === type) {
@@ -11703,10 +11791,10 @@ function ColumnFilter(props) {
11703
11791
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11704
11792
  each: options,
11705
11793
  children: (o)=>(()=>{
11706
- var _el$24 = EnhancedTable_tmpl$1();
11707
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$24, ()=>o.label);
11708
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$24.value = o.value);
11709
- return _el$24;
11794
+ var _el$21 = EnhancedTable_tmpl$1();
11795
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$21, ()=>o.label);
11796
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$21.value = o.value);
11797
+ return _el$21;
11710
11798
  })()
11711
11799
  })
11712
11800
  ];
@@ -12155,7 +12243,7 @@ const ToastContainer = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__
12155
12243
  color: "ghost",
12156
12244
  onClick: ()=>toastStore.removeToast(toast.id),
12157
12245
  class: "ml-2 opacity-70 hover:opacity-100",
12158
- children: "\u2715"
12246
+ children: "x"
12159
12247
  })
12160
12248
  ];
12161
12249
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "0.0.92",
3
+ "version": "0.0.94",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",