@ghentcdh/json-forms-vue 0.1.0 → 0.1.1

package/index.d.ts

@@ -1,5 +1,7 @@
 export * from './form.store';
 export * from './renderes/controls';
+export * from './renderes/array';
+export * from './renderes/layouts';
 export * from './renderes/tester';
 export * from './state/form.state';
 export { default as FormWithTableComponent } from './form-with-table.component.vue';

package/index.js

@@ -8,8 +8,8 @@ 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 core$1 = require("@vueuse/core");
 const vueRouter = require("vue-router");
+const core$1 = require("@vueuse/core");
 class FormStore {
   constructor(schema) {
     this.schema = schema;
@@ -101,19 +101,19 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$9 = { class: "flex justify-around flex-col h-full" };
-const _hoisted_2$2 = { class: "fieldset-label" };
-const _hoisted_3$2 = ["id", "checked", "disabled", "autofocus", "placeholder"];
-const _hoisted_4$1 = { class: "font-bold text-gray-500 text-sm" };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$b = { 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$9, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
     vue.createVNode(_component_control_wrapper, vue.mergeProps(_ctx.controlWrapper, {
       styles: _ctx.styles,
       "hide-label": true
     }), {
       default: vue.withCtx(() => [
-        vue.createElementVNode("label", _hoisted_2$2, [
+        vue.createElementVNode("label", _hoisted_2$3, [
           vue.createElementVNode("input", {
             id: _ctx.control.id + "-input",
             type: "checkbox",
@@ -125,15 +125,15 @@ function _sfc_render$5(_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, 40, _hoisted_3$2),
-          vue.createElementVNode("span", _hoisted_4$1, vue.toDisplayString(_ctx.control.label), 1)
+          }, null, 40, _hoisted_3$3),
+          vue.createElementVNode("span", _hoisted_4$2, vue.toDisplayString(_ctx.control.label), 1)
         ])
       ]),
       _: 1
     }, 16, ["styles"])
   ]);
 }
-const BooleanControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$8, [["render", _sfc_render$5]]);
+const BooleanControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$8, [["render", _sfc_render$7]]);
 const showErrors = (isTouched, isFocused, errors2) => {
   return !!(isTouched && errors2);
 };
@@ -177,8 +177,8 @@ const entry$7 = {
   renderer: controlRenderer$7,
   tester: core.rankWith(1, core.isIntegerControl)
 };
-const _hoisted_1$8 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$a = ["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 }), {
     default: vue.withCtx(() => [
@@ -195,12 +195,12 @@ function _sfc_render$4(_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$8)
+      }, null, 42, _hoisted_1$a)
     ]),
     _: 1
   }, 16, ["styles"]);
 }
-const IntegerControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$7, [["render", _sfc_render$4]]);
+const IntegerControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$7, [["render", _sfc_render$6]]);
 var src = {};
 var zodOpenapi = {};
 var cjs = {};
@@ -4829,7 +4829,6 @@ const ControlType = {
   textArea: "textArea",
   markdown: "markdown",
   fixedArray: "fixedArray",
-  array: "array",
   custom: "custom"
 };
 var util;
@@ -8487,8 +8486,8 @@ const isFixedArray = testers.and(
   testers.optionIs("format", ControlType.fixedArray)
 );
 const isArrayRenderer = testers.and(
-  testers.schemaTypeIs("array"),
-  testers.optionIs("format", ControlType.array)
+  testers.schemaTypeIs("array")
+  // optionIs('format', ControlType.array),
 );
 const isCustomControl = (customType) => {
   return testers.and(
@@ -8535,17 +8534,17 @@ const entry$6 = {
   renderer: controlRenderer$6,
   tester: core.rankWith(1, isMarkdownControl)
 };
-const _hoisted_1$7 = ["id"];
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+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$7)
+      vue.createElementVNode("div", { id: _ctx.mdId }, null, 8, _hoisted_1$9)
     ]),
     _: 1
   }, 16, ["styles"]);
 }
