@sphereon/ui-components.ssi-react 0.4.1-unstable.150 → 0.4.1-unstable.156

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { JsonForms } from '@jsonforms/react';
 import { materialCells } from '@jsonforms/material-renderers';
 import Ajv from 'ajv';
@@ -27,8 +27,13 @@ defaultAjv.addKeyword({
     }
 });
 const FormView = (props) => {
-    const { schema, uiSchema, validationMode = 'ValidateAndShow', renderers = jsonFormsMaterialRenderers, cells = materialCells, style, middleware, ajv = createFormViewAjv(), onFormStateChange, readonly = false, config, } = props;
+    const { schema, uiSchema, validationMode = 'ValidateAndShow', renderers = jsonFormsMaterialRenderers, cells = materialCells, style, middleware, onFormStateChange, readonly = false, config, } = props;
     const [data, setData] = useState(props.data);
+    const ajvRef = useRef(null);
+    if (!ajvRef.current) {
+        ajvRef.current = props.ajv ?? createFormViewAjv();
+    }
+    const ajv = ajvRef.current;
     useEffect(() => {
         const validate = ajv.compile(schema);
         const data = props.data;

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

@@ -6,6 +6,7 @@ type Props<T> = {
     data: Array<T>;
     columns: Array<ColumnHeader<T>>;
     onRowClick?: (data: Row<T>) => Promise<void>;
+    onRowDoubleClick?: (data: Row<T>) => Promise<void>;
     onDelete?: (rows: Array<T>) => Promise<void>;
     enableRowSelection?: boolean;
     enableRowHover?: boolean;

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

@@ -64,7 +64,7 @@ const toRowSelectionObject = (rows) => {
     return rowSelectionObject;
 };
 const SSITableView = (props) => {
-    const { columns, data, enableRowSelection = false, enableRowHover = true, enableFiltering = false, enableMostRecent = false, enableResultCount = false, columnResizeMode = 'onChange', actions = [], onRowClick, onDelete, pagination, } = props;
+    const { columns, data, enableRowSelection = false, enableRowHover = true, enableFiltering = false, enableMostRecent = false, enableResultCount = false, columnResizeMode = 'onChange', actions = [], onRowClick, onRowDoubleClick, onDelete, pagination, } = props;
     const [rowSelection, setRowSelection] = React.useState([]);
     const [focusedRowId, setFocusedRowId] = React.useState();
     const columnHelper = createColumnHelper();
@@ -125,6 +125,9 @@ const SSITableView = (props) => {
     const onRowClicked = async (row) => {
         await onRowClick?.(row);
     };
+    const onRowDoubleClicked = async (row) => {
+        await onRowDoubleClick?.(row);
+    };
     const onDeleteClicked = async () => {
         await onDelete?.(rowSelection.map((row) => row.rowData));
     };
@@ -139,7 +142,7 @@ const SSITableView = (props) => {
                                                     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(RowContainer, { enableHover: enableRowHover, onClick: () => onRowClicked(row), onMouseEnter: () => onFocusRow(row.id), onMouseLeave: () => onFocusRow(), style: { ...(row.getIsSelected() && { backgroundColor: selectionElementColors.selectedRow }) }, children: row.getVisibleCells().map((cell) => (_jsx(CellContainer, { style: {
+                                                } })] }, header.id))) }, headerGroup.id))) }), _jsx("tbody", { children: table.getRowModel().rows.map((row) => (_jsx(RowContainer, { enableHover: enableRowHover, onClick: () => onRowClicked(row), onDoubleClick: () => onRowDoubleClicked(row), onMouseEnter: () => onFocusRow(row.id), onMouseLeave: () => onFocusRow(), style: { ...(row.getIsSelected() && { backgroundColor: selectionElementColors.selectedRow }) }, children: row.getVisibleCells().map((cell) => (_jsx(CellContainer, { style: {
                                             ...(cell.column.columnDef.minSize && { minWidth: cell.column.columnDef.minSize }),
                                             ...(cell.column.columnDef.maxSize && { maxWidth: cell.column.columnDef.maxSize }),
                                             ...(cell.column.columnDef.size !== 0 && { width: cell.column.columnDef.size }),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.150+e27c532",
+  "version": "0.4.1-unstable.156+d6b27ae",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -50,7 +50,7 @@
     "@mui/x-date-pickers": "^8.18.0",
     "@sphereon/ssi-sdk.data-store": "0.34.1-feature.SSISDK.45.94",
     "@sphereon/ssi-types": "0.34.1-feature.SSISDK.45.94",
-    "@sphereon/ui-components.core": "0.4.1-unstable.150+e27c532",
+    "@sphereon/ui-components.core": "0.4.1-unstable.156+d6b27ae",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -72,5 +72,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "e27c53203d953d818206ce6f82569a5c2f7302e1"
+  "gitHead": "d6b27ae43b9848ce42f6ac5b26a3c6f7e2faf02e"
 }