@kong-ui-public/forms 4.17.10 → 4.17.11-pr.2517.181da427a.0

package/dist/forms.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as _, openBlock as c, createElementVNode as m, toDisplayString as L, normalizeClass as ee, createVNode as O, defineComponent as he, provide as zt, resolveComponent as D, withCtx as M, renderSlot as Oe, unref as I, createTextVNode as ce, createBlock as U, resolveDynamicComponent as me, Fragment as Y, renderList as oe, mergeModels as Oi, useModel as Po, createSlots as cn, ref as ae, onMounted as Xn, watch as mn, computed as z, toRefs as ut, inject as an, onBeforeMount as Jn, mergeProps as et, Transition as Do, createCommentVNode as B, resolveDirective as Aa, withDirectives as Ee, vModelText as $t, vModelCheckbox as $o, vModelSelect as Vo, vModelDynamic as Ia, isRef as Et, toRef as jo, vModelRadio as qo, vShow as Ko, normalizeProps as Bo, guardReactiveProps as zo, useSlots as fn, nextTick as Fi } from "vue";
+import { createElementBlock as _, openBlock as c, createElementVNode as m, toDisplayString as L, normalizeClass as ee, createVNode as O, defineComponent as he, provide as zt, resolveComponent as D, withCtx as M, renderSlot as Oe, unref as I, createTextVNode as ce, mergeModels as Oi, useModel as Po, createBlock as U, createSlots as cn, ref as ae, onMounted as Xn, watch as mn, resolveDynamicComponent as me, Fragment as Y, renderList as oe, computed as z, toRefs as ut, inject as an, onBeforeMount as Jn, mergeProps as et, Transition as Do, createCommentVNode as B, resolveDirective as Aa, withDirectives as Ee, vModelText as $t, vModelCheckbox as $o, vModelSelect as Vo, vModelDynamic as Ia, isRef as Et, toRef as jo, vModelRadio as qo, vShow as Ko, normalizeProps as Bo, guardReactiveProps as zo, useSlots as fn, nextTick as Fi } from "vue";
 import { createI18n as ke } from "@kong-ui-public/i18n";
 import { TrashIcon as xt, SearchIcon as xo, AddIcon as Qn, RemoveIcon as Ho } from "@kong/icons";
 import { isAxiosError as Yo } from "axios";
@@ -2383,193 +2383,12 @@ const $e = {
       ]);
     };
   }
