@ghentcdh/json-forms-vue 0.6.8 → 0.6.9

package/index.js

@@ -5,6 +5,7 @@ const ui = require("@ghentcdh/ui");
 const core = require("@jsonforms/core");
 const vue = require("vue");
 const vue$1 = require("@jsonforms/vue");
+const axios = require("axios");
 const vueVanilla = require("@jsonforms/vue-vanilla");
 const lodashEs = require("lodash-es");
 const testers = require("@jsonforms/core/src/testers/testers");
@@ -52,12 +53,14 @@ const useVanillaControlCustom = (input, adaptTarget = (v) => v.value) => {
     return {
       ...vanillaControl.controlWrapper.value,
       ...lodashEs.omit(vanillaControl.appliedOptions.value, "styles"),
+      ...lodashEs.pick(vanillaControl.appliedOptions.value.styles, ["width"]),
       isFocused: isFocused.value,
       isTouched: isTouched.value
     };
   });
   return {
     ...vanillaControl,
+    appliedOptions: vanillaControl.appliedOptions,
     controlWrapper,
     isFocused,
     isTouched,
@@ -66,7 +69,49 @@ const useVanillaControlCustom = (input, adaptTarget = (v) => v.value) => {
     // handleChange,
   };
 };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  __name: "AutocompleteControlRenderer",
