@ghentcdh/json-forms-vue 1.1.1 → 2.0.0

package/{forms/FormWithActions.vue.d.ts → view/modal/ViewModal.vue.d.ts}

@@ -1,7 +1,8 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        actions?(_: {}): any;
+        'content-before'?(_: {}): any;
+        'content-after'?(_: {}): any;
     };
     refs: {
         formRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -25,21 +26,36 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             formData: {
-                type: import('vue').PropType<import('./FormComponent.properties').Data>;
+                type: import('vue').PropType<import('../../forms/FormComponent.properties').Data>;
                 default: () => {};
             };
             errorMode: {
-                type: import('vue').PropType<import('./errorMode').ErrorMode>;
+                type: import('vue').PropType<import('../..').ErrorMode>;
                 default: "onChanges";
             };
+            http: {
+                type: import('vue').PropType<import('../..').HttpClient>;
+                default: null;
+            };
+            renderers: {
+                type: import('vue').PropType<any[]>;
+                default: null;
+            };
         }>> & Readonly<{}>, {
             markSubmitted: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            errorMode: import('./errorMode').ErrorMode;
             disabled: boolean;
             name: string;
-            formData: import('./FormComponent.properties').Data;
+            readonly: boolean;
+            http: import('../..').HttpClient;
+            errorMode: import('../..').ErrorMode;
+            renderers: any[];
+            formData: import('../../forms/FormComponent.properties').Data;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLFormElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -68,105 +84,158 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             formData: {
-                type: import('vue').PropType<import('./FormComponent.properties').Data>;
+                type: import('vue').PropType<import('../../forms/FormComponent.properties').Data>;
                 default: () => {};
             };
             errorMode: {
-                type: import('vue').PropType<import('./errorMode').ErrorMode>;
+                type: import('vue').PropType<import('../..').ErrorMode>;
                 default: "onChanges";
             };
+            http: {
+                type: import('vue').PropType<import('../..').HttpClient>;
+                default: null;
+            };
+            renderers: {
+                type: import('vue').PropType<any[]>;
+                default: null;
+            };
         }>> & Readonly<{}>, {
             markSubmitted: () => void;
         }, {}, {}, {}, {
-            errorMode: import('./errorMode').ErrorMode;
             disabled: boolean;
             name: string;
-            formData: import('./FormComponent.properties').Data;
+            readonly: boolean;
+            http: import('../..').HttpClient;
+            errorMode: import('../..').ErrorMode;
+            renderers: any[];
+            formData: import('../../forms/FormComponent.properties').Data;
         }> | null;
     };
-    rootEl: HTMLDivElement;
+    rootEl: HTMLDialogElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
+    modalTitle: {
         type: StringConstructor;
         required: true;
     };
