@ghentcdh/json-forms-vue 1.1.1 → 2.0.0

package/forms/renderers/controls/readonly/displayValue/displayValue.properties.d.ts

@@ -0,0 +1,23 @@
+import { PropType } from 'vue';
+export declare const DisplayValueProperties: {
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<unknown>;
+        required: true;
+    };
+};

package/forms/renderers/controls/readonly/displayValue/formatDate.d.ts

@@ -0,0 +1,25 @@
+export type FormatDateOptions = {
+    /** Append the time after the date. @default true */
+    withTime?: boolean;
+    /** Append a relative suffix (e.g. "4 days ago"). @default false */
+    relative?: boolean;
+    /** BCP-47 locale. @default 'en-GB' */
+    locale?: string;
+    /**
+     * IANA time zone used for rendering. Stored values are UTC, so the default
+     * keeps the displayed value deterministic and aligned with the data.
+     * @default 'UTC'
+     */
+    timeZone?: string;
+    /** Reference point for the relative suffix. @default new Date() */
+    now?: Date;
+};
+/**
+ * Format an ISO date/date-time string (or Date) for readonly display.
+ * Returns `null` for empty or unparseable input so callers can show a
+ * placeholder.
+ */
+export declare const formatDate: (value: unknown, { withTime, locale, timeZone, }?: FormatDateOptions) => string | null;
+export declare const relativeDate: (value: unknown, { locale, now }?: FormatDateOptions) => string | undefined;
+export declare const parseDate: (value: string | Date | any) => Date | null;
+export declare const isDate: (value: string | Date | any) => boolean;

package/forms/renderers/controls/readonly/displayValue/index.d.ts

@@ -0,0 +1 @@
+export { default as ViewDetailValue } from './ViewDetailValue.vue';

package/forms/renderers/{layout/LayoutRenders.d.ts → controls/readonly/index.d.ts}