-const MarkdownControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$6, [["render", _sfc_render$3]]);
+const MarkdownControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$6, [["render", _sfc_render$5]]);
 const controlRenderer$5 = vue.defineComponent({
   name: "NumberControlRenderer",
   components: {
@@ -8580,8 +8579,8 @@ const entry$5 = {
   renderer: controlRenderer$5,
   tester: core.rankWith(1, core.isNumberControl)
 };
-const _hoisted_1$6 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$8 = ["id", "step", "value", "disabled", "autofocus", "placeholder"];
+function _sfc_render$4(_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(() => [
@@ -8598,12 +8597,12 @@ function _sfc_render$2(_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$6)
+      }, null, 42, _hoisted_1$8)
     ]),
     _: 1
   }, 16, ["styles"]);
 }
-const NumberControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$5, [["render", _sfc_render$2]]);
+const NumberControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$5, [["render", _sfc_render$4]]);
 const controlRenderer$4 = vue.defineComponent({
   name: "StringControlRenderer",
   components: {
@@ -8634,8 +8633,8 @@ const entry$4 = {
   renderer: controlRenderer$4,
   tester: core.rankWith(1, isStringFormat)
 };
-const _hoisted_1$5 = ["id", "value", "disabled", "autofocus", "placeholder"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$7 = ["id", "value", "disabled", "autofocus", "placeholder"];
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ControlWrapper = vue.resolveComponent("ControlWrapper");
   return vue.openBlock(), vue.createBlock(_component_ControlWrapper, vue.mergeProps(_ctx.controlWrapper, { styles: _ctx.styles }), {
     default: vue.withCtx(() => [
@@ -8651,12 +8650,12 @@ function _sfc_render$1(_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$5)
+      }, null, 42, _hoisted_1$7)
     ]),
     _: 1
   }, 16, ["styles"]);
 }
-const StringControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$4, [["render", _sfc_render$1]]);
+const StringControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$4, [["render", _sfc_render$3]]);
 const controlRenderer$3 = vue.defineComponent({
   name: "TextAreaControlRenderer",
   components: {
@@ -8701,7 +8700,7 @@ const entry$2 = {
   renderer: controlRenderer$2,
   tester: core.rankWith(1, isAutoCompleteControl)
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b;
   const _component_Autocomplete = vue.resolveComponent("Autocomplete");
   return vue.openBlock(), vue.createBlock(_component_Autocomplete, vue.mergeProps(_ctx.controlWrapper, {
@@ -8716,7 +8715,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onBlur: _ctx.onBlur
   }), null, 16, ["modelValue", "enabled", "config", "label-key", "value-key", "onChange", "onFocus", "onBlur"]);
 }
-const AutocompleteControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$2, [["render", _sfc_render]]);
+const AutocompleteControlRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$2, [["render", _sfc_render$2]]);
 const controlRenderers = [
   // First custom renderers on format
   entry$6,
@@ -8734,6 +8733,16 @@ const controlRenderers = [
   entry$5,
   entry$7
 ];
+const actionMap = {
+  edit: (router, action) => ({
+    label: "edit",
+    icon: ui.IconEnum.Edit,
+    show: (element) => !!element[action.idField]
+  })
+};
+const mapArrayActions = (router, actions) => {
+  return actions.map((a) => actionMap[a.type](router, a)).filter((a) => !!a);
+};
 class FormState {
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   constructor() {
@@ -8757,6 +8766,261 @@ class FormState {
 const useFormState = (form) => {
   return FormState.getInstance();
 };
+const controlRenderer$1 = vue.defineComponent({
+  name: "ArrayListRenderer",
+  components: {
+    DispatchRenderer: vue$1.DispatchRenderer,
+    Btn: ui.Btn
+  },
+  props: {
+    ...vue$1.rendererProps()
+  },
+  setup(props) {
+    const vanillaArrayControl = vueVanilla.useVanillaArrayControl(
+      vue$1.useJsonFormsArrayControl(props)
+    );
+    const control = vanillaArrayControl.control.value;
+    if (!control.data || control.data.length < 1) {
+      vanillaArrayControl.addItem(
+        control.path,
+        core.createDefaultValue(control.schema, control.rootSchema)
+      )();
+    }
+    return vanillaArrayControl;
+  },
+  computed: {
+    IconEnum() {
+      return ui.IconEnum;
+    },
+    noData() {
+      return !this.control.data || this.control.data.length === 0;
+    },
+    actions() {
+      var _a;
+      const actions = ((_a = this.uischema.options) == null ? void 0 : _a.actions) ?? [];
+      return mapArrayActions(vueRouter.useRouter(), actions);
+    },
+    showDelete() {
+      var _a;
+      return ((_a = this.control.data) == null ? void 0 : _a.length) > 1;
+    },
+    translations() {
+      var _a;
+      const jsonforms = vue.inject("jsonforms");
+      return core.getArrayTranslations(
+        ((_a = jsonforms == null ? void 0 : jsonforms.i18n) == null ? void 0 : _a.translate) ?? core.defaultJsonFormsI18nState.translate,
+        core.arrayDefaultTranslations,
+        this.control.i18nKeyPrefix,
+        this.control.label
+      );
+    },
+    labelKey() {
+      var _a, _b;
+      const key = (_b = (_a = this.uischema) == null ? void 0 : _a.options) == null ? void 0 : _b.labelKey;
+      if (!key) return null;
+      return key;
+    }
+  },
+  methods: {
+    composePaths: core.composePaths,
+    createDefaultValue: core.createDefaultValue,
+    deleteButtonClick(index) {
+      this.removeItems(this.control.path, [index])();
+    },
+    dispatchEvent: (event, data) => {
+      const form_id = "";
+      useFormState().dispatchEvent(form_id, event, data);
+    },
+    addButtonClick() {
+      this.addItem(
+        this.control.path,
+        core.createDefaultValue(this.control.schema, this.control.rootSchema)
+      )();
+    }
+  }
+});
+const entry$1 = {
+  renderer: controlRenderer$1,
+  tester: core.rankWith(2, isArrayRenderer)
+};
+const _hoisted_1$6 = { class: "fieldset" };
+const _hoisted_2$2 = { class: "flex gap-2 items-center" };
+const _hoisted_3$2 = { class: "mt-3 flex gap-2" };
+const _hoisted_4$1 = { class: "py-2" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dispatch_renderer = vue.resolveComponent("dispatch-renderer");
+  const _component_Btn = vue.resolveComponent("Btn");
+  return _ctx.control.visible ? (vue.openBlock(), vue.createElementBlock("fieldset", {
+    key: 0,
+    class: vue.normalizeClass(_ctx.styles.arrayList.root)
+  }, [
+    !_ctx.labelKey ? (vue.openBlock(), vue.createElementBlock("legend", {
+      key: 0,
+      class: vue.normalizeClass(_ctx.styles.arrayList.legend)
+    }, [
+      vue.createElementVNode("label", {
+        class: vue.normalizeClass(_ctx.styles.arrayList.label)
+      }, vue.toDisplayString(_ctx.control.label), 3)
+    ], 2)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", null, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.control.data, (element, index) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          key: `${_ctx.control.path}-${index}`
+        }, [
+          vue.createElementVNode("fieldset", _hoisted_1$6, [
+            _ctx.labelKey ? (vue.openBlock(), vue.createElementBlock("legend", {
+              key: 0,
+              class: vue.normalizeClass(_ctx.styles.arrayList.legend)
+            }, vue.toDisplayString((_a = element[_ctx.labelKey]) == null ? void 0 : _a.toLowerCase()), 3)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_2$2, [
+              vue.createVNode(_component_dispatch_renderer, {
+                schema: _ctx.control.schema,
+                uischema: _ctx.childUiSchema,
+                path: _ctx.composePaths(_ctx.control.path, `${index}`),
+                enabled: _ctx.control.enabled,
+                renderers: _ctx.control.renderers,
+                cells: _ctx.control.cells
+              }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"]),
+              vue.createElementVNode("div", _hoisted_3$2, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (action) => {
+                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                    action.show(element) ? (vue.openBlock(), vue.createBlock(_component_Btn, {
+                      key: action.label,
+                      icon: action.icon,
+                      outline: true,
+                      onClick: ($event) => _ctx.dispatchEvent(action.label, element)
+                    }, null, 8, ["icon", "onClick"])) : vue.createCommentVNode("", true)
+                  ], 64);
+                }), 256)),
+                _ctx.showDelete ? (vue.openBlock(), vue.createBlock(_component_Btn, {
+                  key: 0,
+                  icon: _ctx.IconEnum.Delete,
+                  outline: true,
+                  onClick: ($event) => _ctx.deleteButtonClick(index)
+                }, null, 8, ["icon", "onClick"])) : vue.createCommentVNode("", true)
+              ])
+            ])
+          ])
+        ]);
+      }), 128))
+    ]),
+    vue.createElementVNode("div", _hoisted_4$1, [
+      vue.createVNode(_component_Btn, {
+        icon: _ctx.IconEnum.Plus,
+        outline: true,
+        onClick: _ctx.addButtonClick
+      }, {
+        default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+          vue.createTextVNode(" Add ", -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 8, ["icon", "onClick"])
+    ]),
+    _ctx.noData ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 1,
+      class: vue.normalizeClass(_ctx.styles.arrayList.noData)
+    }, vue.toDisplayString(_ctx.translations.noDataMessage), 3)) : vue.createCommentVNode("", true)
+  ], 2)) : vue.createCommentVNode("", true);
+}
+const ArrayRenderer = /* @__PURE__ */ _export_sfc(controlRenderer$1, [["render", _sfc_render$1]]);
+const controlRenderer = vue.defineComponent({
+  name: "FixedArrayListRenderer",
+  components: {
+    DispatchRenderer: vue$1.DispatchRenderer
+  },
+  props: {
+    ...vue$1.rendererProps()
+  },
+  setup(props) {
+    return vueVanilla.useVanillaArrayControl(vue$1.useJsonFormsArrayControl(props));
+  },
+  computed: {
+    noData() {
+      return !this.control.data || this.control.data.length === 0;
+    },
+    translations() {
+      var _a;
+      const jsonforms = vue.inject("jsonforms");
+      return core.getArrayTranslations(
+        ((_a = jsonforms == null ? void 0 : jsonforms.i18n) == null ? void 0 : _a.translate) ?? core.defaultJsonFormsI18nState.translate,
+        core.arrayDefaultTranslations,
+        this.control.i18nKeyPrefix,
+        this.control.label
+      );
+    },
+    labelKey() {
+      var _a, _b;
+      const key = (_b = (_a = this.uischema) == null ? void 0 : _a.options) == null ? void 0 : _b.labelKey;
+      if (!key) return null;
+      return key;
+    }
+  },
+  methods: {
+    composePaths: core.composePaths,
+    createDefaultValue: core.createDefaultValue
+  }
+});
+const entry = {
+  renderer: controlRenderer,
+  tester: core.rankWith(2, isFixedArray)
+};
+const _hoisted_1$5 = { class: "fieldset" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dispatch_renderer = vue.resolveComponent("dispatch-renderer");
+  return _ctx.control.visible ? (vue.openBlock(), vue.createElementBlock("fieldset", {
+    key: 0,
+    class: vue.normalizeClass(_ctx.styles.arrayList.root)
+  }, [
+    !_ctx.labelKey ? (vue.openBlock(), vue.createElementBlock("legend", {
+      key: 0,
+      class: vue.normalizeClass(_ctx.styles.arrayList.legend)
+    }, [
+      vue.createElementVNode("label", {
+        class: vue.normalizeClass(_ctx.styles.arrayList.label)
+      }, vue.toDisplayString(_ctx.control.label), 3)
+    ], 2)) : vue.createCommentVNode("", true),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.styles.fixedArrayList.root)
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.control.data, (element, index) => {
+        var _a;
+        return vue.openBlock(), vue.createElementBlock("div", {
+          key: `${_ctx.control.path}-${index}`,
+          class: vue.normalizeClass(_ctx.styles.fixedArrayList.item)
+        }, [
+          vue.createElementVNode("fieldset", _hoisted_1$5, [
+            _ctx.labelKey ? (vue.openBlock(), vue.createElementBlock("legend", {
+              key: 0,
+              class: vue.normalizeClass(_ctx.styles.arrayList.legend)
+            }, vue.toDisplayString((_a = element[_ctx.labelKey]) == null ? void 0 : _a.toLowerCase()), 3)) : vue.createCommentVNode("", true),
+            vue.createVNode(_component_dispatch_renderer, {
+              schema: _ctx.control.schema,
+              uischema: _ctx.childUiSchema,
+              path: _ctx.composePaths(_ctx.control.path, `${index}`),
+              enabled: _ctx.control.enabled,
+              renderers: _ctx.control.renderers,
+              cells: _ctx.control.cells
+            }, null, 8, ["schema", "uischema", "path", "enabled", "renderers", "cells"])
+          ])
+        ], 2);
+      }), 128))
+    ], 2),
+    _ctx.noData ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 1,
+      class: vue.normalizeClass(_ctx.styles.arrayList.noData)
+    }, vue.toDisplayString(_ctx.translations.noDataMessage), 3)) : vue.createCommentVNode("", true)
+  ], 2)) : vue.createCommentVNode("", true);
+}
+const FixedArrayRenderer = /* @__PURE__ */ _export_sfc(controlRenderer, [["render", _sfc_render]]);
+const arrayRenderers = [
+  entry,
+  entry$1
+];
+const layoutRenderers = [
+  //  LayoutRenderer
+];
 const _hoisted_1$4 = { class: "" };
 const _hoisted_2$1 = { class: "flex gap-2 items-center mb-2" };
 const _hoisted_3$1 = { class: "flex gap-2" };
