@ghentcdh/json-forms-vue 1.1.1 → 2.0.0

package/package.json

@@ -1,20 +1,19 @@
 {
   "name": "@ghentcdh/json-forms-vue",
-  "version": "1.1.1",
-  "type": "module",
-  "main": "./index.cjs",
-  "module": "./index.js",
+  "version": "2.0.0",
+  "main": "./index.js",
+  "module": "./index.mjs",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "import": "./index.js",
-      "require": "./index.cjs"
+      "import": "./index.mjs",
+      "require": "./index.js"
     },
     "./testing": {
       "types": "./testing/index.d.ts",
-      "import": "./testing.js",
-      "require": "./testing.cjs"
+      "import": "./testing.mjs",
+      "require": "./testing.js"
     },
     "./index.css": "./index.css"
   },
@@ -30,28 +29,21 @@
       "optional": true
     }
   },
+  "dependencies": {
+    "vee-validate": ">=4.0.0",
+    "zod": "^4.0.0"
+  },
   "peerDependencies": {
     "@playwright/test": ">=1.50.0",
     "@ghentcdh/json-forms-core": ">=0.0.1",
-    "@ghentcdh/tools-vue": ">=0.6.0",
     "@ghentcdh/ui": ">=0.6.0",
-    "@jsonforms/core": "^3.4.0",
-    "@vueuse/core": "^14.0.0",
-    "axios": "^1.0.0",
-    "lodash-es": "^4.17.0",
     "vue": "^3.5.0",
-    "vee-validate": ">=4.0.0",
-    "vue-router": "^5.0.0",
-    "zod": "^4.0.0"
+    "vue-router": "^5.0.0"
   },
   "devDependencies": {
-    "@jsonforms/core": "3.7.0",
-    "@vueuse/core": "14.2.1",
-    "axios": "1.13.5",
-    "lodash-es": "4.17.23",
+    "@jsonforms/core": "^3.4.0",
     "vue": "3.5.29",
-    "vue-router": "5.0.3",
-    "zod": "4.3.6"
+    "vue-router": "5.0.3"
   },
   "publishConfig": {
     "access": "public"

package/repository/{crud.repository.d.ts → CrudRepository.d.ts}

@@ -1,10 +1,10 @@
-import { AxiosRequestInterceptorUse } from 'axios';
+import { HttpClient } from '../http-client';
 type RequestOptions = {
     skipAuth?: boolean;
     queryParams?: Record<string, any>;
     contentType?: string;
 };
-export type HttpRequest<T> = AxiosRequestInterceptorUse<any>;
+export type HttpRequest<T> = HttpClient;
 export type NotificationStore = {
     info: (message: string) => void;
     error: (message: string) => void;
@@ -23,10 +23,12 @@ export declare const createRepository: <T extends {
 }>(formSchemaModel: {
     uri: string;
 }, httpRequest: HttpRequest<T>, options?: RepositoryOptions) => {
-    create: (object: T, options?: RequestOptions) => any;
-    patch: (id: string, object: T, options?: RequestOptions) => any;
-    createMulti: (objects: T[], options?: RequestOptions) => Promise<any>;
-    delete: (id: string, options?: RequestOptions) => any;
-    get: (id: string, options?: RequestOptions) => any;
+    create: (object: T, options?: RequestOptions) => Promise<any>;
+    patch: (id: string, object: T, options?: RequestOptions) => Promise<any>;
+    createMulti: (objects: T[], options?: RequestOptions) => Promise<void | any[]>;
+    delete: (id: string, options?: RequestOptions) => Promise<void | {
+        data: any;
+    }>;
+    get: (id: string, options?: RequestOptions) => Promise<any>;
 };
 export {};

package/repository/index.d.ts

@@ -1 +1 @@
-export * from './crud.repository';
+export * from './CrudRepository';

package/table/TableComponent.properties.d.ts

@@ -0,0 +1,49 @@
+import { JsonSchema, Layout } from '@jsonforms/core';
+import { PropType } from 'vue';
+import { TableAction, TablePage, TableSort } from '../../../../ui/src/index.ts';
+import { CellRendererEntry } from './cells';
+export declare const TableComponentProperties: {
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    uiSchema: {
+        type: PropType<Layout>;
+        required: true;
+    };
+    schema: {
+        type: PropType<JsonSchema>;
+        required: true;
+    };
+    reload: {
+        type: NumberConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    multiselect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    actions: {
+        type: PropType<TableAction[]>;
+    };
+    data: {
+        type: PropType<any[]>;
+    };
+    page: {
+        type: PropType<TablePage>;
+    };
+    sort: {
+        type: PropType<TableSort>;
+    };
+    cellRenderers: {
+        type: PropType<CellRendererEntry[]>;
+    };
+    hidePagination: {
+        type: BooleanConstructor;
+        default: false;
+    };
+};
+export declare const TableComponentEmits: string[];

package/table/TableComponent.vue.d.ts

@@ -0,0 +1,92 @@
+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;
+    };
+    reload: {
+        type: NumberConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    multiselect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    actions: {
+        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableAction[]>;
+    };
+    data: {
+        type: import('vue').PropType<any[]>;
+    };
+    page: {
+        type: import('vue').PropType<import('../../../../ui/src/index.ts').TablePage>;
+    };
+    sort: {
+        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableSort>;
+    };
+    cellRenderers: {
+        type: import('vue').PropType<import('./cells').CellRendererEntry[]>;
+    };
+    hidePagination: {
+        type: BooleanConstructor;
+        default: false;
+    };
+}>, {}, {}, {}, {}, 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;
+    };
+    reload: {
+        type: NumberConstructor;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    multiselect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    actions: {
+        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableAction[]>;
+    };
+    data: {
+        type: import('vue').PropType<any[]>;
+    };
+    page: {
+        type: import('vue').PropType<import('../../../../ui/src/index.ts').TablePage>;
+    };
+    sort: {
+        type: import('vue').PropType<import('../../../../ui/src/index.ts').TableSort>;
+    };
+    cellRenderers: {
+        type: import('vue').PropType<import('./cells').CellRendererEntry[]>;
+    };
+    hidePagination: {
+        type: BooleanConstructor;
+        default: false;
+    };
+}>> & Readonly<{}>, {
+    multiselect: boolean;
+    loading: boolean;
+    hidePagination: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/table/TableToolbar.vue.d.ts

@@ -0,0 +1,36 @@
+type Action = any;
+type __VLS_Props = {
+    /** JSON Schema for filterable columns — keys are field ids, titles are labels. */
+    filterSchema?: Record<string, any>;
+    /** Active filter strings in wire format, e.g. ["title:foo:contains"]. */
+    filters?: string[];
+    /** Current search query (the `q` lookup param). */
+    search?: string;
+    actions?: Action[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    action: (action: any) => any;
+    updateSearch: (q: string) => any;
+    updateFilters: (filters: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: ((action: any) => any) | undefined;
+    onUpdateSearch?: ((q: string) => any) | undefined;
+    onUpdateFilters?: ((filters: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/table/cells/index.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'vue';
+import { TextCellType } from '../../../../core/src/index.ts';
+export interface CellRendererEntry {
+    tester: (element: TextCellType) => number;
+    renderer: Component;
+}
+export declare const cellTypeIs: (type: string, rank: number) => CellRendererEntry["tester"];
+export declare const cellFormatIs: (format: string, rank: number) => CellRendererEntry["tester"];
+export declare const findCellRenderer: (registry: CellRendererEntry[], element: TextCellType) => Component | undefined;
+export declare const defaultCellRenderers: CellRendererEntry[];

package/table/filter/{table-filter.vue.d.ts → FilterRowInput.vue.d.ts}

@@ -1,13 +1,17 @@
-import { Filter, JsonFormsLayout } from '../../../../core/src/index.ts';
+import { Filter } from '../../../../core/src/index.ts';
+export type FieldOption = {
+    label: string;
+    value: string;
+};
 type __VLS_Props = {
-    layout: JsonFormsLayout;
-    filters: Filter[];
+    modelValue: Filter;
+    fields: FieldOption[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    changeFilters: (data: any) => any;
-    removeFilter: (filter: Filter) => any;
+    remove: () => any;
+    "update:modelValue": (value: Filter) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChangeFilters?: ((data: any) => any) | undefined;
-    onRemoveFilter?: ((filter: Filter) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Filter) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/table/filter/TableFilter.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    /** Active filter strings from the URL, e.g. ["title:foo:contains"] */
+    filters: string[];
+    /** JSON Schema for filterable columns — keys are field ids, titles are labels */
+    filterSchema?: Record<string, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    changeFilters: (filters: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onChangeFilters?: ((filters: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/table/index.d.ts

@@ -1,2 +1,6 @@
-export { default as TableComponent } from './table.component.vue';
-export * from './table.component.properties';
+export { default as TableComponent } from './TableComponent.vue';
+export { default as TableToolbar } from './TableToolbar.vue';
+export { default as TableFilter } from './filter/TableFilter.vue';
+export { default as FilterRowInput } from './filter/FilterRowInput.vue';
+export * from './TableComponent.properties';
+export * from './cells';

package/testers/__tests__/jsonforms-testers.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/testers/__tests__/tester.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/testers/jsonforms-testers.d.ts

@@ -0,0 +1,27 @@
+import { JsonSchema, UISchemaElement } from '@jsonforms/core';
+/**
+ * Local re-implementation of the handful of JSON Forms tester combinators this
+ * library uses at runtime. JSON Forms is otherwise only needed for its types,
+ * so this lets `@jsonforms/core` stay a type-only (dev) dependency.
+ *
+ * Note: in this library `findRenderer` always invokes testers with the schema
+ * already resolved for the control's scope (see `Dispatch.vue`). `schemaTypeIs`
+ * therefore compares against the resolved sub-schema directly and does not need
+ * to walk `uischema.scope` against a root schema.
+ */
+export type Tester = (uischema: UISchemaElement, schema: JsonSchema, context?: unknown) => boolean;
+export type RankedTester = (uischema: UISchemaElement, schema: JsonSchema, context?: unknown) => number;
+/** Returned by a ranked tester when it does not apply. */
+export declare const NOT_APPLICABLE = -1;
+/** Wrap a boolean tester so it returns `rank` when it matches, `-1` otherwise. */
+export declare const rankWith: (rank: number, tester: Tester) => RankedTester;
+/** Matches only when every supplied tester matches. */
+export declare const and: (...testers: Tester[]) => Tester;
+/** Matches when at least one supplied tester matches. */
+export declare const or: (...testers: Tester[]) => Tester;
+/** Matches when the UI schema element has the given `type`. */
+export declare const uiTypeIs: (expected: string) => Tester;
+/**
+ * Matches a control whose (already resolved) schema has the given `type`.
+ */
+export declare const schemaTypeIs: (expected: string) => Tester;

package/testers/tester.d.ts

@@ -0,0 +1,16 @@
+import { UISchemaElement } from '@jsonforms/core';
+export declare const optionIsIgnoreCase: (optionName: string, optionValue: string) => (uischema: UISchemaElement) => boolean;
+export declare const isAutoCompleteControl: import('./jsonforms-testers').Tester;
+export declare const isTextAreaControl: import('./jsonforms-testers').Tester;
+export declare const isStringFormat: import('./jsonforms-testers').Tester;
+export declare const isMarkdownControl: import('./jsonforms-testers').Tester;
+export declare const isObjectControl: import('./jsonforms-testers').Tester;
+export declare const isArrayRenderer: import('./jsonforms-testers').Tester;
+export declare const isCustomControl: (customType: string) => import('./jsonforms-testers').Tester;
+export declare const isMultiselectControl: import('./jsonforms-testers').Tester;
+export declare const isSelectControl: import('./jsonforms-testers').Tester;
+export declare const isBooleanControl: import('./jsonforms-testers').Tester;
+export declare const isNumberFormat: import('./jsonforms-testers').Tester;
+export declare const isIntegerFormat: import('./jsonforms-testers').Tester;
+export declare const isDateControl: import('./jsonforms-testers').Tester;
+export declare const isRelationControl: import('./jsonforms-testers').Tester;

package/view/modal/ViewModal.properties.d.ts

@@ -0,0 +1,82 @@
+import { ExtractPublicPropTypes, PropType } from 'vue';
+import { SizeType } from '../../../../core/src/index.ts';
+export declare const ViewModalProperties: {
+    /** Title displayed in the modal header. */
+    modalTitle: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** Label for the close button. */
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Label for the edit button. Only rendered when `canEdit` is true. */
+    editLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Label for the delete button. Only rendered when `canDelete` is true. */
+    deleteLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** JSON schema describing the shape of the form data. */
+    schema: {
+        type: PropType<any>;
+        required: true;
+    };
+    /** UI schema describing the layout and controls. */
+    uiSchema: {
+        type: PropType<any>;
+        required: true;
+    };
+    /** Modal width (`'xs'`, `'sm'`, `'md'`, `'lg'`, `'xl'`). */
+    modalSize: {
+        type: PropType<SizeType>;
+        default: string;
+    };
+    /** Callback invoked when the modal closes (with result or `null` on cancel). */
+    onClose: {
+        type: PropType<() => void>;
+        default: () => void;
+    };
+    /**
+     * Show the Edit button.
+     * The caller wires the action by listening to the `edit` event via `onEdit`
+     * in the props object — Vue's v-bind spread in modalWrapper converts onXxx
+     * keys into event handlers automatically.
+     */
+    canEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Show the Delete button.
+     * The caller wires the action by listening to the `delete` event via `onDelete`
+     * in the props object.
+     */
+    canDelete: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Initial form data to populate the form with. */
+    data: {
+        type: PropType<any>;
+        required: true;
+    };
+    /** Custom renderer registry passed to the inner JsonForm. */
+    renderers: {
+        type: PropType<any[]>;
+        default: null;
+    };
+};
+export type ViewModalProp = ExtractPublicPropTypes<typeof ViewModalProperties>;
+export declare const ViewModalEmits: string[];
+/** Result payload returned when the modal is submitted. */
+export type ViewModalResult<DATA = any> = {
+    /** The form data at the time of submission. */
+    data: DATA;
+    /** Whether the form passed validation. */
+    valid: boolean;
+};