+  props: { ...vue$1.rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const {
+      control,
+      handleChange: _handleChange,
+      appliedOptions,
+      onFocus,
+      onBlur,
+      controlWrapper
+    } = useVanillaControlCustom(vue$1.useJsonFormsControl(props));
+    const bindProperties = vue.computed(() => ({
+      ...controlWrapper.value,
+      ...appliedOptions.value
+    }));
+    const fetchOptions = vue.computed(() => {
+      const options = appliedOptions.value;
+      if (!options.uri) return null;
+      return () => {
+        const fetch = options.skipAuth ? axios : toolsVue.useApi();
+        return fetch.get(options.uri).then((data) => data.data[options.dataField ?? "data"]);
+      };
+    });
+    const handleChange = (result) => {
+      const { path } = control.value;
+      _handleChange(path, result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ui.Autocomplete), vue.mergeProps(bindProperties.value, {
+        modelValue: vue.unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(control).data = $event),
+        enabled: vue.unref(control).enabled,
+        "fetch-options": fetchOptions.value,
+        onChange: handleChange,
+        onFocus: vue.unref(onFocus),
+        onBlur: vue.unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "fetch-options", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "BooleanControlRenderer",
   props: { ...vue$1.rendererProps() },
   setup(__props) {
@@ -87,7 +132,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "IntegerControlRenderer",
   props: { ...vue$1.rendererProps() },
   setup(__props) {
@@ -111,7 +156,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "MarkdownControlRenderer",
   props: { ...vue$1.rendererProps() },
   setup(__props) {
@@ -140,6 +185,34 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  __name: "MultiSelectControlRender",
+  props: { ...vue$1.rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const {
+      control,
+      handleChange: _handleChange,
+      onFocus,
+      onBlur,
+      controlWrapper
+    } = useVanillaControlCustom(vue$1.useJsonFormsControl(props));
+    const handleChange = (result) => {
+      const { path } = control.value;
+      _handleChange(path, result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ui.MultiSelect), vue.mergeProps(vue.unref(controlWrapper), {
+        modelValue: vue.unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(control).data = $event),
+        enabled: vue.unref(control).enabled,
+        onChange: handleChange,
+        onFocus: vue.unref(onFocus),
+        onBlur: vue.unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "onFocus", "onBlur"]);
+    };
+  }
+});
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "NumberControlRenderer",
   props: { ...vue$1.rendererProps() },
@@ -165,6 +238,36 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  __name: "SelectControlRender",
+  props: { ...vue$1.rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const {
+      control,
+      handleChange: _handleChange,
+      appliedOptions,
+      onFocus,
+      onBlur,
+      controlWrapper
+    } = useVanillaControlCustom(vue$1.useJsonFormsControl(props));
+    const handleChange = (result) => {
+      const { path } = control.value;
+      _handleChange(path, result);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ui.SelectComponent), vue.mergeProps(vue.unref(controlWrapper), {
+        modelValue: vue.unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(control).data = $event),
+        enabled: vue.unref(control).enabled,
+        options: vue.unref(appliedOptions)?.options,
+        onChange: handleChange,
+        onFocus: vue.unref(onFocus),
+        onBlur: vue.unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "options", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "StringControlRenderer",
   props: { ...vue$1.rendererProps() },
   setup(__props) {
@@ -192,7 +295,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "TextAreaControlRenderer",
   props: { ...vue$1.rendererProps() },
   setup(__props) {
@@ -237,61 +340,41 @@ const isCustomControl = (customType) => {
     testers.optionIs("type", customType)
   );
 };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-  __name: "AutocompleteControlRenderer",
-  props: { ...vue$1.rendererProps() },
-  setup(__props) {
-    const props = __props;
-    const {
-      control,
-      handleChange: _handleChange,
-      appliedOptions,
-      onFocus,
-      onBlur,
-      controlWrapper
-    } = useVanillaControlCustom(vue$1.useJsonFormsControl(props));
-    const field = vue.computed(() => appliedOptions.value.field);
-    const handleChange = (result) => {
-      const { path } = control.value;
-      _handleChange(path, result);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(ui.Autocomplete), vue.mergeProps(vue.unref(controlWrapper), {
-        modelValue: vue.unref(control).data,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(control).data = $event),
-        enabled: vue.unref(control).enabled,
-        config: vue.unref(appliedOptions),
-        "label-key": field.value?.label,
-        "value-key": field.value?.id,
-        onChange: handleChange,
-        onFocus: vue.unref(onFocus),
-        onBlur: vue.unref(onBlur)
-      }), null, 16, ["modelValue", "enabled", "config", "label-key", "value-key", "onFocus", "onBlur"]);
-    };
-  }
-});
+const isMultiselectControl = testers.and(
+  core.uiTypeIs("Control"),
+  testers.optionIs("format", jsonFormsCore.ControlType.mutliSelect)
+);
+const isSelectControl = testers.and(
+  core.uiTypeIs("Control"),
+  testers.optionIs("format", jsonFormsCore.ControlType.select)
+);
 const controlRenderers = [
   // First custom renderers on format
   {
     tester: core.rankWith(10, isMarkdownControl),
-    renderer: _sfc_main$e
+    renderer: _sfc_main$f
   },
   {
     tester: core.rankWith(10, isAutoCompleteControl),
-    renderer: _sfc_main$a
+    renderer: _sfc_main$i
   },
   {
     tester: core.rankWith(10, isTextAreaControl),
-    renderer: _sfc_main$b
+    renderer: _sfc_main$a
   },
   // Renderers based on type if no format is provided
-  { tester: core.rankWith(10, isStringFormat), renderer: _sfc_main$c },
+  { tester: core.rankWith(10, isStringFormat), renderer: _sfc_main$b },
+  { tester: core.rankWith(10, isSelectControl), renderer: _sfc_main$c },
+  {
+    tester: core.rankWith(10, isMultiselectControl),
+    renderer: _sfc_main$e
+  },
   { tester: core.rankWith(10, core.isNumberControl), renderer: _sfc_main$d },
   {
     tester: core.rankWith(10, core.isIntegerControl),
-    renderer: _sfc_main$f
+    renderer: _sfc_main$g
   },
-  { tester: core.rankWith(10, core.isBooleanControl), renderer: _sfc_main$g }
+  { tester: core.rankWith(10, core.isBooleanControl), renderer: _sfc_main$h }
 ];
 const actionMap = {
   edit: (router, action) => ({
@@ -1048,7 +1131,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(ui.Collapse), { title: title.value }, {
         default: vue.withCtx(() => [
           vue.createVNode(_sfc_main$2, {
-            id: `form_${properties.id}`,
+            id: `form_${__props.id}`,
             modelValue: formData.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
             schema: __props.formSchema.form.schema,
@@ -1256,17 +1339,19 @@ const createRepository = (formSchemaModel, httpRequest, options = {}) => {
   return { create, patch, createMulti, delete: _delete, get };
 };
 exports.ArrayRenderer = _sfc_main$9;
-exports.AutocompleteControlRenderer = _sfc_main$a;
-exports.BooleanControlRenderer = _sfc_main$g;
+exports.AutocompleteControlRenderer = _sfc_main$i;
+exports.BooleanControlRenderer = _sfc_main$h;
 exports.FormComponent = _sfc_main$2;
 exports.FormModal = _sfc_main;
 exports.FormModalService = FormModalService;
 exports.FormStore = FormStore;
 exports.FormWithActions = _sfc_main$1;
 exports.FormWithTableComponent = _sfc_main$3;
-exports.IntegerControlRenderer = _sfc_main$f;
+exports.IntegerControlRenderer = _sfc_main$g;
+exports.MultiSelectControlRender = _sfc_main$e;
 exports.NumberControlRenderer = _sfc_main$d;
-exports.StringControlRenderer = _sfc_main$c;
+exports.SelectControlRender = _sfc_main$c;
+exports.StringControlRenderer = _sfc_main$b;
 exports.TableComponent = _sfc_main$4;
 exports.arrayRenderers = arrayRenderers;
 exports.controlRenderers = controlRenderers;
@@ -1275,8 +1360,10 @@ exports.isArrayRenderer = isArrayRenderer;
 exports.isAutoCompleteControl = isAutoCompleteControl;
 exports.isCustomControl = isCustomControl;
 exports.isMarkdownControl = isMarkdownControl;
+exports.isMultiselectControl = isMultiselectControl;
+exports.isSelectControl = isSelectControl;
 exports.isStringFormat = isStringFormat;
 exports.isTextAreaControl = isTextAreaControl;
 exports.layoutRenderers = layoutRenderers;
-exports.markdownControlRenderer = _sfc_main$e;
+exports.markdownControlRenderer = _sfc_main$f;
 exports.useFormState = useFormState;

package/index.mjs

@@ -1,10 +1,11 @@
 import { useApi, Debugger } from "@ghentcdh/tools-vue";
-import { NotificationService, Checkbox, InputNumber, Markdown, Input, Textarea, Autocomplete, IconEnum, Btn, Collapse, BtnBadge, TextCell, Table, hasCustomEventListener, Card, ModalService, myStyles, Alert, Color, Modal } from "@ghentcdh/ui";
+import { NotificationService, Autocomplete, Checkbox, InputNumber, Markdown, MultiSelect, SelectComponent, Input, Textarea, IconEnum, Btn, Collapse, BtnBadge, TextCell, Table, hasCustomEventListener, Card, ModalService, myStyles, Alert, Color, Modal } from "@ghentcdh/ui";
 import { uiTypeIs, rankWith, isNumberControl, isIntegerControl, isBooleanControl, createDefaultValue, composePaths } from "@jsonforms/core";
 import { ref, computed, defineComponent, openBlock, createBlock, unref, mergeProps, createElementBlock, createElementVNode, normalizeClass, Fragment, renderList, createVNode, createCommentVNode, withCtx, createTextVNode, watch, toDisplayString, useModel, provide, mergeModels, renderSlot } from "vue";
 import { useJsonFormsControl, rendererProps, useJsonFormsArrayControl, DispatchRenderer, useJsonFormsLayout, JsonForms } from "@jsonforms/vue";
+import axios from "axios";
 import { useVanillaControl, useVanillaArrayControl, vanillaRenderers } from "@jsonforms/vue-vanilla";
-import { omit, isArray } from "lodash-es";
+import { pick, omit, isArray } from "lodash-es";
 import { and, optionIs, or, schemaTypeIs } from "@jsonforms/core/src/testers/testers";
 import { ControlType, LayoutTypes, RequestSchema, extractFilters, findColumnDef } from "@ghentcdh/json-forms-core";
 import { useRouter, useRoute } from "vue-router";
@@ -50,12 +51,14 @@ const useVanillaControlCustom = (input, adaptTarget = (v) => v.value) => {
     return {
       ...vanillaControl.controlWrapper.value,
       ...omit(vanillaControl.appliedOptions.value, "styles"),
+      ...pick(vanillaControl.appliedOptions.value.styles, ["width"]),
       isFocused: isFocused.value,
       isTouched: isTouched.value
     };
   });
   return {
     ...vanillaControl,
+    appliedOptions: vanillaControl.appliedOptions,
     controlWrapper,
     isFocused,
     isTouched,
@@ -64,7 +67,49 @@ const useVanillaControlCustom = (input, adaptTarget = (v) => v.value) => {
     // handleChange,
   };
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "AutocompleteControlRenderer",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const {
+      control,
+      handleChange: _handleChange,
+      appliedOptions,
+      onFocus,
+      onBlur,
+      controlWrapper
+    } = useVanillaControlCustom(useJsonFormsControl(props));
+    const bindProperties = computed(() => ({
+      ...controlWrapper.value,
+      ...appliedOptions.value
+    }));
+    const fetchOptions = computed(() => {
+      const options = appliedOptions.value;
+      if (!options.uri) return null;
+      return () => {
+        const fetch = options.skipAuth ? axios : useApi();
+        return fetch.get(options.uri).then((data) => data.data[options.dataField ?? "data"]);
+      };
+    });
+    const handleChange = (result) => {
+      const { path } = control.value;
+      _handleChange(path, result);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Autocomplete), mergeProps(bindProperties.value, {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        "fetch-options": fetchOptions.value,
+        onChange: handleChange,
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "fetch-options", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "BooleanControlRenderer",
   props: { ...rendererProps() },
   setup(__props) {
@@ -85,7 +130,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "IntegerControlRenderer",
   props: { ...rendererProps() },
   setup(__props) {
@@ -109,7 +154,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "MarkdownControlRenderer",
   props: { ...rendererProps() },
   setup(__props) {
@@ -138,6 +183,34 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "MultiSelectControlRender",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const {
+      control,
+      handleChange: _handleChange,
+      onFocus,
+      onBlur,
+      controlWrapper
+    } = useVanillaControlCustom(useJsonFormsControl(props));
+    const handleChange = (result) => {
+      const { path } = control.value;
+      _handleChange(path, result);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MultiSelect), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        onChange: handleChange,
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "onFocus", "onBlur"]);
+    };
+  }
+});
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "NumberControlRenderer",
   props: { ...rendererProps() },
@@ -163,6 +236,36 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "SelectControlRender",
+  props: { ...rendererProps() },
+  setup(__props) {
+    const props = __props;
+    const {
+      control,
+      handleChange: _handleChange,
+      appliedOptions,
+      onFocus,
+      onBlur,
+      controlWrapper
+    } = useVanillaControlCustom(useJsonFormsControl(props));
+    const handleChange = (result) => {
+      const { path } = control.value;
+      _handleChange(path, result);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SelectComponent), mergeProps(unref(controlWrapper), {
+        modelValue: unref(control).data,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
+        enabled: unref(control).enabled,
+        options: unref(appliedOptions)?.options,
+        onChange: handleChange,
+        onFocus: unref(onFocus),
+        onBlur: unref(onBlur)
+      }), null, 16, ["modelValue", "enabled", "options", "onFocus", "onBlur"]);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "StringControlRenderer",
   props: { ...rendererProps() },
   setup(__props) {
@@ -190,7 +293,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TextAreaControlRenderer",
   props: { ...rendererProps() },
   setup(__props) {
@@ -235,61 +338,41 @@ const isCustomControl = (customType) => {
     optionIs("type", customType)
   );
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteControlRenderer",
-  props: { ...rendererProps() },
-  setup(__props) {
-    const props = __props;
-    const {
-      control,
-      handleChange: _handleChange,
-      appliedOptions,
-      onFocus,
-      onBlur,
-      controlWrapper
-    } = useVanillaControlCustom(useJsonFormsControl(props));
-    const field = computed(() => appliedOptions.value.field);
-    const handleChange = (result) => {
-      const { path } = control.value;
-      _handleChange(path, result);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Autocomplete), mergeProps(unref(controlWrapper), {
-        modelValue: unref(control).data,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(control).data = $event),
-        enabled: unref(control).enabled,
-        config: unref(appliedOptions),
-        "label-key": field.value?.label,
-        "value-key": field.value?.id,
-        onChange: handleChange,
-        onFocus: unref(onFocus),
-        onBlur: unref(onBlur)
-      }), null, 16, ["modelValue", "enabled", "config", "label-key", "value-key", "onFocus", "onBlur"]);
-    };
-  }
-});
+const isMultiselectControl = and(
+  uiTypeIs("Control"),
+  optionIs("format", ControlType.mutliSelect)
+);
+const isSelectControl = and(
+  uiTypeIs("Control"),
+  optionIs("format", ControlType.select)
+);
 const controlRenderers = [
   // First custom renderers on format
   {
     tester: rankWith(10, isMarkdownControl),
-    renderer: _sfc_main$e
+    renderer: _sfc_main$f
   },
   {
     tester: rankWith(10, isAutoCompleteControl),
-    renderer: _sfc_main$a
+    renderer: _sfc_main$i
   },
   {
     tester: rankWith(10, isTextAreaControl),
-    renderer: _sfc_main$b
+    renderer: _sfc_main$a
   },
   // Renderers based on type if no format is provided
-  { tester: rankWith(10, isStringFormat), renderer: _sfc_main$c },
+  { tester: rankWith(10, isStringFormat), renderer: _sfc_main$b },
+  { tester: rankWith(10, isSelectControl), renderer: _sfc_main$c },
+  {
+    tester: rankWith(10, isMultiselectControl),
+    renderer: _sfc_main$e
+  },
   { tester: rankWith(10, isNumberControl), renderer: _sfc_main$d },
   {
     tester: rankWith(10, isIntegerControl),
-    renderer: _sfc_main$f
+    renderer: _sfc_main$g
   },
-  { tester: rankWith(10, isBooleanControl), renderer: _sfc_main$g }
+  { tester: rankWith(10, isBooleanControl), renderer: _sfc_main$h }
 ];
 const actionMap = {
   edit: (router, action) => ({
@@ -1046,7 +1129,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(Collapse), { title: title.value }, {
         default: withCtx(() => [
           createVNode(_sfc_main$2, {
-            id: `form_${properties.id}`,
+            id: `form_${__props.id}`,
             modelValue: formData.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
             schema: __props.formSchema.form.schema,
@@ -1255,17 +1338,19 @@ const createRepository = (formSchemaModel, httpRequest, options = {}) => {
 };
 export {
   _sfc_main$9 as ArrayRenderer,
-  _sfc_main$a as AutocompleteControlRenderer,
-  _sfc_main$g as BooleanControlRenderer,
+  _sfc_main$i as AutocompleteControlRenderer,
+  _sfc_main$h as BooleanControlRenderer,
   _sfc_main$2 as FormComponent,
   _sfc_main as FormModal,
   FormModalService,
   FormStore,
   _sfc_main$1 as FormWithActions,
   _sfc_main$3 as FormWithTableComponent,
-  _sfc_main$f as IntegerControlRenderer,
+  _sfc_main$g as IntegerControlRenderer,
+  _sfc_main$e as MultiSelectControlRender,
   _sfc_main$d as NumberControlRenderer,
-  _sfc_main$c as StringControlRenderer,
+  _sfc_main$c as SelectControlRender,
+  _sfc_main$b as StringControlRenderer,
   _sfc_main$4 as TableComponent,
   arrayRenderers,
   controlRenderers,
@@ -1274,9 +1359,11 @@ export {
   isAutoCompleteControl,
   isCustomControl,
   isMarkdownControl,
+  isMultiselectControl,
+  isSelectControl,
   isStringFormat,
   isTextAreaControl,
   layoutRenderers,
-  _sfc_main$e as markdownControlRenderer,
+  _sfc_main$f as markdownControlRenderer,
   useFormState
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ghentcdh/json-forms-vue",
-  "version": "0.6.8",
+  "version": "0.6.9",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",

package/renderes/array/ArrayRenderer.vue.d.ts

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     enabled: boolean;
-    config: Record<string, any>;
     renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
     cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
+    config: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/renderes/array/index.d.ts

@@ -69,8 +69,8 @@ export declare const arrayRenderers: readonly [{
         };
     }>> & Readonly<{}>, {
         enabled: boolean;
-        config: Record<string, any>;
         renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
         cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
+        config: Record<string, any>;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 }];

package/renderes/controls/{autocomplete/AutocompleteControlRenderer.vue.d.ts → AutocompleteControlRenderer.vue.d.ts}

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     enabled: boolean;
-    config: Record<string, any>;
     renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
     cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
+    config: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     enabled: boolean;
-    config: Record<string, any>;
     renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
     cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
+    config: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

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

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     enabled: boolean;
-    config: Record<string, any>;
     renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
     cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
+    config: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export default _default;

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

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     enabled: boolean;
-    config: Record<string, any>;
     renderers: import('@jsonforms/core').JsonFormsRendererRegistryEntry[];
     cells: import('@jsonforms/core').JsonFormsCellRendererRegistryEntry[];
+    config: Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export default _default;