@flowselections/pick-schermen-kwekers 1.0.82 → 1.0.87

package/dist-lib/components/fs-ui/DataTable.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Tabel exact als Verkooporders: table-fixed, colgroup in px, min 900 px, kop 40 px/11 px, rij 60 px, selectiestreep 3 px. */
 export function DataTable({ columns, rows, rowKey, focusedKey, onOpen, label }) {
-    return (_jsxs("table", { "aria-label": label, className: "w-full min-w-[900px] table-fixed caption-bottom text-sm [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-10 [&_thead_th]:h-10 [&_thead_th]:bg-card [&_thead_th]:text-[11px] [&_thead_th]:font-semibold [&_thead_th]:uppercase [&_thead_th]:tracking-wide [&_thead_th]:text-muted-foreground", children: [_jsx("colgroup", { children: columns.map((c) => _jsx("col", { style: { width: `${c.width}px` } }, c.key)) }), _jsx("thead", { children: _jsx("tr", { className: "border-b border-border", children: columns.map((c) => _jsx("th", { scope: "col", className: "px-4 text-left align-middle", children: c.header }, c.key)) }) }), _jsx("tbody", { children: rows.map((r) => {
+    return (_jsxs("table", { "aria-label": label, className: "w-full min-w-[900px] table-fixed caption-bottom text-sm [&_thead_th]:sticky [&_thead_th]:top-0 [&_thead_th]:z-10 [&_thead_th]:h-10 [&_thead_th]:bg-card [&_thead_th]:text-[11px] [&_thead_th]:font-semibold [&_thead_th]:uppercase [&_thead_th]:tracking-wide [&_thead_th]:text-muted-foreground", children: [_jsx("colgroup", { children: columns.map((c) => _jsx("col", { style: { width: `${c.width}px` } }, c.key)) }), _jsx("thead", { children: _jsx("tr", { className: "border-b border-border", children: columns.map((c) => _jsx("th", { scope: "col", className: "px-2 text-left align-middle", children: c.header }, c.key)) }) }), _jsx("tbody", { children: rows.map((r) => {
                     const k = rowKey(r);
                     const focused = focusedKey === k;
-                    return (_jsx("tr", { "data-focused": focused ? "true" : undefined, onClick: () => onOpen?.(r), style: { height: 60 }, className: "group cursor-pointer border-b border-border transition-colors last:border-0 hover:bg-muted/50 " + (focused ? "bg-muted/60" : ""), children: columns.map((c, i) => (_jsxs("td", { className: "relative min-w-0 overflow-hidden px-4 py-0 align-middle " + (i === 0 ? "" : ""), children: [i === 0 && focused && _jsx("span", { "aria-hidden": true, className: "absolute inset-y-0 left-0 w-[3px] bg-primary" }), c.cell(r)] }, c.key))) }, k));
+                    return (_jsx("tr", { "data-focused": focused ? "true" : undefined, onClick: () => onOpen?.(r), style: { height: 60 }, className: "group cursor-pointer border-b border-border transition-colors last:border-0 hover:bg-muted/50 " + (focused ? "bg-muted/60" : ""), children: columns.map((c, i) => (_jsxs("td", { className: "relative min-w-0 overflow-hidden px-2 py-0 align-middle " + (i === 0 ? "" : ""), children: [i === 0 && focused && _jsx("span", { "aria-hidden": true, className: "absolute inset-y-0 left-0 w-[3px] bg-primary" }), c.cell(r)] }, c.key))) }, k));
                 }) })] }));
 }
 /** Cel met hooguit twee regels: 14 px en 12 px grijs, afgekapt met volledige tekst als title. */

package/dist-lib/components/fs-ui/TableSkeleton.js

@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Skeleton } from "@flowselections/core";
 /** Skeletten in de echte vorm: 40 px kop, 60 px rijen; mobiel kaarten. */
 export function TableSkeleton({ cols, rows = 6 }) {
-    return (_jsxs("div", { "aria-busy": "true", "aria-label": "Laden", children: [_jsx("div", { className: "hidden md:block", children: _jsxs("table", { className: "w-full min-w-[900px] table-fixed", children: [_jsx("colgroup", { children: cols.map((w, i) => _jsx("col", { style: { width: `${w}px` } }, i)) }), _jsx("thead", { children: _jsx("tr", { className: "h-10 border-b border-border", children: cols.map((_, i) => _jsx("th", { className: "px-4", children: _jsx(Skeleton, { className: "h-3 w-16" }) }, i)) }) }), _jsx("tbody", { children: Array.from({ length: rows }).map((_, r) => (_jsx("tr", { className: "h-[60px] border-b border-border last:border-0", children: cols.map((_, i) => _jsx("td", { className: "px-4 py-0", children: _jsx(Skeleton, { className: "h-4 w-3/4" }) }, i)) }, r))) })] }) }), _jsx("div", { className: "space-y-2 p-3 md:hidden", children: Array.from({ length: 4 }).map((_, r) => _jsx(Skeleton, { className: "h-20 w-full rounded-lg" }, r)) })] }));
+    return (_jsxs("div", { "aria-busy": "true", "aria-label": "Laden", children: [_jsx("div", { className: "hidden md:block", children: _jsxs("table", { className: "w-full min-w-[900px] table-fixed", children: [_jsx("colgroup", { children: cols.map((w, i) => _jsx("col", { style: { width: `${w}px` } }, i)) }), _jsx("thead", { children: _jsx("tr", { className: "h-10 border-b border-border", children: cols.map((_, i) => _jsx("th", { className: "px-2", children: _jsx(Skeleton, { className: "h-3 w-16" }) }, i)) }) }), _jsx("tbody", { children: Array.from({ length: rows }).map((_, r) => (_jsx("tr", { className: "h-[60px] border-b border-border last:border-0", children: cols.map((_, i) => _jsx("td", { className: "px-2 py-0", children: _jsx(Skeleton, { className: "h-4 w-3/4" }) }, i)) }, r))) })] }) }), _jsx("div", { className: "space-y-2 p-3 md:hidden", children: Array.from({ length: 4 }).map((_, r) => _jsx(Skeleton, { className: "h-20 w-full rounded-lg" }, r)) })] }));
 }

package/dist-lib/components/pick/PickScherm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AA2DA,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AA+D7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,wCAAwC;AACxC,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,WAAuC,CAAC;AAsBxF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,sCAutEpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAqFA,OAAO,EAaL,KAAK,WAAW,EACjB,MAAM,qBAAqB,CAAC;AAwF7B,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,wCAAwC;AACxC,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,WAAuC,CAAC;AAsBxF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,sCAw7DpD"}