@smwb/ui-solid 0.10.0 → 0.11.1

package/dist/source/connects/rt/table/table.jsx

@@ -0,0 +1,183 @@
+import { For, Show, createMemo, createSignal, splitProps } from "solid-js";
+import {
+  createSolidTable,
+  flexRender,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getPaginationRowModel,
+  getSortedRowModel
+} from "@tanstack/solid-table";
+import {
+  Table as SmwbTable,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeadCell,
+  TableRow
+} from "../../../components/dataDisplay/table";
+import { ProgressIndicator } from "../../../components/feedBack/progressIndicator";
+import { Message } from "../../../components/feedBack/message";
+function Table(props) {
+  const [local, rest] = splitProps(props, [
+    "data",
+    "columns",
+    "sortable",
+    "defaultSorting",
+    "onSortingChange",
+    "withPagination",
+    "isInfinite",
+    "limit",
+    "limitOptions",
+    "onNextPage",
+    "onPrevPage",
+    "expandable",
+    "getRowCanExpand",
+    "renderSubComponent",
+    "cellAlign",
+    "error",
+    "onHeadCellClick",
+    "onBodyRowClick",
+    "isLoading"
+  ]);
+  const limit = () => local.limit ?? 5;
+  const [sorting, setSorting] = createSignal(local.defaultSorting ?? []);
+  const table = createSolidTable({
+    get data() {
+      return local.data;
+    },
+    get columns() {
+      return local.columns;
+    },
+    state: {
+      get sorting() {
+        return sorting();
+      }
+    },
+    initialState: { pagination: { pageIndex: 0, pageSize: limit() } },
+    manualPagination: local.isInfinite,
+    getCoreRowModel: getCoreRowModel(),
+    onSortingChange: (updater) => {
+      const next = typeof updater === "function" ? updater(sorting()) : updater;
+      setSorting(next);
+      local.onSortingChange?.(next);
+    },
+    get getSortedRowModel() {
+      return local.sortable ? getSortedRowModel() : void 0;
+    },
+    get getPaginationRowModel() {
+      return local.withPagination ? getPaginationRowModel() : void 0;
+    },
+    get getExpandedRowModel() {
+      return local.expandable ? getExpandedRowModel() : void 0;
+    },
+    get getRowCanExpand() {
+      return local.expandable ? local.getRowCanExpand : void 0;
+    }
+  });
+  const pagination = createMemo(() => {
+    if (!local.withPagination) return void 0;
+    const state = table.getState().pagination;
+    const base = {
+      limit: state.pageSize,
+      page: state.pageIndex + 1,
+      limitOptions: local.limitOptions ?? [5, 10, 15],
+      onNext: () => {
+        table.nextPage();
+        local.onNextPage?.();
+      },
+      onPrev: () => {
+        table.previousPage();
+        local.onPrevPage?.();
+      },
+      onLimitChange: (value) => table.setPageSize(value)
+    };
+    return local.isInfinite ? { ...base, hasNextPage: local.data.length >= state.pageSize } : { ...base, totalCount: table.getFilteredRowModel().rows.length };
+  });
+  const columnCount = () => table.getVisibleFlatColumns().length || 1;
+  const paginationProp = createMemo(() => {
+    const settings = pagination();
+    return settings ? { paginationSettings: settings } : {};
+  });
+  const align = () => local.cellAlign ?? "left";
+  return <SmwbTable
+    {...rest}
+    {...paginationProp()}
+    isLoading={local.isLoading ?? false}
+    hovered={!!local.onBodyRowClick}
+  >
+      <TableHead>
+        <For each={table.getHeaderGroups()}>
+          {(headerGroup) => <TableRow>
+              <For each={headerGroup.headers}>
+                {(header) => {
+    const canSort = () => !!local.sortable && header.column.getCanSort();
+    return <TableHeadCell
+      cellAlign={align()}
+      sortable={canSort()}
+      sortDirection={header.column.getIsSorted() || false}
+      onSort={() => {
+        if (canSort()) header.column.toggleSorting();
+      }}
+      onClick={() => {
+        local.onHeadCellClick?.(header.column.columnDef);
+      }}
+      {...header.getSize() ? { style: { width: `${header.getSize()}px` } } : {}}
+    >
+                      <Show when={!header.isPlaceholder}>
+                        {flexRender(header.column.columnDef.header, header.getContext())}
+                      </Show>
+                    </TableHeadCell>;
+  }}
+              </For>
+            </TableRow>}
+        </For>
+      </TableHead>
+
+      <TableBody>
+        <Show
+    when={!local.isLoading}
+    fallback={<TableRow class="smwb-table__loader__row">
+              <TableCell class="smwb-table__loader" colSpan={columnCount()}>
+                <ProgressIndicator variant="circular" type="indeterminate" />
+              </TableCell>
+            </TableRow>}
+  >
+          <Show
+    when={!local.error}
+    fallback={<TableRow class="smwb-table__loader__row">
+                <TableCell class="smwb-table__loader" colSpan={columnCount()}>
+                  <Message variant="filled" type="error">
+                    {local.error}
+                  </Message>
+                </TableCell>
+              </TableRow>}
+  >
+            <For each={table.getRowModel().rows}>
+              {(row) => <>
+                  <TableRow onClick={(event) => local.onBodyRowClick?.(row, event)}>
+                    <For each={row.getVisibleCells()}>
+                      {(cell) => <TableCell cellAlign={align()} {...cell.column.columnDef.meta?.cellProps}>
+                          {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                        </TableCell>}
+                    </For>
+                  </TableRow>
+                  <Show when={row.getIsExpanded() && local.renderSubComponent}>
+                    <TableRow>
+                      <TableCell colSpan={row.getVisibleCells().length}>
+                        {local.renderSubComponent?.({ row })}
+                      </TableCell>
+                    </TableRow>
+                  </Show>
+                </>}
+            </For>
+          </Show>
+        </Show>
+      </TableBody>
+    </SmwbTable>;
+}
+var table_default = Table;
+export {
+  Table,
+  table_default as default
+};
+//# sourceMappingURL=table.jsx.map

package/dist/source/connects/rt/table/table.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import { For, Show, createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport {\n  createSolidTable,\n  flexRender,\n  getCoreRowModel,\n  getExpandedRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type ColumnDef,\n  type Row,\n  type RowData,\n  type SortingState,\n  type TableOptions,\n} from \"@tanstack/solid-table\";\n\nimport {\n  Table as SmwbTable,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n  type SortDirection,\n  type TableProps as SmwbTableProps,\n  type TablePaginationProps,\n} from \"../../../components/dataDisplay/table\";\nimport { ProgressIndicator } from \"../../../components/feedBack/progressIndicator\";\nimport { Message } from \"../../../components/feedBack/message\";\n\ndeclare module \"@tanstack/table-core\" {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    /** Extra attributes for every body cell of the column. */\n    cellProps?: JSX.ThHTMLAttributes<HTMLTableCellElement>;\n  }\n}\n\nexport interface RtTableProps<TData extends RowData, TValue = unknown> extends SmwbTableProps {\n  data: TData[];\n  columns: ColumnDef<TData, TValue>[];\n  /** Enables the sort affordance in head cells and the sorted row model. */\n  sortable?: boolean;\n  /** Initial sorting, e.g. `[{ id: \"name\", desc: false }]`. */\n  defaultSorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  withPagination?: boolean;\n  /** Rows come from the outside page by page; the total is unknown. */\n  isInfinite?: boolean;\n  limit?: number;\n  limitOptions?: number[];\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n  expandable?: boolean;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  renderSubComponent?: (props: { row: Row<TData> }) => JSX.Element;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  error?: string;\n  onHeadCellClick?: (column: ColumnDef<TData, TValue>) => void;\n  onBodyRowClick?: (row: Row<TData>, event: MouseEvent) => void;\n}\n\n/**\n * TanStack Table bound to the smwb table components.\n *\n * The connector owns only what the two sides must agree on — row models, the\n * sort affordance in the head cell, the pagination footer, and the loading /\n * error / empty rows. Everything else stays TanStack's: columns are plain\n * `ColumnDef`s and cells are rendered through `flexRender`, so any column\n * definition written against the React connector works here unchanged.\n *\n * `@tanstack/solid-table` is an optional peer: it ships with the connector's\n * subpath only, and a consumer that never imports the subpath never installs it.\n */\nexport function Table<TData extends RowData, TValue = unknown>(\n  props: RtTableProps<TData, TValue>\n): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"data\",\n    \"columns\",\n    \"sortable\",\n    \"defaultSorting\",\n    \"onSortingChange\",\n    \"withPagination\",\n    \"isInfinite\",\n    \"limit\",\n    \"limitOptions\",\n    \"onNextPage\",\n    \"onPrevPage\",\n    \"expandable\",\n    \"getRowCanExpand\",\n    \"renderSubComponent\",\n    \"cellAlign\",\n    \"error\",\n    \"onHeadCellClick\",\n    \"onBodyRowClick\",\n    \"isLoading\",\n  ]);\n\n  const limit = (): number => local.limit ?? 5;\n  const [sorting, setSorting] = createSignal<SortingState>(local.defaultSorting ?? []);\n\n  // Options are a getter object: Solid has no render pass to rebuild them on,\n  // so the table reads current data, columns and sorting on every access.\n  const table = createSolidTable({\n    get data() {\n      return local.data;\n    },\n    get columns() {\n      return local.columns;\n    },\n    state: {\n      get sorting() {\n        return sorting();\n      },\n    },\n    initialState: { pagination: { pageIndex: 0, pageSize: limit() } },\n    manualPagination: local.isInfinite,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: (updater) => {\n      const next = typeof updater === \"function\" ? updater(sorting()) : updater;\n      setSorting(next);\n      local.onSortingChange?.(next);\n    },\n    get getSortedRowModel() {\n      return local.sortable ? getSortedRowModel() : undefined;\n    },\n    get getPaginationRowModel() {\n      return local.withPagination ? getPaginationRowModel() : undefined;\n    },\n    get getExpandedRowModel() {\n      return local.expandable ? getExpandedRowModel() : undefined;\n    },\n    get getRowCanExpand() {\n      return local.expandable ? local.getRowCanExpand : undefined;\n    },\n  } as TableOptions<TData>);\n\n  const pagination = createMemo<TablePaginationProps | undefined>(() => {\n    if (!local.withPagination) return undefined;\n    const state = table.getState().pagination;\n    const base = {\n      limit: state.pageSize,\n      page: state.pageIndex + 1,\n      limitOptions: local.limitOptions ?? [5, 10, 15],\n      onNext: () => {\n        table.nextPage();\n        local.onNextPage?.();\n      },\n      onPrev: () => {\n        table.previousPage();\n        local.onPrevPage?.();\n      },\n      onLimitChange: (value: number) => table.setPageSize(value),\n    };\n    return local.isInfinite\n      ? { ...base, hasNextPage: local.data.length >= state.pageSize }\n      : { ...base, totalCount: table.getFilteredRowModel().rows.length };\n  });\n\n  const columnCount = (): number => table.getVisibleFlatColumns().length || 1;\n\n  // Spread instead of a prop: with exactOptionalPropertyTypes an explicit\n  // `undefined` is not the same as an absent prop, and the footer is absent\n  // whenever pagination is off.\n  const paginationProp = createMemo(() => {\n    const settings = pagination();\n    return settings ? { paginationSettings: settings } : {};\n  });\n\n  const align = (): \"left\" | \"right\" | \"center\" => local.cellAlign ?? \"left\";\n\n  return (\n    <SmwbTable\n      {...rest}\n      {...paginationProp()}\n      isLoading={local.isLoading ?? false}\n      hovered={!!local.onBodyRowClick}\n    >\n      <TableHead>\n        <For each={table.getHeaderGroups()}>\n          {(headerGroup) => (\n            <TableRow>\n              <For each={headerGroup.headers}>\n                {(header) => {\n                  const canSort = (): boolean => !!local.sortable && header.column.getCanSort();\n                  return (\n                    <TableHeadCell\n                      cellAlign={align()}\n                      sortable={canSort()}\n                      sortDirection={(header.column.getIsSorted() || false) as SortDirection}\n                      onSort={() => {\n                        if (canSort()) header.column.toggleSorting();\n                      }}\n                      onClick={() => {\n                        local.onHeadCellClick?.(header.column.columnDef);\n                      }}\n                      {...(header.getSize() ? { style: { width: `${header.getSize()}px` } } : {})}\n                    >\n                      <Show when={!header.isPlaceholder}>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                      </Show>\n                    </TableHeadCell>\n                  );\n                }}\n              </For>\n            </TableRow>\n          )}\n        </For>\n      </TableHead>\n\n      <TableBody>\n        <Show\n          when={!local.isLoading}\n          fallback={\n            <TableRow class=\"smwb-table__loader__row\">\n              <TableCell class=\"smwb-table__loader\" colSpan={columnCount()}>\n                <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n              </TableCell>\n            </TableRow>\n          }\n        >\n          <Show\n            when={!local.error}\n            fallback={\n              <TableRow class=\"smwb-table__loader__row\">\n                <TableCell class=\"smwb-table__loader\" colSpan={columnCount()}>\n                  <Message variant=\"filled\" type=\"error\">\n                    {local.error}\n                  </Message>\n                </TableCell>\n              </TableRow>\n            }\n          >\n            <For each={table.getRowModel().rows}>\n              {(row) => (\n                <>\n                  <TableRow onClick={(event: MouseEvent) => local.onBodyRowClick?.(row, event)}>\n                    <For each={row.getVisibleCells()}>\n                      {(cell) => (\n                        <TableCell cellAlign={align()} {...cell.column.columnDef.meta?.cellProps}>\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                        </TableCell>\n                      )}\n                    </For>\n                  </TableRow>\n                  <Show when={row.getIsExpanded() && local.renderSubComponent}>\n                    <TableRow>\n                      <TableCell colSpan={row.getVisibleCells().length}>\n                        {local.renderSubComponent?.({ row })}\n                      </TableCell>\n                    </TableRow>\n                  </Show>\n                </>\n              )}\n            </For>\n          </Show>\n        </Show>\n      </TableBody>\n    </SmwbTable>\n  );\n}\n\nexport default Table;\n"],"mappings":"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","names":[],"file":"table.jsx"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smwb/ui-solid",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "SolidJS port of summer-ui: strict, tree-shakeable Material-style component library sharing the @smwb/ui-styles design system.",
   "license": "MIT",
   "type": "module",
@@ -503,6 +503,12 @@
       "import": "./dist/source/components/inputs/valueSlider/index.js",
       "default": "./dist/source/components/inputs/valueSlider/index.js"
     },
