npm - @trsys-tech/matrix-library - Versions diffs - 1.1.8-alpha.1 → 1.1.8-alpha.3 - Mend

@trsys-tech/matrix-library 1.1.8-alpha.1 → 1.1.8-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/components/data-table/DataTable.types.d.ts +22 -6
package/dist/components/data-table/DataTable.types.d.ts.map +1 -1
package/dist/components/data-table/DataTableHeader.d.ts.map +1 -1
package/dist/components/data-table/dataTableModel.d.ts +16 -4
package/dist/components/data-table/dataTableModel.d.ts.map +1 -1
package/dist/components/data-table/useDataTableInstance.d.ts +3 -70
package/dist/components/data-table/useDataTableInstance.d.ts.map +1 -1
package/dist/datatableheader.es.js +60 -53
package/dist/datatableheader.es.js.map +1 -1
package/dist/datatablemodel.es.js.map +1 -1
package/dist/datatablerowview.es.js +33 -34
package/dist/datatablerowview.es.js.map +1 -1
package/dist/styles.css +1 -1
package/dist/usedatatableinstance.es.js.map +1 -1
package/package.json +1 -1

package/dist/datatablerowview.es.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { jsxs as z, jsx as l } from "react/jsx-runtime";
 import * as ie from "react";
 import { ChevronDown as re, ChevronRight as le } from "@trsys-tech/matrix-icons";
 import { cn as O } from "./utils.es.js";
-import { IconButton as ne } from "./iconbutton.es.js";
-import { Checkbox as se } from "./checkbox.es.js";
+import { IconButton as se } from "./iconbutton.es.js";
+import { Checkbox as ne } from "./checkbox.es.js";
 import { getCellValue as B, parseDateInputValue as oe, toDateInputValue as de, setCellValue as ce } from "./datatablemodel.es.js";
 import { dataTableInputClass as me } from "./datatablestyles.es.js";
 function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
@@ -34,7 +34,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
     editType: ee,
     renderSubComponent: te,
     isDetailExpanded: ae