-    createTitle: {
+    closeLabel: {
         type: StringConstructor;
-        required: true;
+        default: string;
     };
-    updateTitle: {
+    editLabel: {
         type: StringConstructor;
+        default: string;
+    };
+    deleteLabel: {
+        type: StringConstructor;
+        default: string;
     };
     schema: {
         type: import('vue').PropType<any>;
+        required: true;
     };
     uiSchema: {
         type: import('vue').PropType<any>;
+        required: true;
     };
-    uri: {
-        type: StringConstructor;
+    modalSize: {
+        type: import('vue').PropType<import('../../../../core/src/index.ts').SizeType>;
+        default: string;
+    };
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
     };
-    scrollable: {
+    canEdit: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fullHeight: {
+    canDelete: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
+    data: {
         type: import('vue').PropType<any>;
-        default: () => {};
+        required: true;
+    };
+    renderers: {
+        type: import('vue').PropType<any[]>;
+        default: null;
     };
-    errorMode: {
-        type: import('vue').PropType<import('./errorMode').ErrorMode>;
-        default: "onBlur";
+    modelValue: {
+        type: import('vue').PropType<any>;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modalTitle: {
         type: StringConstructor;
         required: true;
     };
-    createTitle: {
+    closeLabel: {
         type: StringConstructor;
-        required: true;
+        default: string;
+    };
+    editLabel: {
+        type: StringConstructor;
+        default: string;
     };
-    updateTitle: {
+    deleteLabel: {
         type: StringConstructor;
+        default: string;
     };
     schema: {
         type: import('vue').PropType<any>;
+        required: true;
     };
     uiSchema: {
         type: import('vue').PropType<any>;
+        required: true;
     };
-    uri: {
-        type: StringConstructor;
+    modalSize: {
+        type: import('vue').PropType<import('../../../../core/src/index.ts').SizeType>;
+        default: string;
     };
-    scrollable: {
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    canEdit: {
         type: BooleanConstructor;
         default: boolean;
     };
-    fullHeight: {
+    canDelete: {
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
+    data: {
         type: import('vue').PropType<any>;
-        default: () => {};
+        required: true;
     };
-    errorMode: {
-        type: import('vue').PropType<import('./errorMode').ErrorMode>;
-        default: "onBlur";
+    renderers: {
+        type: import('vue').PropType<any[]>;
+        default: null;
+    };
+    modelValue: {
+        type: import('vue').PropType<any>;
     };
-}>> & Readonly<{}>, {
-    errorMode: import('./errorMode').ErrorMode;
-    modelValue: any;
-    scrollable: boolean;
-    fullHeight: boolean;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    onClose: () => void;
+    modalSize: "xs" | "sm" | "lg" | "xl";
+    renderers: any[];
+    closeLabel: string;
+    editLabel: string;
+    deleteLabel: string;
+    canEdit: boolean;
+    canDelete: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     formRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         id: {
@@ -189,21 +258,36 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         formData: {
-            type: import('vue').PropType<import('./FormComponent.properties').Data>;
+            type: import('vue').PropType<import('../../forms/FormComponent.properties').Data>;
             default: () => {};
         };
         errorMode: {
-            type: import('vue').PropType<import('./errorMode').ErrorMode>;
+            type: import('vue').PropType<import('../..').ErrorMode>;
             default: "onChanges";
         };
+        http: {
+            type: import('vue').PropType<import('../..').HttpClient>;
+            default: null;
+        };
+        renderers: {
+            type: import('vue').PropType<any[]>;
+            default: null;
+        };
     }>> & Readonly<{}>, {
         markSubmitted: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        errorMode: import('./errorMode').ErrorMode;
         disabled: boolean;
         name: string;
-        formData: import('./FormComponent.properties').Data;
+        readonly: boolean;
+        http: import('../..').HttpClient;
+        errorMode: import('../..').ErrorMode;
+        renderers: any[];
+        formData: import('../../forms/FormComponent.properties').Data;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLFormElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -232,23 +316,38 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         formData: {
-            type: import('vue').PropType<import('./FormComponent.properties').Data>;
+            type: import('vue').PropType<import('../../forms/FormComponent.properties').Data>;
             default: () => {};
         };
         errorMode: {
-            type: import('vue').PropType<import('./errorMode').ErrorMode>;
+            type: import('vue').PropType<import('../..').ErrorMode>;
             default: "onChanges";
         };
+        http: {
+            type: import('vue').PropType<import('../..').HttpClient>;
+            default: null;
+        };
+        renderers: {
+            type: import('vue').PropType<any[]>;
+            default: null;
+        };
     }>> & Readonly<{}>, {
         markSubmitted: () => void;
     }, {}, {}, {}, {
-        errorMode: import('./errorMode').ErrorMode;
         disabled: boolean;
         name: string;
-        formData: import('./FormComponent.properties').Data;
+        readonly: boolean;
+        http: import('../..').HttpClient;
+        errorMode: import('../..').ErrorMode;
+        renderers: any[];
+        formData: import('../../forms/FormComponent.properties').Data;
     }> | null;
-}, HTMLDivElement>;
+}, HTMLDialogElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/form.store.d.ts

@@ -1,8 +0,0 @@
-export declare class FormStore {
-    private readonly uri;
-    constructor(uri: string);
-    delete<T>(data: T & {
-        id?: string;
-    }): Promise<void>;
-    save<T>(id: string | null, data: T): Promise<any>;
-}

package/forms/FormWithActions.properties.d.ts

@@ -1,52 +0,0 @@
-import { ExtractPublicPropTypes, PropType } from 'vue';
-import { ErrorMode } from './errorMode';
-export declare const FormWithActionsProperties: {
-    /** Unique identifier used to namespace the inner form element. */
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** Title shown when creating a new record. */
-    createTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** Title shown when editing an existing record. Falls back to `createTitle` when omitted. */
-    updateTitle: {
-        type: StringConstructor;
-    };
-    /** JSON schema describing the shape of the form data. */
-    schema: {
-        type: PropType<any>;
-    };
-    /** UI schema describing the layout and controls. */
-    uiSchema: {
-        type: PropType<any>;
-    };
-    /** REST endpoint used by `FormStore` to persist data. When omitted the form emits `submit` instead. */
-    uri: {
-        type: StringConstructor;
-    };
-    /** Enable vertical scrolling inside the form area. */
-    scrollable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Stretch the collapse wrapper to full height. */
-    fullHeight: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Two-way bound form data object. */
-    modelValue: {
-        type: PropType<any>;
-        default: () => {};
-    };
-    /** When validation errors are shown (`'onBlur'`, `'onChange'`, `'onSubmit'`, `'always'`). */
-    errorMode: {
-        type: PropType<ErrorMode>;
-        default: "onBlur";
-    };
-};
-export type FormWithActionsProp = ExtractPublicPropTypes<typeof FormWithActionsProperties>;
-export declare const FormWithActionsEmits: string[];

package/forms/FormWithTable.properties.d.ts

@@ -1,65 +0,0 @@
-import { ExtractPublicPropTypes, PropType } from 'vue';
-import { JsonFormsLayout } from '../../../core/src/index.ts';
-import { TableAction } from '../../../../ui/src/index.ts';
-import { ErrorMode } from './errorMode';
-/** Generic record shape used by table rows. */
-export type Data = {
-    [key: string]: any;
-};
-export declare const FormWithTableProperties: {
-    /** Unique identifier used to namespace the inner table element. */
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** Heading displayed above the table. */
-    tableTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** Title shown in the modal when creating a new record. */
-    createTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** Title shown in the modal when editing a record. Falls back to `createTitle` when omitted. */
-    updateTitle: {
-        type: StringConstructor;
-    };
-    /** Override URI used to fetch table data. Defaults to `uri` when omitted. */
-    dataUri: {
-        type: StringConstructor;
-    };
-    /** Custom row actions rendered in the table. */
-    tableActions: {
-        type: PropType<TableAction[]>;
-    };
-    /** JSON Forms layout for the create/edit modal form. */
-    form: {
-        type: PropType<JsonFormsLayout>;
-    };
-    /** JSON Forms layout for the table. */
-    table: {
-        type: PropType<JsonFormsLayout>;
-    };
-    /** JSON Forms layout for the table filter. */
-    filter: {
-        type: PropType<JsonFormsLayout>;
-    };
-    /** REST endpoint used by `FormStore` for CRUD operations. */
-    uri: {
-        type: StringConstructor;
-    };
-    /** Default data pre-filled when creating a new record. */
-    initialData: {
-        type: PropType<Data>;
-        default: () => {};
-    };
-    /** When validation errors are shown in the modal form. */
-    errorMode: {
-        type: PropType<ErrorMode>;
-        default: "onBlur";
-    };
-};
-export type FormWithTableProp = ExtractPublicPropTypes<typeof FormWithTableProperties>;
-export declare const FormWithTableEmits: string[];

package/forms/FormWithTable.vue.d.ts

@@ -1,90 +0,0 @@
-import { Data } from './FormWithTable.properties';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    tableTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    createTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    updateTitle: {
-        type: StringConstructor;
-    };
-    dataUri: {
-        type: StringConstructor;
-    };
-    tableActions: {
-        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableAction[]>;
-    };
-    form: {
-        type: import('vue').PropType<import('../../../core/src/index.ts').JsonFormsLayout>;
-    };
-    table: {
-        type: import('vue').PropType<import('../../../core/src/index.ts').JsonFormsLayout>;
-    };
-    filter: {
-        type: import('vue').PropType<import('../../../core/src/index.ts').JsonFormsLayout>;
-    };
-    uri: {
-        type: StringConstructor;
-    };
-    initialData: {
-        type: import('vue').PropType<Data>;
-        default: () => {};
-    };
-    errorMode: {
-        type: import('vue').PropType<import('./errorMode').ErrorMode>;
-        default: "onBlur";
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    tableTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    createTitle: {
-        type: StringConstructor;
-        required: true;
-    };
-    updateTitle: {
-        type: StringConstructor;
-    };
-    dataUri: {
-        type: StringConstructor;
-    };
-    tableActions: {
-        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableAction[]>;
-    };
-    form: {
-        type: import('vue').PropType<import('../../../core/src/index.ts').JsonFormsLayout>;
-    };
-    table: {
-        type: import('vue').PropType<import('../../../core/src/index.ts').JsonFormsLayout>;
-    };
-    filter: {
-        type: import('vue').PropType<import('../../../core/src/index.ts').JsonFormsLayout>;
-    };
-    uri: {
-        type: StringConstructor;
-    };
-    initialData: {
-        type: import('vue').PropType<Data>;
-        default: () => {};
-    };
-    errorMode: {
-        type: import('vue').PropType<import('./errorMode').ErrorMode>;
-        default: "onBlur";
-    };
-}>> & Readonly<{}>, {
-    errorMode: import('./errorMode').ErrorMode;
-    initialData: Data;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/renderes/tester.d.ts

@@ -1,11 +0,0 @@
-export declare const isAutoCompleteControl: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isTextAreaControl: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isStringFormat: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isMarkdownControl: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isArrayRenderer: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isCustomControl: (customType: string) => import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isMultiselectControl: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isSelectControl: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isBooleanControl: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isNumberFormat: import('@jsonforms/core/src/testers/testers').Tester;
-export declare const isIntegerFormat: import('@jsonforms/core/src/testers/testers').Tester;

package/table/table.component.properties.d.ts

@@ -1,34 +0,0 @@
-import { JsonSchema, Layout } from '@jsonforms/core';
-import { PropType } from 'vue';
-import { TableAction } from '../../../../ui/src/index.ts';
-export declare const TableComponentProperties: {
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    uiSchema: {
-        type: PropType<Layout>;
-        required: true;
-    };
-    schema: {
-        type: PropType<JsonSchema>;
-        required: true;
-    };
-    filterUiSchema: {
-        type: PropType<Layout>;
-    };
-    filterSchema: {
-        type: PropType<JsonSchema>;
-    };
-    uri: {
-        type: StringConstructor;
-        required: true;
-    };
-    reload: {
-        type: NumberConstructor;
-    };
-    actions: {
-        type: PropType<TableAction[]>;
-    };
-};
-export declare const TableComponentEmits: string[];

package/table/table.component.vue.d.ts

@@ -1,60 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    uiSchema: {
-        type: import('vue').PropType<import('@jsonforms/core').Layout>;
-        required: true;
-    };
-    schema: {
-        type: import('vue').PropType<import('@jsonforms/core').JsonSchema>;
-        required: true;
-    };
-    filterUiSchema: {
-        type: import('vue').PropType<import('@jsonforms/core').Layout>;
-    };
-    filterSchema: {
-        type: import('vue').PropType<import('@jsonforms/core').JsonSchema>;
-    };
-    uri: {
-        type: StringConstructor;
-        required: true;
-    };
-    reload: {
-        type: NumberConstructor;
-    };
-    actions: {
-        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableAction[]>;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    uiSchema: {
-        type: import('vue').PropType<import('@jsonforms/core').Layout>;
-        required: true;
-    };
-    schema: {
-        type: import('vue').PropType<import('@jsonforms/core').JsonSchema>;
-        required: true;
-    };
-    filterUiSchema: {
-        type: import('vue').PropType<import('@jsonforms/core').Layout>;
-    };
-    filterSchema: {
-        type: import('vue').PropType<import('@jsonforms/core').JsonSchema>;
-    };
-    uri: {
-        type: StringConstructor;
-        required: true;
-    };
-    reload: {
-        type: NumberConstructor;
-    };
-    actions: {
-        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableAction[]>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;