@sphereon/ui-components.ssi-react 0.4.1-unstable.143 → 0.4.1-unstable.145

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactElement } from 'react';
 import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry, JsonSchema, Middleware, UISchemaElement, ValidationMode } from '@jsonforms/core';
-import { JSONFormState } from '../../../types';
 import Ajv from 'ajv';
+import { JSONFormState } from '../../../types';
 type Props<DataType = Record<any, any>> = {
     schema: JsonSchema;
     uiSchema: UISchemaElement;

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

@@ -3,30 +3,9 @@ import { useEffect, useState } from 'react';
 import { JsonForms } from '@jsonforms/react';
 import { materialCells } from '@jsonforms/material-renderers';
 import { jsonFormsMaterialRenderers } from '../../../renders/jsonFormsRenders';
-import Ajv from 'ajv';
-import addFormats from "ajv-formats";
-import { formatDate } from '../../../helpers';
-const defaultAjv = new Ajv({ useDefaults: true });
-addFormats(defaultAjv);
-defaultAjv.addKeyword({
-    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;
-    }
-});
+import { createFormViewAjv } from '../../../utils/Ajv';
 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, ajv = createFormViewAjv(), onFormStateChange, readonly = false, config, } = props;
     const [data, setData] = useState(props.data);
     useEffect(() => {
         const validate = ajv.compile(schema);
@@ -37,4 +16,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 isDateFormatKeyword: {
+    keyword: string;
+    modifying: boolean;
+    validate: (schema: DateFormat, data: any, parentSchema: AnySchemaObject | undefined, dataCxt: DataValidationCxt<string | number> | undefined) => 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(isDateFormatKeyword);
+    return ajv;
+};
+export const isDateFormatKeyword = {
+    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.143+b6d6446",
+  "version": "0.4.1-unstable.145+a269d2a",
   "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.143+b6d6446",
+    "@sphereon/ui-components.core": "0.4.1-unstable.145+a269d2a",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -72,5 +72,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "b6d6446e842977f9db997691530c47194df65f7a"
+  "gitHead": "a269d2ac92bc763a502f84a0b125d6d931b0501f"
 }