-}), yo = /* @__PURE__ */ W(Dc, [["__scopeId", "data-v-b4fcf731"]]), $c = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", Zn = (e) => e ? e.length === 36 && new RegExp(`^${$c}$`).test(e) : !1, Vc = (e) => ({
-  ...e,
-  label: e.name,
-  value: e.id
-});
-function vo(e, t, n) {
-  return n ? je.SET_REFERRAL_VALUE : e && !t || !e && t ? je.UPDATE_ENTITY : e && t ? je.CREATE_FROM_ENTITY : je.CREATE_NOT_FROM_ENTITY;
-}
-const Bn = 50, jc = {
-  mixins: [$e],
-  inject: [Se],
-  emits: ["model-updated"],
-  setup() {
-    const { t: e } = ke("en-us", Re);
-    return {
-      t: e
-    };
-  },
-  data() {
-    return {
-      suggestions: [],
-      idValue: "",
-      message: "Type something to search",
-      items: [],
-      initialItems: [],
-      loading: !1
-    };
-  },
-  computed: {
-    fieldState() {
-      return vo(this.model[this.schema.model], this.associatedEntity || this.entityId, this.bypassSearch);
-    },
-    associatedEntity() {
-      return this.$route && this.$route.params[this.entity];
-    },
-    entity() {
-      return this.schema.entity;
-    },
-    scope() {
-      return this.schema.label.toLowerCase();
-    },
-    bypassSearch() {
-      return this.$route && this.$route.query && this.$route.query.no_search;
-    }
-  },
-  async created() {
-    await this.$nextTick();
-    let e, t;
-    switch (this.fieldState) {
-      case je.UPDATE_ENTITY:
-        if (!this[Se]) {
-          console.warn("[@kong-ui-public/forms] No API service provided");
-          break;
-        }
-        t = (await this[Se].getOne(this.entity, this.model[this.schema.model])).data, e = this.getItem(this.schema.entityDataKey ? t[this.schema.entityDataKey] : t), this.idValue = e.id;
-        break;
-      case je.CREATE_FROM_ENTITY:
-        this.idValue = this.associatedEntity.id;
-        break;
-      case je.SET_REFERRAL_VALUE:
-        this.idValue = this.value;
-    }
-    try {
-      e && (this.initialItems = [{ ...e, label: this.getSuggestionLabel(e), value: e.id }]), this.items = this.initialItems;
-    } catch (n) {
-      this.message = `There was an error loading ${this.schema.entity}`, console.error("err!", n);
-    }
-  },
-  methods: {
-    onQueryChange(e) {
-      e.trim().length === 0 && (this.items = [], this.message = "Type something to search"), typeof this.performSearch != "function" && (this.performSearch = wt(
-        this.search,
-        500
-      )), this.performSearch(e);
-    },
-    async search(e) {
-      if (e.trim().length === 0)
-        return;
-      this.loading = !0;
-      const t = [], n = [], i = this.getInputFields(), a = /* @__PURE__ */ new Set();
-      Zn(e) && i.includes("id") ? n.push((async () => {
-        const o = await this.fetchExact(e);
-        t.push({ ...o, label: this.getSuggestionLabel(o), value: o.id });
-      })()) : n.push(...i.filter((o) => o !== "id").map(async (o) => {
-        (await this.fetchSuggestions(e, o)).forEach((r) => {
-          a.has(r.id) || (a.add(r.id), t.push({ ...r, label: this.getSuggestionLabel(r), value: r.id }));
-        });
-      })), await Promise.all(n), this.items = t, this.items.length === 0 && (this.message = "No results"), this.loading = !1;
-    },
-    getItem(e) {
-      return e.data ? e.data.length > 0 ? e.data[0] : [] : e;
-    },
-    async fetchUntilLimit(e) {
-      const t = [];
-      let n = null;
-      if (!this[Se])
-        return console.warn("[@kong-ui-public/forms] No API service provided"), [];
-      for (; t.length < Bn; ) {
-        const i = await this[Se].getAll(this.entity, {
-          size: Bn,
-          offset: n,
-          ...e
-        });
-        if (t.push(...i.data.data), n = i.data.offset, !n) break;
-      }
-      return t.slice(0, Bn);
-    },
-    async fetchSuggestions(e, t) {
-      return this.fetchUntilLimit({ [t]: e });
-    },
-    async fetchExact(e) {
-      return this[Se] ? (await this[Se].getOne(this.entity, e)).data : (console.warn("[@kong-ui-public/forms] No API service provided"), {});
-    },
-    getInputFields() {
-      var e, t;
-      return ((t = (e = this.schema) == null ? void 0 : e.inputValues) == null ? void 0 : t.fields) || [];
-    },
-    getSuggestionLabel(e) {
-      const t = this.getInputFields();
-      return t.length && e ? t.map((n) => e[n]).filter(Boolean).join(" - ") : "";
-    },
-    updateModel(e) {
-      this.$emit("model-updated", e != null && e.length ? e : null, this.schema.model);
-    },
-    onSelected(e) {
-      this.idValue = e && e.id, this.updateModel(this.getReturnValue(e || {}));
-    },
-    getReturnValue(e) {
-      var n;
-      const t = (n = this.schema) == null ? void 0 : n.returnKey;
-      return t ? e[t] : e.id;
-    }
-  }
-}, qc = ["data-testid", "data-testlabel"], Kc = ["data-testid"], Bc = { class: "autosuggest__results_message" };
-function zc(e, t, n, i, a, o) {
-  const s = D("KSelect");
-  return c(), U(me(e.schema.disabled ? "k-tooltip" : "div"), {
-    class: "field-wrap autosuggest",
-    "max-width": "300",
-    text: i.t("general.disable_source_scope_change", { scope: o.scope })
-  }, {
-    default: M(() => [
-      O(s, {
-        id: e.schema.model,
-        ref: "suggestion",
-        modelValue: a.idValue,
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => a.idValue = r),
-        clearable: "",
-        disabled: e.schema.disabled,
-        "enable-filtering": "",
-        "filter-function": () => !0,
-        items: a.items,
-        loading: a.loading,
-        placeholder: e.schema.placeholder,
-        width: "100%",
-        onChange: o.onSelected,
-        onQueryChange: o.onQueryChange
-      }, {
-        "item-template": M(({ item: r }) => [
-          m("span", {
-            class: "first-part",
-            "data-testid": r.id && `${r.id}-0`,
-            "data-testlabel": r.label
-          }, L(o.getSuggestionLabel(r).split(" - ")[0]), 9, qc),
-          (c(!0), _(Y, null, oe(o.getSuggestionLabel(r).split(" - ").slice(1), (d, u) => (c(), _("span", {
-            key: u,
-            class: "field-span",
-            "data-testid": r.id && `${r.id}-${u + 1}` || u + 1
-          }, L(d), 9, Kc))), 128))
-        ]),
-        empty: M(() => [
-          m("div", Bc, [
-            m("span", null, L(a.message), 1)
-          ])
-        ]),
-        _: 1
-      }, 8, ["id", "modelValue", "disabled", "items", "loading", "placeholder", "onChange", "onQueryChange"])
-    ]),
-    _: 1
-  }, 8, ["text"]);
-}
-const bo = /* @__PURE__ */ W(jc, [["render", zc], ["__scopeId", "data-v-9b7636bc"]]), xc = "#6c7489", Hc = "12px", Yc = "20px";
-var Gc = 4;
+}), yo = /* @__PURE__ */ W(Dc, [["__scopeId", "data-v-b4fcf731"]]), $c = "#6c7489", Vc = "12px", jc = "20px";
+var qc = 4;
 function Ta(e) {
-  return jt(e, Gc);
+  return jt(e, qc);
 }
