@rentnerkev/table 0.0.0-stage → 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 RentnerKev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,159 @@
-# Temporary Holding Version
+<p align="center">
+    <img src="https://raw.githubusercontent.com/RentnerKev/RentnerTable/main/assets/readme/banner.png" alt="RentnerTable — React Tables" width="100%">
+</p>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+<p align="center">
+    <a href="https://github.com/RentnerKev/RentnerTable/actions/workflows/ci.yml"><img src="https://github.com/RentnerKev/RentnerTable/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI"></a>
+    <a href="https://github.com/RentnerKev/RentnerTable/actions/workflows/codeql.yml"><img src="https://github.com/RentnerKev/RentnerTable/actions/workflows/codeql.yml/badge.svg?branch=main" alt="CodeQL"></a>
+    <a href="https://www.npmjs.com/package/@rentnerkev/table"><img src="https://img.shields.io/npm/v/@rentnerkev/table" alt="npm version"></a>
+    <a href="https://www.npmjs.com/package/@rentnerkev/table"><img src="https://img.shields.io/npm/dm/@rentnerkev/table" alt="npm downloads"></a>
+    <a href="https://react.dev"><img src="https://img.shields.io/badge/React-19-61dafb" alt="React 19"></a>
+    <a href="https://tailwindcss.com"><img src="https://img.shields.io/badge/Tailwind_CSS-4-38bdf8" alt="Tailwind CSS 4"></a>
+    <a href="./LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue" alt="MIT license"></a>
+</p>
+
+Accessible, typed React tables built with TanStack Table 9 and shared RentnerKev styling. Define your columns once and reuse search, filters, selection, pagination and actions across your projects.
+
+## Installation
+
+Requires React 19, React DOM 19, and Tailwind CSS 4. Components use the existing RentnerKev input, select, menu and calendar packages.
+
+```bash
+npm install @rentnerkev/table
+# or with Bun
+bun add @rentnerkev/table
+```
+
+The package contains compiled ESM, declarations, styles and usage documentation.
+
+Import the package styles after Tailwind in your app stylesheet:
+
+```css
+@import 'tailwindcss';
+@import '@rentnerkev/table/tailwind.css';
+```
+
+The stylesheet includes the styles of the controls used by the table.
+
+## Quick start
+
+```tsx
+'use client'
+
+import { DataTable, createTableColumnHelper } from '@rentnerkev/table'
+
+type Member = {
+    id: string
+    name: string
+    role: string
+    joined: string
+}
+
+const column = createTableColumnHelper<Member>()
+const columns = column.columns([
+    column.accessor('name', {
+        header: 'Member',
+        meta: { filter: { type: 'text' } },
+    }),
+    column.accessor('role', {
+        header: 'Role',
+        meta: {
+            filter: {
+                type: 'select',
+                options: [
+                    { value: 'Developer', label: 'Developer' },
+                    { value: 'Designer', label: 'Designer' },
+                ],
+            },
+        },
+    }),
+    column.accessor('joined', {
+        header: 'Joined',
+        meta: { filter: { type: 'dateRange' } },
+    }),
+])
+
+export function TeamTable({ members }: { members: readonly Member[] }) {
+    return (
+        <DataTable
+            data={members}
+            columns={columns}
+            getRowId={(member) => member.id}
+            getRowLabel={(member) => member.name}
+            title="Team overview"
+            description="Manage your team and roles."
+            locale="en"
+            selectable
+        />
+    )
+}
+```
+
+Keep column definitions and input data stable between unrelated renders. Use real record IDs for selection and expanded details.
+
+## Screenshots
+
+| Dark theme                                                                                                                                                                                                                             | Light theme, filters and selection                                                                                                                                                                                                                                   |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [![Dark team table](https://raw.githubusercontent.com/RentnerKev/RentnerTable/main/assets/readme/screenshots/dark-table.png)](https://raw.githubusercontent.com/RentnerKev/RentnerTable/main/assets/readme/screenshots/dark-table.png) | [![Light team table with filters and selection](https://raw.githubusercontent.com/RentnerKev/RentnerTable/main/assets/readme/screenshots/light-table.png)](https://raw.githubusercontent.com/RentnerKev/RentnerTable/main/assets/readme/screenshots/light-table.png) |
+
+Screenshots come from the local playground with example data.
+
+<details>
+<summary>Mobile layout</summary>
+
+<p align="center">
+    <img src="https://raw.githubusercontent.com/RentnerKev/RentnerTable/main/assets/readme/screenshots/mobile-table.png" alt="Mobile table with horizontal scrolling inside its viewport" width="350">
+</p>
+
+</details>
+
+[Full API & usage](./docs/usage.md) · [Local playground](./playground) · [Repository automation](./.github/AUTOMATION.md) · [MIT license](./LICENSE)
+
+## Features
+
+- Typed accessor, display and grouped columns through `createTableColumnHelper`.
+- Global search, independent text/select/date-range filters and custom filter renderers.
+- Keyboard sorting, Shift multi-sort, column visibility and configurable page sizes.
+- Stable row selection across pages, selectable-row predicates and bulk actions.
+- Row action menus, expandable details and custom cell renderers.
+- Loading, refreshing, error/retry, empty and no-results states.
+- German and English messages with per-message overrides.
+- Shared `--rentner-*` theme tokens, scoped popup containers, three densities and striped rows.
+- Native table semantics, SSR, headless composition and controlled server pagination/filtering/sorting.
+- Paginated rendering and query preparation before row filtering. Calendar controls load on demand.
+
+`Table` provides the minimal sortable table without a toolbar or pagination. `DataTable` adds the reusable management interface; `useDataTableLogic` and `TableSurface` support custom composition.
+
+## Development
+
+Requires Bun 1.4.4 with native `bun fmt` support.
+
+```bash
+bun install --frozen-lockfile
+bun run playground:install
+bun run playground:dev
+```
+
+Open **http://127.0.0.1:4179**. Try filters, bulk actions, row details, light/dark themes, density, language and the loading/error/empty states.
+
+```bash
+bunx playwright install chromium firefox webkit
+bun run verify
+```
+
+Verification includes typechecks, lint, formatting, tests, package build, an isolated installed consumer, production playground build, and Chromium/Firefox/WebKit tests with accessibility scans. CI also checks React 19.0.0 and 19.3.1.
+
+Library components, hooks and types live under `src/shared/Table`, UI-free helpers under `src/lib`, and tests mirror these owners in `src/tests`. Playground source and marketing images stay outside the published package.
+
+## Releases and maintenance
+
+Dependabot checks both Bun packages and GitHub Actions daily. Verified minor/patch updates receive automatic approval and guarded squash auto-merge after the protected branch's checks pass. Major updates require maintainer review.
+
+Publishing a stable GitHub release named `vMAJOR.MINOR.PATCH` triggers exact-tag verification, tag-derived package versioning and npm publication with provenance. A separate workflow generates release notes and uploads the project banner. Pushing commits or tags alone does not publish a package.
+
+The npm Trusted Publisher authorizes GitHub owner `RentnerKev`, repository `RentnerTable` and workflow filename `npm-publish.yml`. Future releases use OIDC rather than a stored npm token. See [automation setup](./.github/AUTOMATION.md) for the repository settings, update policy and release procedure.
+
+## License
+
+MIT © RentnerKev

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+export { Table } from './shared/Table/Components/Table.tsx';
+export { DataTable } from './shared/Table/Components/DataTable.tsx';
+export { TableRowActions } from './shared/Table/Components/TableRowActions.tsx';
+export { useDataTableLogic } from './shared/Table/Hooks/useDataTableLogic.ts';
+export { TableSurface } from './shared/Table/Components/TableSurface.tsx';
+export { TableProvider } from './shared/Table/Components/TableProvider.tsx';
+export type { TableProviderProps } from './shared/Table/Types/dataTable.types.ts';
+export { DataTableToolbar } from './shared/Table/Components/DataTableToolbar.tsx';
+export { DataTablePagination } from './shared/Table/Components/DataTablePagination.tsx';
+export { tableTextFilter, tableEqualsFilter, tableDateRangeFilter, } from './lib/Table/filters.ts';
+export type { TableColumnMeta, TableColumnFilter, TableDateRange, } from './shared/Table/Types/column.types.ts';
+export type { DataTableProps, DataTableLogicOptions, DataTableLogicResult, DataTableContext, DataTableClassNames, TableRow, TableColumnInstance, TableSurfaceProps, DataTableToolbarProps, DataTablePaginationProps, TableRowActionsProps, } from './shared/Table/Types/dataTable.types.ts';
+export { useTableLogic } from './shared/Table/Hooks/useTableLogic.ts';
+export { createTableColumnHelper } from './lib/Table/table.ts';
+export { getTableMessages } from './lib/Messages/tableMessages.ts';
+export type { TableColumn, TableLocale, TableLogicOptions, TableLogicResult, TableMessages, TableProps, TableSize, RentnerTableInstance, RentnerTableOptions, } from './shared/Table/Types/table.types.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAA;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAC3E,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAA;AACvF,OAAO,EACH,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,GACjB,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EACR,cAAc,EACd,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,GACvB,MAAM,yCAAyC,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,YAAY,EACR,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,mBAAmB,GACtB,MAAM,qCAAqC,CAAA"}

package/dist/index.js

@@ -0,0 +1,13 @@
+export { Table } from './shared/Table/Components/Table.js';
+export { DataTable } from './shared/Table/Components/DataTable.js';
+export { TableRowActions } from './shared/Table/Components/TableRowActions.js';
+export { useDataTableLogic } from './shared/Table/Hooks/useDataTableLogic.js';
+export { TableSurface } from './shared/Table/Components/TableSurface.js';
+export { TableProvider } from './shared/Table/Components/TableProvider.js';
+export { DataTableToolbar } from './shared/Table/Components/DataTableToolbar.js';
+export { DataTablePagination } from './shared/Table/Components/DataTablePagination.js';
+export { tableTextFilter, tableEqualsFilter, tableDateRangeFilter, } from './lib/Table/filters.js';
+export { useTableLogic } from './shared/Table/Hooks/useTableLogic.js';
+export { createTableColumnHelper } from './lib/Table/table.js';
+export { getTableMessages } from './lib/Messages/tableMessages.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oCAAqC,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAyC,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA+C,CAAA;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA4C,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA6C,CAAA;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAAgD,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAmD,CAAA;AACvF,OAAO,EACH,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,wBAAwB,CAAA;AAmB/B,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA","sourcesContent":["export { Table } from './shared/Table/Components/Table.tsx'\nexport { DataTable } from './shared/Table/Components/DataTable.tsx'\nexport { TableRowActions } from './shared/Table/Components/TableRowActions.tsx'\nexport { useDataTableLogic } from './shared/Table/Hooks/useDataTableLogic.ts'\nexport { TableSurface } from './shared/Table/Components/TableSurface.tsx'\nexport { TableProvider } from './shared/Table/Components/TableProvider.tsx'\nexport type { TableProviderProps } from './shared/Table/Types/dataTable.types.ts'\nexport { DataTableToolbar } from './shared/Table/Components/DataTableToolbar.tsx'\nexport { DataTablePagination } from './shared/Table/Components/DataTablePagination.tsx'\nexport {\n    tableTextFilter,\n    tableEqualsFilter,\n    tableDateRangeFilter,\n} from './lib/Table/filters.ts'\nexport type {\n    TableColumnMeta,\n    TableColumnFilter,\n    TableDateRange,\n} from './shared/Table/Types/column.types.ts'\nexport type {\n    DataTableProps,\n    DataTableLogicOptions,\n    DataTableLogicResult,\n    DataTableContext,\n    DataTableClassNames,\n    TableRow,\n    TableColumnInstance,\n    TableSurfaceProps,\n    DataTableToolbarProps,\n    DataTablePaginationProps,\n    TableRowActionsProps,\n} from './shared/Table/Types/dataTable.types.ts'\nexport { useTableLogic } from './shared/Table/Hooks/useTableLogic.ts'\nexport { createTableColumnHelper } from './lib/Table/table.ts'\nexport { getTableMessages } from './lib/Messages/tableMessages.ts'\nexport type {\n    TableColumn,\n    TableLocale,\n    TableLogicOptions,\n    TableLogicResult,\n    TableMessages,\n    TableProps,\n    TableSize,\n    RentnerTableInstance,\n    RentnerTableOptions,\n} from './shared/Table/Types/table.types.ts'\n"]}

package/dist/lib/Messages/tableMessages.d.ts

@@ -0,0 +1,4 @@
+import type { TableLocale, TableMessages } from '../../shared/Table/Types/table.types.ts';
+export declare function getTableMessages(locale?: TableLocale): TableMessages;
+export declare function resolveTableMessages(locale?: TableLocale, overrides?: Partial<TableMessages>): TableMessages;
+//# sourceMappingURL=tableMessages.d.ts.map

package/dist/lib/Messages/tableMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableMessages.d.ts","sourceRoot":"","sources":["../../../src/lib/Messages/tableMessages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,WAAW,EACX,aAAa,EAChB,MAAM,yCAAyC,CAAA;AAkFhD,wBAAgB,gBAAgB,CAAC,MAAM,GAAE,WAAkB,GAAG,aAAa,CAE1E;AAED,wBAAgB,oBAAoB,CAChC,MAAM,GAAE,WAAkB,EAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GACnC,aAAa,CASf"}

package/dist/lib/Messages/tableMessages.js

@@ -0,0 +1,81 @@
+const messages = {
+    de: {
+        empty: 'Keine Einträge vorhanden.',
+        loading: 'Einträge werden geladen …',
+        sortAscending: 'Aufsteigend sortieren',
+        sortDescending: 'Absteigend sortieren',
+        clearSorting: 'Sortierung aufheben',
+        title: 'Datentabelle',
+        search: 'Tabelle durchsuchen',
+        searchPlaceholder: 'Einträge durchsuchen …',
+        filters: 'Filter',
+        columns: 'Spalten',
+        resetFilters: 'Filter zurücksetzen',
+        noResults: 'Keine Ergebnisse gefunden',
+        noResultsDescription: 'Passe deine Suche oder Filter an.',
+        emptyDescription: 'Sobald Daten vorhanden sind, erscheinen sie hier.',
+        error: 'Die Einträge konnten nicht geladen werden.',
+        retry: 'Erneut versuchen',
+        all: 'Alle',
+        filterColumn: (label) => `${label} filtern`,
+        rowsPerPage: 'Zeilen pro Seite',
+        firstPage: 'Erste Seite',
+        previousPage: 'Vorherige Seite',
+        nextPage: 'Nächste Seite',
+        lastPage: 'Letzte Seite',
+        pageInfo: (page, pages) => pages === null ? `Seite ${page}` : `Seite ${page} von ${pages}`,
+        rowRange: (first, last, total) => total === null
+            ? `${first}–${last} Einträge`
+            : `${first}–${last} von ${total} Einträgen`,
+        results: (count) => `${count} Einträge`,
+        selected: (count) => `${count} ausgewählt`,
+        clearSelection: 'Auswahl aufheben',
+        selectPage: 'Alle Zeilen auf dieser Seite auswählen',
+        selectRow: (label) => `${label} auswählen`,
+        expandRow: (label) => `Details für ${label} öffnen`,
+        collapseRow: (label) => `Details für ${label} schließen`,
+    },
+    en: {
+        empty: 'No entries found.',
+        loading: 'Loading entries …',
+        sortAscending: 'Sort ascending',
+        sortDescending: 'Sort descending',
+        clearSorting: 'Clear sorting',
+        title: 'Data table',
+        search: 'Search table',
+        searchPlaceholder: 'Search entries …',
+        filters: 'Filters',
+        columns: 'Columns',
+        resetFilters: 'Reset filters',
+        noResults: 'No results found',
+        noResultsDescription: 'Try another search or adjust your filters.',
+        emptyDescription: 'Your entries will appear here when data is available.',
+        error: 'Entries could not be loaded.',
+        retry: 'Try again',
+        all: 'All',
+        filterColumn: (label) => `Filter ${label}`,
+        rowsPerPage: 'Rows per page',
+        firstPage: 'First page',
+        previousPage: 'Previous page',
+        nextPage: 'Next page',
+        lastPage: 'Last page',
+        pageInfo: (page, pages) => pages === null ? `Page ${page}` : `Page ${page} of ${pages}`,
+        rowRange: (first, last, total) => total === null
+            ? `${first}–${last} entries`
+            : `${first}–${last} of ${total} entries`,
+        results: (count) => `${count} entries`,
+        selected: (count) => `${count} selected`,
+        clearSelection: 'Clear selection',
+        selectPage: 'Select all rows on this page',
+        selectRow: (label) => `Select ${label}`,
+        expandRow: (label) => `Expand details for ${label}`,
+        collapseRow: (label) => `Collapse details for ${label}`,
+    },
+};
+export function getTableMessages(locale = 'en') {
+    return { ...messages[locale] };
+}
+export function resolveTableMessages(locale = 'en', overrides) {
+    return Object.assign(getTableMessages(locale), Object.fromEntries(Object.entries(overrides ?? {}).filter(([, value]) => value !== undefined)));
+}
+//# sourceMappingURL=tableMessages.js.map

package/dist/lib/Messages/tableMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableMessages.js","sourceRoot":"","sources":["../../../src/lib/Messages/tableMessages.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n    TableLocale,\n    TableMessages,\n} from '../../shared/Table/Types/table.types.ts'\n\nconst messages: Record<TableLocale, TableMessages> = {\n    de: {\n        empty: 'Keine Einträge vorhanden.',\n        loading: 'Einträge werden geladen …',\n        sortAscending: 'Aufsteigend sortieren',\n        sortDescending: 'Absteigend sortieren',\n        clearSorting: 'Sortierung aufheben',\n        title: 'Datentabelle',\n        search: 'Tabelle durchsuchen',\n        searchPlaceholder: 'Einträge durchsuchen …',\n        filters: 'Filter',\n        columns: 'Spalten',\n        resetFilters: 'Filter zurücksetzen',\n        noResults: 'Keine Ergebnisse gefunden',\n        noResultsDescription: 'Passe deine Suche oder Filter an.',\n        emptyDescription: 'Sobald Daten vorhanden sind, erscheinen sie hier.',\n        error: 'Die Einträge konnten nicht geladen werden.',\n        retry: 'Erneut versuchen',\n        all: 'Alle',\n        filterColumn: (label) => `${label} filtern`,\n        rowsPerPage: 'Zeilen pro Seite',\n        firstPage: 'Erste Seite',\n        previousPage: 'Vorherige Seite',\n        nextPage: 'Nächste Seite',\n        lastPage: 'Letzte Seite',\n        pageInfo: (page, pages) =>\n            pages === null ? `Seite ${page}` : `Seite ${page} von ${pages}`,\n        rowRange: (first, last, total) =>\n            total === null\n                ? `${first}–${last} Einträge`\n                : `${first}–${last} von ${total} Einträgen`,\n        results: (count) => `${count} Einträge`,\n        selected: (count) => `${count} ausgewählt`,\n        clearSelection: 'Auswahl aufheben',\n        selectPage: 'Alle Zeilen auf dieser Seite auswählen',\n        selectRow: (label) => `${label} auswählen`,\n        expandRow: (label) => `Details für ${label} öffnen`,\n        collapseRow: (label) => `Details für ${label} schließen`,\n    },\n    en: {\n        empty: 'No entries found.',\n        loading: 'Loading entries …',\n        sortAscending: 'Sort ascending',\n        sortDescending: 'Sort descending',\n        clearSorting: 'Clear sorting',\n        title: 'Data table',\n        search: 'Search table',\n        searchPlaceholder: 'Search entries …',\n        filters: 'Filters',\n        columns: 'Columns',\n        resetFilters: 'Reset filters',\n        noResults: 'No results found',\n        noResultsDescription: 'Try another search or adjust your filters.',\n        emptyDescription:\n            'Your entries will appear here when data is available.',\n        error: 'Entries could not be loaded.',\n        retry: 'Try again',\n        all: 'All',\n        filterColumn: (label) => `Filter ${label}`,\n        rowsPerPage: 'Rows per page',\n        firstPage: 'First page',\n        previousPage: 'Previous page',\n        nextPage: 'Next page',\n        lastPage: 'Last page',\n        pageInfo: (page, pages) =>\n            pages === null ? `Page ${page}` : `Page ${page} of ${pages}`,\n        rowRange: (first, last, total) =>\n            total === null\n                ? `${first}–${last} entries`\n                : `${first}–${last} of ${total} entries`,\n        results: (count) => `${count} entries`,\n        selected: (count) => `${count} selected`,\n        clearSelection: 'Clear selection',\n        selectPage: 'Select all rows on this page',\n        selectRow: (label) => `Select ${label}`,\n        expandRow: (label) => `Expand details for ${label}`,\n        collapseRow: (label) => `Collapse details for ${label}`,\n    },\n}\n\nexport function getTableMessages(locale: TableLocale = 'en'): TableMessages {\n    return { ...messages[locale] }\n}\n\nexport function resolveTableMessages(\n    locale: TableLocale = 'en',\n    overrides?: Partial<TableMessages>,\n): TableMessages {\n    return Object.assign(\n        getTableMessages(locale),\n        Object.fromEntries(\n            Object.entries(overrides ?? {}).filter(\n                ([, value]) => value !== undefined,\n            ),\n        ),\n    )\n}\n"]}

package/dist/lib/Table/filters.d.ts

@@ -0,0 +1,20 @@
+import type { TableDateRange } from '../../shared/Table/Types/column.types.ts';
+export declare const tableTextFilter: ((row: {
+    getValue: (id: string) => unknown;
+}, columnId: string, value: unknown) => boolean) & {
+    autoRemove: (value: unknown) => boolean;
+    resolveFilterValue: (value: unknown) => unknown;
+};
+export declare const tableEqualsFilter: ((row: {
+    getValue: (id: string) => unknown;
+}, columnId: string, value: unknown) => boolean) & {
+    autoRemove: (value: unknown) => value is "" | null | undefined;
+};
+export declare function getTableDateRange(value: unknown): TableDateRange;
+export declare const tableDateRangeFilter: ((row: {
+    getValue: (id: string) => unknown;
+}, columnId: string, value: unknown) => boolean) & {
+    resolveFilterValue: (value: unknown) => unknown;
+    autoRemove: (value: unknown) => boolean;
+};
+//# sourceMappingURL=filters.d.ts.map

package/dist/lib/Table/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/lib/Table/filters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAA;AAwB9E,eAAO,MAAM,eAAe,SAEf;IAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE,YAChC,MAAM,SACT,OAAO;wBAcM,OAAO;gCACC,OAAO,KAAG,OAAO;CAGpD,CAAA;AAED,eAAO,MAAM,iBAAiB,SAEjB;IAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE,YAChC,MAAM,SACT,OAAO;wBAEI,OAAO;CAChC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,cAAc,CAYhE;AA4CD,eAAO,MAAM,oBAAoB,SAEpB;IAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;CAAE,YAChC,MAAM,SACT,OAAO;gCAkBc,OAAO,KAAG,OAAO;wBAEzB,OAAO;CAKlC,CAAA"}

package/dist/lib/Table/filters.js

@@ -0,0 +1,102 @@
+const resolvedText = Symbol('tableTextFilter');
+const resolvedDateRange = Symbol('tableDateRangeFilter');
+function searchableValue(value) {
+    if (value instanceof Date)
+        return Number.isFinite(value.getTime()) ? value.toISOString() : '';
+    if (typeof value === 'string' ||
+        typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        typeof value === 'bigint')
+        return String(value);
+    return '';
+}
+function resolveTextFilterValue(value) {
+    return {
+        [resolvedText]: searchableValue(value).trim().toLocaleLowerCase(),
+    };
+}
+export const tableTextFilter = Object.assign((row, columnId, value) => {
+    const query = typeof value === 'object' &&
+        value !== null &&
+        resolvedText in value &&
+        typeof value[resolvedText] === 'string'
+        ? value[resolvedText]
+        : resolveTextFilterValue(value)[resolvedText];
+    return searchableValue(row.getValue(columnId))
+        .toLocaleLowerCase()
+        .includes(query);
+}, {
+    autoRemove: (value) => searchableValue(value).trim() === '',
+    resolveFilterValue: (value) => resolveTextFilterValue(value),
+});
+export const tableEqualsFilter = Object.assign((row, columnId, value) => searchableValue(row.getValue(columnId)) === searchableValue(value), { autoRemove: (value) => value == null || value === '' });
+export function getTableDateRange(value) {
+    if (typeof value !== 'object' || value === null)
+        return {};
+    return {
+        from: 'from' in value && typeof value.from === 'string'
+            ? value.from
+            : undefined,
+        to: 'to' in value && typeof value.to === 'string'
+            ? value.to
+            : undefined,
+    };
+}
+function dateBoundary(value, end) {
+    const parts = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+    if (!parts)
+        return Number.NaN;
+    const year = Number(parts[1]);
+    const month = Number(parts[2]) - 1;
+    const day = Number(parts[3]);
+    const date = new Date(0);
+    date.setFullYear(year, month, day);
+    date.setHours(0, 0, 0, 0);
+    if (date.getFullYear() !== year ||
+        date.getMonth() !== month ||
+        date.getDate() !== day)
+        return Number.NaN;
+    if (end)
+        date.setHours(23, 59, 59, 999);
+    return date.getTime();
+}
+function resolveDateRangeFilterValue(value) {
+    const range = getTableDateRange(value);
+    return {
+        [resolvedDateRange]: true,
+        from: range.from ? dateBoundary(range.from, false) : -Infinity,
+        to: range.to ? dateBoundary(range.to, true) : Infinity,
+    };
+}
+function isResolvedDateRange(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        resolvedDateRange in value &&
+        'from' in value &&
+        'to' in value &&
+        typeof value.from === 'number' &&
+        typeof value.to === 'number');
+}
+export const tableDateRangeFilter = Object.assign((row, columnId, value) => {
+    const range = isResolvedDateRange(value)
+        ? value
+        : resolveDateRangeFilterValue(value);
+    const raw = row.getValue(columnId);
+    const timestamp = raw instanceof Date
+        ? raw.getTime()
+        : typeof raw === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(raw)
+            ? dateBoundary(raw, false)
+            : typeof raw === 'string' || typeof raw === 'number'
+                ? new Date(raw).getTime()
+                : Number.NaN;
+    if (!Number.isFinite(timestamp))
+        return false;
+    return timestamp >= range.from && timestamp <= range.to;
+}, {
+    resolveFilterValue: (value) => resolveDateRangeFilterValue(value),
+    autoRemove: (value) => {
+        const range = getTableDateRange(value);
+        return !range.from && !range.to;
+    },
+});
+//# sourceMappingURL=filters.js.map

