@sphereon/ui-components.ssi-react 0.1.2-next.11 → 0.1.2-next.13

package/dist/components/views/SSITableView/index.d.ts

@@ -1,9 +1,10 @@
 import { ReactElement } from 'react';
-import { ColumnResizeMode } from '@tanstack/react-table';
+import { ColumnResizeMode, Row } from '@tanstack/react-table';
 import { Button, ColumnHeader } from '../../../types';
 export type Props<T> = {
     data: Array<T>;
     columns: Array<ColumnHeader<T>>;
+    onRowClick?: (data: Row<T>) => Promise<void>;
     enableRowSelection?: boolean;
     enableFiltering?: boolean;
     columnResizeMode?: ColumnResizeMode;

package/dist/components/views/SSITableView/index.js

@@ -27,7 +27,7 @@ const getCellFormatting = (type, value) => {
     }
 };
 const SSITableView = (props) => {
-    const { columns, data, enableRowSelection = false, enableFiltering = false, columnResizeMode = 'onChange', actions = [] } = props;
+    const { columns, data, enableRowSelection = false, enableFiltering = false, columnResizeMode = 'onChange', actions = [], onRowClick } = props;
     const [rowSelection, setRowSelection] = React.useState({});
     const columnHelper = createColumnHelper();
     let availableColumns = columns.map((header) => columnHelper.accessor(header.accessor, {
@@ -65,10 +65,15 @@ const SSITableView = (props) => {
         columnResizeMode,
         getCoreRowModel: getCoreRowModel(),
     });
+    const onRowClicked = async (row) => {
+        if (onRowClick) {
+            await onRowClick(row);
+        }
+    };
     return (_jsx(SSITableViewContainerStyled, { children: _jsxs("div", { className: "overflow-x-auto", children: [_jsx(SSITableViewHeader, { actions: actions, enableFiltering: enableFiltering }), _jsxs(SSITableViewTableContainerStyled, { style: { width: table.getCenterTotalSize() }, children: [_jsx("thead", { children: table.getHeaderGroups().map((headerGroup) => (_jsx(SSITableViewRowContainerStyled, { children: headerGroup.headers.map((header) => (_jsxs(SSITableViewHeaderCellContainerStyled, { colSpan: header.colSpan, style: { width: header.getSize() }, children: [header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), _jsx("div", { className: `resizer ${header.column.getIsResizing() ? 'isResizing' : ''}`, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), style: {
                                                 transform: columnResizeMode === 'onEnd' && header.column.getIsResizing()
                                                     ? `translateX(${table.getState().columnSizingInfo.deltaOffset}px)`
                                                     : '',
-                                            } })] }, header.id))) }, headerGroup.id))) }), _jsx("tbody", { children: table.getRowModel().rows.map((row) => (_jsx(SSITableViewRowContainerStyled, { children: row.getVisibleCells().map((cell) => (_jsx(SSITableViewCellContainerStyled, { style: { width: cell.column.getSize() }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id))) })] })] }) }));
+                                            } })] }, header.id))) }, headerGroup.id))) }), _jsx("tbody", { children: table.getRowModel().rows.map((row) => (_jsx(SSITableViewRowContainerStyled, { onClick: () => onRowClicked(row), children: row.getVisibleCells().map((cell) => (_jsx(SSITableViewCellContainerStyled, { style: { width: cell.column.getSize() }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id))) })] })] }) }));
 };
 export default SSITableView;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.2-next.11+1a44f32",
+  "version": "0.1.2-next.13+9f87811",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -28,7 +28,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sphereon/ui-components.core": "0.1.2-next.11+1a44f32",
+    "@sphereon/ui-components.core": "0.1.2-next.13+9f87811",
     "@tanstack/react-table": "^8.9.3",
     "styled-components": "^5.3.3"
   },
@@ -40,5 +40,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "1a44f3296f14e9d6ede9349817dc380594956f14"
+  "gitHead": "9f87811aeb9436f1a8ddbb7757aba7eebb1ef855"
 }