@@ -1,10 +1,10 @@
-export declare const layoutRenderes: {
-    tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+export declare const readonlyControlRenderers: {
+    tester: import('../../../../testers/jsonforms-testers').RankedTester;
     renderer: import('vue').DefineComponent<{
-        uischema: import('@jsonforms/core').UISchemaElement;
+        uischema: import('@jsonforms/core').ControlElement;
         schema: import('@jsonforms/core').JsonSchema;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        uischema: import('@jsonforms/core').UISchemaElement;
+        uischema: import('@jsonforms/core').ControlElement;
         schema: import('@jsonforms/core').JsonSchema;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 }[];

package/forms/renderers/controls/readonly/useDisplayValue.d.ts

@@ -0,0 +1 @@
+export declare const useDisplayValue: (value: any, formValues: any, opts: any) => any;

package/forms/renderers/controls/{composable/resource.d.ts → resource.d.ts}

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import { HttpClient } from '../../../http-client';
 /** Supported HTTP methods for resource operations. */
 export declare const MethodSchema: z.ZodEnum<{
     delete: "delete";
@@ -6,6 +7,11 @@ export declare const MethodSchema: z.ZodEnum<{
     post: "post";
     put: "put";
     patch: "patch";
+    GET: "GET";
+    POST: "POST";
+    DELETE: "DELETE";
+    PUT: "PUT";
+    PATCH: "PATCH";
 }>;
 export type Method = z.infer<typeof MethodSchema>;
 export declare const OperationSchema: z.ZodObject<{
@@ -16,6 +22,11 @@ export declare const OperationSchema: z.ZodObject<{
         post: "post";
         put: "put";
         patch: "patch";
+        GET: "GET";
+        POST: "POST";
+        DELETE: "DELETE";
+        PUT: "PUT";
+        PATCH: "PATCH";
     }>;
 }, z.core.$strip>;
 export type Operation = z.infer<typeof OperationSchema>;
@@ -27,6 +38,11 @@ export declare const OperationsSchema: z.ZodUnion<[z.ZodString, z.ZodObject<{
         post: "post";
         put: "put";
         patch: "patch";
+        GET: "GET";
+        POST: "POST";
+        DELETE: "DELETE";
+        PUT: "PUT";
+        PATCH: "PATCH";
     }>;
 }, z.core.$strip>]>;
 export declare const BooleanOperationSchema: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
@@ -37,6 +53,11 @@ export declare const BooleanOperationSchema: z.ZodDefault<z.ZodOptional<z.ZodUni
         post: "post";
         put: "put";
         patch: "patch";
+        GET: "GET";
+        POST: "POST";
+        DELETE: "DELETE";
+        PUT: "PUT";
+        PATCH: "PATCH";
     }>;
 }, z.core.$strip>]>>>;
 /**
@@ -63,6 +84,11 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
                 post: "post";
                 put: "put";
                 patch: "patch";
+                GET: "GET";
+                POST: "POST";
+                DELETE: "DELETE";
+                PUT: "PUT";
+                PATCH: "PATCH";
             }>;
         }, z.core.$strip>]>>>;
         findOne: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
@@ -73,6 +99,11 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
                 post: "post";
                 put: "put";
                 patch: "patch";
+                GET: "GET";
+                POST: "POST";
+                DELETE: "DELETE";
+                PUT: "PUT";
+                PATCH: "PATCH";
             }>;
         }, z.core.$strip>]>>>;
         create: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
@@ -83,6 +114,11 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
                 post: "post";
                 put: "put";
                 patch: "patch";
+                GET: "GET";
+                POST: "POST";
+                DELETE: "DELETE";
+                PUT: "PUT";
+                PATCH: "PATCH";
             }>;
         }, z.core.$strip>]>>>;
         update: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
@@ -93,6 +129,11 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
                 post: "post";
                 put: "put";
                 patch: "patch";
+                GET: "GET";
+                POST: "POST";
+                DELETE: "DELETE";
+                PUT: "PUT";
+                PATCH: "PATCH";
             }>;
         }, z.core.$strip>]>>>;
         delete: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodBoolean, z.ZodObject<{
@@ -103,6 +144,11 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
                 post: "post";
                 put: "put";
                 patch: "patch";
+                GET: "GET";
+                POST: "POST";
+                DELETE: "DELETE";
+                PUT: "PUT";
+                PATCH: "PATCH";
             }>;
         }, z.core.$strip>]>>>;
         lookup: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodObject<{
@@ -113,6 +159,11 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
                 post: "post";
                 put: "put";
                 patch: "patch";
+                GET: "GET";
+                POST: "POST";
+                DELETE: "DELETE";
+                PUT: "PUT";
+                PATCH: "PATCH";
             }>;
         }, z.core.$strip>]>>;
     }, z.core.$strip>;
@@ -120,50 +171,68 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
         ui: z.ZodOptional<z.ZodAny>;
         data: z.ZodAny;
     }, z.core.$strip>>;
+    schemas: z.ZodOptional<z.ZodObject<{
+        form: z.ZodOptional<z.ZodObject<{
+            ui: z.ZodOptional<z.ZodAny>;
+            data: z.ZodAny;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
 }, z.core.$strip>, z.ZodTransform<{
     schema: {
         data: any;
         ui?: any;
-    } | undefined;
-    operations: Record<"create" | "delete" | "update" | "lookup" | "findAll" | "findOne", {
+    };
+    operations: Record<"delete" | "create" | "update" | "findAll" | "findOne" | "lookup", {
         uri: string;
-        method: "delete" | "get" | "post" | "put" | "patch";
+        method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
     } | null>;
     id: string;
     uri: string;
+    schemas?: {
+        form?: {
+            data: any;
+            ui?: any;
+        } | undefined;
+    } | undefined;
 }, {
     id: string;
     uri: string;
     operations: {
         findAll: boolean | {
             uri: string;
-            method: "delete" | "get" | "post" | "put" | "patch";
+            method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
         };
         findOne: boolean | {
             uri: string;
-            method: "delete" | "get" | "post" | "put" | "patch";
+            method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
         };
         create: boolean | {
             uri: string;
-            method: "delete" | "get" | "post" | "put" | "patch";
+            method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
         };
         update: boolean | {
             uri: string;
-            method: "delete" | "get" | "post" | "put" | "patch";
+            method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
         };
         delete: boolean | {
             uri: string;
-            method: "delete" | "get" | "post" | "put" | "patch";
+            method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
         };
         lookup?: string | {
             uri: string;
-            method: "delete" | "get" | "post" | "put" | "patch";
+            method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
         } | undefined;
     };
     schema?: {
         data: any;
         ui?: any;
     } | undefined;
+    schemas?: {
+        form?: {
+            data: any;
+            ui?: any;
+        } | undefined;
+    } | undefined;
 }>>;
 /**
  * Fetches and validates a resource definition from the given URI.
@@ -173,15 +242,21 @@ export declare const ResourceSchema: z.ZodPipe<z.ZodObject<{
  * @returns Parsed and normalized resource with resolved operations and schemas.
  * @throws If the response does not match {@link ResourceSchema}.
  */