package/dist/lib/Table/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/lib/Table/filters.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TableDateRange } from '../../shared/Table/Types/column.types.ts'\n\nconst resolvedText = Symbol('tableTextFilter')\nconst resolvedDateRange = Symbol('tableDateRangeFilter')\n\nfunction searchableValue(value: unknown): string {\n    if (value instanceof Date)\n        return Number.isFinite(value.getTime()) ? value.toISOString() : ''\n    if (\n        typeof value === 'string' ||\n        typeof value === 'number' ||\n        typeof value === 'boolean' ||\n        typeof value === 'bigint'\n    )\n        return String(value)\n    return ''\n}\n\nfunction resolveTextFilterValue(value: unknown) {\n    return {\n        [resolvedText]: searchableValue(value).trim().toLocaleLowerCase(),\n    }\n}\n\nexport const tableTextFilter = Object.assign(\n    (\n        row: { getValue: (id: string) => unknown },\n        columnId: string,\n        value: unknown,\n    ) => {\n        const query =\n            typeof value === 'object' &&\n            value !== null &&\n            resolvedText in value &&\n            typeof value[resolvedText] === 'string'\n                ? value[resolvedText]\n                : resolveTextFilterValue(value)[resolvedText]\n        return searchableValue(row.getValue(columnId))\n            .toLocaleLowerCase()\n            .includes(query)\n    },\n    {\n        autoRemove: (value: unknown) => searchableValue(value).trim() === '',\n        resolveFilterValue: (value: unknown): unknown =>\n            resolveTextFilterValue(value),\n    },\n)\n\nexport const tableEqualsFilter = Object.assign(\n    (\n        row: { getValue: (id: string) => unknown },\n        columnId: string,\n        value: unknown,\n    ) => searchableValue(row.getValue(columnId)) === searchableValue(value),\n    { autoRemove: (value: unknown) => value == null || value === '' },\n)\n\nexport function getTableDateRange(value: unknown): TableDateRange {\n    if (typeof value !== 'object' || value === null) return {}\n    return {\n        from:\n            'from' in value && typeof value.from === 'string'\n                ? value.from\n                : undefined,\n        to:\n            'to' in value && typeof value.to === 'string'\n                ? value.to\n                : undefined,\n    }\n}\n\nfunction dateBoundary(value: string, end: boolean): number {\n    const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(value)\n    if (!parts) return Number.NaN\n    const year = Number(parts[1])\n    const month = Number(parts[2]) - 1\n    const day = Number(parts[3])\n    const date = new Date(0)\n    date.setFullYear(year, month, day)\n    date.setHours(0, 0, 0, 0)\n    if (\n        date.getFullYear() !== year ||\n        date.getMonth() !== month ||\n        date.getDate() !== day\n    )\n        return Number.NaN\n    if (end) date.setHours(23, 59, 59, 999)\n    return date.getTime()\n}\n\nfunction resolveDateRangeFilterValue(value: unknown) {\n    const range = getTableDateRange(value)\n    return {\n        [resolvedDateRange]: true,\n        from: range.from ? dateBoundary(range.from, false) : -Infinity,\n        to: range.to ? dateBoundary(range.to, true) : Infinity,\n    }\n}\n\nfunction isResolvedDateRange(\n    value: unknown,\n): value is ReturnType<typeof resolveDateRangeFilterValue> {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        resolvedDateRange in value &&\n        'from' in value &&\n        'to' in value &&\n        typeof value.from === 'number' &&\n        typeof value.to === 'number'\n    )\n}\n\nexport const tableDateRangeFilter = Object.assign(\n    (\n        row: { getValue: (id: string) => unknown },\n        columnId: string,\n        value: unknown,\n    ) => {\n        const range = isResolvedDateRange(value)\n            ? value\n            : resolveDateRangeFilterValue(value)\n        const raw = row.getValue(columnId)\n        const timestamp =\n            raw instanceof Date\n                ? raw.getTime()\n                : typeof raw === 'string' && /^\\d{4}-\\d{2}-\\d{2}$/.test(raw)\n                  ? dateBoundary(raw, false)\n                  : typeof raw === 'string' || typeof raw === 'number'\n                    ? new Date(raw).getTime()\n                    : Number.NaN\n        if (!Number.isFinite(timestamp)) return false\n        return timestamp >= range.from && timestamp <= range.to\n    },\n    {\n        resolveFilterValue: (value: unknown): unknown =>\n            resolveDateRangeFilterValue(value),\n        autoRemove: (value: unknown) => {\n            const range = getTableDateRange(value)\n            return !range.from && !range.to\n        },\n    },\n)\n"]}