-  } = P, E = c?.rowId === i, m = a?.getIsSelected() ?? !1, x = !!a && ae(a), w = `${A}-${i}`;
+  } = P, v = c?.rowId === i, m = a?.getIsSelected() ?? !1, p = !!a && ae(a), w = `${A}-${i}`;
   return /* @__PURE__ */ z(ie.Fragment, { children: [
     /* @__PURE__ */ z(
       "div",
@@ -47,7 +47,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
         "data-selected": m || void 0,
         className: O(
           "mtx-flex mtx-border-b mtx-border-gray-200 mtx-bg-gray-0 hover:mtx-bg-primary-25",
-          m && "mtx-bg-primary-50",
+          m && "mtx-bg-primary-25 hover:mtx-bg-primary-50",
           y && "mtx-bg-gray-50",
           J?.(o),
           ...Object.entries(M ?? {}).filter(([, t]) => t(o)).map(([t]) => t)
@@ -70,15 +70,15 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
               className: "mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit",
               style: { width: K },
               children: a?.getCanExpand() && /* @__PURE__ */ l(
-                ne,
+                se,
                 {
                   type: "button",
                   size: "sm",
-                  "aria-label": `${x ? "Collapse" : "Expand"} row ${i}`,
-                  "aria-expanded": x,
-                  "aria-controls": x ? w : void 0,
+                  "aria-label": `${p ? "Collapse" : "Expand"} row ${i}`,
+                  "aria-expanded": p,
+                  "aria-controls": p ? w : void 0,
                   onClick: a.getToggleExpandedHandler(),
-                  children: x ? /* @__PURE__ */ l(re, { "aria-hidden": "true" }) : /* @__PURE__ */ l(le, { "aria-hidden": "true", className: "rtl:mtx-rotate-180" })
+                  children: p ? /* @__PURE__ */ l(re, { "aria-hidden": "true" }) : /* @__PURE__ */ l(le, { "aria-hidden": "true", className: "rtl:mtx-rotate-180" })
                 }
               )
             }
@@ -91,7 +91,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
               className: "mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit",
               style: { width: 44, insetInlineStart: K },
               children: a && /* @__PURE__ */ l(
-                se,
+                ne,
                 {
                   "aria-label": `Select row ${i}`,
                   checked: m,
@@ -102,30 +102,30 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
             }
           ),
           T.map((t, u) => {
-            const e = U.get(t.id), n = B(E ? c.draft : o, e, g), v = !!E && (!c.columnId || c.columnId === t.id) && (typeof e.editable == "function" ? e.editable(o) : e.editable) && (!!e.field || !!e.valueSetter), f = {
+            const e = U.get(t.id), s = B(v ? c.draft : o, e, g), E = !!v && (!c.columnId || c.columnId === t.id) && (typeof e.editable == "function" ? e.editable(o) : e.editable) && (!!e.field || !!e.valueSetter), h = {
               data: o,
-              value: n,
+              value: s,
               rowId: i,
               rowIndex: g,
               columnId: t.id,
               api: d,
-              isEditing: !!E,
+              isEditing: !!v,
               pinned: y
-            }, I = e.cellRenderer, V = e.cellEditor && typeof e.cellEditor != "string" ? e.cellEditor : void 0, $ = typeof e.cellEditor == "string" ? e.cellEditor : e.cellDataType === "number" ? "number" : e.cellDataType === "date" ? "date" : "text", F = e.cellEditor === "number" || e.cellDataType === "number", H = $ === "date" || !F && n instanceof Date, W = (r) => {
-              const s = L.current;
-              if (s)
+            }, I = e.cellRenderer, V = e.cellEditor && typeof e.cellEditor != "string" ? e.cellEditor : void 0, $ = typeof e.cellEditor == "string" ? e.cellEditor : e.cellDataType === "number" ? "number" : e.cellDataType === "date" ? "date" : "text", F = e.cellEditor === "number" || e.cellDataType === "number", H = $ === "date" || !F && s instanceof Date, W = (r) => {
+              const n = L.current;
+              if (n)
                 try {
-                  const p = e.valueParser ? e.valueParser({ data: s.draft, oldValue: B(s.original, e, g), newValue: r }) : r, h = ce(s.draft, e, p), k = { ...s.parseErrors };
+                  const x = e.valueParser ? e.valueParser({ data: n.draft, oldValue: B(n.original, e, g), newValue: r }) : r, f = ce(n.draft, e, x), k = { ...n.parseErrors };
                   delete k[t.id], D({
-                    ...s,
-                    draft: h,
-                    changes: { ...s.changes, [t.id]: p },
+                    ...n,
+                    draft: f,
+                    changes: { ...n.changes, [t.id]: x },
                     parseErrors: k,
                     errors: Object.values(k)
                   });
-                } catch (p) {
-                  const h = { ...s.parseErrors, [t.id]: p instanceof Error ? p.message : "Invalid value" };
-                  D({ ...s, parseErrors: h, errors: Object.values(h) });
+                } catch (x) {
+                  const f = { ...n.parseErrors, [t.id]: x instanceof Error ? x.message : "Invalid value" };
+                  D({ ...n, parseErrors: f, errors: Object.values(f) });
                 }
             };
             return /* @__PURE__ */ l(
@@ -136,28 +136,27 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
                 "aria-colindex": u + 1 + (C ? 1 : 0) + (b ? 1 : 0),
                 "data-column-id": t.id,
                 "data-row-id": i,
-                "data-editing": v || void 0,
+                "data-editing": E || void 0,
                 "data-row-action": e.suppressRowClick || t.id === "actions" || t.id === "action" ? "" : void 0,
                 "aria-readonly": !e.editable || !a,
-                "aria-invalid": v && c.errors.length > 0 || void 0,
+                "aria-invalid": E && c.errors.length > 0 || void 0,
                 className: O(
                   "mtx-flex mtx-min-w-0 mtx-items-center mtx-overflow-hidden mtx-px-3 focus:mtx-outline-none focus:mtx-ring-1 focus:mtx-ring-inset focus:mtx-ring-primary",
                   e.align === "end" && "mtx-justify-end",
-                  e.align === "center" && "mtx-justify-center",
-                  typeof e.cellClass == "function" ? e.cellClass(f) : e.cellClass
+                  typeof e.cellClass == "function" ? e.cellClass(h) : e.cellClass
                 ),
                 style: Y(t),
                 onFocus: () => X((r) => r?.rowId === i && r.columnId === t.id ? r : { rowId: i, columnId: t.id }),
                 onKeyDown: (r) => {
-                  e.onKeyDown?.(r, f), a && Z(r, a, t);
+                  e.onKeyDown?.(r, h), a && Z(r, a, t);
                 },
                 onDoubleClick: (r) => {
                   a && !_ && !r.target.closest("button,a,input,select,[data-row-action]") && (ee === "fullRow" ? d.startEditingRow(i) : d.startEditingCell({ rowId: i, columnId: t.id }));
                 },
-                children: v ? V ? /* @__PURE__ */ l(
+                children: E ? V ? /* @__PURE__ */ l(
                   V,
                   {
-                    ...f,
+                    ...h,
                     errors: c.errors,
                     onValueChange: W,
                     commit: () => d.stopEditing(),
@@ -169,12 +168,12 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
                     "aria-label": `Edit ${typeof e.headerName == "string" ? e.headerName : t.id}`,
                     className: me,
                     type: $,
-                    value: H ? de(n) : n == null ? "" : String(n),
+                    value: H ? de(s) : s == null ? "" : String(s),
                     onChange: (r) => W(
-                      F ? r.target.value === "" ? null : Number(r.target.value) : H ? oe(r.target.value, n, e.cellDataType) : r.target.value
+                      F ? r.target.value === "" ? null : Number(r.target.value) : H ? oe(r.target.value, s, e.cellDataType) : r.target.value
                     )
                   }
-                ) : I ? /* @__PURE__ */ l(I, { ...f }) : e.valueFormatter ? e.valueFormatter({ data: o, value: n }) : /* @__PURE__ */ l("span", { className: "mtx-truncate", children: n instanceof Date ? n.toLocaleDateString() : String(n ?? "") })
+                ) : I ? /* @__PURE__ */ l(I, { ...h }) : e.valueFormatter ? e.valueFormatter({ data: o, value: s }) : /* @__PURE__ */ l("span", { className: "mtx-truncate", children: s instanceof Date ? s.toLocaleDateString() : String(s ?? "") })
               },
               t.id
             );
@@ -182,7 +181,7 @@ function be({ data: o, rowId: i, index: g, row: a, pinned: y, ...P }) {
         ]
       }
     ),
-    x && a && /* @__PURE__ */ l(
+    p && a && /* @__PURE__ */ l(
       "div",
       {
         role: "row",

package/dist/datatablerowview.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"datatablerowview.es.js","sources":["../src/components/data-table/DataTableRowView.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { ChevronDown, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { cn } from \"../../lib/utils\";\nimport { IconButton } from \"../icon-botton/IconButton\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { getCellValue, setCellValue, toDateInputValue, parseDateInputValue } from \"./dataTableModel\";\nimport { dataTableInputClass } from \"./dataTableStyles\";\nimport type {\n DataTableApi,\n DataTableCellParams,\n DataTableColumnDef,\n DataTableContentProps,\n DataTableFeatures,\n DataTableInstance,\n DataTableRow,\n} from \"./DataTable.types\";\nimport type { DataTableEditSession } from \"./dataTableEditing\";\n\ntype DataTableRowViewProps<T extends object> = Pick<\n DataTableContentProps<T>,\n \"rowSelection\" \| \"getRowClass\" \| \"rowClassRules\" \| \"onRowClick\" \| \"suppressClickEdit\" \| \"renderSubComponent\"\n> & {\n data: T;\n rowId: string;\n index: number;\n row?: DataTableRow<T>;\n pinned?: \"top\" \| \"bottom\";\n edit: DataTableEditSession<T> \| null;\n editRef: React.MutableRefObject<DataTableEditSession<T> \| null>;\n updateEdit: (next: DataTableEditSession<T> \| null) => void;\n api: DataTableApi<T>;\n table: DataTableInstance<T>;\n detailId: string;\n displayedIndices: Map<string, number>;\n rowHeight: number;\n totalWidth: number;\n showExpanders: boolean;\n expanderWidth: number;\n showCheckboxes: boolean;\n visibleColumns: Column<DataTableFeatures, T>[];\n definitionsById: Map<string, DataTableColumnDef<T>>;\n activeCell: { rowId?: string; columnId?: string };\n setFocusedCell: React.Dispatch<React.SetStateAction<{ rowId: string; columnId: string } \| null>>;\n columnStyle: (column: Column<DataTableFeatures, T>, header?: boolean) => React.CSSProperties;\n handleCellKeyDown: (event: React.KeyboardEvent, row: DataTableRow<T>, column: Column<DataTableFeatures, T>) => void;\n editType: \"cell\" \| \"fullRow\";\n isDetailExpanded: (row: DataTableRow<T>) => boolean;\n};\n\nexport function DataTableRowView<T extends object>({ data, rowId, index, row, pinned, ...view }: DataTableRowViewProps<T>) {\n const {\n edit,\n editRef,\n updateEdit,\n api,\n table,\n detailId,\n displayedIndices,\n rowSelection,\n rowHeight,\n totalWidth,\n getRowClass,\n rowClassRules,\n onRowClick,\n showExpanders,\n expanderWidth,\n showCheckboxes,\n visibleColumns,\n definitionsById,\n activeCell,\n setFocusedCell,\n columnStyle,\n handleCellKeyDown,\n suppressClickEdit,\n editType,\n renderSubComponent,\n isDetailExpanded,\n } = view;\n const editing = edit?.rowId === rowId;\n const selected = row?.getIsSelected() ?? false;\n const expanded = !!row && isDetailExpanded(row);\n const panelId = `${detailId}-${rowId}`;\n return (\n <React.Fragment key={rowId}>\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 2}\n aria-selected={rowSelection && row ? selected : undefined}\n data-row-id={rowId}\n data-pinned={pinned}\n data-selected={selected \|\| undefined}\n className={cn(\n \"mtx-flex mtx-border-b mtx-border-gray-200 mtx-bg-gray-0 hover:mtx-bg-primary-25\",\n selected && \"mtx-bg-primary-50\",\n pinned && \"mtx-bg-gray-50\",\n getRowClass?.(data),\n ...Object.entries(rowClassRules ?? {})\n .filter(([, test]) => test(data))\n .map(([name]) => name),\n )}\n style={{ height: rowHeight, width: totalWidth, minWidth: \"100%\" }}\n onClick={event => {\n const target = event.target as HTMLElement;\n const selectionCell = target.closest(\"[data-row-selection-cell]\");\n if (target.closest(\"button,input,a,select,textarea,[data-row-action],[role=checkbox],[role=combobox]\")) return;\n if (row && rowSelection?.enableClickSelection && row.getCanSelect()) {\n row.getToggleSelectedHandler()({\n target: { checked: selectionCell \|\| event.ctrlKey \|\| event.metaKey ? !selected : true },\n shiftKey: event.shiftKey,\n nativeEvent: event.nativeEvent,\n });\n if (!selectionCell && !event.ctrlKey && !event.metaKey && !event.shiftKey) table.setRowSelection({ [row.id]: true });\n }\n onRowClick?.({ data, rowId, event, api });\n }}\n >\n {showExpanders && (\n <div\n role=\"gridcell\"\n data-row-expander-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: expanderWidth }}\n >\n {row?.getCanExpand() && (\n <IconButton\n type=\"button\"\n size=\"sm\"\n aria-label={`${expanded ? \"Collapse\" : \"Expand\"} row ${rowId}`}\n aria-expanded={expanded}\n aria-controls={expanded ? panelId : undefined}\n onClick={row.getToggleExpandedHandler()}\n >\n {expanded ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" className=\"rtl:mtx-rotate-180\" />}\n </IconButton>\n )}\n </div>\n )}\n {showCheckboxes && (\n <div\n role=\"gridcell\"\n data-row-selection-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: 44, insetInlineStart: expanderWidth }}\n >\n {row && (\n <Checkbox\n aria-label={`Select row ${rowId}`}\n checked={selected}\n disabled={!row.getCanSelect()}\n onClick={event =>\n row.getToggleSelectedHandler()({ target: { checked: !selected }, shiftKey: event.shiftKey, nativeEvent: event.nativeEvent })\n }\n />\n )}\n </div>\n )}\n {visibleColumns.map((column, colIndex) => {\n const definition = definitionsById.get(column.id)!;\n const value = getCellValue(editing ? edit.draft : data, definition, index);\n const isEditing =\n !!editing &&\n (!edit.columnId \|\| edit.columnId === column.id) &&\n (typeof definition.editable === \"function\" ? definition.editable(data) : definition.editable) &&\n (!!definition.field \|\| !!definition.valueSetter);\n const params: DataTableCellParams<T> = {\n data,\n value: value as T[keyof T],\n rowId,\n rowIndex: index,\n columnId: column.id,\n api,\n isEditing: !!editing,\n pinned,\n };\n const Renderer = definition.cellRenderer;\n const Editor = definition.cellEditor && typeof definition.cellEditor !== \"string\" ? definition.cellEditor : undefined;\n const editorType =\n typeof definition.cellEditor === \"string\"\n ? definition.cellEditor\n : definition.cellDataType === \"number\"\n ? \"number\"\n : definition.cellDataType === \"date\"\n ? \"date\"\n : \"text\";\n const coerceNumber = definition.cellEditor === \"number\" \|\| definition.cellDataType === \"number\";\n const parseDate = editorType === \"date\" \|\| (!coerceNumber && value instanceof Date);\n const setValue = (newValue: unknown) => {\n const session = editRef.current;\n if (!session) return;\n try {\n const parsed = definition.valueParser\n ? definition.valueParser({ data: session.draft, oldValue: getCellValue(session.original, definition, index), newValue })\n : newValue;\n const draft = setCellValue(session.draft, definition, parsed);\n const parseErrors = { ...session.parseErrors };\n delete parseErrors[column.id];\n updateEdit({\n ...session,\n draft,\n changes: { ...session.changes, [column.id]: parsed },\n parseErrors,\n errors: Object.values(parseErrors),\n });\n } catch (error) {\n const parseErrors = { ...session.parseErrors, [column.id]: error instanceof Error ? error.message : \"Invalid value\" };\n updateEdit({ ...session, parseErrors, errors: Object.values(parseErrors) });\n }\n };\n return (\n <div\n key={column.id}\n role=\"gridcell\"\n tabIndex={activeCell.rowId === rowId && activeCell.columnId === column.id ? 0 : -1}\n aria-colindex={colIndex + 1 + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n data-column-id={column.id}\n data-row-id={rowId}\n data-editing={isEditing \|\| undefined}\n data-row-action={definition.suppressRowClick \|\| column.id === \"actions\" \|\| column.id === \"action\" ? \"\" : undefined}\n aria-readonly={!definition.editable \|\| !row}\n aria-invalid={(isEditing && edit.errors.length > 0) \|\| undefined}\n className={cn(\n \"mtx-flex mtx-min-w-0 mtx-items-center mtx-overflow-hidden mtx-px-3 focus:mtx-outline-none focus:mtx-ring-1 focus:mtx-ring-inset focus:mtx-ring-primary\",\n definition.align === \"end\" && \"mtx-justify-end\",\n definition.align === \"center\" && \"mtx-justify-center\",\n typeof definition.cellClass === \"function\" ? definition.cellClass(params) : definition.cellClass,\n )}\n style={columnStyle(column)}\n onFocus={() =>\n setFocusedCell(previous => (previous?.rowId === rowId && previous.columnId === column.id ? previous : { rowId, columnId: column.id }))\n }\n onKeyDown={event => {\n definition.onKeyDown?.(event, params);\n if (row) handleCellKeyDown(event, row, column);\n }}\n onDoubleClick={event => {\n if (row && !suppressClickEdit && !(event.target as HTMLElement).closest(\"button,a,input,select,[data-row-action]\")) {\n if (editType === \"fullRow\") api.startEditingRow(rowId);\n else api.startEditingCell({ rowId, columnId: column.id });\n }\n }}\n >\n {isEditing ? (\n Editor ? (\n <Editor\n {...params}\n errors={edit.errors}\n onValueChange={setValue}\n commit={() => api.stopEditing()}\n cancel={() => api.stopEditing(true)}\n />\n ) : (\n <input\n aria-label={`Edit ${typeof definition.headerName === \"string\" ? definition.headerName : column.id}`}\n className={dataTableInputClass}\n type={editorType}\n value={parseDate ? toDateInputValue(value) : value === null \|\| value === undefined ? \"\" : String(value)}\n onChange={event =>\n setValue(\n coerceNumber\n ? event.target.value === \"\"\n ? null\n : Number(event.target.value)\n : parseDate\n ? parseDateInputValue(event.target.value, value, definition.cellDataType)\n : event.target.value,\n )\n }\n />\n )\n ) : Renderer ? (\n <Renderer {...params} />\n ) : definition.valueFormatter ? (\n definition.valueFormatter({ data, value })\n ) : (\n <span className=\"mtx-truncate\">{value instanceof Date ? value.toLocaleDateString() : String(value ?? \"\")}</span>\n )}\n </div>\n );\n })}\n </div>\n {expanded && row && (\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 3}\n data-expanded-row-id={rowId}\n className=\"mtx-border-b mtx-border-gray-200 mtx-bg-gray-50\"\n style={{ width: totalWidth, minWidth: \"100%\" }}\n >\n <div\n role=\"gridcell\"\n id={panelId}\n aria-colspan={visibleColumns.length + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n className=\"mtx-p-4\"\n >\n {renderSubComponent?.({ row, api })}\n </div>\n </div>\n )}\n </React.Fragment>\n );\n}\n"],"names":["DataTableRowView","data","rowId","index","row","pinned","view","edit","editRef","updateEdit","api","table","detailId","displayedIndices","rowSelection","rowHeight","totalWidth","getRowClass","rowClassRules","onRowClick","showExpanders","expanderWidth","showCheckboxes","visibleColumns","definitionsById","activeCell","setFocusedCell","columnStyle","handleCellKeyDown","suppressClickEdit","editType","renderSubComponent","isDetailExpanded","editing","selected","expanded","panelId","jsxs","React","cn","test","name","event","target","selectionCell","jsx","IconButton","ChevronDown","ChevronRight","Checkbox","column","colIndex","definition","value","getCellValue","isEditing","params","Renderer","Editor","editorType","coerceNumber","parseDate","setValue","newValue","session","parsed","draft","setCellValue","parseErrors","error","previous","dataTableInputClass","toDateInputValue","parseDateInputValue"],"mappings":"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"}
1	+ {"version":3,"file":"datatablerowview.es.js","sources":["../src/components/data-table/DataTableRowView.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { ChevronDown, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { cn } from \"../../lib/utils\";\nimport { IconButton } from \"../icon-botton/IconButton\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { getCellValue, setCellValue, toDateInputValue, parseDateInputValue } from \"./dataTableModel\";\nimport { dataTableInputClass } from \"./dataTableStyles\";\nimport type {\n DataTableApi,\n DataTableCellParams,\n DataTableColumnDef,\n DataTableContentProps,\n DataTableFeatures,\n DataTableInstance,\n DataTableRow,\n} from \"./DataTable.types\";\nimport type { DataTableEditSession } from \"./dataTableEditing\";\n\ntype DataTableRowViewProps<T extends object> = Pick<\n DataTableContentProps<T>,\n \"rowSelection\" \| \"getRowClass\" \| \"rowClassRules\" \| \"onRowClick\" \| \"suppressClickEdit\" \| \"renderSubComponent\"\n> & {\n data: T;\n rowId: string;\n index: number;\n row?: DataTableRow<T>;\n pinned?: \"top\" \| \"bottom\";\n edit: DataTableEditSession<T> \| null;\n editRef: React.MutableRefObject<DataTableEditSession<T> \| null>;\n updateEdit: (next: DataTableEditSession<T> \| null) => void;\n api: DataTableApi<T>;\n table: DataTableInstance<T>;\n detailId: string;\n displayedIndices: Map<string, number>;\n rowHeight: number;\n totalWidth: number;\n showExpanders: boolean;\n expanderWidth: number;\n showCheckboxes: boolean;\n visibleColumns: Column<DataTableFeatures, T>[];\n definitionsById: Map<string, DataTableColumnDef<T>>;\n activeCell: { rowId?: string; columnId?: string };\n setFocusedCell: React.Dispatch<React.SetStateAction<{ rowId: string; columnId: string } \| null>>;\n columnStyle: (column: Column<DataTableFeatures, T>, header?: boolean) => React.CSSProperties;\n handleCellKeyDown: (event: React.KeyboardEvent, row: DataTableRow<T>, column: Column<DataTableFeatures, T>) => void;\n editType: \"cell\" \| \"fullRow\";\n isDetailExpanded: (row: DataTableRow<T>) => boolean;\n};\n\nexport function DataTableRowView<T extends object>({ data, rowId, index, row, pinned, ...view }: DataTableRowViewProps<T>) {\n const {\n edit,\n editRef,\n updateEdit,\n api,\n table,\n detailId,\n displayedIndices,\n rowSelection,\n rowHeight,\n totalWidth,\n getRowClass,\n rowClassRules,\n onRowClick,\n showExpanders,\n expanderWidth,\n showCheckboxes,\n visibleColumns,\n definitionsById,\n activeCell,\n setFocusedCell,\n columnStyle,\n handleCellKeyDown,\n suppressClickEdit,\n editType,\n renderSubComponent,\n isDetailExpanded,\n } = view;\n const editing = edit?.rowId === rowId;\n const selected = row?.getIsSelected() ?? false;\n const expanded = !!row && isDetailExpanded(row);\n const panelId = `${detailId}-${rowId}`;\n return (\n <React.Fragment key={rowId}>\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 2}\n aria-selected={rowSelection && row ? selected : undefined}\n data-row-id={rowId}\n data-pinned={pinned}\n data-selected={selected \|\| undefined}\n className={cn(\n \"mtx-flex mtx-border-b mtx-border-gray-200 mtx-bg-gray-0 hover:mtx-bg-primary-25\",\n selected && \"mtx-bg-primary-25 hover:mtx-bg-primary-50\",\n pinned && \"mtx-bg-gray-50\",\n getRowClass?.(data),\n ...Object.entries(rowClassRules ?? {})\n .filter(([, test]) => test(data))\n .map(([name]) => name),\n )}\n style={{ height: rowHeight, width: totalWidth, minWidth: \"100%\" }}\n onClick={event => {\n const target = event.target as HTMLElement;\n const selectionCell = target.closest(\"[data-row-selection-cell]\");\n if (target.closest(\"button,input,a,select,textarea,[data-row-action],[role=checkbox],[role=combobox]\")) return;\n if (row && rowSelection?.enableClickSelection && row.getCanSelect()) {\n row.getToggleSelectedHandler()({\n target: { checked: selectionCell \|\| event.ctrlKey \|\| event.metaKey ? !selected : true },\n shiftKey: event.shiftKey,\n nativeEvent: event.nativeEvent,\n });\n if (!selectionCell && !event.ctrlKey && !event.metaKey && !event.shiftKey) table.setRowSelection({ [row.id]: true });\n }\n onRowClick?.({ data, rowId, event, api });\n }}\n >\n {showExpanders && (\n <div\n role=\"gridcell\"\n data-row-expander-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: expanderWidth }}\n >\n {row?.getCanExpand() && (\n <IconButton\n type=\"button\"\n size=\"sm\"\n aria-label={`${expanded ? \"Collapse\" : \"Expand\"} row ${rowId}`}\n aria-expanded={expanded}\n aria-controls={expanded ? panelId : undefined}\n onClick={row.getToggleExpandedHandler()}\n >\n {expanded ? <ChevronDown aria-hidden=\"true\" /> : <ChevronRight aria-hidden=\"true\" className=\"rtl:mtx-rotate-180\" />}\n </IconButton>\n )}\n </div>\n )}\n {showCheckboxes && (\n <div\n role=\"gridcell\"\n data-row-selection-cell=\"\"\n className=\"mtx-sticky mtx-start-0 mtx-z-10 mtx-flex mtx-shrink-0 mtx-items-center mtx-justify-center mtx-bg-inherit\"\n style={{ width: 44, insetInlineStart: expanderWidth }}\n >\n {row && (\n <Checkbox\n aria-label={`Select row ${rowId}`}\n checked={selected}\n disabled={!row.getCanSelect()}\n onClick={event =>\n row.getToggleSelectedHandler()({ target: { checked: !selected }, shiftKey: event.shiftKey, nativeEvent: event.nativeEvent })\n }\n />\n )}\n </div>\n )}\n {visibleColumns.map((column, colIndex) => {\n const definition = definitionsById.get(column.id)!;\n const value = getCellValue(editing ? edit.draft : data, definition, index);\n const isEditing =\n !!editing &&\n (!edit.columnId \|\| edit.columnId === column.id) &&\n (typeof definition.editable === \"function\" ? definition.editable(data) : definition.editable) &&\n (!!definition.field \|\| !!definition.valueSetter);\n const params: DataTableCellParams<T> = {\n data,\n value,\n rowId,\n rowIndex: index,\n columnId: column.id,\n api,\n isEditing: !!editing,\n pinned,\n };\n // The definition and value were resolved together; erase the field only at this runtime dispatch boundary.\n const Renderer = definition.cellRenderer as React.ComponentType<DataTableCellParams<T>> \| undefined;\n const Editor = definition.cellEditor && typeof definition.cellEditor !== \"string\" ? definition.cellEditor : undefined;\n const editorType =\n typeof definition.cellEditor === \"string\"\n ? definition.cellEditor\n : definition.cellDataType === \"number\"\n ? \"number\"\n : definition.cellDataType === \"date\"\n ? \"date\"\n : \"text\";\n const coerceNumber = definition.cellEditor === \"number\" \|\| definition.cellDataType === \"number\";\n const parseDate = editorType === \"date\" \|\| (!coerceNumber && value instanceof Date);\n const setValue = (newValue: unknown) => {\n const session = editRef.current;\n if (!session) return;\n try {\n const parsed = definition.valueParser\n ? definition.valueParser({ data: session.draft, oldValue: getCellValue(session.original, definition, index), newValue })\n : newValue;\n const draft = setCellValue(session.draft, definition, parsed);\n const parseErrors = { ...session.parseErrors };\n delete parseErrors[column.id];\n updateEdit({\n ...session,\n draft,\n changes: { ...session.changes, [column.id]: parsed },\n parseErrors,\n errors: Object.values(parseErrors),\n });\n } catch (error) {\n const parseErrors = { ...session.parseErrors, [column.id]: error instanceof Error ? error.message : \"Invalid value\" };\n updateEdit({ ...session, parseErrors, errors: Object.values(parseErrors) });\n }\n };\n return (\n <div\n key={column.id}\n role=\"gridcell\"\n tabIndex={activeCell.rowId === rowId && activeCell.columnId === column.id ? 0 : -1}\n aria-colindex={colIndex + 1 + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n data-column-id={column.id}\n data-row-id={rowId}\n data-editing={isEditing \|\| undefined}\n data-row-action={definition.suppressRowClick \|\| column.id === \"actions\" \|\| column.id === \"action\" ? \"\" : undefined}\n aria-readonly={!definition.editable \|\| !row}\n aria-invalid={(isEditing && edit.errors.length > 0) \|\| undefined}\n className={cn(\n \"mtx-flex mtx-min-w-0 mtx-items-center mtx-overflow-hidden mtx-px-3 focus:mtx-outline-none focus:mtx-ring-1 focus:mtx-ring-inset focus:mtx-ring-primary\",\n definition.align === \"end\" && \"mtx-justify-end\",\n typeof definition.cellClass === \"function\" ? definition.cellClass(params) : definition.cellClass,\n )}\n style={columnStyle(column)}\n onFocus={() =>\n setFocusedCell(previous => (previous?.rowId === rowId && previous.columnId === column.id ? previous : { rowId, columnId: column.id }))\n }\n onKeyDown={event => {\n definition.onKeyDown?.(event, params);\n if (row) handleCellKeyDown(event, row, column);\n }}\n onDoubleClick={event => {\n if (row && !suppressClickEdit && !(event.target as HTMLElement).closest(\"button,a,input,select,[data-row-action]\")) {\n if (editType === \"fullRow\") api.startEditingRow(rowId);\n else api.startEditingCell({ rowId, columnId: column.id });\n }\n }}\n >\n {isEditing ? (\n Editor ? (\n <Editor\n {...params}\n errors={edit.errors}\n onValueChange={setValue}\n commit={() => api.stopEditing()}\n cancel={() => api.stopEditing(true)}\n />\n ) : (\n <input\n aria-label={`Edit ${typeof definition.headerName === \"string\" ? definition.headerName : column.id}`}\n className={dataTableInputClass}\n type={editorType}\n value={parseDate ? toDateInputValue(value) : value === null \|\| value === undefined ? \"\" : String(value)}\n onChange={event =>\n setValue(\n coerceNumber\n ? event.target.value === \"\"\n ? null\n : Number(event.target.value)\n : parseDate\n ? parseDateInputValue(event.target.value, value, definition.cellDataType)\n : event.target.value,\n )\n }\n />\n )\n ) : Renderer ? (\n <Renderer {...params} />\n ) : definition.valueFormatter ? (\n definition.valueFormatter({ data, value })\n ) : (\n <span className=\"mtx-truncate\">{value instanceof Date ? value.toLocaleDateString() : String(value ?? \"\")}</span>\n )}\n </div>\n );\n })}\n </div>\n {expanded && row && (\n <div\n role=\"row\"\n aria-rowindex={(displayedIndices.get(rowId) ?? index) + 3}\n data-expanded-row-id={rowId}\n className=\"mtx-border-b mtx-border-gray-200 mtx-bg-gray-50\"\n style={{ width: totalWidth, minWidth: \"100%\" }}\n >\n <div\n role=\"gridcell\"\n id={panelId}\n aria-colspan={visibleColumns.length + (showCheckboxes ? 1 : 0) + (showExpanders ? 1 : 0)}\n className=\"mtx-p-4\"\n >\n {renderSubComponent?.({ row, api })}\n </div>\n </div>\n )}\n </React.Fragment>\n );\n}\n"],"names":["DataTableRowView","data","rowId","index","row","pinned","view","edit","editRef","updateEdit","api","table","detailId","displayedIndices","rowSelection","rowHeight","totalWidth","getRowClass","rowClassRules","onRowClick","showExpanders","expanderWidth","showCheckboxes","visibleColumns","definitionsById","activeCell","setFocusedCell","columnStyle","handleCellKeyDown","suppressClickEdit","editType","renderSubComponent","isDetailExpanded","editing","selected","expanded","panelId","jsxs","React","cn","test","name","event","target","selectionCell","jsx","IconButton","ChevronDown","ChevronRight","Checkbox","column","colIndex","definition","value","getCellValue","isEditing","params","Renderer","Editor","editorType","coerceNumber","parseDate","setValue","newValue","session","parsed","draft","setCellValue","parseErrors","error","previous","dataTableInputClass","toDateInputValue","parseDateInputValue"],"mappings":"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"}