@@ -8893,7 +9157,6 @@ class TableStore {
     );
   }
   get httpRequest() {
-    console.log("get the request");
     return authenticationVue.useHttpRequest();
   }
   updatePage(page) {
@@ -8965,11 +9228,6 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           component = components[element.type];
         }
         if (!component) console.warn("No component found for type", element.type);
-        console.log({
-          ...def,
-          component,
-          type
-        });
         return {
           ...def,
           type,
@@ -9062,7 +9320,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const hasEdit = ui.hasCustomEventListener("editData");
     const edit = (data) => {
-      console.log("edit me", data, hasEdit);
       if (hasEdit) {
         emit("editData", data);
         return;
@@ -9070,7 +9327,6 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       openModal(data);
     };
     const deleteFn = (data) => {
-      console.log("delete me 1", data, hasEdit);
       ui.ModalService.showConfirm({
         title: "Delete annotation",
         message: "Are you sure to delete, the data will be lost?",
@@ -9137,145 +9393,16 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const actionMap = {
-  edit: (router, action) => ({
-    label: "edit",
-    icon: ui.IconEnum.Edit,
-    show: (element) => !!element[action.idField]
-  })
-};
-const mapArrayActions = (router, actions) => {
-  return actions.map((a) => actionMap[a.type](router, a)).filter((a) => !!a);
-};
-const controlRenderer$1 = vue.defineComponent({
-  name: "ArrayListRenderer",
-  components: {
-    DispatchRenderer: vue$1.DispatchRenderer,
-    Btn: ui.Btn
-  },
-  props: {
-    ...vue$1.rendererProps()
-  },
-  setup(props) {
-    const vanillaArrayControl = vueVanilla.useVanillaArrayControl(
-      vue$1.useJsonFormsArrayControl(props)
-    );
-    const control = vanillaArrayControl.control.value;
-    if (!control.data || control.data.length < 1) {
-      vanillaArrayControl.addItem(
-        control.path,
-        core.createDefaultValue(control.schema, control.rootSchema)
-      )();
-    }
-    return vanillaArrayControl;
-  },
-  computed: {
-    IconEnum() {
-      return ui.IconEnum;
-    },
-    noData() {
-      return !this.control.data || this.control.data.length === 0;
-    },
-    actions() {
-      var _a;
-      const actions = ((_a = this.uischema.options) == null ? void 0 : _a.actions) ?? [];
-      return mapArrayActions(vueRouter.useRouter(), actions);
-    },
-    showDelete() {
-      var _a;
-      return ((_a = this.control.data) == null ? void 0 : _a.length) > 1;
-    },
-    translations() {
-      var _a;
-      const jsonforms = vue.inject("jsonforms");
-      return core.getArrayTranslations(
-        ((_a = jsonforms == null ? void 0 : jsonforms.i18n) == null ? void 0 : _a.translate) ?? core.defaultJsonFormsI18nState.translate,
-        core.arrayDefaultTranslations,
-        this.control.i18nKeyPrefix,
-        this.control.label
-      );
-    },
-    labelKey() {
-      var _a, _b;
-      const key = (_b = (_a = this.uischema) == null ? void 0 : _a.options) == null ? void 0 : _b.labelKey;
-      if (!key) return null;
-      return key;
-    }
-  },
-  methods: {
-    composePaths: core.composePaths,
-    createDefaultValue: core.createDefaultValue,
-    deleteButtonClick(index) {
-      this.removeItems(this.control.path, [index])();
-    },
-    dispatchEvent: (event, data) => {
-      const form_id = "";
-      useFormState().dispatchEvent(form_id, event, data);
-    },
-    addButtonClick() {
-      this.addItem(
-        this.control.path,
-        core.createDefaultValue(this.control.schema, this.control.rootSchema)
-      )();
-    }
-  }
-});
-const entry$1 = {
-  renderer: controlRenderer$1,
-  tester: core.rankWith(2, isArrayRenderer)
-};
-const controlRenderer = vue.defineComponent({
-  name: "FixedArrayListRenderer",
-  components: {
-    DispatchRenderer: vue$1.DispatchRenderer
-  },
-  props: {
-    ...vue$1.rendererProps()
-  },
-  setup(props) {
-    return vueVanilla.useVanillaArrayControl(vue$1.useJsonFormsArrayControl(props));
-  },
-  computed: {
-    noData() {
-      return !this.control.data || this.control.data.length === 0;
-    },
-    translations() {
-      var _a;
-      const jsonforms = vue.inject("jsonforms");
-      return core.getArrayTranslations(
-        ((_a = jsonforms == null ? void 0 : jsonforms.i18n) == null ? void 0 : _a.translate) ?? core.defaultJsonFormsI18nState.translate,
-        core.arrayDefaultTranslations,
-        this.control.i18nKeyPrefix,
-        this.control.label
-      );
-    },
-    labelKey() {
-      var _a, _b;
-      const key = (_b = (_a = this.uischema) == null ? void 0 : _a.options) == null ? void 0 : _b.labelKey;
-      if (!key) return null;
-      return key;
-    }
-  },
-  methods: {
-    composePaths: core.composePaths,
-    createDefaultValue: core.createDefaultValue
-  }
-});
-const entry = {
-  renderer: controlRenderer,
-  tester: core.rankWith(2, isFixedArray)
-};
-const arrayRenderers = [entry, entry$1];
-const layoutRenderers = [];
 const customRenderers = [
   controlRenderers,
   layoutRenderers,
   // ...complexRenderers,
-  ...arrayRenderers
+  arrayRenderers
   // ...labelRenderers,
 ].flat();
-const customRenderesName = customRenderers.map((c) => c.renderer.name);
-customRenderesName.push("ArrayListRenderer");
+const customRenderesName = customRenderers.map((c) => {
+  return c.renderer.name;
+});
 const useVanillaRenderers = vueVanilla.vanillaRenderers.filter(
   (v) => !customRenderesName.includes(v.renderer.name)
 );
@@ -9585,8 +9712,10 @@ const createRepository = (formSchemaModel, httpRequest, options = {}) => {
   };
   return { create, patch, createMulti, delete: _delete, get };
 };
+exports.ArrayRenderer = ArrayRenderer;
 exports.AutocompleteControlRenderer = AutocompleteControlRenderer;
 exports.BooleanControlRenderer = BooleanControlRenderer;
+exports.FixedArrayRenderer = FixedArrayRenderer;
 exports.FormComponent = _sfc_main$2;
 exports.FormModal = _sfc_main;
 exports.FormModalService = FormModalService;
@@ -9597,6 +9726,7 @@ exports.IntegerControlRenderer = IntegerControlRenderer;
 exports.NumberControlRenderer = NumberControlRenderer;
 exports.StringControlRenderer = StringControlRenderer;
 exports.TableComponent = _sfc_main$4;
+exports.arrayRenderers = arrayRenderers;
 exports.controlRenderers = controlRenderers;
 exports.createRepository = createRepository;
 exports.isArrayRenderer = isArrayRenderer;
@@ -9606,5 +9736,6 @@ exports.isFixedArray = isFixedArray;
 exports.isMarkdownControl = isMarkdownControl;
 exports.isStringFormat = isStringFormat;
 exports.isTextAreaControl = isTextAreaControl;
+exports.layoutRenderers = layoutRenderers;
 exports.markdownControlRenderer = MarkdownControlRenderer;
 exports.useFormState = useFormState;