package/dist/lib/Table/presentation.d.ts

@@ -0,0 +1,7 @@
+import type { RowData } from '@tanstack/react-table';
+import type { RentnerTableInstance, TableColumn, TableLogicResult, TableMessages } from '../../shared/Table/Types/table.types.ts';
+import type { TableColumnInstance } from '../../shared/Table/Types/dataTable.types.ts';
+export declare function getColumnLabel<TData extends RowData>(column: TableColumnInstance<TData>): string;
+export declare function prepareTableColumns<TData extends RowData>(columns: readonly TableColumn<TData>[]): TableColumn<TData>[];
+export declare function getTableView<TData extends RowData>(table: RentnerTableInstance<TData>, messages: TableMessages, extraColumns?: number): TableLogicResult<TData>['state'];
+//# sourceMappingURL=presentation.d.ts.map

package/dist/lib/Table/presentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation.d.ts","sourceRoot":"","sources":["../../../src/lib/Table/presentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EACR,oBAAoB,EACpB,WAAW,EAEX,gBAAgB,EAChB,aAAa,EAChB,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAA;AAEtF,wBAAgB,cAAc,CAAC,KAAK,SAAS,OAAO,EAChD,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,GACnC,MAAM,CAOR;AAED,wBAAgB,mBAAmB,CAAC,KAAK,SAAS,OAAO,EACrD,OAAO,EAAE,SAAS,WAAW,CAAC,KAAK,CAAC,EAAE,GACvC,WAAW,CAAC,KAAK,CAAC,EAAE,CActB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAC9C,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAClC,QAAQ,EAAE,aAAa,EACvB,YAAY,SAAI,GACjB,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAyClC"}