-const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc = { class: "autosuggest__results_message" }, Jc = /* @__PURE__ */ he({
+const Kc = ["data-testid", "data-testlabel"], Bc = { class: "item-label" }, zc = { class: "autosuggest__results_message" }, xc = /* @__PURE__ */ he({
   __name: "AutoSuggest",
   props: /* @__PURE__ */ Oi({
     placeholder: { default: "" },
@@ -2609,16 +2428,16 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
               class: "item-label",
               "data-testid": s.id && `${s.id}-0`,
               "data-testlabel": s.label
-            }, L(s.label), 9, Wc)
+            }, L(s.label), 9, Kc)
           ], !0)
         ]),
         "selected-item-template": M(({ item: s }) => [
           Oe(i.$slots, "selected-item", { item: s }, () => [
-            m("span", Zc, L(s.label), 1)
+            m("span", Bc, L(s.label), 1)
           ], !0)
         ]),
         empty: M(() => [
-          m("div", Xc, [
+          m("div", zc, [
             m("span", null, L(i.emptyMessage || I(t)("fields.auto_suggest.no_results")), 1)
           ])
         ]),
@@ -2634,10 +2453,18 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
       ]), 1032, ["id", "modelValue", "disabled", "items", "loading", "placeholder"]);
     };
   }
-}), Qc = /* @__PURE__ */ W(Jc, [["__scopeId", "data-v-baeb3bb0"]]), em = 500, tm = 50, nm = /* @__PURE__ */ he({
+}), Hc = /* @__PURE__ */ W(xc, [["__scopeId", "data-v-baeb3bb0"]]), Yc = "[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}", Zn = (e) => e ? e.length === 36 && new RegExp(`^${Yc}$`).test(e) : !1, Gc = (e) => ({
+  ...e,
+  label: e.name,
+  value: e.id
+});
+function vo(e, t, n) {
+  return n ? je.SET_REFERRAL_VALUE : e && !t || !e && t ? je.UPDATE_ENTITY : e && t ? je.CREATE_FROM_ENTITY : je.CREATE_NOT_FROM_ENTITY;
+}
+const Wc = 500, Zc = 50, Xc = /* @__PURE__ */ he({
   __name: "FieldScopedEntitySelect",
   props: {
-    transformItem: { type: Function, default: Vc },
+    transformItem: { type: Function, default: Gc },
     allowUuidSearch: { type: Boolean, default: !1 },
     placeholder: {},
     fields: { default: () => [] },
@@ -2689,8 +2516,8 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
         return;
       }
       A(y, v);
-    }, em, { leading: !0 }), k = async (y, v) => await e.getAll(y, v), q = async () => {
-      const { data: { data: y, next: v, offset: g } } = await e.getPartial(tm);
+    }, Wc, { leading: !0 }), k = async (y, v) => await e.getAll(y, v), q = async () => {
+      const { data: { data: y, next: v, offset: g } } = await e.getPartial(Zc);
       return (!v || !g) && (i.value = !0), s.value = y, r.value = y.map((V) => ({
         ...e.transformItem(V),
         group: d("fields.auto_suggest.recently_created", { entity: e.entity })
@@ -2711,7 +2538,7 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
         v && (o.value = N(r.value)), y();
       });
       o.value = N(r.value);
-    }), (y, v) => (c(), U(Qc, {
+    }), (y, v) => (c(), U(Hc, {
       id: y.id,
       disabled: y.fieldDisabled,
       "dom-id": y.domId,
@@ -2740,9 +2567,9 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
       } : void 0
     ]), 1032, ["id", "disabled", "dom-id", "empty-message", "loading", "placeholder", "readonly", "suggestions", "onQueryChange"]));
   }
