@pathscale/ui 0.0.90 → 0.0.91

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 +5 -0
  2. package/dist/index.js +177 -88
  3. package/package.json +1 -1
package/dist/components/table/EnhancedTable.d.ts CHANGED
@@ -21,6 +21,11 @@ export type EnhancedTableProps<TData> = Omit<TableProps, "children"> & {
21
21
  renderEmpty?: () => JSX.Element;
22
22
  loading?: boolean;
23
23
  renderLoading?: () => JSX.Element;
24
+ filterIcon: JSX.Element;
25
+ sortAscIcon: JSX.Element;
26
+ sortDescIcon: JSX.Element;
27
+ sortNeutralIcon?: JSX.Element;
28
+ filterPanelClass?: string;
24
29
  };
25
30
  declare function EnhancedTable<TData>(props: EnhancedTableProps<TData>): JSX.Element;
26
31
  export default EnhancedTable;
package/dist/index.js CHANGED
@@ -11290,7 +11290,7 @@ const table_Table = Object.assign(Table, {
11290
11290
  Cell: TableCell,
11291
11291
  HeadCell: table_TableHeadCell
11292
11292
  });
11293
- var EnhancedTable_tmpl$ = /*#__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$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<tr>"), 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">'), EnhancedTable_tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2191}`), EnhancedTable_tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)(`<span>\u{2193}`), EnhancedTable_tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="flex gap-1">'), EnhancedTable_tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option value>All"), _tmpl$11 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<option>");
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>");
11294
11294
  function EnhancedTable_EnhancedTable(props) {
11295
11295
  const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
11296
11296
  "data",
@@ -11309,8 +11309,15 @@ function EnhancedTable_EnhancedTable(props) {
11309
11309
  "renderRowSubComponent",
11310
11310
  "renderEmpty",
11311
11311
  "loading",
11312
- "renderLoading"
11312
+ "renderLoading",
11313
+ "filterIcon",
11314
+ "sortAscIcon",
11315
+ "sortDescIcon",
11316
+ "sortNeutralIcon",
11317
+ "filterPanelClass"
11313
11318
  ]);
11319
+ const [openFilterFor, setOpenFilterFor] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
11320
+ const toggleFilterFor = (colId)=>setOpenFilterFor((curr)=>curr === colId ? null : colId);
11314
11321
  const table = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.createSolidTable)({
11315
11322
  get data () {
11316
11323
  return local.data;
@@ -11354,13 +11361,67 @@ function EnhancedTable_EnhancedTable(props) {
11354
11361
  return rows;
11355
11362
  });
11356
11363
  const headerGroups = ()=>table.getHeaderGroups();
11357
- const leafHeaders = ()=>headerGroups().length > 0 ? headerGroups()[headerGroups().length - 1].headers : [];
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
+ e.stopPropagation();
11379
+ toggleFilterFor(props.colId);
11380
+ },
11381
+ get children () {
11382
+ return local.filterIcon;
11383
+ }
11384
+ });
11385
+ const FilterPanel = (props)=>{
11386
+ const col = props.column;
11387
+ const colId = col.id;
11388
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11389
+ get when () {
11390
+ return openFilterFor() === colId;
11391
+ },
11392
+ 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, {
11396
+ column: col
11397
+ }));
11398
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11399
+ size: "xs",
11400
+ color: "neutral",
11401
+ variant: "outline",
11402
+ onClick: ()=>{
11403
+ col.setFilterValue(void 0);
11404
+ setOpenFilterFor(null);
11405
+ },
11406
+ children: "Clear"
11407
+ }), null);
11408
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11409
+ size: "xs",
11410
+ color: "primary",
11411
+ onClick: ()=>setOpenFilterFor(null),
11412
+ children: "Apply"
11413
+ }), 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$;
11416
+ }
11417
+ });
11418
+ };
11358
11419
  return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
11359
11420
  get children () {
11360
11421
  return [
11361
11422
  (()=>{
11362
- var _el$ = EnhancedTable_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
11363
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
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, {
11364
11425
  size: "sm",
11365
11426
  placeholder: "Search\u2026",
11366
11427
  get value () {
@@ -11372,77 +11433,102 @@ function EnhancedTable_EnhancedTable(props) {
11372
11433
  window.__t = setTimeout(()=>table.setGlobalFilter(val), 300);
11373
11434
  }
11374
11435
  }), null);
11375
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11436
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11376
11437
  size: "sm",
11377
11438
  color: "neutral",
11378
11439
  onClick: ()=>table.setGlobalFilter(""),
11379
- children: "Clear"
11440
+ children: "Clear search"
11380
11441
  }), null);
11381
- return _el$;
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;
11382
11456
  })(),
11383
11457
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
11384
11458
  noCell: true,
11385
11459
  get children () {
11386
- return [
11387
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11388
- get each () {
11389
- return headerGroups();
11390
- },
11391
- children: (hg)=>(()=>{
11392
- var _el$17 = EnhancedTable_tmpl$2();
11393
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$17, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11394
- get each () {
11395
- return hg.headers;
11460
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11461
+ get each () {
11462
+ return headerGroups();
11463
+ },
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;
11396
11476
  },
11397
- children: (header)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
11398
- get ["class"] () {
11399
- return header.column.getCanSort() ? "cursor-pointer select-none" : "";
11400
- },
11401
- get onClick () {
11402
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!header.column.getCanSort())() ? header.column.getToggleSortingHandler() : void 0;
11403
- },
11404
- get children () {
11405
- var _el$18 = EnhancedTable_tmpl$8();
11406
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, ()=>(0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_table_1239d047__.flexRender)(header.column.columnDef.header, header.getContext()), null);
11407
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (()=>{
11408
- var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"asc" === header.column.getIsSorted());
11409
- return ()=>_c$() && EnhancedTable_tmpl$9();
11410
- })(), null);
11411
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (()=>{
11412
- var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"desc" === header.column.getIsSorted());
11413
- return ()=>_c$2() && EnhancedTable_tmpl$0();
11414
- })(), null);
11415
- return _el$18;
11416
- }
11417
- })
11418
- }));
11419
- return _el$17;
11420
- })()
11421
- }),
11422
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
11423
- get when () {
11424
- return local.enableFilters;
11425
- },
11426
- get children () {
11427
- var _el$4 = EnhancedTable_tmpl$2();
11428
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11429
- get each () {
11430
- return leafHeaders();
11431
- },
11432
- children: (header)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
11433
- get children () {
11434
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(header.isPlaceholder || !header.column.getCanFilter()))() ? null : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ColumnFilter, {
11435
- get column () {
11436
- return header.column;
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,
11518
+ get children () {
11519
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FilterPanel, {
11520
+ get column () {
11521
+ return header.column;
11522
+ }
11523
+ });
11437
11524
  }
11438
- });
11439
- }
11440
- })
11441
- }));
11442
- return _el$4;
11443
- }
11444
- })
11445
- ];
11525
+ })
11526
+ ];
11527
+ }
11528
+ });
11529
+ }
11530
+ })
11531
+ });
11446
11532
  }
11447
11533
  }),
11448
11534
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
@@ -11499,8 +11585,8 @@ function EnhancedTable_EnhancedTable(props) {
11499
11585
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Footer, {
11500
11586
  noCell: true,
11501
11587
  get children () {
11502
- 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$15 = _el$12.nextSibling, _el$16 = (_el$15.nextSibling, _el$11.nextSibling);
11503
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(select_Select, {
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, {
11504
11590
  size: "sm",
11505
11591
  get value () {
11506
11592
  return String(table.getState().pagination.pageSize);
@@ -11515,9 +11601,9 @@ function EnhancedTable_EnhancedTable(props) {
11515
11601
  ];
11516
11602
  }
11517
11603
  }), null);
11518
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getState().pagination.pageIndex + 1, _el$15);
11519
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$11, ()=>table.getPageCount() || 1, null);
11520
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
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, {
11521
11607
  size: "sm",
11522
11608
  get disabled () {
11523
11609
  return !table.getCanPreviousPage();
@@ -11525,7 +11611,7 @@ function EnhancedTable_EnhancedTable(props) {
11525
11611
  onClick: ()=>table.setPageIndex(0),
11526
11612
  children: "|\u27EA"
11527
11613
  }), null);
11528
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11614
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11529
11615
  size: "sm",
11530
11616
  get disabled () {
11531
11617
  return !table.getCanPreviousPage();
@@ -11533,7 +11619,7 @@ function EnhancedTable_EnhancedTable(props) {
11533
11619
  onClick: ()=>table.previousPage(),
11534
11620
  children: "Prev"
11535
11621
  }), null);
11536
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11622
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11537
11623
  size: "sm",
11538
11624
  get disabled () {
11539
11625
  return !table.getCanNextPage();
@@ -11541,7 +11627,7 @@ function EnhancedTable_EnhancedTable(props) {
11541
11627
  onClick: ()=>table.nextPage(),
11542
11628
  children: "Next"
11543
11629
  }), null);
11544
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$16, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11630
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$18, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(button_Button, {
11545
11631
  size: "sm",
11546
11632
  get disabled () {
11547
11633
  return !table.getCanNextPage();
@@ -11549,7 +11635,7 @@ function EnhancedTable_EnhancedTable(props) {
11549
11635
  onClick: ()=>table.setPageIndex(table.getPageCount() - 1),
11550
11636
  children: "\u27EB|"
11551
11637
  }), null);
11552
- return _el$5;
11638
+ return _el$7;
11553
11639
  }
11554
11640
  })
11555
11641
  ];
@@ -11561,7 +11647,7 @@ function ColumnFilter(props) {
11561
11647
  const value = ()=>col.getFilterValue();
11562
11648
  const type = col.columnDef.meta?.filterType ?? "text";
11563
11649
  if ("text" === type) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11564
- size: "xs",
11650
+ size: "sm",
11565
11651
  placeholder: "Filter\u2026",
11566
11652
  get value () {
11567
11653
  return value() ?? "";
@@ -11581,9 +11667,9 @@ function ColumnFilter(props) {
11581
11667
  ]);
11582
11668
  };
11583
11669
  return (()=>{
11584
- var _el$21 = EnhancedTable_tmpl$1();
11585
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$21, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11586
- size: "xs",
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, {
11672
+ size: "sm",
11587
11673
  type: "number",
11588
11674
  placeholder: "Min",
11589
11675
  get value () {
@@ -11591,8 +11677,8 @@ function ColumnFilter(props) {
11591
11677
  },
11592
11678
  onInput: (e)=>setRange(e.currentTarget.value, v[1])
11593
11679
  }), null);
11594
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$21, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11595
- size: "xs",
11680
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$22, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(input_Input, {
11681
+ size: "sm",
11596
11682
  type: "number",
11597
11683
  placeholder: "Max",
11598
11684
  get value () {
@@ -11600,27 +11686,27 @@ function ColumnFilter(props) {
11600
11686
  },
11601
11687
  onInput: (e)=>setRange(v[0], e.currentTarget.value)
11602
11688
  }), null);
11603
- return _el$21;
11689
+ return _el$22;
11604
11690
  })();
11605
11691
  }
11606
11692
  if ("select" === type) {
11607
11693
  const options = col.columnDef.meta?.options ?? [];
11608
11694
  return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(select_Select, {
11609
- size: "xs",
11695
+ size: "sm",
11610
11696
  get value () {
11611
11697
  return value() ?? "";
11612
11698
  },
11613
11699
  onChange: (e)=>col.setFilterValue(e.currentTarget.value || void 0),
11614
11700
  get children () {
11615
11701
  return [
11616
- EnhancedTable_tmpl$10(),
11702
+ EnhancedTable_tmpl$0(),
11617
11703
  (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
11618
11704
  each: options,
11619
11705
  children: (o)=>(()=>{
11620
- var _el$23 = _tmpl$11();
11621
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$23, ()=>o.label);
11622
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$23.value = o.value);
11623
- return _el$23;
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;
11624
11710
  })()
11625
11711
  })
11626
11712
  ];
@@ -11630,6 +11716,9 @@ function ColumnFilter(props) {
11630
11716
  return null;
11631
11717
  }
11632
11718
  const EnhancedTable = EnhancedTable_EnhancedTable;
11719
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
11720
+ "click"
11721
+ ]);
11633
11722
  var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
11634
11723
  const Tab = (props)=>{
11635
11724
  const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pathscale/ui",
3
- "version": "0.0.90",
3
+ "version": "0.0.91",
4
4
  "author": "pathscale",
5
5
  "repository": {
6
6
  "type": "git",