-export declare const getResourceSchema: (resourceUri: string, skipAuth: boolean) => Promise<{
+export declare const getResourceSchema: (resourceUri: string, http: HttpClient) => Promise<{
     schema: {
         data: any;
         ui?: any;
-    } | undefined;
-    operations: Record<"create" | "delete" | "update" | "lookup" | "findAll" | "findOne", {
+    };
+    operations: Record<"delete" | "create" | "update" | "findAll" | "findOne" | "lookup", {
         uri: string;
-        method: "delete" | "get" | "post" | "put" | "patch";
+        method: "delete" | "get" | "post" | "put" | "patch" | "GET" | "POST" | "DELETE" | "PUT" | "PATCH";
     } | null>;
     id: string;
     uri: string;
+    schemas?: {
+        form?: {
+            data: any;
+            ui?: any;
+        } | undefined;
+    } | undefined;
 }>;

package/forms/renderers/index.d.ts

@@ -1,3 +1,43 @@
-export * from './controls';
-export * from './layout/LayoutRenders';
 export * from './array/ArrayRenderers';
+export * from './controls';
+export * from './controls/composables/useControlBinding';
+export * from './controls/readonly';
+export * from './layout/LayoutRenderers';
+export declare const customRenderers: ({
+    tester: import('../../testers/jsonforms-testers').RankedTester;
+    renderer: import('vue').DefineComponent<{
+        uischema: import('@jsonforms/core').UISchemaElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        uischema: import('@jsonforms/core').UISchemaElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+} | {
+    tester: import('../../testers/jsonforms-testers').RankedTester;
+    renderer: import('vue').DefineComponent<{
+        uischema: import('@jsonforms/core').ControlElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        uischema: import('@jsonforms/core').ControlElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+})[];
+export declare const readonlyRenderers: ({
+    tester: import('../../testers/jsonforms-testers').RankedTester;
+    renderer: import('vue').DefineComponent<{
+        uischema: import('@jsonforms/core').UISchemaElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        uischema: import('@jsonforms/core').UISchemaElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+} | {
+    tester: import('../../testers/jsonforms-testers').RankedTester;
+    renderer: import('vue').DefineComponent<{
+        uischema: import('@jsonforms/core').ControlElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+        uischema: import('@jsonforms/core').ControlElement;
+        schema: import('@jsonforms/core').JsonSchema;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+})[];

package/forms/{renderes.d.ts → renderers/layout/LayoutRenderers.d.ts}

@@ -1,19 +1,20 @@
-export declare const customRenderes: ({
-    tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+export declare const layoutRenderers: {
+    tester: import('../../../testers/jsonforms-testers').RankedTester;
     renderer: import('vue').DefineComponent<{
-        uischema: import('@jsonforms/core').ControlElement;
+        uischema: import('@jsonforms/core').UISchemaElement;
         schema: import('@jsonforms/core').JsonSchema;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        uischema: import('@jsonforms/core').ControlElement;
+        uischema: import('@jsonforms/core').UISchemaElement;
         schema: import('@jsonforms/core').JsonSchema;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-} | {
-    tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+}[];
+export declare const readonlyLayoutRenderers: {
+    tester: import('../../../testers/jsonforms-testers').RankedTester;
     renderer: import('vue').DefineComponent<{
         uischema: import('@jsonforms/core').UISchemaElement;
         schema: import('@jsonforms/core').JsonSchema;
     }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
         uischema: import('@jsonforms/core').UISchemaElement;
         schema: import('@jsonforms/core').JsonSchema;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-})[];
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}[];

package/forms/renderers/layout/ReadOnlyLayoutRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { JsonSchema, UISchemaElement } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: UISchemaElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/http-client.d.ts

@@ -0,0 +1,14 @@
+export interface HttpClient {
+    get<T = any>(url: string, config?: any): Promise<{
+        data: T;
+    }>;
+    post<T = any>(url: string, data?: any, config?: any): Promise<{
+        data: T;
+    }>;
+    patch<T = any>(url: string, data?: any, config?: any): Promise<{
+        data: T;
+    }>;
+    delete<T = any>(url: string, config?: any): Promise<{
+        data: T;
+    }>;
+}

package/index.d.ts

@@ -1,12 +1,19 @@
-export * from './forms/modal/FormModal.properties';
-export * from './table';
-export * from './repository';
-export * from './composables/useFormEvents';
+export { default as ReadonlyLabel } from './forms/renderers/controls/readonly/ReadonlyLabel.vue';
 export type { ErrorMode } from './forms/errorMode';
-export { formatError, registerZodErrorMap } from './forms/errorMessages';
+export type { HttpClient } from './http-client';
+export type { FormModalProp, FormModalResult, } from './forms/modal/FormModal.properties';
+export { useControlBinding, useCustomControlBinding, } from './forms/renderers/controls/composables/useControlBinding';
+export * from './forms/renderers/controls/composables/useReadonlyBinding';
+export { useDisplayValue } from './forms/renderers/controls/readonly/useDisplayValue';
+export * from './composables/useFormEvents';
+export { provideHttpClient, useHttpClient } from './composables/useHttpClient';
 export { default as JsonForm } from './forms/FormComponent.vue';
-export { default as JsonFormWithActions } from './forms/FormWithActions.vue';
-export { default as JsonFormWithTable } from './forms/FormWithTable.vue';
 export { default as JsonFormModal } from './forms/modal/FormModal.vue';
+export { FormModalEmits, FormModalProperties, } from './forms/modal/FormModal.properties';
 export { JsonFormModalService } from './forms/modal/FormModalService';
-export { customRenderes as veeRenderers } from './forms/renderes';
+export { customRenderers, readonlyRenderers } from './forms/renderers';
+export { optionIsIgnoreCase } from './testers/tester';
+export { formatError, registerZodErrorMap } from './forms/errorMessages';
+export * from './repository';
+export * from './table';
+export * from './forms/renderers/controls/readonly/displayValue';