@ghentcdh/json-forms-vue 0.6.1 → 0.6.6

package/index.js

@@ -6,7 +6,6 @@ const core = require("@jsonforms/core");
 const vue$1 = require("@jsonforms/vue");
 const vue = require("vue");
 const vueVanilla = require("@jsonforms/vue-vanilla");
-const MdEditor = require("@toast-ui/editor");
 const testers = require("@jsonforms/core/src/testers/testers");
 const jsonFormsCore = require("@ghentcdh/json-forms-core");
 const vueRouter = require("vue-router");
@@ -102,13 +101,13 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$b = { class: "flex justify-around flex-col h-full" };
+const _hoisted_1$a = { class: "flex justify-around flex-col h-full" };
 const _hoisted_2$3 = { class: "fieldset-label" };
 const _hoisted_3$3 = ["id", "checked", "disabled", "autofocus", "placeholder"];
 const _hoisted_4$2 = { class: "font-bold text-gray-500 text-sm" };
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_control_wrapper = vue.resolveComponent("control-wrapper");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
     vue.createVNode(_component_control_wrapper, vue.mergeProps(_ctx.controlWrapper, {
       styles: _ctx.styles,
       "hide-label": true
@@ -177,7 +176,7 @@ const entry$7 = {
   renderer: controlRenderer$7,
   tester: core.rankWith(1, core.isIntegerControl)
 };
-const _hoisted_1$a = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
+const _hoisted_1$9 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_control_wrapper = vue.resolveComponent("control-wrapper");
   return vue.openBlock(), vue.createBlock(_component_control_wrapper, vue.mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
@@ -195,7 +194,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
         onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
         onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-      }, null, 42, _hoisted_1$a)
+      }, null, 42, _hoisted_1$9)
     ]),
     _: 1
   }, 16, ["styles"]);
