@sphereon/ui-components.ssi-react 0.4.1-unstable.149 → 0.4.1-unstable.151

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

@@ -1,10 +1,11 @@
 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';
 import addFormats from "ajv-formats";
 import { formatDate } from '../../../helpers';
+import { createFormViewAjv } from '../../../utils/Ajv';
 import { jsonFormsMaterialRenderers } from '../../../renders/jsonFormsRenders';
 const defaultAjv = new Ajv({ useDefaults: true });
 addFormats(defaultAjv);
@@ -26,8 +27,13 @@ defaultAjv.addKeyword({
     }
 });
 const FormView = (props) => {
-    const { schema, uiSchema, validationMode = 'ValidateAndShow', renderers = jsonFormsMaterialRenderers, cells = materialCells, style, middleware, ajv = defaultAjv, 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;
@@ -37,4 +43,4 @@ const FormView = (props) => {
     return (_jsx("div", { style: style, children: _jsx(JsonForms, { schema: schema, uischema: uiSchema, data: data, renderers: renderers, cells: cells, onChange: onFormStateChange, validationMode: validationMode, middleware: middleware, ajv: ajv, readonly: readonly, config: config }) }));
 };
 export default FormView;
-export const getFormViewAjv = () => defaultAjv;
+export const getFormViewAjv = () => createFormViewAjv();

package/dist/utils/Ajv.d.ts

@@ -0,0 +1,9 @@
+import { DateFormat } from '../helpers';
+import Ajv, { AnySchemaObject } from 'ajv';
+import { DataValidationCxt } from 'ajv/dist/types';
+export declare const createFormViewAjv: () => Ajv;
+export declare const isDateFormatAjvKeyword: {
+    keyword: string;
+    modifying: boolean;
+    validate: (schema: DateFormat, data: any, parentSchema?: AnySchemaObject, dataCxt?: DataValidationCxt) => boolean;
+};

package/dist/utils/Ajv.js

@@ -0,0 +1,26 @@
+import { formatDate } from '../helpers';
+import Ajv from 'ajv';
+import addFormats from 'ajv-formats';
+export const createFormViewAjv = () => {
+    const ajv = new Ajv({ useDefaults: true });
+    addFormats(ajv);
+    ajv.addKeyword(isDateFormatAjvKeyword);
+    return ajv;
+};
+export const isDateFormatAjvKeyword = {
+    keyword: 'isoDateFormat',
+    modifying: true,
+    validate: (schema, data, parentSchema, dataCxt) => {
+        if (typeof data === 'string') {
+            if (!dataCxt?.parentData || dataCxt.parentDataProperty === undefined) {
+                return true;
+            }
+            const formatted = formatDate(data, schema);
+            if (formatted && formatted !== 'Invalid date') {
+                dataCxt.parentData[dataCxt.parentDataProperty] = formatted;
+            }
+            return true;
+        }
+        return false;
+    }
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.149+0c03f45",
+  "version": "0.4.1-unstable.151+b3cd72d",
   "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.149+0c03f45",
+    "@sphereon/ui-components.core": "0.4.1-unstable.151+b3cd72d",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -72,5 +72,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "0c03f4551d5f06113f7d789b9310ef8ddacfb018"
+  "gitHead": "b3cd72dcef59c82c8fe454666e0d77f00a98f815"
 }