package/dist/lib/Table/presentation.js

@@ -0,0 +1,63 @@
+export function getColumnLabel(column) {
+    return (column.columnDef.meta?.label ??
+        (typeof column.columnDef.header === 'string'
+            ? column.columnDef.header
+            : column.id));
+}
+export function prepareTableColumns(columns) {
+    return columns.map((column) => {
+        const kind = column.meta?.filter?.type;
+        let filterFn = 'text';
+        if (kind === 'select')
+            filterFn = 'equals';
+        if (kind === 'dateRange')
+            filterFn = 'dateRange';
+        return {
+            ...column,
+            filterFn: column.filterFn ?? filterFn,
+            ...('columns' in column && column.columns
+                ? { columns: prepareTableColumns(column.columns) }
+                : {}),
+        };
+    });
+}
+export function getTableView(table, messages, extraColumns = 0) {
+    return {
+        headerGroups: table.getHeaderGroups().map((group) => ({
+            id: group.id,
+            headers: group.headers.map((header) => {
+                const sorted = header.column.getIsSorted();
+                const next = header.column.getNextSortingOrder();
+                let sortDirection;
+                let sortIndicator = '↕';
+                let sortAction = messages.clearSorting;
+                if (sorted === 'asc') {
+                    sortDirection = 'ascending';
+                    sortIndicator = '↑';
+                }
+                if (sorted === 'desc') {
+                    sortDirection = 'descending';
+                    sortIndicator = '↓';
+                }
+                if (next === 'asc')
+                    sortAction = messages.sortAscending;
+                if (next === 'desc')
+                    sortAction = messages.sortDescending;
+                return {
+                    header,
+                    canSort: !header.isPlaceholder && header.column.getCanSort(),
+                    sortDirection: !header.isPlaceholder &&
+                        header.column.getSortIndex() === 0
+                        ? sortDirection
+                        : undefined,
+                    sortAction,
+                    sortIndicator,
+                };
+            }),
+        })),
+        rows: table.getRowModel().rows,
+        columnCount: Math.max(1, table.getVisibleLeafColumns().length + extraColumns),
+        messages,
+    };
+}
+//# sourceMappingURL=presentation.js.map