-}), im = 1e3, am = {
+}), Jc = 1e3, Qc = {
   components: {
-    FieldScopedEntitySelect: nm,
+    FieldScopedEntitySelect: Xc,
     SearchIcon: xo
   },
   mixins: [$e],
@@ -2752,8 +2579,8 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
     const { t: e } = ke("en-us", Re);
     return {
       t: e,
-      KUI_ICON_SIZE_40: Yc,
-      KUI_COLOR_TEXT_NEUTRAL: xc,
+      KUI_ICON_SIZE_40: jc,
+      KUI_COLOR_TEXT_NEUTRAL: $c,
       EMPTY_VALUE_PLACEHOLDER: rl
     };
   },
@@ -2848,7 +2675,7 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
       if (!this[Se])
         return console.warn("[@kong-ui-public/forms] No API service provided"), [];
       const n = this[Se].getAllV2, { data: i } = await n(this.entity, {
-        size: im,
+        size: Jc,
         ...e
       }, t);
       return i.data;
@@ -2873,8 +2700,8 @@ const Wc = ["data-testid", "data-testlabel"], Zc = { class: "item-label" }, Xc =
       return t ? e[t] : e.id;
     }
   }
-}, om = { class: "entity-suggestion-item" }, rm = { class: "entity-label" }, sm = { class: "entity-id" }, lm = { class: "selected-entity-item" }, dm = { class: "selected-entity-label" };
-function um(e, t, n, i, a, o) {
+}, em = { class: "entity-suggestion-item" }, tm = { class: "entity-label" }, nm = { class: "entity-id" }, im = { class: "selected-entity-item" }, am = { class: "selected-entity-label" };
+function om(e, t, n, i, a, o) {
   const s = D("SearchIcon"), r = D("FieldScopedEntitySelect");
   return c(), U(me(e.schema.disabled ? "k-tooltip" : "div"), {
     class: "field-wrap autosuggest",
@@ -2907,14 +2734,14 @@ function um(e, t, n, i, a, o) {
           }, null, 8, ["color", "size"])
         ]),
         item: M(({ item: d }) => [
-          m("div", om, [
-            m("span", rm, L(d.label ?? i.EMPTY_VALUE_PLACEHOLDER), 1),
-            m("span", sm, L(d.id), 1)
+          m("div", em, [
+            m("span", tm, L(d.label ?? i.EMPTY_VALUE_PLACEHOLDER), 1),
+            m("span", nm, L(d.id), 1)
           ])
         ]),
         "selected-item": M(({ item: d }) => [
-          m("span", lm, [
-            m("span", dm, L(d.label ?? d.id), 1)
+          m("span", im, [
+            m("span", am, L(d.label ?? d.id), 1)
           ])
         ]),
         _: 1
@@ -2923,7 +2750,180 @@ function um(e, t, n, i, a, o) {
     _: 1
   }, 8, ["text"]);
 }
-const _o = /* @__PURE__ */ W(am, [["render", um], ["__scopeId", "data-v-704a3e4e"]]);
+const bo = /* @__PURE__ */ W(Qc, [["render", om], ["__scopeId", "data-v-94561d0b"]]), Bn = 50, rm = {
+  mixins: [$e],
+  inject: [Se],
+  emits: ["model-updated"],
+  setup() {
+    const { t: e } = ke("en-us", Re);
+    return {
+      t: e
+    };
+  },
+  data() {
+    return {
+      suggestions: [],
+      idValue: "",
+      message: "Type something to search",
+      items: [],
+      initialItems: [],
+      loading: !1
+    };
+  },
+  computed: {
+    fieldState() {
+      return vo(this.model[this.schema.model], this.associatedEntity || this.entityId, this.bypassSearch);
+    },
+    associatedEntity() {
+      return this.$route && this.$route.params[this.entity];
+    },
+    entity() {
+      return this.schema.entity;
+    },
+    scope() {
+      return this.schema.label.toLowerCase();
+    },
+    bypassSearch() {
+      return this.$route && this.$route.query && this.$route.query.no_search;
+    }
+  },
+  async created() {
+    await this.$nextTick();
+    let e, t;
+    switch (this.fieldState) {
+      case je.UPDATE_ENTITY:
+        if (!this[Se]) {
+          console.warn("[@kong-ui-public/forms] No API service provided");
+          break;
+        }
+        t = (await this[Se].getOne(this.entity, this.model[this.schema.model])).data, e = this.getItem(this.schema.entityDataKey ? t[this.schema.entityDataKey] : t), this.idValue = e.id;
+        break;
+      case je.CREATE_FROM_ENTITY:
+        this.idValue = this.associatedEntity.id;
+        break;
+      case je.SET_REFERRAL_VALUE:
+        this.idValue = this.value;
+    }
+    try {
+      e && (this.initialItems = [{ ...e, label: this.getSuggestionLabel(e), value: e.id }]), this.items = this.initialItems;
+    } catch (n) {
+      this.message = `There was an error loading ${this.schema.entity}`, console.error("err!", n);
+    }
+  },
+  methods: {
+    onQueryChange(e) {
+      e.trim().length === 0 && (this.items = [], this.message = "Type something to search"), typeof this.performSearch != "function" && (this.performSearch = wt(
+        this.search,
+        500
+      )), this.performSearch(e);
+    },
+    async search(e) {
+      if (e.trim().length === 0)
+        return;
+      this.loading = !0;
+      const t = [], n = [], i = this.getInputFields(), a = /* @__PURE__ */ new Set();
+      Zn(e) && i.includes("id") ? n.push((async () => {
+        const o = await this.fetchExact(e);
+        t.push({ ...o, label: this.getSuggestionLabel(o), value: o.id });
+      })()) : n.push(...i.filter((o) => o !== "id").map(async (o) => {
+        (await this.fetchSuggestions(e, o)).forEach((r) => {
+          a.has(r.id) || (a.add(r.id), t.push({ ...r, label: this.getSuggestionLabel(r), value: r.id }));
+        });
+      })), await Promise.all(n), this.items = t, this.items.length === 0 && (this.message = "No results"), this.loading = !1;
+    },
+    getItem(e) {
+      return e.data ? e.data.length > 0 ? e.data[0] : [] : e;
+    },
+    async fetchUntilLimit(e) {
+      const t = [];
+      let n = null;
+      if (!this[Se])
+        return console.warn("[@kong-ui-public/forms] No API service provided"), [];
+      for (; t.length < Bn; ) {
+        const i = await this[Se].getAll(this.entity, {
+          size: Bn,
+          offset: n,
+          ...e
+        });
+        if (t.push(...i.data.data), n = i.data.offset, !n) break;
+      }
+      return t.slice(0, Bn);
+    },
+    async fetchSuggestions(e, t) {
+      return this.fetchUntilLimit({ [t]: e });
+    },
+    async fetchExact(e) {
+      return this[Se] ? (await this[Se].getOne(this.entity, e)).data : (console.warn("[@kong-ui-public/forms] No API service provided"), {});
+    },
+    getInputFields() {
+      var e, t;
+      return ((t = (e = this.schema) == null ? void 0 : e.inputValues) == null ? void 0 : t.fields) || [];
+    },
+    getSuggestionLabel(e) {
+      const t = this.getInputFields();
+      return t.length && e ? t.map((n) => e[n]).filter(Boolean).join(" - ") : "";
+    },
+    updateModel(e) {
+      this.$emit("model-updated", e != null && e.length ? e : null, this.schema.model);
+    },
+    onSelected(e) {
+      this.idValue = e && e.id, this.updateModel(this.getReturnValue(e || {}));
+    },
+    getReturnValue(e) {
+      var n;
+      const t = (n = this.schema) == null ? void 0 : n.returnKey;
+      return t ? e[t] : e.id;
+    }
+  }
+}, sm = ["data-testid", "data-testlabel"], lm = ["data-testid"], dm = { class: "autosuggest__results_message" };
+function um(e, t, n, i, a, o) {
+  const s = D("KSelect");
+  return c(), U(me(e.schema.disabled ? "k-tooltip" : "div"), {
+    class: "field-wrap autosuggest",
+    "max-width": "300",
+    text: i.t("general.disable_source_scope_change", { scope: o.scope })
+  }, {
+    default: M(() => [
+      O(s, {
+        id: e.schema.model,
+        ref: "suggestion",
+        modelValue: a.idValue,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => a.idValue = r),
+        clearable: "",
+        disabled: e.schema.disabled,
+        "enable-filtering": "",
+        "filter-function": () => !0,
+        items: a.items,
+        loading: a.loading,
+        placeholder: e.schema.placeholder,
+        width: "100%",
+        onChange: o.onSelected,
+        onQueryChange: o.onQueryChange
+      }, {
+        "item-template": M(({ item: r }) => [
+          m("span", {
+            class: "first-part",
+            "data-testid": r.id && `${r.id}-0`,
+            "data-testlabel": r.label
+          }, L(o.getSuggestionLabel(r).split(" - ")[0]), 9, sm),
+          (c(!0), _(Y, null, oe(o.getSuggestionLabel(r).split(" - ").slice(1), (d, u) => (c(), _("span", {
+            key: u,
+            class: "field-span",
+            "data-testid": r.id && `${r.id}-${u + 1}` || u + 1
+          }, L(d), 9, lm))), 128))
+        ]),
+        empty: M(() => [
+          m("div", dm, [
+            m("span", null, L(a.message), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["id", "modelValue", "disabled", "items", "loading", "placeholder", "onChange", "onQueryChange"])
+    ]),
+    _: 1
+  }, 8, ["text"]);
+}
+const _o = /* @__PURE__ */ W(rm, [["render", um], ["__scopeId", "data-v-8cfdc7f6"]]);
 function cm(e) {
   const t = ae([]), n = ae(null), i = (h) => st(h) ? dt[h] != null ? dt[h] : (console.warn(`'${h}' is not a validator function!`), null) : h, a = z({
     get() {
@@ -3747,7 +3747,7 @@ const So = /* @__PURE__ */ W(gm, [["render", vm]]), bm = { class: "field-object-
     FieldObject: wo,
     FieldObjectAdvanced: Eo,
     FieldAutoSuggest: bo,
-    FieldAutoSuggestV2: _o,
+    FieldAutoSuggestLegacy: _o,
     FieldRadio: Mo,
     FieldArrayCardContainer: po,
     FieldInput: To
@@ -3924,7 +3924,7 @@ function Xm(e, t, n, i, a, o) {
     }, 8, ["class", "data-testid", "onClick"])
   ], 10, Ym)) : B("", !0);
 }
-const Jm = /* @__PURE__ */ W(Hm, [["render", Xm], ["__scopeId", "data-v-ae802bb2"]]), Qm = { class: "form-field-wrapper field-checkbox" }, ef = /* @__PURE__ */ he({
+const Jm = /* @__PURE__ */ W(Hm, [["render", Xm], ["__scopeId", "data-v-d6740b2b"]]), Qm = { class: "form-field-wrapper field-checkbox" }, ef = /* @__PURE__ */ he({
   __name: "FieldCheckbox",
   props: {
     disabled: {
@@ -4622,7 +4622,7 @@ const _f = /* @__PURE__ */ W(ff, [["render", bf], ["__scopeId", "data-v-9a9650ac
   FieldArrayItem: go,
   FieldArrayMultiItem: yo,
   FieldAutoSuggest: bo,
-  FieldAutoSuggestV2: _o,
+  FieldAutoSuggestLegacy: _o,
   FieldCheckbox: tf,
   FieldChecklist: mf,
   FieldInput: To,
@@ -5081,7 +5081,7 @@ const Zf = (e) => {
                 "data-testid": "new-redis-config-area",
                 onClick: T[0] || (T[0] = (g) => N.$emit("showNewPartialModal"))
               }, [
-                O(I(Qn), { size: I(Hc) }, null, 8, ["size"]),
+                O(I(Qn), { size: I(Vc) }, null, 8, ["size"]),
                 m("span", null, L(I(t)("redis.shared_configuration.create_new_configuration", { type: I(Sa)(e.redisType) })), 1)
               ])
             ]),