@ghentcdh/json-forms-vue 1.1.1 → 2.0.0

package/forms/renderers/controls/readonly/ReadonlyLabel.vue.d.ts

@@ -0,0 +1,254 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    errors: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTouched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styles: {
+        type: import('vue').PropType<import('../../../../../../../ui/src/index.ts').MyStyles>;
+        default: () => {
+            readonly group: {
+                readonly root: "group";
+                readonly label: "text-primary text-lg font-bold";
+                readonly item: "group-item";
+            };
+            readonly verticalLayout: {
+                readonly root: "flex flex-col gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly horizontalLayout: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly arrayList: {
+                readonly root: "fieldset";
+                readonly legend: "fieldset-legend text-xl capitalize";
+            };
+            readonly control: {
+                readonly root: "fieldset";
+                readonly wrapper: "fieldset";
+                readonly label: "fieldset-legend";
+                readonly error: "";
+                readonly input: "input";
+                readonly textarea: "textarea h-32";
+                readonly checkbox: "checkbox";
+                readonly select: "input pr-14";
+                readonly description: "form-control--description label text-xs text-gray-500";
+            };
+            readonly fixedArrayList: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    errors: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isFocused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isTouched: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    styles: {
+        type: import('vue').PropType<import('../../../../../../../ui/src/index.ts').MyStyles>;
+        default: () => {
+            readonly group: {
+                readonly root: "group";
+                readonly label: "text-primary text-lg font-bold";
+                readonly item: "group-item";
+            };
+            readonly verticalLayout: {
+                readonly root: "flex flex-col gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly horizontalLayout: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+            readonly arrayList: {
+                readonly root: "fieldset";
+                readonly legend: "fieldset-legend text-xl capitalize";
+            };
+            readonly control: {
+                readonly root: "fieldset";
+                readonly wrapper: "fieldset";
+                readonly label: "fieldset-legend";
+                readonly error: "";
+                readonly input: "input";
+                readonly textarea: "textarea h-32";
+                readonly checkbox: "checkbox";
+                readonly select: "input pr-14";
+                readonly description: "form-control--description label text-xs text-gray-500";
+            };
+            readonly fixedArrayList: {
+                readonly root: "flex flex-row gap-x-2";
+                readonly item: "w-full";
+            };
+        };
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: string;
+    label: string;
+    required: boolean;
+    id: string;
+    placeholder: string;
+    width: string;
+    styles: {
+        readonly group: {
+            readonly root: "group";
+            readonly label: "text-primary text-lg font-bold";
+            readonly item: "group-item";
+        };
+        readonly verticalLayout: {
+            readonly root: "flex flex-col gap-x-2";
+            readonly item: "w-full";
+        };
+        readonly horizontalLayout: {
+            readonly root: "flex flex-row gap-x-2";
+            readonly item: "w-full";
+        };
+        readonly arrayList: {
+            readonly root: "fieldset";
+            readonly legend: "fieldset-legend text-xl capitalize";
+        };
+        readonly control: {
+            readonly root: "fieldset";
+            readonly wrapper: "fieldset";
+            readonly label: "fieldset-legend";
+            readonly error: "";
+            readonly input: "input";
+            readonly textarea: "textarea h-32";
+            readonly checkbox: "checkbox";
+            readonly select: "input pr-14";
+            readonly description: "form-control--description label text-xs text-gray-500";
+        };
+        readonly fixedArrayList: {
+            readonly root: "flex flex-row gap-x-2";
+            readonly item: "w-full";
+        };
+    };
+    hideLabel: boolean;
+    visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
+    enabled: boolean;
+    isFocused: boolean;
+    hideErrors: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/forms/renderers/controls/readonly/__tests__/formatDate.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+/** Placeholder shown in readonly renderers when a field has no value. */
+export declare const EMPTY_VALUE = "\u2014";

package/forms/renderers/controls/readonly/displayValue/BooleanValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/DateValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLParagraphElement>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/LinkValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLAnchorElement>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/MarkdownValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/NotSetValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLParagraphElement>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/NumberValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/ObjectValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLPreElement>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/StringValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/forms/renderers/controls/readonly/displayValue/ViewDetailValue.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+    };
+    path: {
+        type: StringConstructor;
+        required: true;
+    };
+    displayValue: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    value: {
+        type: import('vue').PropType<unknown>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    direction: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;