package/dist/lib/Table/presentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation.js","sourceRoot":"","sources":["../../../src/lib/Table/presentation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { RowData } from '@tanstack/react-table'\nimport type {\n    RentnerTableInstance,\n    TableColumn,\n    TableHeaderState,\n    TableLogicResult,\n    TableMessages,\n} from '../../shared/Table/Types/table.types.ts'\nimport type { TableColumnInstance } from '../../shared/Table/Types/dataTable.types.ts'\n\nexport function getColumnLabel<TData extends RowData>(\n    column: TableColumnInstance<TData>,\n): string {\n    return (\n        column.columnDef.meta?.label ??\n        (typeof column.columnDef.header === 'string'\n            ? column.columnDef.header\n            : column.id)\n    )\n}\n\nexport function prepareTableColumns<TData extends RowData>(\n    columns: readonly TableColumn<TData>[],\n): TableColumn<TData>[] {\n    return columns.map((column) => {\n        const kind = column.meta?.filter?.type\n        let filterFn: 'text' | 'equals' | 'dateRange' = 'text'\n        if (kind === 'select') filterFn = 'equals'\n        if (kind === 'dateRange') filterFn = 'dateRange'\n        return {\n            ...column,\n            filterFn: column.filterFn ?? filterFn,\n            ...('columns' in column && column.columns\n                ? { columns: prepareTableColumns(column.columns) }\n                : {}),\n        }\n    })\n}\n\nexport function getTableView<TData extends RowData>(\n    table: RentnerTableInstance<TData>,\n    messages: TableMessages,\n    extraColumns = 0,\n): TableLogicResult<TData>['state'] {\n    return {\n        headerGroups: table.getHeaderGroups().map((group) => ({\n            id: group.id,\n            headers: group.headers.map((header): TableHeaderState<TData> => {\n                const sorted = header.column.getIsSorted()\n                const next = header.column.getNextSortingOrder()\n                let sortDirection: TableHeaderState<TData>['sortDirection']\n                let sortIndicator = '↕'\n                let sortAction = messages.clearSorting\n                if (sorted === 'asc') {\n                    sortDirection = 'ascending'\n                    sortIndicator = '↑'\n                }\n                if (sorted === 'desc') {\n                    sortDirection = 'descending'\n                    sortIndicator = '↓'\n                }\n                if (next === 'asc') sortAction = messages.sortAscending\n                if (next === 'desc') sortAction = messages.sortDescending\n                return {\n                    header,\n                    canSort:\n                        !header.isPlaceholder && header.column.getCanSort(),\n                    sortDirection:\n                        !header.isPlaceholder &&\n                        header.column.getSortIndex() === 0\n                            ? sortDirection\n                            : undefined,\n                    sortAction,\n                    sortIndicator,\n                }\n            }),\n        })),\n        rows: table.getRowModel().rows,\n        columnCount: Math.max(\n            1,\n            table.getVisibleLeafColumns().length + extraColumns,\n        ),\n        messages,\n    }\n}\n"]}