@rentnerkev/table 0.0.0-stage → 0.0.2

package/dist/shared/Table/Components/TableDataRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDataRow.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableDataRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { RowData } from '@tanstack/react-table'\nimport { ChevronRight, GripVertical } from 'lucide-react'\nimport { TableCheckbox } from './TableCheckbox.tsx'\nimport { TableButton } from './TableButton.tsx'\nimport type { TableDataRowProps } from '../Types/interaction.types.ts'\nimport { useTableRowEventsLogic } from '../Hooks/useTableRowEventsLogic.ts'\n\nexport function TableDataRow<TData extends RowData>({\n    table,\n    view,\n    selection,\n    renderExpandedRow,\n    getRowLabel,\n    detailsId,\n    classNames,\n    rowClassName,\n    isLoading,\n    row,\n    index,\n    striped,\n    dragHandle,\n    reorderableRows,\n    resizableColumns,\n    onRowClick,\n    onRowDoubleClick,\n    onRowContextMenu,\n    onCellClick,\n    onCellDoubleClick,\n    onCellContextMenu,\n}: TableDataRowProps<TData>) {\n    const { handler } = useTableRowEventsLogic(row, {\n        onRowClick,\n        onRowDoubleClick,\n        onRowContextMenu,\n    })\n    return (\n        <>\n            {/* Optional mouse notifications supplement the accessible controls rendered inside cells. */}\n            <tr\n                data-row-id={row.id}\n                data-stripe={striped && index % 2 === 1 ? true : undefined}\n                onClick={onRowClick ? handler.handleClick : undefined}\n                onDoubleClick={\n                    onRowDoubleClick ? handler.handleDoubleClick : undefined\n                }\n                onContextMenu={\n                    onRowContextMenu ? handler.handleContextMenu : undefined\n                }\n                data-selected={\n                    (selection?.selectionEnabled && row.getIsSelected()) ||\n                    undefined\n                }\n                className={`border-b border-rentner-border motion-safe:transition-colors group-data-[striped=true]/table:data-[stripe=true]:bg-rentner-control/25 hover:bg-rentner-control/70 hover:shadow-[inset_3px_0_0_var(--rentner-accent,#13ecd6)] data-[selected=true]:bg-rentner-accent/5 ${classNames?.row ?? ''} ${rowClassName?.(row) ?? ''}`}\n            >\n                {reorderableRows && (\n                    <td className=\"w-12 px-2 py-3\">\n                        {dragHandle ?? (\n                            <TableButton\n                                iconOnly\n                                disabled\n                                aria-label={\n                                    view.messages.moveRow?.(\n                                        getRowLabel?.(row.original) ?? row.id,\n                                    ) ?? `Move ${row.id}`\n                                }\n                            >\n                                <GripVertical\n                                    aria-hidden=\"true\"\n                                    className=\"size-4\"\n                                />\n                            </TableButton>\n                        )}\n                    </td>\n                )}\n                {selection?.selectionEnabled && (\n                    <td className=\"w-12 px-4 py-3\">\n                        <TableCheckbox\n                            checked={row.getIsSelected()}\n                            disabled={isLoading || !row.getCanSelect()}\n                            label={view.messages.selectRow(\n                                getRowLabel?.(row.original) ?? row.id,\n                            )}\n                            onChange={() => row.toggleSelected()}\n                        />\n                    </td>\n                )}\n                {renderExpandedRow && (\n                    <td className=\"w-10 px-1\">\n                        <TableButton\n                            iconOnly\n                            disabled={!row.getCanExpand()}\n                            aria-label={\n                                row.getIsExpanded()\n                                    ? view.messages.collapseRow(\n                                          getRowLabel?.(row.original) ?? row.id,\n                                      )\n                                    : view.messages.expandRow(\n                                          getRowLabel?.(row.original) ?? row.id,\n                                      )\n                            }\n                            aria-expanded={row.getIsExpanded()}\n                            aria-controls={`${detailsId}-${encodeURIComponent(row.id)}`}\n                            onClick={row.getToggleExpandedHandler()}\n                            className=\"border-transparent bg-transparent\"\n                        >\n                            <ChevronRight\n                                aria-hidden=\"true\"\n                                className={`size-4 ${row.getIsExpanded() ? 'rotate-90' : ''}`}\n                            />\n                        </TableButton>\n                    </td>\n                )}\n                {row.getVisibleCells().map((cell) => (\n                    // oxlint-disable-next-line jsx-a11y/control-has-associated-label -- The column renderer owns accessible cell content.\n                    <td\n                        key={cell.id}\n                        data-column-id={cell.column.id}\n                        onClick={\n                            onCellClick\n                                ? (event) => onCellClick(cell, event)\n                                : undefined\n                        }\n                        onDoubleClick={\n                            onCellDoubleClick\n                                ? (event) => onCellDoubleClick(cell, event)\n                                : undefined\n                        }\n                        onContextMenu={\n                            onCellContextMenu\n                                ? (event) => onCellContextMenu(cell, event)\n                                : undefined\n                        }\n                        data-align={cell.column.columnDef.meta?.align}\n                        style={\n                            resizableColumns ||\n                            cell.column.columnDef.size === undefined\n                                ? undefined\n                                : { width: cell.column.getSize() }\n                        }\n                        className={`px-4 py-3 align-middle group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 data-[align=center]:text-center data-[align=right]:text-right ${cell.column.columnDef.meta?.cellClassName ?? ''} ${classNames?.cell ?? ''}`}\n                    >\n                        <table.FlexRender cell={cell} />\n                    </td>\n                ))}\n            </tr>\n            {renderExpandedRow && row.getIsExpanded() && (\n                <tr data-row-details-for={row.id}>\n                    <td\n                        colSpan={view.columnCount}\n                        className=\"border-b border-rentner-border bg-rentner-control/30 p-5\"\n                    >\n                        <div id={`${detailsId}-${encodeURIComponent(row.id)}`}>\n                            {renderExpandedRow(row)}\n                        </div>\n                    </td>\n                </tr>\n            )}\n        </>\n    )\n}\n"]}

package/dist/shared/Table/Components/TableDateRangeFilter.d.ts

@@ -0,0 +1,3 @@
+import type { TableDateRangeFilterProps } from '../Types/dataTable.types.ts';
+export default function TableDateRangeFilter({ value, onValueChange, label, placeholder, locale, disabled, }: TableDateRangeFilterProps): import("react").JSX.Element;
+//# sourceMappingURL=TableDateRangeFilter.d.ts.map

package/dist/shared/Table/Components/TableDateRangeFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDateRangeFilter.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableDateRangeFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAG5E,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EACzC,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,GACX,EAAE,yBAAyB,+BAyB3B"}

package/dist/shared/Table/Components/TableDateRangeFilter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RangeCalendar } from '@rentnerkev/calendar/range-calendar';
+import { getTableDateRange } from '../../../lib/Table/filters.js';
+import { useTableOverlay } from '../Hooks/useTableOverlay.js';
+export default function TableDateRangeFilter({ value, onValueChange, label, placeholder, locale, disabled, }) {
+    const portalContainer = useTableOverlay();
+    return (_jsx(RangeCalendar, { valueFormat: "iso-date", value: [
+            getTableDateRange(value).from ?? null,
+            getTableDateRange(value).to ?? null,
+        ], onChange: (range) => onValueChange({
+            from: range?.[0] ?? undefined,
+            to: range?.[1] ?? undefined,
+        }), "aria-label": label, placeholder: placeholder ?? label, locale: locale, controlSize: "sm", isDeletable: true, disabled: disabled, portalContainer: portalContainer, className: "min-w-44" }));
+}
+//# sourceMappingURL=TableDateRangeFilter.js.map

package/dist/shared/Table/Components/TableDateRangeFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDateRangeFilter.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableDateRangeFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAE7D,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EACzC,KAAK,EACL,aAAa,EACb,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,GACgB;IACxB,MAAM,eAAe,GAAG,eAAe,EAAE,CAAA;IACzC,OAAO,CACH,KAAC,aAAa,IACV,WAAW,EAAC,UAAU,EACtB,KAAK,EAAE;YACH,iBAAiB,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,IAAI;YACrC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,IAAI;SACtC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,aAAa,CAAC;YACV,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;YAC7B,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS;SAC9B,CAAC,gBAEM,KAAK,EACjB,WAAW,EAAE,WAAW,IAAI,KAAK,EACjC,MAAM,EAAE,MAAM,EACd,WAAW,EAAC,IAAI,EAChB,WAAW,QACX,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,UAAU,GACtB,CACL,CAAA;AACL,CAAC","sourcesContent":["import { RangeCalendar } from '@rentnerkev/calendar/range-calendar'\nimport { getTableDateRange } from '../../../lib/Table/filters.ts'\nimport type { TableDateRangeFilterProps } from '../Types/dataTable.types.ts'\nimport { useTableOverlay } from '../Hooks/useTableOverlay.ts'\n\nexport default function TableDateRangeFilter({\n    value,\n    onValueChange,\n    label,\n    placeholder,\n    locale,\n    disabled,\n}: TableDateRangeFilterProps) {\n    const portalContainer = useTableOverlay()\n    return (\n        <RangeCalendar\n            valueFormat=\"iso-date\"\n            value={[\n                getTableDateRange(value).from ?? null,\n                getTableDateRange(value).to ?? null,\n            ]}\n            onChange={(range) =>\n                onValueChange({\n                    from: range?.[0] ?? undefined,\n                    to: range?.[1] ?? undefined,\n                })\n            }\n            aria-label={label}\n            placeholder={placeholder ?? label}\n            locale={locale}\n            controlSize=\"sm\"\n            isDeletable\n            disabled={disabled}\n            portalContainer={portalContainer}\n            className=\"min-w-44\"\n        />\n    )\n}\n"]}

package/dist/shared/Table/Components/TableHead.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
+import type { TableHeadProps } from '../Types/dataTable.types.ts';
+export declare function TableHead<TData extends RowData>({ table, view, selection, onSelectPage, renderExpandedRow, isLoading, filters, classNames, stickyHeader, resizableColumns, reorderableRows, }: TableHeadProps<TData>): import("react").JSX.Element;
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/shared/Table/Components/TableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAEjE,wBAAgB,SAAS,CAAC,KAAK,SAAS,OAAO,EAAE,EAC7C,KAAK,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,GAClB,EAAE,cAAc,CAAC,KAAK,CAAC,+BA6HvB"}

package/dist/shared/Table/Components/TableHead.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from 'lucide-react';
+import { TableCheckbox } from './TableCheckbox.js';
+import { TableResizeHandle } from './TableResizeHandle.js';
+export function TableHead({ table, view, selection, onSelectPage, renderExpandedRow, isLoading, filters, classNames, stickyHeader, resizableColumns, reorderableRows, }) {
+    return (_jsxs("thead", { className: `${stickyHeader ? 'sticky top-0 z-10' : ''} border-b-2 border-rentner-accent/80 bg-rentner-control text-xs text-rentner-muted ${classNames?.header ?? ''}`, children: [view.headerGroups.map((group, index) => (_jsxs("tr", { children: [index === 0 && reorderableRows && (_jsx("th", { scope: "col", rowSpan: view.headerGroups.length, className: "w-12 px-2 py-3", children: _jsx("span", { className: "sr-only", children: view.messages.moveRows ?? 'Reorder rows' }) })), index === 0 && selection?.selectionEnabled && (_jsx("th", { scope: "col", rowSpan: view.headerGroups.length, className: "w-12 px-4 py-3", children: _jsx(TableCheckbox, { checked: selection.allPageSelected, indeterminate: selection.somePageSelected &&
+                                !selection.allPageSelected, disabled: isLoading || !selection.canSelectPage, label: view.messages.selectPage, onChange: onSelectPage ??
+                                (() => table.toggleAllPageRowsSelected()) }) })), index === 0 && renderExpandedRow && (_jsxs("th", { scope: "col", rowSpan: view.headerGroups.length, className: "w-10 px-2", children: [_jsx("span", { className: "sr-only", children: view.messages.expandRow('') }), _jsx(ChevronRight, { "aria-hidden": "true", className: "size-4 opacity-0" })] })), group.headers.map((item) => (_jsxs("th", { colSpan: item.header.colSpan, scope: item.header.colSpan > 1 ? 'colgroup' : 'col', "aria-hidden": item.header.isPlaceholder || undefined, "aria-sort": item.sortDirection, "data-column-id": !item.header.isPlaceholder
+                            ? item.header.column.id
+                            : undefined, "data-align": item.header.column.columnDef.meta?.align, style: item.header.column.columnDef.size === undefined
+                            ? undefined
+                            : { width: item.header.column.getSize() }, className: `relative px-4 py-3 font-medium group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 data-[align=center]:text-center data-[align=right]:text-right ${item.header.column.columnDef.meta?.headerClassName ?? ''} ${classNames?.headerCell ?? ''}`, children: [item.canSort ? (_jsxs("button", { type: "button", disabled: isLoading, onClick: item.header.column.getToggleSortingHandler(), "data-align": item.header.column.columnDef.meta?.align, className: "group/sort relative flex w-full items-center gap-2 rounded-sm text-left motion-safe:transition-colors hover:text-rentner-foreground focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-rentner-accent disabled:cursor-wait disabled:opacity-60 data-[align=center]:justify-center data-[align=center]:text-center data-[align=right]:justify-end data-[align=right]:text-right", children: [_jsx("span", { className: "min-w-0 truncate", children: _jsx(table.FlexRender, { header: item.header }) }), _jsxs("span", { className: "sr-only", children: [' ', "\u2014 ", item.sortAction] }), _jsx("span", { "aria-hidden": "true", className: "ml-auto shrink-0 text-rentner-accent group-data-[align=center]/sort:ml-0 group-data-[align=right]/sort:ml-0", children: item.sortIndicator })] })) : (!item.header.isPlaceholder && (_jsx(table.FlexRender, { header: item.header }))), resizableColumns &&
+                                !item.header.isPlaceholder &&
+                                item.header.column.columns.length === 0 &&
+                                item.header.column.getCanResize() && (_jsx(TableResizeHandle, { table: table, header: item.header, messages: view.messages, disabled: isLoading }))] }, item.header.id)))] }, group.id))), filters] }));
+}
+//# sourceMappingURL=TableHead.js.map

package/dist/shared/Table/Components/TableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableHead.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAA;AAG3D,MAAM,UAAU,SAAS,CAAwB,EAC7C,KAAK,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,eAAe,GACK;IACpB,OAAO,CACH,iBACI,SAAS,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,sFAAsF,UAAU,EAAE,MAAM,IAAI,EAAE,EAAE,aAEpK,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,yBACK,KAAK,KAAK,CAAC,IAAI,eAAe,IAAI,CAC/B,aACI,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EACjC,SAAS,EAAC,gBAAgB,YAE1B,eAAM,SAAS,EAAC,SAAS,YACpB,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,cAAc,GACtC,GACN,CACR,EACA,KAAK,KAAK,CAAC,IAAI,SAAS,EAAE,gBAAgB,IAAI,CAC3C,aACI,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EACjC,SAAS,EAAC,gBAAgB,YAE1B,KAAC,aAAa,IACV,OAAO,EAAE,SAAS,CAAC,eAAe,EAClC,aAAa,EACT,SAAS,CAAC,gBAAgB;gCAC1B,CAAC,SAAS,CAAC,eAAe,EAE9B,QAAQ,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,aAAa,EAC/C,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,EAC/B,QAAQ,EACJ,YAAY;gCACZ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,yBAAyB,EAAE,CAAC,GAE/C,GACD,CACR,EACA,KAAK,KAAK,CAAC,IAAI,iBAAiB,IAAI,CACjC,cACI,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,EACjC,SAAS,EAAC,WAAW,aAErB,eAAM,SAAS,EAAC,SAAS,YACpB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,GACzB,EACP,KAAC,YAAY,mBACG,MAAM,EAClB,SAAS,EAAC,kBAAkB,GAC9B,IACD,CACR,EACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,cAEI,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAC5B,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,iBACtC,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,SAAS,eACxC,IAAI,CAAC,aAAa,oBAEzB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa;4BACtB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;4BACvB,CAAC,CAAC,SAAS,gBAGf,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAE5C,KAAK,EACD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,KAAK,SAAS;4BAC3C,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,EAEjD,SAAS,EAAE,gOAAgO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,eAAe,IAAI,EAAE,IAAI,UAAU,EAAE,UAAU,IAAI,EAAE,EAAE,aAEpU,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,kBACI,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE,gBAEjD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAE5C,SAAS,EAAC,0YAA0Y,aAEpZ,eAAM,SAAS,EAAC,kBAAkB,YAC9B,KAAC,KAAK,CAAC,UAAU,IACb,MAAM,EAAE,IAAI,CAAC,MAAM,GACrB,GACC,EACP,gBAAM,SAAS,EAAC,SAAS,aACpB,GAAG,aACD,IAAI,CAAC,UAAU,IACf,EACP,8BACgB,MAAM,EAClB,SAAS,EAAC,6GAA6G,YAEtH,IAAI,CAAC,aAAa,GAChB,IACF,CACZ,CAAC,CAAC,CAAC,CACA,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,CAC1B,KAAC,KAAK,CAAC,UAAU,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAC5C,CACJ,EACA,gBAAgB;gCACb,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa;gCAC1B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;gCACvC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CACjC,KAAC,iBAAiB,IACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,SAAS,GACrB,CACL,KA7DA,IAAI,CAAC,MAAM,CAAC,EAAE,CA8DlB,CACR,CAAC,KAjHG,KAAK,CAAC,EAAE,CAkHZ,CACR,CAAC,EACD,OAAO,IACJ,CACX,CAAA;AACL,CAAC","sourcesContent":["import type { RowData } from '@tanstack/react-table'\nimport { ChevronRight } from 'lucide-react'\nimport { TableCheckbox } from './TableCheckbox.tsx'\nimport { TableResizeHandle } from './TableResizeHandle.tsx'\nimport type { TableHeadProps } from '../Types/dataTable.types.ts'\n\nexport function TableHead<TData extends RowData>({\n    table,\n    view,\n    selection,\n    onSelectPage,\n    renderExpandedRow,\n    isLoading,\n    filters,\n    classNames,\n    stickyHeader,\n    resizableColumns,\n    reorderableRows,\n}: TableHeadProps<TData>) {\n    return (\n        <thead\n            className={`${stickyHeader ? 'sticky top-0 z-10' : ''} border-b-2 border-rentner-accent/80 bg-rentner-control text-xs text-rentner-muted ${classNames?.header ?? ''}`}\n        >\n            {view.headerGroups.map((group, index) => (\n                <tr key={group.id}>\n                    {index === 0 && reorderableRows && (\n                        <th\n                            scope=\"col\"\n                            rowSpan={view.headerGroups.length}\n                            className=\"w-12 px-2 py-3\"\n                        >\n                            <span className=\"sr-only\">\n                                {view.messages.moveRows ?? 'Reorder rows'}\n                            </span>\n                        </th>\n                    )}\n                    {index === 0 && selection?.selectionEnabled && (\n                        <th\n                            scope=\"col\"\n                            rowSpan={view.headerGroups.length}\n                            className=\"w-12 px-4 py-3\"\n                        >\n                            <TableCheckbox\n                                checked={selection.allPageSelected}\n                                indeterminate={\n                                    selection.somePageSelected &&\n                                    !selection.allPageSelected\n                                }\n                                disabled={isLoading || !selection.canSelectPage}\n                                label={view.messages.selectPage}\n                                onChange={\n                                    onSelectPage ??\n                                    (() => table.toggleAllPageRowsSelected())\n                                }\n                            />\n                        </th>\n                    )}\n                    {index === 0 && renderExpandedRow && (\n                        <th\n                            scope=\"col\"\n                            rowSpan={view.headerGroups.length}\n                            className=\"w-10 px-2\"\n                        >\n                            <span className=\"sr-only\">\n                                {view.messages.expandRow('')}\n                            </span>\n                            <ChevronRight\n                                aria-hidden=\"true\"\n                                className=\"size-4 opacity-0\"\n                            />\n                        </th>\n                    )}\n                    {group.headers.map((item) => (\n                        <th\n                            key={item.header.id}\n                            colSpan={item.header.colSpan}\n                            scope={item.header.colSpan > 1 ? 'colgroup' : 'col'}\n                            aria-hidden={item.header.isPlaceholder || undefined}\n                            aria-sort={item.sortDirection}\n                            data-column-id={\n                                !item.header.isPlaceholder\n                                    ? item.header.column.id\n                                    : undefined\n                            }\n                            data-align={\n                                item.header.column.columnDef.meta?.align\n                            }\n                            style={\n                                item.header.column.columnDef.size === undefined\n                                    ? undefined\n                                    : { width: item.header.column.getSize() }\n                            }\n                            className={`relative px-4 py-3 font-medium group-data-[size=sm]/table:px-3 group-data-[size=sm]/table:py-2 group-data-[size=lg]/table:px-5 group-data-[size=lg]/table:py-4 data-[align=center]:text-center data-[align=right]:text-right ${item.header.column.columnDef.meta?.headerClassName ?? ''} ${classNames?.headerCell ?? ''}`}\n                        >\n                            {item.canSort ? (\n                                <button\n                                    type=\"button\"\n                                    disabled={isLoading}\n                                    onClick={item.header.column.getToggleSortingHandler()}\n                                    data-align={\n                                        item.header.column.columnDef.meta?.align\n                                    }\n                                    className=\"group/sort relative flex w-full items-center gap-2 rounded-sm text-left motion-safe:transition-colors hover:text-rentner-foreground focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-rentner-accent disabled:cursor-wait disabled:opacity-60 data-[align=center]:justify-center data-[align=center]:text-center data-[align=right]:justify-end data-[align=right]:text-right\"\n                                >\n                                    <span className=\"min-w-0 truncate\">\n                                        <table.FlexRender\n                                            header={item.header}\n                                        />\n                                    </span>\n                                    <span className=\"sr-only\">\n                                        {' '}\n                                        — {item.sortAction}\n                                    </span>\n                                    <span\n                                        aria-hidden=\"true\"\n                                        className=\"ml-auto shrink-0 text-rentner-accent group-data-[align=center]/sort:ml-0 group-data-[align=right]/sort:ml-0\"\n                                    >\n                                        {item.sortIndicator}\n                                    </span>\n                                </button>\n                            ) : (\n                                !item.header.isPlaceholder && (\n                                    <table.FlexRender header={item.header} />\n                                )\n                            )}\n                            {resizableColumns &&\n                                !item.header.isPlaceholder &&\n                                item.header.column.columns.length === 0 &&\n                                item.header.column.getCanResize() && (\n                                    <TableResizeHandle\n                                        table={table}\n                                        header={item.header}\n                                        messages={view.messages}\n                                        disabled={isLoading}\n                                    />\n                                )}\n                        </th>\n                    ))}\n                </tr>\n            ))}\n            {filters}\n        </thead>\n    )\n}\n"]}

package/dist/shared/Table/Components/TableProvider.d.ts

@@ -0,0 +1,3 @@
+import type { TableProviderProps } from '../Types/dataTable.types.ts';
+export declare function TableProvider({ children, portalContainer, }: TableProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=TableProvider.d.ts.map

package/dist/shared/Table/Components/TableProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAErE,wBAAgB,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAe,GAClB,EAAE,kBAAkB,+BAUpB"}

package/dist/shared/Table/Components/TableProvider.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MenuProvider } from '@rentnerkev/menu/provider';
+import { SelectProvider } from '@rentnerkev/select';
+import { TableOverlayContext } from '../Hooks/useTableOverlay.js';
+export function TableProvider({ children, portalContainer, }) {
+    return (_jsx(TableOverlayContext.Provider, { value: portalContainer, children: _jsx(MenuProvider, { portalContainer: portalContainer, children: _jsx(SelectProvider, { portalContainer: portalContainer, children: children }) }) }));
+}
+//# sourceMappingURL=TableProvider.js.map

package/dist/shared/Table/Components/TableProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableProvider.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAGjE,MAAM,UAAU,aAAa,CAAC,EAC1B,QAAQ,EACR,eAAe,GACE;IACjB,OAAO,CACH,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,YAChD,KAAC,YAAY,IAAC,eAAe,EAAE,eAAe,YAC1C,KAAC,cAAc,IAAC,eAAe,EAAE,eAAe,YAC3C,QAAQ,GACI,GACN,GACY,CAClC,CAAA;AACL,CAAC","sourcesContent":["'use client'\n\nimport { MenuProvider } from '@rentnerkev/menu/provider'\nimport { SelectProvider } from '@rentnerkev/select'\nimport { TableOverlayContext } from '../Hooks/useTableOverlay.ts'\nimport type { TableProviderProps } from '../Types/dataTable.types.ts'\n\nexport function TableProvider({\n    children,\n    portalContainer,\n}: TableProviderProps) {\n    return (\n        <TableOverlayContext.Provider value={portalContainer}>\n            <MenuProvider portalContainer={portalContainer}>\n                <SelectProvider portalContainer={portalContainer}>\n                    {children}\n                </SelectProvider>\n            </MenuProvider>\n        </TableOverlayContext.Provider>\n    )\n}\n"]}

package/dist/shared/Table/Components/TableReorderProvider.d.ts

@@ -0,0 +1,3 @@
+import type { TableReorderProviderProps } from '../Types/interaction.types.ts';
+export default function TableReorderProvider(props: TableReorderProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=TableReorderProvider.d.ts.map

package/dist/shared/Table/Components/TableReorderProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableReorderProvider.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableReorderProvider.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACR,yBAAyB,EAG5B,MAAM,+BAA+B,CAAA;AAqDtC,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,+BAwD5E"}

package/dist/shared/Table/Components/TableReorderProvider.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { DndContext, DragOverlay } from '@dnd-kit/core';
+import { SortableContext, useSortable, verticalListSortingStrategy, } from '@dnd-kit/sortable';
+import { restrictToVerticalAxis, restrictToFirstScrollableAncestor, } from '@dnd-kit/modifiers';
+import { CSS } from '@dnd-kit/utilities';
+import { GripVertical } from 'lucide-react';
+import { TableButton } from './TableButton.js';
+import { useTableDragLogic } from '../Hooks/useTableDragLogic.js';
+import { TableRowDragContext } from '../Hooks/useTableRowDragContext.js';
+const DragOptions = createContext({
+    disabled: true,
+    reason: undefined,
+    moveRow: (label) => `Move ${label}`,
+});
+const modifiers = [restrictToFirstScrollableAncestor, restrictToVerticalAxis];
+function SortableRowGroup({ id, label, children }) {
+    const options = useContext(DragOptions);
+    const { setNodeRef, setActivatorNodeRef, attributes, listeners, transform, transition, isDragging, } = useSortable({ id, disabled: options.disabled });
+    return (_jsx("tbody", { ref: setNodeRef, "data-sortable-row": id, "data-dragging": isDragging || undefined, className: "motion-reduce:transition-none!", style: {
+            transform: isDragging
+                ? undefined
+                : CSS.Transform.toString(transform),
+            transition: isDragging ? undefined : transition,
+            opacity: isDragging ? 0 : undefined,
+        }, children: children(_jsx(TableButton, { ...attributes, ...listeners, ref: setActivatorNodeRef, iconOnly: true, "data-row-drag-handle": "", disabled: options.disabled, "aria-label": options.moveRow(label), title: options.reason, className: "touch-none cursor-grab border-transparent bg-transparent active:cursor-grabbing", children: _jsx(GripVertical, { "aria-hidden": "true", className: "size-4" }) })) }));
+}
+export default function TableReorderProvider(props) {
+    const { state, handler, refs: { preview: previewRef }, } = useTableDragLogic(props);
+    return (_jsx(DragOptions, { value: state.dragOptions, children: _jsxs(DndContext, { sensors: state.sensors, collisionDetection: state.collisionDetection, modifiers: modifiers, onDragStart: handler.handleStart, onDragEnd: handler.handleEnd, onDragCancel: handler.handleCancel, accessibility: {
+                screenReaderInstructions: {
+                    draggable: props.messages.dragInstructions ??
+                        'Press Space to pick up a row, arrow keys to move, Space or Enter to drop, and Escape to cancel.',
+                },
+                announcements: state.announcements,
+            }, children: [_jsx(SortableContext, { items: state.items, strategy: verticalListSortingStrategy, children: _jsx(TableRowDragContext, { value: SortableRowGroup, children: props.children }) }), _jsx(DragOverlay, { dropAnimation: null, style: state.preview
+                        ? {
+                            left: state.preview.left,
+                            width: state.preview.width,
+                        }
+                        : undefined, children: state.preview && (_jsx("div", { ref: previewRef, "data-rentner-row-preview": "", "aria-hidden": "true", inert: true, className: "pointer-events-none overflow-hidden rounded-lg border border-rentner-accent/60 bg-rentner-surface shadow-2xl" })) })] }) }));
+}
+//# sourceMappingURL=TableReorderProvider.js.map

package/dist/shared/Table/Components/TableReorderProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableReorderProvider.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableReorderProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EACH,eAAe,EACf,WAAW,EACX,2BAA2B,GAC9B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EACH,sBAAsB,EACtB,iCAAiC,GACpC,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAOxE,MAAM,WAAW,GAAG,aAAa,CAAmB;IAChD,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,KAAK,EAAE;CAC9C,CAAC,CAAA;AACF,MAAM,SAAS,GAAG,CAAC,iCAAiC,EAAE,sBAAsB,CAAC,CAAA;AAE7E,SAAS,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAuB;IAClE,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACvC,MAAM,EACF,UAAU,EACV,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,GACb,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;IACnD,OAAO,CACH,gBACI,GAAG,EAAE,UAAU,uBACI,EAAE,mBACN,UAAU,IAAI,SAAS,EACtC,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;YACH,SAAS,EAAE,UAAU;gBACjB,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;YACvC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;YAC/C,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SACtC,YAEA,QAAQ,CACL,KAAC,WAAW,OACJ,UAAU,KACV,SAAS,EACb,GAAG,EAAE,mBAAmB,EACxB,QAAQ,gCACa,EAAE,EACvB,QAAQ,EAAE,OAAO,CAAC,QAAQ,gBACd,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAClC,KAAK,EAAE,OAAO,CAAC,MAAM,EACrB,SAAS,EAAC,iFAAiF,YAE3F,KAAC,YAAY,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GAC5C,CACjB,GACG,CACX,CAAA;AACL,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAgC;IACzE,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GAChC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC5B,OAAO,CACH,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,WAAW,YACjC,MAAC,UAAU,IACP,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,aAAa,EAAE;gBACX,wBAAwB,EAAE;oBACtB,SAAS,EACL,KAAK,CAAC,QAAQ,CAAC,gBAAgB;wBAC/B,iGAAiG;iBACxG;gBACD,aAAa,EAAE,KAAK,CAAC,aAAa;aACrC,aAED,KAAC,eAAe,IACZ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,2BAA2B,YAErC,KAAC,mBAAmB,IAAC,KAAK,EAAE,gBAAgB,YACvC,KAAK,CAAC,QAAQ,GACG,GACR,EAClB,KAAC,WAAW,IACR,aAAa,EAAE,IAAI,EACnB,KAAK,EACD,KAAK,CAAC,OAAO;wBACT,CAAC,CAAC;4BACI,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;4BACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;yBAC7B;wBACH,CAAC,CAAC,SAAS,YAGlB,KAAK,CAAC,OAAO,IAAI,CACd,cACI,GAAG,EAAE,UAAU,8BACU,EAAE,iBACf,MAAM,EAClB,KAAK,QACL,SAAS,EAAC,8GAA8G,GAC1H,CACL,GACS,IACL,GACH,CACjB,CAAA;AACL,CAAC","sourcesContent":["import { createContext, useContext } from 'react'\nimport { DndContext, DragOverlay } from '@dnd-kit/core'\nimport {\n    SortableContext,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport {\n    restrictToVerticalAxis,\n    restrictToFirstScrollableAncestor,\n} from '@dnd-kit/modifiers'\nimport { CSS } from '@dnd-kit/utilities'\nimport { GripVertical } from 'lucide-react'\nimport { TableButton } from './TableButton.tsx'\nimport { useTableDragLogic } from '../Hooks/useTableDragLogic.ts'\nimport { TableRowDragContext } from '../Hooks/useTableRowDragContext.ts'\nimport type {\n    TableReorderProviderProps,\n    TableDragGroupProps,\n    TableDragOptions,\n} from '../Types/interaction.types.ts'\n\nconst DragOptions = createContext<TableDragOptions>({\n    disabled: true,\n    reason: undefined,\n    moveRow: (label: string) => `Move ${label}`,\n})\nconst modifiers = [restrictToFirstScrollableAncestor, restrictToVerticalAxis]\n\nfunction SortableRowGroup({ id, label, children }: TableDragGroupProps) {\n    const options = useContext(DragOptions)\n    const {\n        setNodeRef,\n        setActivatorNodeRef,\n        attributes,\n        listeners,\n        transform,\n        transition,\n        isDragging,\n    } = useSortable({ id, disabled: options.disabled })\n    return (\n        <tbody\n            ref={setNodeRef}\n            data-sortable-row={id}\n            data-dragging={isDragging || undefined}\n            className=\"motion-reduce:transition-none!\"\n            style={{\n                transform: isDragging\n                    ? undefined\n                    : CSS.Transform.toString(transform),\n                transition: isDragging ? undefined : transition,\n                opacity: isDragging ? 0 : undefined,\n            }}\n        >\n            {children(\n                <TableButton\n                    {...attributes}\n                    {...listeners}\n                    ref={setActivatorNodeRef}\n                    iconOnly\n                    data-row-drag-handle=\"\"\n                    disabled={options.disabled}\n                    aria-label={options.moveRow(label)}\n                    title={options.reason}\n                    className=\"touch-none cursor-grab border-transparent bg-transparent active:cursor-grabbing\"\n                >\n                    <GripVertical aria-hidden=\"true\" className=\"size-4\" />\n                </TableButton>,\n            )}\n        </tbody>\n    )\n}\n\nexport default function TableReorderProvider(props: TableReorderProviderProps) {\n    const {\n        state,\n        handler,\n        refs: { preview: previewRef },\n    } = useTableDragLogic(props)\n    return (\n        <DragOptions value={state.dragOptions}>\n            <DndContext\n                sensors={state.sensors}\n                collisionDetection={state.collisionDetection}\n                modifiers={modifiers}\n                onDragStart={handler.handleStart}\n                onDragEnd={handler.handleEnd}\n                onDragCancel={handler.handleCancel}\n                accessibility={{\n                    screenReaderInstructions: {\n                        draggable:\n                            props.messages.dragInstructions ??\n                            'Press Space to pick up a row, arrow keys to move, Space or Enter to drop, and Escape to cancel.',\n                    },\n                    announcements: state.announcements,\n                }}\n            >\n                <SortableContext\n                    items={state.items}\n                    strategy={verticalListSortingStrategy}\n                >\n                    <TableRowDragContext value={SortableRowGroup}>\n                        {props.children}\n                    </TableRowDragContext>\n                </SortableContext>\n                <DragOverlay\n                    dropAnimation={null}\n                    style={\n                        state.preview\n                            ? {\n                                  left: state.preview.left,\n                                  width: state.preview.width,\n                              }\n                            : undefined\n                    }\n                >\n                    {state.preview && (\n                        <div\n                            ref={previewRef}\n                            data-rentner-row-preview=\"\"\n                            aria-hidden=\"true\"\n                            inert\n                            className=\"pointer-events-none overflow-hidden rounded-lg border border-rentner-accent/60 bg-rentner-surface shadow-2xl\"\n                        />\n                    )}\n                </DragOverlay>\n            </DndContext>\n        </DragOptions>\n    )\n}\n"]}

package/dist/shared/Table/Components/TableResizeHandle.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
+import type { TableColumnResizeHandleProps } from '../Types/interaction.types.ts';
+export declare function TableResizeHandle<TData extends RowData>(props: TableColumnResizeHandleProps<TData>): import("react").JSX.Element;
+//# sourceMappingURL=TableResizeHandle.d.ts.map

package/dist/shared/Table/Components/TableResizeHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableResizeHandle.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableResizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAA;AAGjF,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,OAAO,EACnD,KAAK,EAAE,4BAA4B,CAAC,KAAK,CAAC,+BA6B7C"}

package/dist/shared/Table/Components/TableResizeHandle.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTableResizeHandleLogic } from '../Hooks/useTableResizeHandleLogic.js';
+export function TableResizeHandle(props) {
+    const { state, handler } = useTableResizeHandleLogic(props);
+    return (_jsx("hr", { "aria-orientation": "vertical", "aria-label": state.label, title: state.resetLabel, "aria-valuenow": Math.round(state.size), "aria-valuemin": state.min, "aria-valuemax": state.max, "aria-disabled": props.disabled || undefined, tabIndex: props.disabled ? -1 : 0, "data-resizing": state.isResizing || undefined, onMouseDown: handler.handleStart, onTouchStart: handler.handleStart, onDoubleClick: handler.handleReset, onKeyDown: handler.handleKeyDown, style: {
+            transform: `translateX(${state.offset}px)`,
+            backgroundImage: 'linear-gradient(currentColor, currentColor)',
+            backgroundSize: '2px 45%',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
+        }, className: "absolute inset-y-0 end-0 z-20 m-0 h-full w-3 touch-none cursor-col-resize border-0 text-rentner-border outline-none hover:text-rentner-accent focus-visible:bg-rentner-accent/15 focus-visible:text-rentner-accent data-[resizing=true]:text-rentner-accent aria-disabled:cursor-default" }));
+}
+//# sourceMappingURL=TableResizeHandle.js.map

package/dist/shared/Table/Components/TableResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableResizeHandle.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableResizeHandle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAEjF,MAAM,UAAU,iBAAiB,CAC7B,KAA0C;IAE1C,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAA;IAC3D,OAAO,CAEH,iCACqB,UAAU,gBACf,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,CAAC,UAAU,mBACR,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,mBACtB,KAAK,CAAC,GAAG,mBACT,KAAK,CAAC,GAAG,mBACT,KAAK,CAAC,QAAQ,IAAI,SAAS,EAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAClB,KAAK,CAAC,UAAU,IAAI,SAAS,EAC5C,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,YAAY,EAAE,OAAO,CAAC,WAAW,EACjC,aAAa,EAAE,OAAO,CAAC,WAAW,EAClC,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,KAAK,EAAE;YACH,SAAS,EAAE,cAAc,KAAK,CAAC,MAAM,KAAK;YAC1C,eAAe,EAAE,6CAA6C;YAC9D,cAAc,EAAE,SAAS;YACzB,kBAAkB,EAAE,QAAQ;YAC5B,gBAAgB,EAAE,WAAW;SAChC,EACD,SAAS,EAAC,0RAA0R,GACtS,CACL,CAAA;AACL,CAAC","sourcesContent":["import type { RowData } from '@tanstack/react-table'\nimport type { TableColumnResizeHandleProps } from '../Types/interaction.types.ts'\nimport { useTableResizeHandleLogic } from '../Hooks/useTableResizeHandleLogic.ts'\n\nexport function TableResizeHandle<TData extends RowData>(\n    props: TableColumnResizeHandleProps<TData>,\n) {\n    const { state, handler } = useTableResizeHandleLogic(props)\n    return (\n        // oxlint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- A focusable separator implements the keyboard column-resizing pattern.\n        <hr\n            aria-orientation=\"vertical\"\n            aria-label={state.label}\n            title={state.resetLabel}\n            aria-valuenow={Math.round(state.size)}\n            aria-valuemin={state.min}\n            aria-valuemax={state.max}\n            aria-disabled={props.disabled || undefined}\n            tabIndex={props.disabled ? -1 : 0}\n            data-resizing={state.isResizing || undefined}\n            onMouseDown={handler.handleStart}\n            onTouchStart={handler.handleStart}\n            onDoubleClick={handler.handleReset}\n            onKeyDown={handler.handleKeyDown}\n            style={{\n                transform: `translateX(${state.offset}px)`,\n                backgroundImage: 'linear-gradient(currentColor, currentColor)',\n                backgroundSize: '2px 45%',\n                backgroundPosition: 'center',\n                backgroundRepeat: 'no-repeat',\n            }}\n            className=\"absolute inset-y-0 end-0 z-20 m-0 h-full w-3 touch-none cursor-col-resize border-0 text-rentner-border outline-none hover:text-rentner-accent focus-visible:bg-rentner-accent/15 focus-visible:text-rentner-accent data-[resizing=true]:text-rentner-accent aria-disabled:cursor-default\"\n        />\n    )\n}\n"]}

package/dist/shared/Table/Components/TableRowActions.d.ts

@@ -0,0 +1,3 @@
+import type { TableRowActionsProps } from '../Types/dataTable.types.ts';
+export declare function TableRowActions({ label, items, disabled, }: TableRowActionsProps): import("react").JSX.Element;
+//# sourceMappingURL=TableRowActions.d.ts.map

package/dist/shared/Table/Components/TableRowActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowActions.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableRowActions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,wBAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,GACX,EAAE,oBAAoB,+BAmBtB"}

package/dist/shared/Table/Components/TableRowActions.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Menu } from '@rentnerkev/menu/menu';
+import { Ellipsis } from 'lucide-react';
+import { TableButton } from './TableButton.js';
+export function TableRowActions({ label, items, disabled, }) {
+    return (_jsx(Menu, { ariaLabel: label, items: items, disabled: disabled, controlSize: "sm", align: "end", asChild: true, trigger: _jsx(TableButton, { iconOnly: true, className: "border-transparent bg-transparent", children: _jsx(Ellipsis, { "aria-hidden": "true", className: "size-4" }) }) }));
+}
+//# sourceMappingURL=TableRowActions.js.map

package/dist/shared/Table/Components/TableRowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowActions.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableRowActions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAA;AAG/C,MAAM,UAAU,eAAe,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,GACW;IACnB,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAC,KAAK,EACX,OAAO,QACP,OAAO,EACH,KAAC,WAAW,IACR,QAAQ,QACR,SAAS,EAAC,mCAAmC,YAE7C,KAAC,QAAQ,mBAAa,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,GACxC,GAEpB,CACL,CAAA;AACL,CAAC","sourcesContent":["'use client'\n\nimport { Menu } from '@rentnerkev/menu/menu'\nimport { Ellipsis } from 'lucide-react'\nimport { TableButton } from './TableButton.tsx'\nimport type { TableRowActionsProps } from '../Types/dataTable.types.ts'\n\nexport function TableRowActions({\n    label,\n    items,\n    disabled,\n}: TableRowActionsProps) {\n    return (\n        <Menu\n            ariaLabel={label}\n            items={items}\n            disabled={disabled}\n            controlSize=\"sm\"\n            align=\"end\"\n            asChild\n            trigger={\n                <TableButton\n                    iconOnly\n                    className=\"border-transparent bg-transparent\"\n                >\n                    <Ellipsis aria-hidden=\"true\" className=\"size-4\" />\n                </TableButton>\n            }\n        />\n    )\n}\n"]}

package/dist/shared/Table/Components/TableStatus.d.ts

@@ -0,0 +1,3 @@
+import type { TableStatusProps } from '../Types/dataTable.types.ts';
+export declare function TableStatus({ view, isLoading, loadingState, emptyState, noResultsState, hasFilters, error, onRetry, onResetFilters, detailedStates, }: TableStatusProps): import("react").JSX.Element;
+//# sourceMappingURL=TableStatus.d.ts.map

package/dist/shared/Table/Components/TableStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStatus.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableStatus.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAEnE,wBAAgB,WAAW,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,KAAK,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACjB,EAAE,gBAAgB,+BA2FlB"}

package/dist/shared/Table/Components/TableStatus.js

@@ -0,0 +1,18 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Inbox, RefreshCw, SearchX, TriangleAlert } from 'lucide-react';
+import { TableButton } from './TableButton.js';
+export function TableStatus({ view, isLoading, loadingState, emptyState, noResultsState, hasFilters, error, onRetry, onResetFilters, detailedStates, }) {
+    return (_jsx("tbody", { children: _jsx("tr", { children: _jsxs("td", { colSpan: view.columnCount, className: "px-5 py-14 text-center text-rentner-muted", children: [error != null && error !== false ? (_jsxs("div", { role: "alert", className: "flex flex-col items-center gap-3", children: [_jsx(TriangleAlert, { "aria-hidden": "true", className: "size-8 text-rentner-danger" }), _jsx("p", { className: "font-medium text-rentner-foreground", children: error === true ? view.messages.error : error }), onRetry && (_jsxs(TableButton, { onClick: onRetry, children: [_jsx(RefreshCw, { "aria-hidden": "true", className: "size-4" }), view.messages.retry] }))] })) : (_jsx("output", { className: "inline-flex flex-col items-center gap-3", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(RefreshCw, { "aria-hidden": "true", className: "size-7 motion-safe:animate-spin text-rentner-accent" }), _jsx("span", { children: loadingState ?? view.messages.loading })] })) : !detailedStates ? ((emptyState ?? view.messages.empty)) : (((hasFilters ? noResultsState : emptyState) ?? (_jsxs(_Fragment, { children: [hasFilters ? (_jsx(SearchX, { "aria-hidden": "true", className: "size-8" })) : (_jsx(Inbox, { "aria-hidden": "true", className: "size-8" })), _jsx("span", { className: "font-medium text-rentner-foreground", children: hasFilters
+                                        ? (noResultsState ??
+                                            view.messages.noResults)
+                                        : (emptyState ??
+                                            view.messages.empty) }), _jsx("span", { className: "text-sm", children: hasFilters
+                                        ? view.messages
+                                            .noResultsDescription
+                                        : view.messages
+                                            .emptyDescription })] })))) })), !isLoading &&
+                        (error == null || error === false) &&
+                        hasFilters &&
+                        onResetFilters && (_jsx("div", { className: "mt-4", children: _jsx(TableButton, { onClick: onResetFilters, children: view.messages.resetFilters }) }))] }) }) }));
+}
+//# sourceMappingURL=TableStatus.js.map

package/dist/shared/Table/Components/TableStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStatus.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAA;AAG/C,MAAM,UAAU,WAAW,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,KAAK,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACC;IACf,OAAO,CACH,0BACI,uBACI,cACI,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAC,2CAA2C,aAEpD,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAChC,eACI,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kCAAkC,aAE5C,KAAC,aAAa,mBACE,MAAM,EAClB,SAAS,EAAC,4BAA4B,GACxC,EACF,YAAG,SAAS,EAAC,qCAAqC,YAC7C,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAC7C,EACH,OAAO,IAAI,CACR,MAAC,WAAW,IAAC,OAAO,EAAE,OAAO,aACzB,KAAC,SAAS,mBACM,MAAM,EAClB,SAAS,EAAC,QAAQ,GACpB,EACD,IAAI,CAAC,QAAQ,CAAC,KAAK,IACV,CACjB,IACC,CACT,CAAC,CAAC,CAAC,CACA,iBAAQ,SAAS,EAAC,yCAAyC,YACtD,SAAS,CAAC,CAAC,CAAC,CACT,8BACI,KAAC,SAAS,mBACM,MAAM,EAClB,SAAS,EAAC,qDAAqD,GACjE,EACF,yBACK,YAAY,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,GACnC,IACR,CACN,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAClB,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtC,CAAC,CAAC,CAAC,CACA,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAC3C,8BACK,UAAU,CAAC,CAAC,CAAC,CACV,KAAC,OAAO,mBACQ,MAAM,EAClB,SAAS,EAAC,QAAQ,GACpB,CACL,CAAC,CAAC,CAAC,CACA,KAAC,KAAK,mBACU,MAAM,EAClB,SAAS,EAAC,QAAQ,GACpB,CACL,EACD,eAAM,SAAS,EAAC,qCAAqC,YAChD,UAAU;wCACP,CAAC,CAAC,CAAC,cAAc;4CACf,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;wCAC1B,CAAC,CAAC,CAAC,UAAU;4CACX,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GACvB,EACP,eAAM,SAAS,EAAC,SAAS,YACpB,UAAU;wCACP,CAAC,CAAC,IAAI,CAAC,QAAQ;6CACR,oBAAoB;wCAC3B,CAAC,CAAC,IAAI,CAAC,QAAQ;6CACR,gBAAgB,GACxB,IACR,CACN,CAAC,CACL,GACI,CACZ,EACA,CAAC,SAAS;wBACP,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC;wBAClC,UAAU;wBACV,cAAc,IAAI,CACd,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,WAAW,IAAC,OAAO,EAAE,cAAc,YAC/B,IAAI,CAAC,QAAQ,CAAC,YAAY,GACjB,GACZ,CACT,IACJ,GACJ,GACD,CACX,CAAA;AACL,CAAC","sourcesContent":["import { Inbox, RefreshCw, SearchX, TriangleAlert } from 'lucide-react'\nimport { TableButton } from './TableButton.tsx'\nimport type { TableStatusProps } from '../Types/dataTable.types.ts'\n\nexport function TableStatus({\n    view,\n    isLoading,\n    loadingState,\n    emptyState,\n    noResultsState,\n    hasFilters,\n    error,\n    onRetry,\n    onResetFilters,\n    detailedStates,\n}: TableStatusProps) {\n    return (\n        <tbody>\n            <tr>\n                <td\n                    colSpan={view.columnCount}\n                    className=\"px-5 py-14 text-center text-rentner-muted\"\n                >\n                    {error != null && error !== false ? (\n                        <div\n                            role=\"alert\"\n                            className=\"flex flex-col items-center gap-3\"\n                        >\n                            <TriangleAlert\n                                aria-hidden=\"true\"\n                                className=\"size-8 text-rentner-danger\"\n                            />\n                            <p className=\"font-medium text-rentner-foreground\">\n                                {error === true ? view.messages.error : error}\n                            </p>\n                            {onRetry && (\n                                <TableButton onClick={onRetry}>\n                                    <RefreshCw\n                                        aria-hidden=\"true\"\n                                        className=\"size-4\"\n                                    />\n                                    {view.messages.retry}\n                                </TableButton>\n                            )}\n                        </div>\n                    ) : (\n                        <output className=\"inline-flex flex-col items-center gap-3\">\n                            {isLoading ? (\n                                <>\n                                    <RefreshCw\n                                        aria-hidden=\"true\"\n                                        className=\"size-7 motion-safe:animate-spin text-rentner-accent\"\n                                    />\n                                    <span>\n                                        {loadingState ?? view.messages.loading}\n                                    </span>\n                                </>\n                            ) : !detailedStates ? (\n                                (emptyState ?? view.messages.empty)\n                            ) : (\n                                ((hasFilters ? noResultsState : emptyState) ?? (\n                                    <>\n                                        {hasFilters ? (\n                                            <SearchX\n                                                aria-hidden=\"true\"\n                                                className=\"size-8\"\n                                            />\n                                        ) : (\n                                            <Inbox\n                                                aria-hidden=\"true\"\n                                                className=\"size-8\"\n                                            />\n                                        )}\n                                        <span className=\"font-medium text-rentner-foreground\">\n                                            {hasFilters\n                                                ? (noResultsState ??\n                                                  view.messages.noResults)\n                                                : (emptyState ??\n                                                  view.messages.empty)}\n                                        </span>\n                                        <span className=\"text-sm\">\n                                            {hasFilters\n                                                ? view.messages\n                                                      .noResultsDescription\n                                                : view.messages\n                                                      .emptyDescription}\n                                        </span>\n                                    </>\n                                ))\n                            )}\n                        </output>\n                    )}\n                    {!isLoading &&\n                        (error == null || error === false) &&\n                        hasFilters &&\n                        onResetFilters && (\n                            <div className=\"mt-4\">\n                                <TableButton onClick={onResetFilters}>\n                                    {view.messages.resetFilters}\n                                </TableButton>\n                            </div>\n                        )}\n                </td>\n            </tr>\n        </tbody>\n    )\n}\n"]}

package/dist/shared/Table/Components/TableSurface.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
+import type { TableSurfaceProps } from '../Types/dataTable.types.ts';
+export declare function TableSurface<TData extends RowData>(props: TableSurfaceProps<TData>): import("react").JSX.Element;
+//# sourceMappingURL=TableSurface.d.ts.map

package/dist/shared/Table/Components/TableSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSurface.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableSurface.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAKpE,wBAAgB,YAAY,CAAC,KAAK,SAAS,OAAO,EAC9C,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,+BAgClC"}

package/dist/shared/Table/Components/TableSurface.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, Suspense } from 'react';
+import { TableViewport } from './TableViewport.js';
+const ReorderableTable = lazy(() => import('./TableReorderProvider.js'));
+export function TableSurface(props) {
+    return props.reorderableRows ? (_jsx(Suspense, { fallback: _jsx(TableViewport, { ...props }), children: _jsx(ReorderableTable, { rows: props.view.rows, messages: props.view.messages, disabled: Boolean(props.isLoading ||
+                (props.error != null && props.error !== false) ||
+                props.table.state.sorting.length ||
+                !props.onRowReorder), disabledReason: props.table.state.sorting.length
+                ? props.view.messages.rowSortingActive
+                : undefined, getLabel: (id) => {
+                const row = props.view.rows.find((item) => item.id === id);
+                return row
+                    ? (props.getRowLabel?.(row.original) ?? row.id)
+                    : id;
+            }, onReorder: props.onRowReorder, children: _jsx(TableViewport, { ...props }) }) })) : (_jsx(TableViewport, { ...props }));
+}
+//# sourceMappingURL=TableSurface.js.map

package/dist/shared/Table/Components/TableSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSurface.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableSurface.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA;AAEnD,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,2BAA4B,CAAC,CAAC,CAAA;AAEzE,MAAM,UAAU,YAAY,CACxB,KAA+B;IAE/B,OAAO,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAC3B,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,aAAa,OAAK,KAAK,GAAI,YAC5C,KAAC,gBAAgB,IACb,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,EACrB,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,EAC7B,QAAQ,EAAE,OAAO,CACb,KAAK,CAAC,SAAS;gBACf,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC;gBAC9C,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;gBAChC,CAAC,KAAK,CAAC,YAAY,CACtB,EACD,cAAc,EACV,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;gBAC5B,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB;gBACtC,CAAC,CAAC,SAAS,EAEnB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;gBACb,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;gBAC1D,OAAO,GAAG;oBACN,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;oBAC/C,CAAC,CAAC,EAAE,CAAA;YACZ,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,YAAY,YAE7B,KAAC,aAAa,OAAK,KAAK,GAAI,GACb,GACZ,CACd,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,OAAK,KAAK,GAAI,CAC/B,CAAA;AACL,CAAC","sourcesContent":["'use client'\n\nimport { lazy, Suspense } from 'react'\nimport type { RowData } from '@tanstack/react-table'\nimport type { TableSurfaceProps } from '../Types/dataTable.types.ts'\nimport { TableViewport } from './TableViewport.tsx'\n\nconst ReorderableTable = lazy(() => import('./TableReorderProvider.tsx'))\n\nexport function TableSurface<TData extends RowData>(\n    props: TableSurfaceProps<TData>,\n) {\n    return props.reorderableRows ? (\n        <Suspense fallback={<TableViewport {...props} />}>\n            <ReorderableTable\n                rows={props.view.rows}\n                messages={props.view.messages}\n                disabled={Boolean(\n                    props.isLoading ||\n                    (props.error != null && props.error !== false) ||\n                    props.table.state.sorting.length ||\n                    !props.onRowReorder,\n                )}\n                disabledReason={\n                    props.table.state.sorting.length\n                        ? props.view.messages.rowSortingActive\n                        : undefined\n                }\n                getLabel={(id) => {\n                    const row = props.view.rows.find((item) => item.id === id)\n                    return row\n                        ? (props.getRowLabel?.(row.original) ?? row.id)\n                        : id\n                }}\n                onReorder={props.onRowReorder}\n            >\n                <TableViewport {...props} />\n            </ReorderableTable>\n        </Suspense>\n    ) : (\n        <TableViewport {...props} />\n    )\n}\n"]}

package/dist/shared/Table/Components/TableViewport.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
+import type { TableSurfaceProps } from '../Types/dataTable.types.ts';
+export declare function TableViewport<TData extends RowData>({ table, view, caption, size, striped, isLoading, emptyState, loadingState, noResultsState, hasFilters, error, onRetry, onResetFilters, containerClassName, embedded, stickyHeader, classNames, rowClassName, selection, onSelectPage, getRowLabel, renderExpandedRow, detailsId, filters, detailedStates, className, ref, resizableColumns, reorderableRows, onRowReorder: _onRowReorder, onRowClick, onRowDoubleClick, onRowContextMenu, onCellClick, onCellDoubleClick, onCellContextMenu, ...tableProps }: TableSurfaceProps<TData>): import("react").JSX.Element;
+//# sourceMappingURL=TableViewport.d.ts.map

package/dist/shared/Table/Components/TableViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableViewport.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableViewport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAIpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAGpE,wBAAgB,aAAa,CAAC,KAAK,SAAS,OAAO,EAAE,EACjD,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAW,EACX,OAAe,EACf,SAAiB,EACjB,UAAU,EACV,YAAY,EACZ,cAAc,EACd,UAAU,EACV,KAAK,EACL,OAAO,EACP,cAAc,EACd,kBAAuB,EACvB,QAAgB,EAChB,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,cAAc,EACd,SAAc,EACd,GAAG,EACH,gBAAwB,EACxB,eAAuB,EACvB,YAAY,EAAE,aAAa,EAC3B,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,GAAG,UAAU,EAChB,EAAE,iBAAiB,CAAC,KAAK,CAAC,+BAyG1B"}

package/dist/shared/Table/Components/TableViewport.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TableHead } from './TableHead.js';
+import { TableBody } from './TableBody.js';
+import { TableStatus } from './TableStatus.js';
+import { useTableColumnResizeLogic } from '../Hooks/useTableColumnResizeLogic.js';
+export function TableViewport({ table, view, caption, size = 'md', striped = false, isLoading = false, emptyState, loadingState, noResultsState, hasFilters, error, onRetry, onResetFilters, containerClassName = '', embedded = false, stickyHeader, classNames, rowClassName, selection, onSelectPage, getRowLabel, renderExpandedRow, detailsId, filters, detailedStates, className = '', ref, resizableColumns = false, reorderableRows = false, onRowReorder: _onRowReorder, onRowClick, onRowDoubleClick, onRowContextMenu, onCellClick, onCellDoubleClick, onCellContextMenu, ...tableProps }) {
+    const { state: sizing, refs: { table: tableRef }, } = useTableColumnResizeLogic(table, resizableColumns, Number(reorderableRows) * 48 +
+        Number(Boolean(selection?.selectionEnabled)) * 48 +
+        Number(Boolean(renderExpandedRow)) * 40, ref);
+    return (_jsx("div", { "data-rentner-table-container": "", className: `relative w-full overflow-auto ${embedded ? '' : 'rounded-rentner-control border border-rentner-border bg-rentner-surface'} ${classNames?.viewport ?? ''} ${containerClassName}`, children: _jsxs("table", { ...tableProps, ref: tableRef, style: {
+                ...tableProps.style,
+                ...(sizing.fixed
+                    ? { tableLayout: 'fixed', width: sizing.width }
+                    : {}),
+            }, "aria-busy": isLoading || tableProps['aria-busy'], "data-rentner-table": "", "data-size": size, "data-striped": striped, className: `group/table w-full border-collapse text-left text-sm text-rentner-foreground data-[size=sm]:text-xs data-[size=lg]:text-base [&_tbody:last-of-type>tr:last-child]:border-b-0 ${sizing.fixed ? '[&_td]:overflow-hidden [&_th]:overflow-visible' : ''} ${classNames?.table ?? ''} ${className}`, children: [caption != null && (_jsx("caption", { className: "border-b border-rentner-border px-4 py-3 text-left font-medium text-rentner-muted", children: caption })), sizing.fixed && (_jsxs("colgroup", { children: [reorderableRows && _jsx("col", { style: { width: 48 } }), selection?.selectionEnabled && (_jsx("col", { style: { width: 48 } })), renderExpandedRow && _jsx("col", { style: { width: 40 } }), sizing.widths.map((column) => (_jsx("col", { style: { width: column.width } }, column.id)))] })), _jsx(TableHead, { table: table, view: view, selection: selection, onSelectPage: onSelectPage, renderExpandedRow: renderExpandedRow, isLoading: isLoading, filters: filters, classNames: classNames, stickyHeader: stickyHeader, resizableColumns: resizableColumns, reorderableRows: reorderableRows }), (error != null && error !== false) ||
+                    isLoading ||
+                    view.rows.length === 0 ? (_jsx(TableStatus, { view: view, isLoading: isLoading, loadingState: loadingState, emptyState: emptyState, noResultsState: noResultsState, hasFilters: hasFilters, error: error, onRetry: onRetry, onResetFilters: onResetFilters, detailedStates: detailedStates })) : (_jsx(TableBody, { table: table, view: view, selection: selection, renderExpandedRow: renderExpandedRow, getRowLabel: getRowLabel, detailsId: detailsId, classNames: classNames, rowClassName: rowClassName, isLoading: isLoading, striped: striped, resizableColumns: resizableColumns, reorderableRows: reorderableRows, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, onRowContextMenu: onRowContextMenu, onCellClick: onCellClick, onCellDoubleClick: onCellDoubleClick, onCellContextMenu: onCellContextMenu }))] }) }));
+}
+//# sourceMappingURL=TableViewport.js.map

package/dist/shared/Table/Components/TableViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableViewport.js","sourceRoot":"","sources":["../../../../src/shared/Table/Components/TableViewport.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport type { RowData } from '@tanstack/react-table'\nimport { TableHead } from './TableHead.tsx'\nimport { TableBody } from './TableBody.tsx'\nimport { TableStatus } from './TableStatus.tsx'\nimport type { TableSurfaceProps } from '../Types/dataTable.types.ts'\nimport { useTableColumnResizeLogic } from '../Hooks/useTableColumnResizeLogic.ts'\n\nexport function TableViewport<TData extends RowData>({\n    table,\n    view,\n    caption,\n    size = 'md',\n    striped = false,\n    isLoading = false,\n    emptyState,\n    loadingState,\n    noResultsState,\n    hasFilters,\n    error,\n    onRetry,\n    onResetFilters,\n    containerClassName = '',\n    embedded = false,\n    stickyHeader,\n    classNames,\n    rowClassName,\n    selection,\n    onSelectPage,\n    getRowLabel,\n    renderExpandedRow,\n    detailsId,\n    filters,\n    detailedStates,\n    className = '',\n    ref,\n    resizableColumns = false,\n    reorderableRows = false,\n    onRowReorder: _onRowReorder,\n    onRowClick,\n    onRowDoubleClick,\n    onRowContextMenu,\n    onCellClick,\n    onCellDoubleClick,\n    onCellContextMenu,\n    ...tableProps\n}: TableSurfaceProps<TData>) {\n    const {\n        state: sizing,\n        refs: { table: tableRef },\n    } = useTableColumnResizeLogic(\n        table,\n        resizableColumns,\n        Number(reorderableRows) * 48 +\n            Number(Boolean(selection?.selectionEnabled)) * 48 +\n            Number(Boolean(renderExpandedRow)) * 40,\n        ref,\n    )\n    return (\n        <div\n            data-rentner-table-container=\"\"\n            className={`relative w-full overflow-auto ${embedded ? '' : 'rounded-rentner-control border border-rentner-border bg-rentner-surface'} ${classNames?.viewport ?? ''} ${containerClassName}`}\n        >\n            <table\n                {...tableProps}\n                ref={tableRef}\n                style={{\n                    ...tableProps.style,\n                    ...(sizing.fixed\n                        ? { tableLayout: 'fixed', width: sizing.width }\n                        : {}),\n                }}\n                aria-busy={isLoading || tableProps['aria-busy']}\n                data-rentner-table=\"\"\n                data-size={size}\n                data-striped={striped}\n                className={`group/table w-full border-collapse text-left text-sm text-rentner-foreground data-[size=sm]:text-xs data-[size=lg]:text-base [&_tbody:last-of-type>tr:last-child]:border-b-0 ${sizing.fixed ? '[&_td]:overflow-hidden [&_th]:overflow-visible' : ''} ${classNames?.table ?? ''} ${className}`}\n            >\n                {caption != null && (\n                    <caption className=\"border-b border-rentner-border px-4 py-3 text-left font-medium text-rentner-muted\">\n                        {caption}\n                    </caption>\n                )}\n                {sizing.fixed && (\n                    <colgroup>\n                        {reorderableRows && <col style={{ width: 48 }} />}\n                        {selection?.selectionEnabled && (\n                            <col style={{ width: 48 }} />\n                        )}\n                        {renderExpandedRow && <col style={{ width: 40 }} />}\n                        {sizing.widths.map((column) => (\n                            <col\n                                key={column.id}\n                                style={{ width: column.width }}\n                            />\n                        ))}\n                    </colgroup>\n                )}\n                <TableHead\n                    table={table}\n                    view={view}\n                    selection={selection}\n                    onSelectPage={onSelectPage}\n                    renderExpandedRow={renderExpandedRow}\n                    isLoading={isLoading}\n                    filters={filters}\n                    classNames={classNames}\n                    stickyHeader={stickyHeader}\n                    resizableColumns={resizableColumns}\n                    reorderableRows={reorderableRows}\n                />\n                {(error != null && error !== false) ||\n                isLoading ||\n                view.rows.length === 0 ? (\n                    <TableStatus\n                        view={view}\n                        isLoading={isLoading}\n                        loadingState={loadingState}\n                        emptyState={emptyState}\n                        noResultsState={noResultsState}\n                        hasFilters={hasFilters}\n                        error={error}\n                        onRetry={onRetry}\n                        onResetFilters={onResetFilters}\n                        detailedStates={detailedStates}\n                    />\n                ) : (\n                    <TableBody\n                        table={table}\n                        view={view}\n                        selection={selection}\n                        renderExpandedRow={renderExpandedRow}\n                        getRowLabel={getRowLabel}\n                        detailsId={detailsId}\n                        classNames={classNames}\n                        rowClassName={rowClassName}\n                        isLoading={isLoading}\n                        striped={striped}\n                        resizableColumns={resizableColumns}\n                        reorderableRows={reorderableRows}\n                        onRowClick={onRowClick}\n                        onRowDoubleClick={onRowDoubleClick}\n                        onRowContextMenu={onRowContextMenu}\n                        onCellClick={onCellClick}\n                        onCellDoubleClick={onCellDoubleClick}\n                        onCellContextMenu={onCellContextMenu}\n                    />\n                )}\n            </table>\n        </div>\n    )\n}\n"]}

package/dist/shared/Table/Hooks/useDataTableLogic.d.ts

@@ -0,0 +1,4 @@
+import type { RowData } from '@tanstack/react-table';
+import type { DataTableLogicOptions, DataTableLogicResult } from '../Types/dataTable.types.ts';
+export declare function useDataTableLogic<TData extends RowData>({ data, columns, getRowId, locale, messages: overrides, pagination, pageSize, pageSizeOptions, selectable, renderExpandedRow, initialShowFilters, tableOptions, portalContainer, resizableColumns, reorderableRows, onRowOrderChange, }: DataTableLogicOptions<TData>): DataTableLogicResult<TData>;
+//# sourceMappingURL=useDataTableLogic.d.ts.map

package/dist/shared/Table/Hooks/useDataTableLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableLogic.d.ts","sourceRoot":"","sources":["../../../../src/shared/Table/Hooks/useDataTableLogic.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AASpD,OAAO,KAAK,EACR,qBAAqB,EACrB,oBAAoB,EACvB,MAAM,6BAA6B,CAAA;AAKpC,wBAAgB,iBAAiB,CAAC,KAAK,SAAS,OAAO,EAAE,EACrD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAa,EACb,QAAQ,EAAE,SAAS,EACnB,UAAiB,EACjB,QAAa,EACb,eAAkC,EAClC,UAAkB,EAClB,iBAAiB,EACjB,kBAA0B,EAC1B,YAAY,EACZ,eAAe,EACf,gBAAwB,EACxB,eAAuB,EACvB,gBAAgB,GACnB,EAAE,qBAAqB,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,KAAK,CAAC,CA8O5D"}