+    "./solid-table": {
+      "types": "./dist/connects/rt/index.d.ts",
+      "solid": "./dist/source/connects/rt/index.js",
+      "import": "./dist/source/connects/rt/index.js",
+      "default": "./dist/source/connects/rt/index.js"
+    },
     "./headless": {
       "types": "./dist/index.d.ts",
       "solid": "./dist/headless/source/index.js",
@@ -533,22 +539,24 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.0",
-    "@smwb/ui-styles": "^1.4.0",
+    "@smwb/ui-styles": "^1.4.2",
     "clsx": "^2.1.1",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "solid-js": ">=1.8"
+    "solid-js": ">=1.8",
+    "@tanstack/solid-table": ">=8.20.0 <9"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.0",
-    "@smwb/ui-styles": "^1.4.0",
+    "@smwb/ui-styles": "^1.4.2",
+    "@solidjs/testing-library": "^0.8.10",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-links": "^10.4.0",
     "@storybook/test-runner": "^0.24.4",
+    "@tanstack/solid-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/user-event": "^14.6.1",
-    "@solidjs/testing-library": "^0.8.10",
     "@types/node": "^22.19.19",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.0",
@@ -578,5 +586,10 @@
     "type": "git",
     "url": "git+https://git.sourcecraft.dev/elfenmail/ui.git",
     "directory": "packages/ui-solid"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/solid-table": {
+      "optional": true
+    }
   }
 }