@@ -234,51 +233,39 @@ const isCustomControl = (customType) => {
 const controlRenderer$6 = vue.defineComponent({
   name: "MarkdownControlRenderer",
   components: {
-    ControlWrapper: ui.ControlWrapper
+    Markdown: ui.Markdown
   },
   props: {
     ...vue$1.rendererProps()
   },
-  setup(props, $refs) {
+  setup(props) {
     const control = useVanillaControlCustom(
       vue$1.useJsonFormsControl(props),
-      (target) => target.value === "" ? void 0 : target.value
+      (target) => target.value ?? void 0
     );
-    const mdId = `md-${Date.now()}`;
-    vue.onMounted(() => {
-      const { path, data } = control.control.value;
-      const editor = new MdEditor({
-        el: document.getElementById(mdId),
-        height: "500px",
-        initialEditType: "wysiwyg",
-        initialValue: data ?? "",
-        toolbarItems: [["bold", "italic", "strike"]],
-        events: {
-          change: () => {
-            control.handleChange(path, editor.getMarkdown());
-          }
-        }
-      });
-    });
-    return {
-      ...control,
-      mdId
+    const field = control.appliedOptions.value.field;
+    const handleChange = (result) => {
+      const { path } = control.control.value;
+      control.handleChange(path, result);
     };
+    return { ...control, field, handleChange };
   }
 });
 const entry$6 = {
   renderer: controlRenderer$6,
   tester: core.rankWith(1, isMarkdownControl)
 };
-const _hoisted_1$9 = ["id"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_control_wrapper = vue.resolveComponent("control-wrapper");
-  return vue.openBlock(), vue.createBlock(_component_control_wrapper, vue.mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", { id: _ctx.mdId }, null, 8, _hoisted_1$9)
-    ]),
-    _: 1
-  }, 16, ["styles"]);
+  const _component_Markdown = vue.resolveComponent("Markdown");
+  return vue.openBlock(), vue.createBlock(_component_Markdown, vue.mergeProps(_ctx.controlWrapper, {
+    modelValue: _ctx.control.data,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.control.data = $event),
+    enabled: _ctx.control.enabled,
+    config: _ctx.appliedOptions,
+    onChange: _ctx.handleChange,
+    onFocus: _ctx.onFocus,
+    onBlur: _ctx.onBlur
+  }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
 }
 const MarkdownControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$6, [["render", _sfc_render$5]]);
 const controlRenderer$5 = vue.defineComponent({
@@ -830,14 +817,29 @@ class TableStore {
         console.error(error);
         return { data: [], request: { totalPages: 1, page: 1 } };
       }).finally(() => this.loading.value = false);
-      if (response.request.totalPages < response.request.page) {
-        this.updateRequest({ page: response.request.totalPages });
+      const data = response.data;
+      if (data.request.totalPages < data.request.page) {
+        this.updateRequest({ page: data.request.totalPages });
       }
-      return response;
+      return data;
+    });
+    this.pageData = vue.computed(() => {
+      const request = this.data.value?.request ?? {
+        count: 0,
+        pageSize: 1,
+        page: 1
+      };
+      return {
+        count: request.count,
+        pageSize: request.pageSize,
+        page: request.page
+      };
     });
     this.tableData = vue.computed(() => {
       const d = this.data.value;
-      return this.loading?.value ? [] : d?.data ?? [];
+      if (!d) return [];
+      if (this.loading.value) return [];
+      return d.data ?? [];
     });
     this.init = (url) => {
       this.uri.value = url;
@@ -927,11 +929,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
-    const edit = (data2) => {
-      emit("edit", data2);
+    const edit = (data) => {
+      emit("edit", data);
     };
-    const deleteFn = (data2) => {
-      emit("delete", data2);
+    const deleteFn = (data) => {
+      emit("delete", data);
     };
     const components = {
       TextCell: ui.TextCell
@@ -959,8 +961,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const onChangeFilters = (filters) => {
       store.updateFilters(filters);
     };
-    const onUpdatePage = (page2) => {
-      store.updatePage(page2);
+    const onUpdatePage = (page) => {
+      store.updatePage(page);
     };
     const onSort = (id) => {
       store.sort(id);
@@ -968,21 +970,6 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const sort = vue.computed(() => {
       return store.sorting.value ?? { orderBy: "", ascending: 1 };
     });
-    const page = vue.computed(() => {
-      const request = store.data.value?.request ?? {
-        count: 0,
-        pageSize: 1,
-        page: 1
-      };
-      return {
-        count: request.count,
-        pageSize: request.pageSize,
-        page: request.page
-      };
-    });
-    const data = vue.computed(() => {
-      return store.data.value?.data ?? [];
-    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         __props.filterLayout ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
@@ -997,9 +984,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(vue.unref(ui.Table), {
             "display-columns": displayColumns.value,
             sort: sort.value,
-            page: page.value,
+            page: vue.unref(store).pageData.value,
             loading: vue.unref(store).loading.value,
-            data: data.value,
+            data: vue.unref(store).tableData.value,
             actions: __props.actions,
             onUpdatePage,
             onDelete: deleteFn,
@@ -1047,7 +1034,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
     const deleteFn = (data) => {
       ui.ModalService.showConfirm({
-        title: "Delete annotation",
+        title: "Delete record",
         message: "Are you sure to delete, the data will be lost?",
         onClose: (result) => {
           if (result.confirmed) {

package/index.mjs

@@ -1,10 +1,9 @@
 import { useApi } from "@ghentcdh/tools-vue";
-import { NotificationService, ControlWrapper, Autocomplete, IconEnum, Btn, BtnBadge, TextCell, Table, hasCustomEventListener, Card, ModalService, myStyles, Color, Modal } from "@ghentcdh/ui";
+import { NotificationService, ControlWrapper, Markdown, Autocomplete, IconEnum, Btn, BtnBadge, TextCell, Table, hasCustomEventListener, Card, ModalService, myStyles, Color, Modal } from "@ghentcdh/ui";
 import { rankWith, isBooleanControl, isIntegerControl, uiTypeIs, isNumberControl, createDefaultValue, composePaths, getArrayTranslations, defaultJsonFormsI18nState, arrayDefaultTranslations } from "@jsonforms/core";
 import { useJsonFormsControl, rendererProps, DispatchRenderer, useJsonFormsArrayControl, JsonForms } from "@jsonforms/vue";
-import { ref, computed, defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, withCtx, createElementVNode, normalizeClass, toDisplayString, createBlock, onMounted, inject, createCommentVNode, Fragment, renderList, createTextVNode, watch, unref, useModel, provide, mergeModels, renderSlot } from "vue";
+import { ref, computed, defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, withCtx, createElementVNode, normalizeClass, toDisplayString, createBlock, inject, createCommentVNode, Fragment, renderList, createTextVNode, watch, unref, useModel, provide, mergeModels, renderSlot } from "vue";
 import { useVanillaControl, useVanillaArrayControl, vanillaRenderers } from "@jsonforms/vue-vanilla";
-import MdEditor from "@toast-ui/editor";
 import { and, optionIs, or, schemaTypeIs } from "@jsonforms/core/src/testers/testers";
 import { ControlType, RequestSchema, extractFilters, findColumnDef } from "@ghentcdh/json-forms-core";
 import { useRouter, useRoute } from "vue-router";
@@ -100,13 +99,13 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$b = { class: "flex justify-around flex-col h-full" };
+const _hoisted_1$a = { class: "flex justify-around flex-col h-full" };
 const _hoisted_2$3 = { class: "fieldset-label" };
 const _hoisted_3$3 = ["id", "checked", "disabled", "autofocus", "placeholder"];
 const _hoisted_4$2 = { class: "font-bold text-gray-500 text-sm" };
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_control_wrapper = resolveComponent("control-wrapper");
-  return openBlock(), createElementBlock("div", _hoisted_1$b, [
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [
     createVNode(_component_control_wrapper, mergeProps(_ctx.controlWrapper, {
       styles: _ctx.styles,
       "hide-label": true
@@ -175,7 +174,7 @@ const entry$7 = {
   renderer: controlRenderer$7,
   tester: rankWith(1, isIntegerControl)
 };
-const _hoisted_1$a = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
+const _hoisted_1$9 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_control_wrapper = resolveComponent("control-wrapper");
   return openBlock(), createBlock(_component_control_wrapper, mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
@@ -193,7 +192,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args)),
         onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
         onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-      }, null, 42, _hoisted_1$a)
+      }, null, 42, _hoisted_1$9)
     ]),
     _: 1
   }, 16, ["styles"]);
@@ -232,51 +231,39 @@ const isCustomControl = (customType) => {
 const controlRenderer$6 = defineComponent({
   name: "MarkdownControlRenderer",
   components: {
-    ControlWrapper
+    Markdown
   },
   props: {
     ...rendererProps()
   },
-  setup(props, $refs) {
+  setup(props) {
     const control = useVanillaControlCustom(
       useJsonFormsControl(props),
-      (target) => target.value === "" ? void 0 : target.value
+      (target) => target.value ?? void 0
     );
-    const mdId = `md-${Date.now()}`;
-    onMounted(() => {
-      const { path, data } = control.control.value;
-      const editor = new MdEditor({
-        el: document.getElementById(mdId),
-        height: "500px",
-        initialEditType: "wysiwyg",
-        initialValue: data ?? "",
-        toolbarItems: [["bold", "italic", "strike"]],
-        events: {
-          change: () => {
-            control.handleChange(path, editor.getMarkdown());
-          }
-        }
-      });
-    });
-    return {
-      ...control,
-      mdId
+    const field = control.appliedOptions.value.field;
+    const handleChange = (result) => {
+      const { path } = control.control.value;
+      control.handleChange(path, result);
     };
+    return { ...control, field, handleChange };
   }
 });
 const entry$6 = {
   renderer: controlRenderer$6,
   tester: rankWith(1, isMarkdownControl)
 };
-const _hoisted_1$9 = ["id"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_control_wrapper = resolveComponent("control-wrapper");
-  return openBlock(), createBlock(_component_control_wrapper, mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
-    default: withCtx(() => [
-      createElementVNode("div", { id: _ctx.mdId }, null, 8, _hoisted_1$9)
-    ]),
-    _: 1
-  }, 16, ["styles"]);
+  const _component_Markdown = resolveComponent("Markdown");
+  return openBlock(), createBlock(_component_Markdown, mergeProps(_ctx.controlWrapper, {
+    modelValue: _ctx.control.data,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.control.data = $event),
+    enabled: _ctx.control.enabled,
+    config: _ctx.appliedOptions,
+    onChange: _ctx.handleChange,
+    onFocus: _ctx.onFocus,
+    onBlur: _ctx.onBlur
+  }), null, 16, ["modelValue", "enabled", "config", "onChange", "onFocus", "onBlur"]);
 }
 const MarkdownControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$6, [["render", _sfc_render$5]]);
 const controlRenderer$5 = defineComponent({
@@ -828,14 +815,29 @@ class TableStore {
         console.error(error);
         return { data: [], request: { totalPages: 1, page: 1 } };
       }).finally(() => this.loading.value = false);
-      if (response.request.totalPages < response.request.page) {
-        this.updateRequest({ page: response.request.totalPages });
+      const data = response.data;
+      if (data.request.totalPages < data.request.page) {
+        this.updateRequest({ page: data.request.totalPages });
       }
-      return response;
+      return data;
+    });
+    this.pageData = computed(() => {
+      const request = this.data.value?.request ?? {
+        count: 0,
+        pageSize: 1,
+        page: 1
+      };
+      return {
+        count: request.count,
+        pageSize: request.pageSize,
+        page: request.page
+      };
     });
     this.tableData = computed(() => {
       const d = this.data.value;
-      return this.loading?.value ? [] : d?.data ?? [];
+      if (!d) return [];
+      if (this.loading.value) return [];
+      return d.data ?? [];
     });
     this.init = (url) => {
       this.uri.value = url;
@@ -925,11 +927,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    const edit = (data2) => {
-      emit("edit", data2);
+    const edit = (data) => {
+      emit("edit", data);
     };
-    const deleteFn = (data2) => {
-      emit("delete", data2);
+    const deleteFn = (data) => {
+      emit("delete", data);
     };
     const components = {
       TextCell
@@ -957,8 +959,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const onChangeFilters = (filters) => {
       store.updateFilters(filters);
     };
-    const onUpdatePage = (page2) => {
-      store.updatePage(page2);
+    const onUpdatePage = (page) => {
+      store.updatePage(page);
     };
     const onSort = (id) => {
       store.sort(id);
@@ -966,21 +968,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const sort = computed(() => {
       return store.sorting.value ?? { orderBy: "", ascending: 1 };
     });
-    const page = computed(() => {
-      const request = store.data.value?.request ?? {
-        count: 0,
-        pageSize: 1,
-        page: 1
-      };
-      return {
-        count: request.count,
-        pageSize: request.pageSize,
-        page: request.page
-      };
-    });
-    const data = computed(() => {
-      return store.data.value?.data ?? [];
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         __props.filterLayout ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
@@ -995,9 +982,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           createVNode(unref(Table), {
             "display-columns": displayColumns.value,
             sort: sort.value,
-            page: page.value,
+            page: unref(store).pageData.value,
             loading: unref(store).loading.value,
-            data: data.value,
+            data: unref(store).tableData.value,
             actions: __props.actions,
             onUpdatePage,
             onDelete: deleteFn,
@@ -1045,7 +1032,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     const deleteFn = (data) => {
       ModalService.showConfirm({
-        title: "Delete annotation",
+        title: "Delete record",
         message: "Are you sure to delete, the data will be lost?",
         onClose: (result) => {
           if (result.confirmed) {

package/package.json

@@ -1,31 +1,40 @@
 {
   "name": "@ghentcdh/json-forms-vue",
-  "version": "0.6.1",
+  "version": "0.6.6",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./index.mjs",
-      "require": "./index.js",
-      "types": "./index.d.ts"
+      "require": "./index.js"
     },
     "./index.css": "./index.css"
   },
   "peerDependencies": {
-    "@ghentcdh/authentication-vue": ">=0.6.0",
     "@ghentcdh/json-forms-core": ">=0.0.1",
     "@ghentcdh/tools-vue": ">=0.6.0",
     "@ghentcdh/ui": ">=0.6.0",
     "@jsonforms/core": "^3.4.0",
     "@jsonforms/vue": "^3.4.0",
     "@jsonforms/vue-vanilla": "^3.4.0",
-    "@toast-ui/editor": "^3.2.0",
     "@vueuse/core": "^14.0.0",
+    "axios": "^1.0.0",
     "lodash-es": "^4.17.0",
     "vue": "^3.5.0",
     "vue-router": "^5.0.0"
   },
+  "devDependencies": {
+    "@jsonforms/core": "3.7.0",
+    "@jsonforms/vue": "3.7.0",
+    "@jsonforms/vue-vanilla": "3.7.0",
+    "@vueuse/core": "14.2.0",
+    "axios": "1.13.5",
+    "lodash-es": "4.17.23",
+    "vue": "3.5.27",
+    "vue-router": "5.0.2"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/GhentCDH/ghentcdh-monorepo.git"

package/renderes/controls/BooleanControlRenderer.vue.d.ts

@@ -57,11 +57,11 @@ declare const controlRenderer: import('vue').DefineComponent<{
     ControlWrapper: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             label: string;
-            errors: string;
             id: string;
+            required: boolean;
             description: string;
             styles: import('../../../../../ui/src/index.ts').MyStyles;
-            required: boolean;
+            errors: string;
             visible: boolean;
             enabled: boolean;
             isFocused: boolean;
@@ -76,11 +76,11 @@ declare const controlRenderer: import('vue').DefineComponent<{
             Defaults: {};
         }, Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, {
             label: string;
-            errors: string;
             id: string;
+            required: boolean;
             description: string;
             styles: import('../../../../../ui/src/index.ts').MyStyles;
-            required: boolean;
+            errors: string;
             visible: boolean;
             enabled: boolean;
             isFocused: boolean;
@@ -92,11 +92,11 @@ declare const controlRenderer: import('vue').DefineComponent<{
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         label: string;
-        errors: string;
         id: string;
+        required: boolean;
         description: string;
         styles: import('../../../../../ui/src/index.ts').MyStyles;
-        required: boolean;
+        errors: string;
         visible: boolean;
         enabled: boolean;
         isFocused: boolean;

package/renderes/controls/IntegerControlRenderer.vue.d.ts

@@ -58,11 +58,11 @@ declare const controlRenderer: import('vue').DefineComponent<{
     ControlWrapper: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             label: string;
-            errors: string;
             id: string;
+            required: boolean;
             description: string;
             styles: import('../../../../../ui/src/index.ts').MyStyles;
-            required: boolean;
+            errors: string;
             visible: boolean;
             enabled: boolean;
             isFocused: boolean;
@@ -77,11 +77,11 @@ declare const controlRenderer: import('vue').DefineComponent<{
             Defaults: {};
         }, Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, {
             label: string;
-            errors: string;
             id: string;
+            required: boolean;
             description: string;
             styles: import('../../../../../ui/src/index.ts').MyStyles;
-            required: boolean;
+            errors: string;
             visible: boolean;
             enabled: boolean;
             isFocused: boolean;
@@ -93,11 +93,11 @@ declare const controlRenderer: import('vue').DefineComponent<{
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         label: string;
-        errors: string;
         id: string;
+        required: boolean;
         description: string;
         styles: import('../../../../../ui/src/index.ts').MyStyles;
-        required: boolean;
+        errors: string;
         visible: boolean;
         enabled: boolean;
         isFocused: boolean;

package/renderes/controls/MarkdownControlRenderer.vue.d.ts

@@ -8,7 +8,8 @@ declare const controlRenderer: import('vue').DefineComponent<{
     cells?: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[] | undefined;
     config?: any;
 }, {
-    mdId: string;
+    field: any;
+    handleChange: (result: any) => void;
     control: import('vue').ComputedRef<{
         uischema: ControlElement;
         schema: NonNullable<import('@jsonforms/core').JsonSchema>;
@@ -30,7 +31,6 @@ declare const controlRenderer: import('vue').DefineComponent<{
         id: string;
         visible: boolean;
     }>;
-    handleChange(path: string, value: any): void;
     controlWrapper: import('vue').ComputedRef<any>;
     isFocused: import('vue').Ref<boolean, boolean>;
     isTouched: import('vue').Ref<boolean, boolean>;
@@ -53,59 +53,32 @@ declare const controlRenderer: import('vue').DefineComponent<{
     renderers: JsonFormsRendererRegistryEntry[];
     cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
 }, {}, {
-    ControlWrapper: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            label: string;
-            errors: string;
-            id: string;
-            description: string;
-            styles: import('../../../../../ui/src/index.ts').MyStyles;
-            required: boolean;
-            visible: boolean;
-            enabled: boolean;
-            isFocused: boolean;
-            isTouched: boolean;
-            hideLabel: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLFieldSetElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, {
-            label: string;
-            errors: string;
-            id: string;
-            description: string;
-            styles: import('../../../../../ui/src/index.ts').MyStyles;
-            required: boolean;
-            visible: boolean;
-            enabled: boolean;
-            isFocused: boolean;
-            isTouched: boolean;
-            hideLabel: boolean;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('../../../../../ui/src/index.ts').ControlProperties> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    Markdown: import('vue').DefineComponent<{
+        modelValue?: any;
+    } & import('../../../../../ui/src/index.ts').ControlProperties & {
+        actions?: import('../../../../../ui/src/index.ts').ToolbarAction[];
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (...args: unknown[]) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        modelValue?: any;
+    } & import('../../../../../ui/src/index.ts').ControlProperties & {
+        actions?: import('../../../../../ui/src/index.ts').ToolbarAction[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+    }>, {
         label: string;
-        errors: string;
         id: string;
+        required: boolean;
         description: string;
         styles: import('../../../../../ui/src/index.ts').MyStyles;
-        required: boolean;
+        actions: import('../../../../../ui/src/index.ts').ToolbarAction[];
+        errors: string;
         visible: boolean;
         enabled: boolean;
         isFocused: boolean;
         isTouched: boolean;
         hideLabel: boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFieldSetElement>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default controlRenderer;
 export declare const entry: JsonFormsRendererRegistryEntry;