@kong-ui-public/entities-consumer-groups 3.0.7 → 3.0.8-pr.1329.5b76dd7b.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as X, ref as N, computed as x, watch as xe, renderSlot as ne, createCommentVNode as W, unref as
|
|
1
|
+
import { defineComponent as X, ref as N, computed as x, watch as xe, renderSlot as ne, createCommentVNode as W, unref as y, onBeforeMount as dt, resolveComponent as P, openBlock as m, createBlock as D, createSlots as Le, withCtx as b, createElementVNode as B, createVNode as T, createTextVNode as Z, toDisplayString as F, renderList as ve, createElementBlock as M, withModifiers as It, withDirectives as Te, vShow as $e, Fragment as be, normalizeClass as Ee, withKeys as Cr, useSlots as Mt, resolveDynamicComponent as Fe, useCssVars as vn, inject as wr, onMounted as _r, onUnmounted as Ar, normalizeStyle as pt, normalizeProps as Ir, guardReactiveProps as xr, mergeProps as Sr, pushScopeId as ft, popScopeId as mt, reactive as Gt } from "vue";
|
|
2
2
|
import { useRouter as Et } from "vue-router";
|
|
3
3
|
import { createI18n as bn, i18nTComponent as kn } from "@kong-ui-public/i18n";
|
|
4
4
|
import zt from "axios";
|
|
@@ -383,7 +383,7 @@ function Jr(e, t, n, r = {
|
|
|
383
383
|
n || (n = "1000");
|
|
384
384
|
const { axiosInstance: a } = Ot(e.axiosRequestConfig), { i18n: { t: i } } = yt(), { debounce: o } = Or(), s = o(async (v) => {
|
|
385
385
|
await Y(v);
|
|
386
|
-
}, 200), l = N(!1), u = N(""), d = N(""), c = N([]), h = N([]), p = N(void 0), A =
|
|
386
|
+
}, 200), l = N(!1), u = N(""), d = N(""), c = N([]), h = N([]), p = N(void 0), A = y(t);
|
|
387
387
|
let w = `${e.apiBaseUrl}${A}`;
|
|
388
388
|
e.app === "konnect" ? w = w.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (w = w.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
|
|
389
389
|
const { isValidUuid: _ } = wn(), R = async () => {
|
|
@@ -397,7 +397,7 @@ function Jr(e, t, n, r = {
|
|
|
397
397
|
l.value = !1;
|
|
398
398
|
}
|
|
399
399
|
}, K = N(""), Y = async (v) => {
|
|
400
|
-
var f,
|
|
400
|
+
var f, g, q;
|
|
401
401
|
if (K.value !== v)
|
|
402
402
|
if (K.value = v || "", p.value === void 0)
|
|
403
403
|
try {
|
|
@@ -427,7 +427,7 @@ function Jr(e, t, n, r = {
|
|
|
427
427
|
} else
|
|
428
428
|
c.value = h.value;
|
|
429
429
|
} catch (L) {
|
|
430
|
-
((
|
|
430
|
+
((g = L == null ? void 0 : L.response) == null ? void 0 : g.status) === 404 ? d.value = i("debouncedFilter.errors.invalid") : (c.value = [], u.value = i("debouncedFilter.errors.fetch"));
|
|
431
431
|
} finally {
|
|
432
432
|
l.value = !1;
|
|
433
433
|
}
|
|
@@ -453,7 +453,7 @@ function Jr(e, t, n, r = {
|
|
|
453
453
|
};
|
|
454
454
|
}
|
|
455
455
|
function Hr(e, t) {
|
|
456
|
-
const n =
|
|
456
|
+
const n = y(t), r = x(
|
|
457
457
|
() => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${n}`) : new URL(n)
|
|
458
458
|
);
|
|
459
459
|
return r.value.search = "", (a) => `${r.value.href}/${a}`;
|
|
@@ -500,7 +500,7 @@ function Yr(e) {
|
|
|
500
500
|
}
|
|
501
501
|
}
|
|
502
502
|
function _n(e, t) {
|
|
503
|
-
const n = N(
|
|
503
|
+
const n = N(y(e)), r = N(y(t)), a = x(
|
|
504
504
|
() => !!(n.value.app === "konnect" || n.value.isExactMatch)
|
|
505
505
|
), i = x(
|
|
506
506
|
() => r.value.startsWith("/") ? new URL(`${window.location.origin}${r.value}`) : new URL(r.value)
|
|
@@ -518,7 +518,7 @@ function _n(e, t) {
|
|
|
518
518
|
};
|
|
519
519
|
}
|
|
520
520
|
function Zr(e, t, n = "data") {
|
|
521
|
-
const r =
|
|
521
|
+
const r = y(t), { axiosInstance: a } = Ot(e.axiosRequestConfig), i = _n(e, r), o = N({
|
|
522
522
|
status: qe.Idle
|
|
523
523
|
});
|
|
524
524
|
return { fetcher: async (s) => {
|
|
@@ -691,7 +691,7 @@ const se = {
|
|
|
691
691
|
key: `${a.value}-property-${c}`,
|
|
692
692
|
item: {
|
|
693
693
|
key: d,
|
|
694
|
-
label:
|
|
694
|
+
label: y(r)(d),
|
|
695
695
|
value: o.value[d]
|
|
696
696
|
}
|
|
697
697
|
}, null, 8, ["item"]))), 128))
|
|
@@ -724,7 +724,7 @@ const se = {
|
|
|
724
724
|
onClick: r[0] || (r[0] = (i) => n.$emit("navigation-click", e.item))
|
|
725
725
|
}, {
|
|
726
726
|
default: b(() => [
|
|
727
|
-
Z(F(e.item.value ||
|
|
727
|
+
Z(F(e.item.value || y(t)("baseConfigCard.commonFields.link")), 1)
|
|
728
728
|
]),
|
|
729
729
|
_: 1
|
|
730
730
|
})
|
|
@@ -747,7 +747,7 @@ const se = {
|
|
|
747
747
|
appearance: e.status ? "success" : "neutral"
|
|
748
748
|
}, {
|
|
749
749
|
default: b(() => [
|
|
750
|
-
Z(F(e.status ?
|
|
750
|
+
Z(F(e.status ? y(t)("baseConfigCard.statusBadge.enabledLabel") : y(t)("baseConfigCard.statusBadge.disabledLabel")), 1)
|
|
751
751
|
]),
|
|
752
752
|
_: 1
|
|
753
753
|
}, 8, ["appearance"]);
|
|
@@ -777,7 +777,7 @@ const se = {
|
|
|
777
777
|
emits: ["navigation-click"],
|
|
778
778
|
setup(e, { emit: t }) {
|
|
779
779
|
vn((A) => ({
|
|
780
|
-
"07753575": d.value ? "none" : `solid ${
|
|
780
|
+
"07753575": d.value ? "none" : `solid ${y(ya)} ${y(fa)}`,
|
|
781
781
|
"32d44ea8": u.value && s.value ? "block" : "flex",
|
|
782
782
|
"5036b738": u.value && s.value ? "100%" : n.slim ? "50%" : "25%",
|
|
783
783
|
"5038fd13": u.value && s.value ? "100%" : n.slim ? "50%" : "75%"
|
|
@@ -967,7 +967,7 @@ const se = {
|
|
|
967
967
|
}, [
|
|
968
968
|
(m(!0), M(be, null, ve(e.item.value, (v, f) => (m(), D(R, {
|
|
969
969
|
key: `${e.item.key}-badge-method-${f}`,
|
|
970
|
-
appearance: Object.values(
|
|
970
|
+
appearance: Object.values(y(Tr)).includes(v.toLowerCase()) ? v.toLowerCase() : "custom",
|
|
971
971
|
class: "config-badge",
|
|
972
972
|
"data-testid": `${e.item.key}-badge-method-${f}`
|
|
973
973
|
}, {
|
|
@@ -989,7 +989,7 @@ const se = {
|
|
|
989
989
|
}, null, 8, ["index", "item"]))), 128))
|
|
990
990
|
], 8, Sa)) : (m(), D(Y, {
|
|
991
991
|
key: 4,
|
|
992
|
-
text:
|
|
992
|
+
text: y(p) ? e.item.value : ""
|
|
993
993
|
}, {
|
|
994
994
|
default: b(() => [
|
|
995
995
|
B("span", {
|
|
@@ -2537,7 +2537,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
2537
2537
|
class: Ee(`config-card-details-${l}-props`),
|
|
2538
2538
|
"data-testid": `config-card-details-${l}-props`
|
|
2539
2539
|
}, [
|
|
2540
|
-
l !== "basic" ? (m(), M("div", ns, F(l === "advanced" ?
|
|
2540
|
+
l !== "basic" ? (m(), M("div", ns, F(l === "advanced" ? y(r)("baseConfigCard.sections.advanced") : y(r)("baseConfigCard.sections.plugin")), 1)) : W("", !0),
|
|
2541
2541
|
(m(!0), M(be, null, ve(e.propertyCollections[l], (u) => (m(), D(Sn, {
|
|
2542
2542
|
key: u.key,
|
|
2543
2543
|
item: u
|
|
@@ -3073,8 +3073,8 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3073
3073
|
label: "YAML",
|
|
3074
3074
|
value: "yaml"
|
|
3075
3075
|
}
|
|
3076
|
-
], d = N("structured"), c = (
|
|
3077
|
-
d.value =
|
|
3076
|
+
], d = N("structured"), c = (g) => {
|
|
3077
|
+
d.value = g == null ? void 0 : g.value;
|
|
3078
3078
|
}, h = {
|
|
3079
3079
|
id: {
|
|
3080
3080
|
type: ee.ID,
|
|
@@ -3110,12 +3110,12 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3110
3110
|
section: he.Basic
|
|
3111
3111
|
}
|
|
3112
3112
|
}, p = N(!1), A = N(!1), w = N(""), _ = N({}), R = x(() => {
|
|
3113
|
-
var
|
|
3113
|
+
var g, q, L;
|
|
3114
3114
|
if (!_.value)
|
|
3115
3115
|
return [];
|
|
3116
3116
|
const I = [], z = Object.keys(_.value).length;
|
|
3117
3117
|
for (const E in _.value) {
|
|
3118
|
-
const k = (q = (
|
|
3118
|
+
const k = (q = (g = a.configSchema) == null ? void 0 : g[E]) == null ? void 0 : q.order, j = (L = h[E]) == null ? void 0 : L.order;
|
|
3119
3119
|
let O = z;
|
|
3120
3120
|
(j || j === 0) && (O = j === -1 ? z + 1 : j), k && (O = k === -1 ? z + 1 : k), I.push([E, O]);
|
|
3121
3121
|
}
|
|
@@ -3135,12 +3135,12 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3135
3135
|
};
|
|
3136
3136
|
}).filter((E) => !E.hidden && E.key !== a.pluginConfigKey);
|
|
3137
3137
|
}), K = x(() => {
|
|
3138
|
-
var
|
|
3138
|
+
var g, q;
|
|
3139
3139
|
if (!_.value || !a.pluginConfigKey)
|
|
3140
3140
|
return [];
|
|
3141
3141
|
const L = _.value[a.pluginConfigKey] || {}, I = Object.keys(L).length, z = [];
|
|
3142
3142
|
for (const E in L) {
|
|
3143
|
-
const k = (q = (
|
|
3143
|
+
const k = (q = (g = a.pluginConfigSchema) == null ? void 0 : g[E]) == null ? void 0 : q.order, j = L[E];
|
|
3144
3144
|
let O = j != null && j !== "" ? I - 1 : I;
|
|
3145
3145
|
k && (O = k === -1 ? I + 1 : k), z.push([E, O]);
|
|
3146
3146
|
}
|
|
@@ -3160,43 +3160,43 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3160
3160
|
};
|
|
3161
3161
|
}).filter((E) => !E.hidden);
|
|
3162
3162
|
}), Y = x(() => {
|
|
3163
|
-
var
|
|
3163
|
+
var g, q, L, I;
|
|
3164
3164
|
return {
|
|
3165
|
-
basic: (
|
|
3165
|
+
basic: (g = R.value) == null ? void 0 : g.filter((z) => z.section === he.Basic),
|
|
3166
3166
|
advanced: (q = R.value) == null ? void 0 : q.filter((z) => z.section === he.Advanced),
|
|
3167
3167
|
plugin: (I = K.value) == null ? void 0 : I.concat((L = R.value) == null ? void 0 : L.filter((z) => z.section === he.Plugin))
|
|
3168
3168
|
};
|
|
3169
3169
|
}), v = x(() => {
|
|
3170
|
-
const
|
|
3171
|
-
return Y.value.basic.length &&
|
|
3170
|
+
const g = [];
|
|
3171
|
+
return Y.value.basic.length && g.push("basic"), Y.value.advanced.length && g.push("advanced"), Y.value.plugin.length && g.push("plugin"), g;
|
|
3172
3172
|
}), f = x(() => {
|
|
3173
|
-
var
|
|
3173
|
+
var g, q;
|
|
3174
3174
|
let L = `${a.config.apiBaseUrl}${a.fetchUrl}`;
|
|
3175
|
-
return a.config.app === "konnect" ? L = L.replace(/{controlPlaneId}/gi, ((
|
|
3175
|
+
return a.config.app === "konnect" ? L = L.replace(/{controlPlaneId}/gi, ((g = a.config) == null ? void 0 : g.controlPlaneId) || "") : a.config.app === "kongManager" && (L = L.replace(/\/{workspace}/gi, (q = a.config) != null && q.workspace ? `/${a.config.workspace}` : "")), L = L.replace(/{id}/gi, a.config.entityId), L;
|
|
3176
3176
|
});
|
|
3177
|
-
return xe(p, (
|
|
3178
|
-
r("loading",
|
|
3177
|
+
return xe(p, (g) => {
|
|
3178
|
+
r("loading", g);
|
|
3179
3179
|
}, { immediate: !0 }), dt(async () => {
|
|
3180
3180
|
A.value = !1, p.value = !0;
|
|
3181
3181
|
try {
|
|
3182
|
-
const { data:
|
|
3182
|
+
const { data: g } = await l.get(f.value);
|
|
3183
3183
|
if (a.dataKey)
|
|
3184
|
-
if (typeof
|
|
3185
|
-
_.value = { ...
|
|
3184
|
+
if (typeof g[a.dataKey] < "u")
|
|
3185
|
+
_.value = { ...g[a.dataKey] };
|
|
3186
3186
|
else
|
|
3187
3187
|
throw new Error(i("errors.dataKeyUndefined", { dataKey: a.dataKey }));
|
|
3188
3188
|
else
|
|
3189
|
-
_.value = { ...
|
|
3189
|
+
_.value = { ...g };
|
|
3190
3190
|
Object.keys(a.configSchema).filter((q) => a.configSchema[q].forceShow).forEach((q) => {
|
|
3191
3191
|
_.value && typeof _.value[q] > "u" && (_.value[q] = null);
|
|
3192
|
-
}), r("fetch:success",
|
|
3193
|
-
} catch (
|
|
3194
|
-
const q = o(
|
|
3195
|
-
w.value = q.startsWith("code") ? i("baseConfigCard.errors.load") : q, A.value = !0, r("fetch:error",
|
|
3192
|
+
}), r("fetch:success", g);
|
|
3193
|
+
} catch (g) {
|
|
3194
|
+
const q = o(g);
|
|
3195
|
+
w.value = q.startsWith("code") ? i("baseConfigCard.errors.load") : q, A.value = !0, r("fetch:error", g);
|
|
3196
3196
|
} finally {
|
|
3197
3197
|
p.value = !1;
|
|
3198
3198
|
}
|
|
3199
|
-
}), (
|
|
3199
|
+
}), (g, q) => {
|
|
3200
3200
|
const L = P("KLabel"), I = P("KSelect"), z = P("KButton"), E = P("KSkeleton"), k = P("KEmptyState"), j = P("KCard");
|
|
3201
3201
|
return m(), D(j, {
|
|
3202
3202
|
class: "kong-ui-entity-base-config-card",
|
|
@@ -3204,7 +3204,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3204
3204
|
}, Le({
|
|
3205
3205
|
actions: b(() => [
|
|
3206
3206
|
B("div", js, [
|
|
3207
|
-
ne(
|
|
3207
|
+
ne(g.$slots, "actions", {}, void 0, !0),
|
|
3208
3208
|
T(L, {
|
|
3209
3209
|
class: "config-format-select-label",
|
|
3210
3210
|
"data-testid": "config-format-select-label"
|
|
@@ -3231,7 +3231,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3231
3231
|
rel: "noopener",
|
|
3232
3232
|
target: "_blank"
|
|
3233
3233
|
}, [
|
|
3234
|
-
T(
|
|
3234
|
+
T(y(ys), { size: y(ha) }, null, 8, ["size"])
|
|
3235
3235
|
], 8, Ms)
|
|
3236
3236
|
]),
|
|
3237
3237
|
_: 1
|
|
@@ -3263,10 +3263,10 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3263
3263
|
"property-collections": Y.value,
|
|
3264
3264
|
record: _.value
|
|
3265
3265
|
}, Le({ _: 2 }, [
|
|
3266
|
-
ve(Object.keys(
|
|
3266
|
+
ve(Object.keys(g.$slots), (O) => ({
|
|
3267
3267
|
name: O,
|
|
3268
3268
|
fn: b(({ row: J, rowValue: te }) => [
|
|
3269
|
-
ne(
|
|
3269
|
+
ne(g.$slots, O, {
|
|
3270
3270
|
row: J,
|
|
3271
3271
|
rowValue: te
|
|
3272
3272
|
}, void 0, !0)
|
|
@@ -3281,8 +3281,8 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3281
3281
|
name: "title",
|
|
3282
3282
|
fn: b(() => [
|
|
3283
3283
|
B("span", $s, [
|
|
3284
|
-
ne(
|
|
3285
|
-
Z(F(
|
|
3284
|
+
ne(g.$slots, "title", {}, () => [
|
|
3285
|
+
Z(F(y(i)("baseConfigCard.title")), 1)
|
|
3286
3286
|
], !0)
|
|
3287
3287
|
])
|
|
3288
3288
|
]),
|
|
@@ -3358,8 +3358,8 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3358
3358
|
var n;
|
|
3359
3359
|
const r = t, a = e, i = Et(), { i18n: { t: o } } = se.useI18n(), { getMessageFromError: s } = se.useErrors(), { axiosInstance: l } = se.useAxios((n = a.config) == null ? void 0 : n.axiosRequestConfig), u = N(!1), d = N(!1), c = N(""), h = x(() => a.canSubmit === !1 || a.isReadonly), p = N(!1), A = x(() => {
|
|
3360
3360
|
var v, f;
|
|
3361
|
-
let
|
|
3362
|
-
return a.config.app === "konnect" ?
|
|
3361
|
+
let g = `${a.config.apiBaseUrl}${a.fetchUrl}`;
|
|
3362
|
+
return a.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((v = a.config) == null ? void 0 : v.controlPlaneId) || "") : a.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (f = a.config) != null && f.workspace ? `/${a.config.workspace}` : "")), a.editId ? (g = g.replace(/{id}/gi, a.editId), g) : (g = g.replace(/\/{id}/gi, ""), g);
|
|
3363
3363
|
}), w = () => {
|
|
3364
3364
|
p.value = !p.value;
|
|
3365
3365
|
}, _ = () => {
|
|
@@ -3393,15 +3393,15 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3393
3393
|
u.value = !1;
|
|
3394
3394
|
}
|
|
3395
3395
|
}), (v, f) => {
|
|
3396
|
-
const
|
|
3396
|
+
const g = P("KSkeleton"), q = P("KEmptyState"), L = P("KAlert"), I = P("KButton"), z = P("KTabs"), E = P("KSlideout"), k = P("KCard");
|
|
3397
3397
|
return m(), D(k, { class: "kong-ui-entity-base-form" }, {
|
|
3398
3398
|
default: b(() => [
|
|
3399
|
-
u.value ? (m(), D(
|
|
3399
|
+
u.value ? (m(), D(g, {
|
|
3400
3400
|
key: 0,
|
|
3401
3401
|
type: "form"
|
|
3402
3402
|
})) : d.value ? (m(), D(q, {
|
|
3403
3403
|
key: 1,
|
|
3404
|
-
"action-button-text":
|
|
3404
|
+
"action-button-text": y(o)("baseForm.actions.back"),
|
|
3405
3405
|
"data-testid": "form-fetch-error",
|
|
3406
3406
|
"icon-variant": "error",
|
|
3407
3407
|
onClickAction: _
|
|
@@ -3432,7 +3432,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3432
3432
|
onClick: f[0] || (f[0] = (j) => w())
|
|
3433
3433
|
}, {
|
|
3434
3434
|
default: b(() => [
|
|
3435
|
-
Z(F(
|
|
3435
|
+
Z(F(y(o)("baseForm.actions.viewConfiguration")), 1)
|
|
3436
3436
|
]),
|
|
3437
3437
|
_: 1
|
|
3438
3438
|
}),
|
|
@@ -3443,7 +3443,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3443
3443
|
type: "reset"
|
|
3444
3444
|
}, {
|
|
3445
3445
|
default: b(() => [
|
|
3446
|
-
Z(F(
|
|
3446
|
+
Z(F(y(o)("baseForm.actions.cancel")), 1)
|
|
3447
3447
|
]),
|
|
3448
3448
|
_: 1
|
|
3449
3449
|
}, 8, ["disabled"]),
|
|
@@ -3454,7 +3454,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3454
3454
|
type: "submit"
|
|
3455
3455
|
}, {
|
|
3456
3456
|
default: b(() => [
|
|
3457
|
-
Z(F(
|
|
3457
|
+
Z(F(y(o)("baseForm.actions.save")), 1)
|
|
3458
3458
|
]),
|
|
3459
3459
|
_: 1
|
|
3460
3460
|
}, 8, ["disabled"])
|
|
@@ -3466,12 +3466,12 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3466
3466
|
"data-testid": "form-view-configuration-slideout",
|
|
3467
3467
|
"has-overlay": !1,
|
|
3468
3468
|
"offset-top": 60,
|
|
3469
|
-
title:
|
|
3469
|
+
title: y(o)("baseForm.configuration.title"),
|
|
3470
3470
|
visible: p.value,
|
|
3471
3471
|
onClose: f[1] || (f[1] = (j) => w())
|
|
3472
3472
|
}, {
|
|
3473
3473
|
default: b(() => [
|
|
3474
|
-
B("div", null, F(
|
|
3474
|
+
B("div", null, F(y(o)("baseForm.configuration.message")), 1),
|
|
3475
3475
|
T(z, {
|
|
3476
3476
|
"data-testid": "form-view-configuration-slideout-tabs",
|
|
3477
3477
|
tabs: Y.value
|
|
@@ -3691,7 +3691,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3691
3691
|
emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
|
|
3692
3692
|
setup(e, { emit: t }) {
|
|
3693
3693
|
const n = e, r = t, { i18n: { t: a } } = se.useI18n(), i = x(() => {
|
|
3694
|
-
var f,
|
|
3694
|
+
var f, g;
|
|
3695
3695
|
return typeof n.errorMessage == "string" ? {
|
|
3696
3696
|
hasError: !!n.errorMessage,
|
|
3697
3697
|
title: n.errorMessage,
|
|
@@ -3699,15 +3699,15 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3699
3699
|
} : {
|
|
3700
3700
|
hasError: !!n.errorMessage,
|
|
3701
3701
|
title: (f = n.errorMessage) == null ? void 0 : f.title,
|
|
3702
|
-
message: (
|
|
3702
|
+
message: (g = n.errorMessage) == null ? void 0 : g.message
|
|
3703
3703
|
};
|
|
3704
3704
|
}), o = x(() => n.cacheIdentifier || n.preferencesStorageKey), s = (f) => f.hasData || !!n.query, l = x(() => {
|
|
3705
3705
|
const f = [];
|
|
3706
|
-
return Object.keys(n.tableHeaders).forEach((
|
|
3707
|
-
const q = n.tableHeaders[
|
|
3706
|
+
return Object.keys(n.tableHeaders).forEach((g) => {
|
|
3707
|
+
const q = n.tableHeaders[g];
|
|
3708
3708
|
f.push({
|
|
3709
|
-
label: q.label ??
|
|
3710
|
-
key:
|
|
3709
|
+
label: q.label ?? g,
|
|
3710
|
+
key: g,
|
|
3711
3711
|
sortable: q.sortable ?? !1
|
|
3712
3712
|
});
|
|
3713
3713
|
}), n.enableEntityActions && f.push({
|
|
@@ -3719,24 +3719,24 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3719
3719
|
"data-testid": f.name,
|
|
3720
3720
|
...n.rowAttributes(f)
|
|
3721
3721
|
}), d = N({}), c = (f) => {
|
|
3722
|
-
var
|
|
3723
|
-
return (
|
|
3722
|
+
var g;
|
|
3723
|
+
return (g = d.value) == null ? void 0 : g.$el.querySelector(`[data-rowid="${f.id}"]`);
|
|
3724
3724
|
}, h = (f) => {
|
|
3725
|
-
const
|
|
3725
|
+
const g = {
|
|
3726
3726
|
"data-testid": f.headerKey,
|
|
3727
3727
|
...n.cellAttributes(f)
|
|
3728
3728
|
};
|
|
3729
|
-
return f.colIndex === 0 && (
|
|
3729
|
+
return f.colIndex === 0 && (g.style = {
|
|
3730
3730
|
maxWidth: "250px",
|
|
3731
3731
|
overflowX: "hidden",
|
|
3732
3732
|
textOverflow: "ellipsis"
|
|
3733
|
-
}),
|
|
3733
|
+
}), g;
|
|
3734
3734
|
}, p = () => {
|
|
3735
3735
|
r("empty-state-cta-clicked"), A();
|
|
3736
3736
|
}, A = () => {
|
|
3737
3737
|
r("clear-search-input");
|
|
3738
|
-
}, w = x(() => n.disableRowClick ? void 0 : (f,
|
|
3739
|
-
r("click:row",
|
|
3738
|
+
}, w = x(() => n.disableRowClick ? void 0 : (f, g) => {
|
|
3739
|
+
r("click:row", g);
|
|
3740
3740
|
}), _ = (f) => {
|
|
3741
3741
|
r("sort", f);
|
|
3742
3742
|
}, { setTablePreferences: R, getTablePreferences: K } = Fr(), Y = x(() => {
|
|
@@ -3748,7 +3748,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3748
3748
|
}), v = (f) => {
|
|
3749
3749
|
n.preferencesStorageKey && R(n.preferencesStorageKey, f);
|
|
3750
3750
|
};
|
|
3751
|
-
return (f,
|
|
3751
|
+
return (f, g) => {
|
|
3752
3752
|
const q = P("KIcon"), L = P("KButton"), I = P("KDropdown"), z = P("KTable"), E = P("KCard");
|
|
3753
3753
|
return m(), D(E, {
|
|
3754
3754
|
class: "kong-ui-entity-base-table",
|
|
@@ -3763,11 +3763,11 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3763
3763
|
"cell-attrs": h,
|
|
3764
3764
|
"disable-pagination-page-jump": e.disablePaginationPageJump,
|
|
3765
3765
|
"disable-sorting": e.disableSorting,
|
|
3766
|
-
"empty-state-action-message": e.query ?
|
|
3766
|
+
"empty-state-action-message": e.query ? y(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
|
|
3767
3767
|
"empty-state-action-route": e.query ? void 0 : e.emptyStateOptions.ctaPath,
|
|
3768
3768
|
"empty-state-icon-variant": e.query ? "search" : "kong",
|
|
3769
|
-
"empty-state-message": e.query ?
|
|
3770
|
-
"empty-state-title": e.query ?
|
|
3769
|
+
"empty-state-message": e.query ? y(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
|
|
3770
|
+
"empty-state-title": e.query ? y(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
|
|
3771
3771
|
"enable-client-sort": e.enableClientSort,
|
|
3772
3772
|
"error-state-message": i.value.message,
|
|
3773
3773
|
"error-state-title": i.value.title,
|
|
@@ -3783,7 +3783,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3783
3783
|
"search-input": e.query,
|
|
3784
3784
|
onKtableEmptyStateCtaClicked: p,
|
|
3785
3785
|
"onRow:click": w.value,
|
|
3786
|
-
onSort:
|
|
3786
|
+
onSort: g[0] || (g[0] = (k) => _(k)),
|
|
3787
3787
|
"onUpdate:tablePreferences": v
|
|
3788
3788
|
}, Le({
|
|
3789
3789
|
toolbar: b(({ state: k }) => [
|
|
@@ -3820,7 +3820,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3820
3820
|
}, {
|
|
3821
3821
|
icon: b(() => [
|
|
3822
3822
|
T(q, {
|
|
3823
|
-
color:
|
|
3823
|
+
color: y(ma),
|
|
3824
3824
|
icon: "more",
|
|
3825
3825
|
size: "16"
|
|
3826
3826
|
}, null, 8, ["color"])
|
|
@@ -3857,7 +3857,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3857
3857
|
e.query ? void 0 : {
|
|
3858
3858
|
name: "empty-state-action-icon",
|
|
3859
3859
|
fn: b(() => [
|
|
3860
|
-
T(
|
|
3860
|
+
T(y(cs))
|
|
3861
3861
|
]),
|
|
3862
3862
|
key: "0"
|
|
3863
3863
|
}
|
|
@@ -3939,7 +3939,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
3939
3939
|
_: 1
|
|
3940
3940
|
})
|
|
3941
3941
|
])) : W("", !0),
|
|
3942
|
-
T(
|
|
3942
|
+
T(y(n), {
|
|
3943
3943
|
class: "message",
|
|
3944
3944
|
keypath: r.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
|
|
3945
3945
|
tag: "p"
|
|
@@ -4031,20 +4031,23 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4031
4031
|
setup(e, { emit: t }) {
|
|
4032
4032
|
const { i18n: { t: n } } = se.useI18n(), r = e, a = t, i = N(!1), o = N({}), s = N(/* @__PURE__ */ new Set()), l = x(() => {
|
|
4033
4033
|
const v = [];
|
|
4034
|
-
return new URLSearchParams(r.modelValue).forEach((f,
|
|
4035
|
-
f !== "" && v.push(
|
|
4034
|
+
return new URLSearchParams(r.modelValue).forEach((f, g) => {
|
|
4035
|
+
f !== "" && v.push(g);
|
|
4036
4036
|
}), v;
|
|
4037
4037
|
}), u = x(() => {
|
|
4038
4038
|
const v = r.config.fields;
|
|
4039
|
-
return Object.keys(v).filter((f) =>
|
|
4039
|
+
return Object.keys(v).filter((f) => {
|
|
4040
|
+
var g;
|
|
4041
|
+
return (g = v == null ? void 0 : v[f]) == null ? void 0 : g.searchable;
|
|
4042
|
+
}).map((f) => ({
|
|
4040
4043
|
label: v[f].label || f,
|
|
4041
4044
|
value: f,
|
|
4042
4045
|
expanded: !1
|
|
4043
4046
|
}));
|
|
4044
4047
|
});
|
|
4045
4048
|
xe(() => r.modelValue, (v) => {
|
|
4046
|
-
o.value = {}, new URLSearchParams(v).forEach((f,
|
|
4047
|
-
o.value[
|
|
4049
|
+
o.value = {}, new URLSearchParams(v).forEach((f, g) => {
|
|
4050
|
+
o.value[g] = f;
|
|
4048
4051
|
});
|
|
4049
4052
|
});
|
|
4050
4053
|
const d = () => {
|
|
@@ -4056,14 +4059,14 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4056
4059
|
}, p = () => {
|
|
4057
4060
|
h("");
|
|
4058
4061
|
}, A = (v) => `filter-${v}`, w = (v) => {
|
|
4059
|
-
var f,
|
|
4060
|
-
return (((
|
|
4062
|
+
var f, g;
|
|
4063
|
+
return (((g = (f = r.config.schema) == null ? void 0 : f[v]) == null ? void 0 : g.values) ?? []).map((q) => ({
|
|
4061
4064
|
value: q,
|
|
4062
4065
|
label: q
|
|
4063
4066
|
}));
|
|
4064
4067
|
}, _ = (v) => {
|
|
4065
|
-
var f,
|
|
4066
|
-
return ((
|
|
4068
|
+
var f, g;
|
|
4069
|
+
return ((g = (f = r.config.schema) == null ? void 0 : f[v]) == null ? void 0 : g.type) ?? "text";
|
|
4067
4070
|
}, R = (v) => {
|
|
4068
4071
|
o.value = {
|
|
4069
4072
|
...o.value,
|
|
@@ -4072,12 +4075,12 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4072
4075
|
}, K = () => {
|
|
4073
4076
|
o.value = {}, Y(!0);
|
|
4074
4077
|
}, Y = (v = !1) => {
|
|
4075
|
-
const f = Object.keys(o.value).reduce((
|
|
4078
|
+
const f = Object.keys(o.value).reduce((g, q) => (o.value[q] && (g[q] = `${o.value[q]}`), g), {});
|
|
4076
4079
|
v && (i.value = !1), a("update:modelValue", new URLSearchParams(f).toString());
|
|
4077
4080
|
};
|
|
4078
4081
|
return (v, f) => {
|
|
4079
|
-
const
|
|
4080
|
-
return e.config.isExactMatch ? (m(), D(
|
|
4082
|
+
const g = P("KInput"), q = P("KButton"), L = P("KSelect");
|
|
4083
|
+
return e.config.isExactMatch ? (m(), D(g, {
|
|
4081
4084
|
key: 0,
|
|
4082
4085
|
autocomplete: "off",
|
|
4083
4086
|
class: "kong-ui-entity-filter-input",
|
|
@@ -4090,7 +4093,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4090
4093
|
T(gn)
|
|
4091
4094
|
]),
|
|
4092
4095
|
after: b(() => [
|
|
4093
|
-
Te(T(
|
|
4096
|
+
Te(T(y(Ts), {
|
|
4094
4097
|
class: "kong-ui-entity-filter-clear",
|
|
4095
4098
|
onClick: p
|
|
4096
4099
|
}, null, 512), [
|
|
@@ -4106,7 +4109,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4106
4109
|
}, {
|
|
4107
4110
|
default: b(() => [
|
|
4108
4111
|
T(gn),
|
|
4109
|
-
Z(" " + F(
|
|
4112
|
+
Z(" " + F(y(n)("filter.filterButtonText")) + " " + F(l.value.length > 0 ? `(${l.value.length})` : ""), 1)
|
|
4110
4113
|
]),
|
|
4111
4114
|
_: 1
|
|
4112
4115
|
}),
|
|
@@ -4135,30 +4138,30 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4135
4138
|
Te(B("span", il, null, 512), [
|
|
4136
4139
|
[$e, l.value.includes(I.value)]
|
|
4137
4140
|
]),
|
|
4138
|
-
T(
|
|
4141
|
+
T(y(ws), {
|
|
4139
4142
|
class: Ee(["menu-item-expand-icon", { expanded: s.value.has(I.value) }]),
|
|
4140
|
-
color:
|
|
4143
|
+
color: y(ga)
|
|
4141
4144
|
}, null, 8, ["class", "color"])
|
|
4142
4145
|
], 42, ol),
|
|
4143
4146
|
Te(B("div", sl, [
|
|
4144
4147
|
B("label", {
|
|
4145
4148
|
class: "menu-item-label",
|
|
4146
4149
|
for: A(I.value)
|
|
4147
|
-
}, F(
|
|
4150
|
+
}, F(y(n)("filter.fieldLabel")), 9, ll),
|
|
4148
4151
|
((E = (z = e.config.schema) == null ? void 0 : z[I.value]) == null ? void 0 : E.type) === "select" ? (m(), D(L, {
|
|
4149
4152
|
key: 0,
|
|
4150
4153
|
id: A(I.value),
|
|
4151
4154
|
modelValue: o.value[I.value],
|
|
4152
4155
|
"onUpdate:modelValue": (k) => o.value[I.value] = k,
|
|
4153
4156
|
items: w(I.value),
|
|
4154
|
-
placeholder:
|
|
4155
|
-
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), D(
|
|
4157
|
+
placeholder: y(n)("filter.selectPlaceholder")
|
|
4158
|
+
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), D(g, {
|
|
4156
4159
|
key: 1,
|
|
4157
4160
|
id: A(I.value),
|
|
4158
4161
|
modelValue: o.value[I.value],
|
|
4159
4162
|
"onUpdate:modelValue": (k) => o.value[I.value] = k,
|
|
4160
4163
|
autocomplete: "off",
|
|
4161
|
-
placeholder:
|
|
4164
|
+
placeholder: y(n)("filter.inputPlaceholder"),
|
|
4162
4165
|
type: _(I.value)
|
|
4163
4166
|
}, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
|
|
4164
4167
|
], 512), [
|
|
@@ -4172,7 +4175,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4172
4175
|
onClick: f[0] || (f[0] = (k) => Y(!0))
|
|
4173
4176
|
}, {
|
|
4174
4177
|
default: b(() => [
|
|
4175
|
-
Z(F(
|
|
4178
|
+
Z(F(y(n)("filter.applyButtonText")), 1)
|
|
4176
4179
|
]),
|
|
4177
4180
|
_: 1
|
|
4178
4181
|
}),
|
|
@@ -4183,7 +4186,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4183
4186
|
onClick: (k) => R(I.value)
|
|
4184
4187
|
}, {
|
|
4185
4188
|
default: b(() => [
|
|
4186
|
-
Z(F(
|
|
4189
|
+
Z(F(y(n)("filter.clearButtonText")), 1)
|
|
4187
4190
|
]),
|
|
4188
4191
|
_: 2
|
|
4189
4192
|
}, 1032, ["onClick"])
|
|
@@ -4199,7 +4202,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4199
4202
|
onClick: K
|
|
4200
4203
|
}, {
|
|
4201
4204
|
default: b(() => [
|
|
4202
|
-
Z(F(
|
|
4205
|
+
Z(F(y(n)("filter.clearAllButtonText")), 1)
|
|
4203
4206
|
]),
|
|
4204
4207
|
_: 1
|
|
4205
4208
|
})
|
|
@@ -4210,7 +4213,7 @@ const Xi = { class: "yaml-config" }, yr = /* @__PURE__ */ X({
|
|
|
4210
4213
|
]));
|
|
4211
4214
|
};
|
|
4212
4215
|
}
|
|
4213
|
-
}), pl = /* @__PURE__ */ ke(dl, [["__scopeId", "data-v-
|
|
4216
|
+
}), pl = /* @__PURE__ */ ke(dl, [["__scopeId", "data-v-9a370e3a"]]), rt = /* @__PURE__ */ X({
|
|
4214
4217
|
__name: "PermissionsWrapper",
|
|
4215
4218
|
props: {
|
|
4216
4219
|
/**
|
|
@@ -4307,7 +4310,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4307
4310
|
setup(e) {
|
|
4308
4311
|
const t = Mt(), n = hl();
|
|
4309
4312
|
return (r, a) => (m(), M("div", {
|
|
4310
|
-
"aria-labelledby": e.title ?
|
|
4313
|
+
"aria-labelledby": e.title ? y(n) : void 0,
|
|
4311
4314
|
class: Ee(["kong-ui-entity-form-section", { "has-divider": e.hasDivider }]),
|
|
4312
4315
|
role: "group"
|
|
4313
4316
|
}, [
|
|
@@ -4318,7 +4321,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4318
4321
|
}, [
|
|
4319
4322
|
e.title ? (m(), D(Fe(e.titleTag), {
|
|
4320
4323
|
key: 0,
|
|
4321
|
-
id:
|
|
4324
|
+
id: y(n),
|
|
4322
4325
|
class: "form-section-title"
|
|
4323
4326
|
}, {
|
|
4324
4327
|
default: b(() => [
|
|
@@ -4326,12 +4329,12 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4326
4329
|
]),
|
|
4327
4330
|
_: 1
|
|
4328
4331
|
}, 8, ["id"])) : W("", !0),
|
|
4329
|
-
e.description ||
|
|
4332
|
+
e.description || y(t).description ? (m(), M("div", kl, [
|
|
4330
4333
|
ne(r.$slots, "description", {}, () => [
|
|
4331
4334
|
B("p", null, F(e.description), 1)
|
|
4332
4335
|
], !0)
|
|
4333
4336
|
])) : W("", !0),
|
|
4334
|
-
|
|
4337
|
+
y(t).footer ? (m(), M("div", Cl, [
|
|
4335
4338
|
ne(r.$slots, "footer", {}, void 0, !0)
|
|
4336
4339
|
])) : W("", !0)
|
|
4337
4340
|
], 2)),
|
|
@@ -4341,7 +4344,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4341
4344
|
])
|
|
4342
4345
|
], 10, vl));
|
|
4343
4346
|
}
|
|
4344
|
-
}), hn = /* @__PURE__ */ ke(_l, [["__scopeId", "data-v-
|
|
4347
|
+
}), hn = /* @__PURE__ */ ke(_l, [["__scopeId", "data-v-b1f74200"]]), { useAxios: Ut, useDeleteUrlBuilder: Al, useErrors: Il, useExternalLinkCreator: Hl, useFetchUrlBuilder: Wl, useFetcher: xl, useDebouncedFilter: hr, useStringHelpers: Yl, useHelpers: Zl, useGatewayFeatureSupported: Ql, useTruncationDetector: Xl, useValidators: Sl } = se, Tl = { class: "add-to-group-form-container" }, $l = { class: "add-to-group-cta-text" }, jl = {
|
|
4345
4348
|
key: 0,
|
|
4346
4349
|
class: "kong-ui-entity-add-to-groups-error"
|
|
4347
4350
|
}, Ml = { key: 0 }, El = /* @__PURE__ */ X({
|
|
@@ -4389,7 +4392,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4389
4392
|
return j ? j.name : k;
|
|
4390
4393
|
}, K = () => {
|
|
4391
4394
|
f.value = "", Y.value = [], I.value = [], a("cancel");
|
|
4392
|
-
}, Y = N([]), v = N(!1), f = N(""),
|
|
4395
|
+
}, Y = N([]), v = N(!1), f = N(""), g = async () => {
|
|
4393
4396
|
if (!o.value.length) {
|
|
4394
4397
|
f.value = "", I.value = [], a("cancel");
|
|
4395
4398
|
return;
|
|
@@ -4437,33 +4440,33 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4437
4440
|
"action-button-disabled": v.value,
|
|
4438
4441
|
class: "kong-ui-entities-add-to-groups-modal",
|
|
4439
4442
|
"data-testid": "add-to-group-modal",
|
|
4440
|
-
title:
|
|
4443
|
+
title: y(n)("consumer_groups.consumers.add.title"),
|
|
4441
4444
|
visible: e.visible,
|
|
4442
4445
|
onCancel: K,
|
|
4443
|
-
onProceed:
|
|
4446
|
+
onProceed: g
|
|
4444
4447
|
}, {
|
|
4445
4448
|
default: b(() => [
|
|
4446
4449
|
B("div", Tl, [
|
|
4447
|
-
B("p", $l, F(
|
|
4450
|
+
B("p", $l, F(y(n)("consumer_groups.consumers.add.ctaText")), 1),
|
|
4448
4451
|
T(O, {
|
|
4449
4452
|
modelValue: o.value,
|
|
4450
4453
|
"onUpdate:modelValue": j[0] || (j[0] = (de) => o.value = de),
|
|
4451
4454
|
autosuggest: "",
|
|
4452
4455
|
"data-testid": "add-to-groups-multiselect",
|
|
4453
|
-
"dropdown-footer-text": w.value ?
|
|
4456
|
+
"dropdown-footer-text": w.value ? y(n)("consumer_groups.consumers.add.footer") : void 0,
|
|
4454
4457
|
items: _.value,
|
|
4455
|
-
label:
|
|
4456
|
-
loading:
|
|
4457
|
-
placeholder:
|
|
4458
|
+
label: y(n)("consumer_groups.consumers.add.consumer_groups_label"),
|
|
4459
|
+
loading: y(l),
|
|
4460
|
+
placeholder: y(n)("consumer_groups.consumers.add.consumer_group_placeholder"),
|
|
4458
4461
|
readonly: v.value,
|
|
4459
4462
|
required: "",
|
|
4460
4463
|
width: "100%",
|
|
4461
|
-
onQueryChange:
|
|
4464
|
+
onQueryChange: y(s)
|
|
4462
4465
|
}, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
|
|
4463
4466
|
f.value || p.value || I.value.length ? (m(), M("div", jl, [
|
|
4464
4467
|
T(J, { appearance: "danger" }, {
|
|
4465
4468
|
default: b(() => [
|
|
4466
|
-
B("p", null, F(
|
|
4469
|
+
B("p", null, F(y(n)("consumer_groups.errors.add")), 1),
|
|
4467
4470
|
I.value.length ? (m(), M("ul", Ml, [
|
|
4468
4471
|
(m(!0), M(be, null, ve(I.value, (de, Je) => (m(), M("li", { key: Je }, F(de), 1))), 128))
|
|
4469
4472
|
])) : W("", !0),
|
|
@@ -4560,7 +4563,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4560
4563
|
};
|
|
4561
4564
|
}), K = x(() => u.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: Y, fetcherState: v } = xl(r.config, w.value, K.value), f = () => {
|
|
4562
4565
|
_.value = "";
|
|
4563
|
-
},
|
|
4566
|
+
}, g = () => {
|
|
4564
4567
|
l.value++;
|
|
4565
4568
|
}, q = N(null), L = (S, H) => {
|
|
4566
4569
|
const re = S.id;
|
|
@@ -4665,7 +4668,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4665
4668
|
}), (S, H) => {
|
|
4666
4669
|
const re = P("KButton"), ge = P("KBadge"), we = P("KTruncate"), Ye = P("KDropdownItem"), Dt = P("KClipboardProvider"), br = P("KPrompt");
|
|
4667
4670
|
return m(), M("div", Nl, [
|
|
4668
|
-
T(
|
|
4671
|
+
T(y(zs), {
|
|
4669
4672
|
"cache-identifier": e.cacheIdentifier,
|
|
4670
4673
|
"disable-pagination": u.value && !e.config.paginatedEndpoint,
|
|
4671
4674
|
"disable-pagination-page-jump": "",
|
|
@@ -4673,21 +4676,21 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4673
4676
|
"empty-state-options": kt.value,
|
|
4674
4677
|
"enable-entity-actions": "",
|
|
4675
4678
|
"error-message": q.value,
|
|
4676
|
-
fetcher:
|
|
4679
|
+
fetcher: y(Y),
|
|
4677
4680
|
"fetcher-cache-key": l.value,
|
|
4678
4681
|
"pagination-type": "offset",
|
|
4679
4682
|
"preferences-storage-key": d.value,
|
|
4680
4683
|
query: _.value,
|
|
4681
4684
|
"row-attributes": A,
|
|
4682
|
-
"table-headers":
|
|
4685
|
+
"table-headers": y(p),
|
|
4683
4686
|
"use-action-outside": e.useActionOutside,
|
|
4684
4687
|
onClearSearchInput: f,
|
|
4685
4688
|
"onClick:row": H[3] || (H[3] = (Q) => z(Q)),
|
|
4686
4689
|
onEmptyStateCtaClicked: ae,
|
|
4687
|
-
onSort:
|
|
4690
|
+
onSort: g
|
|
4688
4691
|
}, {
|
|
4689
4692
|
"toolbar-filter": b(() => [
|
|
4690
|
-
u.value ? W("", !0) : (m(), D(
|
|
4693
|
+
u.value ? W("", !0) : (m(), D(y(pl), {
|
|
4691
4694
|
key: 0,
|
|
4692
4695
|
modelValue: _.value,
|
|
4693
4696
|
"onUpdate:modelValue": H[0] || (H[0] = (Q) => _.value = Q),
|
|
@@ -4699,7 +4702,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4699
4702
|
to: e.useActionOutside ? "#kong-ui-app-page-header-action-button" : void 0
|
|
4700
4703
|
}, {
|
|
4701
4704
|
default: b(() => [
|
|
4702
|
-
T(
|
|
4705
|
+
T(y(rt), {
|
|
4703
4706
|
"auth-function": () => e.canCreate()
|
|
4704
4707
|
}, {
|
|
4705
4708
|
default: b(() => [
|
|
@@ -4712,7 +4715,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4712
4715
|
onClick: H[1] || (H[1] = () => e.config.consumerId ? He() : void 0)
|
|
4713
4716
|
}, {
|
|
4714
4717
|
default: b(() => [
|
|
4715
|
-
Z(F(e.config.consumerId ?
|
|
4718
|
+
Z(F(e.config.consumerId ? y(i)("consumer_groups.actions.add_to_group") : y(i)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
|
|
4716
4719
|
]),
|
|
4717
4720
|
_: 1
|
|
4718
4721
|
}, 8, ["to"]), [
|
|
@@ -4756,7 +4759,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4756
4759
|
onClick: (kr) => L(Q, Pe)
|
|
4757
4760
|
}, {
|
|
4758
4761
|
default: b(() => [
|
|
4759
|
-
Z(F(
|
|
4762
|
+
Z(F(y(i)("consumer_groups.actions.copy_id")), 1)
|
|
4760
4763
|
]),
|
|
4761
4764
|
_: 2
|
|
4762
4765
|
}, 1032, ["onClick"])
|
|
@@ -4770,14 +4773,14 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4770
4773
|
onClick: (kr) => I(Q, Pe)
|
|
4771
4774
|
}, {
|
|
4772
4775
|
default: b(() => [
|
|
4773
|
-
Z(F(
|
|
4776
|
+
Z(F(y(i)("consumer_groups.actions.copy_json")), 1)
|
|
4774
4777
|
]),
|
|
4775
4778
|
_: 2
|
|
4776
4779
|
}, 1032, ["onClick"])
|
|
4777
4780
|
]),
|
|
4778
4781
|
_: 2
|
|
4779
4782
|
}, 1024),
|
|
4780
|
-
T(
|
|
4783
|
+
T(y(rt), {
|
|
4781
4784
|
"auth-function": () => e.canRetrieve(Q)
|
|
4782
4785
|
}, {
|
|
4783
4786
|
default: b(() => [
|
|
@@ -4789,7 +4792,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4789
4792
|
]),
|
|
4790
4793
|
_: 2
|
|
4791
4794
|
}, 1032, ["auth-function"]),
|
|
4792
|
-
T(
|
|
4795
|
+
T(y(rt), {
|
|
4793
4796
|
"auth-function": () => e.canEdit(Q)
|
|
4794
4797
|
}, {
|
|
4795
4798
|
default: b(() => [
|
|
@@ -4800,7 +4803,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4800
4803
|
]),
|
|
4801
4804
|
_: 2
|
|
4802
4805
|
}, 1032, ["auth-function"]),
|
|
4803
|
-
T(
|
|
4806
|
+
T(y(rt), {
|
|
4804
4807
|
"auth-function": () => e.canDelete(Q)
|
|
4805
4808
|
}, {
|
|
4806
4809
|
default: b(() => [
|
|
@@ -4811,7 +4814,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4811
4814
|
onClick: () => e.config.consumerId ? Ce(Q) : Je(Q)
|
|
4812
4815
|
}, {
|
|
4813
4816
|
default: b(() => [
|
|
4814
|
-
Z(F(e.config.consumerId ?
|
|
4817
|
+
Z(F(e.config.consumerId ? y(i)("consumer_groups.actions.exit") : y(i)("consumer_groups.actions.delete")), 1)
|
|
4815
4818
|
]),
|
|
4816
4819
|
_: 2
|
|
4817
4820
|
}, 1032, ["onClick"])
|
|
@@ -4821,14 +4824,14 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4821
4824
|
]),
|
|
4822
4825
|
_: 1
|
|
4823
4826
|
}, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers", "use-action-outside"]),
|
|
4824
|
-
T(
|
|
4827
|
+
T(y(Ys), {
|
|
4825
4828
|
"action-pending": J.value,
|
|
4826
4829
|
"data-testid": "delete-consumer-group-modal",
|
|
4827
|
-
description:
|
|
4830
|
+
description: y(i)("consumer_groups.delete.description"),
|
|
4828
4831
|
"entity-name": j.value && (j.value.name || j.value.id),
|
|
4829
|
-
"entity-type":
|
|
4832
|
+
"entity-type": y(Cn).ConsumerGroup,
|
|
4830
4833
|
error: te.value,
|
|
4831
|
-
title:
|
|
4834
|
+
title: y(i)("consumer_groups.delete.title"),
|
|
4832
4835
|
visible: O.value,
|
|
4833
4836
|
onCancel: bt,
|
|
4834
4837
|
onProceed: nt
|
|
@@ -4846,13 +4849,13 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4846
4849
|
key: 1,
|
|
4847
4850
|
"action-button-appearance": "danger",
|
|
4848
4851
|
"data-testid": "exit-group-modal",
|
|
4849
|
-
title:
|
|
4852
|
+
title: y(i)("consumer_groups.consumers.exit.title"),
|
|
4850
4853
|
visible: G.value,
|
|
4851
4854
|
onCancel: le,
|
|
4852
4855
|
onProceed: vr
|
|
4853
4856
|
}, {
|
|
4854
4857
|
default: b(() => [
|
|
4855
|
-
T(
|
|
4858
|
+
T(y(a), {
|
|
4856
4859
|
class: "exit-modal-message",
|
|
4857
4860
|
keypath: e.config.consumerUsername ? "consumer_groups.consumers.exit.confirmation" : "consumer_groups.consumers.exit.confirmationNoUsername",
|
|
4858
4861
|
tag: "p"
|
|
@@ -4870,7 +4873,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4870
4873
|
key: "0"
|
|
4871
4874
|
} : void 0
|
|
4872
4875
|
]), 1032, ["keypath"]),
|
|
4873
|
-
B("p", null, F(
|
|
4876
|
+
B("p", null, F(y(i)("consumer_groups.consumers.exit.description")), 1)
|
|
4874
4877
|
]),
|
|
4875
4878
|
_: 1
|
|
4876
4879
|
}, 8, ["title", "visible"])) : W("", !0)
|
|
@@ -4933,7 +4936,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
4933
4936
|
var G, me, Ce, le, Ue, We;
|
|
4934
4937
|
let V = `${(G = n.config) == null ? void 0 : G.apiBaseUrl}${je.form[(me = n.config) == null ? void 0 : me.app][C]}`;
|
|
4935
4938
|
return ((Ce = n.config) == null ? void 0 : Ce.app) === "konnect" ? V = V.replace(/{controlPlaneId}/gi, ((le = n.config) == null ? void 0 : le.controlPlaneId) || "") : ((Ue = n.config) == null ? void 0 : Ue.app) === "kongManager" && (V = V.replace(/\/{workspace}/gi, (We = n.config) != null && We.workspace ? `/${n.config.workspace}` : "")), V = V.replace(/{id}/gi, U || n.consumerGroupId), (C === "addConsumer" || C === "removeConsumer") && (V = V.replace(/{consumerId}/gi, ae)), V;
|
|
4936
|
-
},
|
|
4939
|
+
}, g = () => {
|
|
4937
4940
|
var C;
|
|
4938
4941
|
i.push(((C = n.config) == null ? void 0 : C.cancelRoute) || { name: "consumer-group-list" });
|
|
4939
4942
|
}, q = (C) => {
|
|
@@ -5025,24 +5028,24 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
5025
5028
|
}), (C, U) => {
|
|
5026
5029
|
const ae = P("KInput"), V = P("KMultiselect");
|
|
5027
5030
|
return m(), M("div", Kl, [
|
|
5028
|
-
T(
|
|
5031
|
+
T(y(Ls), {
|
|
5029
5032
|
"can-submit": Y.value && v.value,
|
|
5030
5033
|
config: e.config,
|
|
5031
5034
|
"edit-id": e.consumerGroupId,
|
|
5032
|
-
"error-message": o.errorMessage ||
|
|
5035
|
+
"error-message": o.errorMessage || y(d) || z.value,
|
|
5033
5036
|
"fetch-url": R.value,
|
|
5034
5037
|
"form-fields": E.value,
|
|
5035
5038
|
"is-readonly": o.readonly,
|
|
5036
|
-
onCancel:
|
|
5039
|
+
onCancel: g,
|
|
5037
5040
|
"onFetch:error": U[3] || (U[3] = (G) => q(G)),
|
|
5038
5041
|
"onFetch:success": I,
|
|
5039
5042
|
onLoading: U[4] || (U[4] = (G) => L(G)),
|
|
5040
5043
|
onSubmit: bt
|
|
5041
5044
|
}, {
|
|
5042
5045
|
default: b(() => [
|
|
5043
|
-
T(
|
|
5044
|
-
description:
|
|
5045
|
-
title:
|
|
5046
|
+
T(y(hn), {
|
|
5047
|
+
description: y(a)("consumer_groups.form.general_info.description"),
|
|
5048
|
+
title: y(a)("consumer_groups.form.general_info.title")
|
|
5046
5049
|
}, {
|
|
5047
5050
|
default: b(() => [
|
|
5048
5051
|
T(ae, {
|
|
@@ -5051,8 +5054,8 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
5051
5054
|
modelModifiers: { trim: !0 },
|
|
5052
5055
|
autocomplete: "off",
|
|
5053
5056
|
"data-testid": "consumer-group-form-name",
|
|
5054
|
-
label:
|
|
5055
|
-
placeholder:
|
|
5057
|
+
label: y(a)("consumer_groups.form.fields.name.label"),
|
|
5058
|
+
placeholder: y(a)("consumer_groups.form.fields.name.placeholder"),
|
|
5056
5059
|
required: "",
|
|
5057
5060
|
type: "text"
|
|
5058
5061
|
}, null, 8, ["modelValue", "label", "placeholder"]),
|
|
@@ -5062,22 +5065,22 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
5062
5065
|
modelModifiers: { trim: !0 },
|
|
5063
5066
|
autocomplete: "off",
|
|
5064
5067
|
"data-testid": "consumer-group-form-tags",
|
|
5065
|
-
help:
|
|
5066
|
-
label:
|
|
5068
|
+
help: y(a)("consumer_groups.form.fields.tags.help"),
|
|
5069
|
+
label: y(a)("consumer_groups.form.fields.tags.label"),
|
|
5067
5070
|
"label-attributes": {
|
|
5068
|
-
info:
|
|
5071
|
+
info: y(a)("consumer_groups.form.fields.tags.tooltip"),
|
|
5069
5072
|
tooltipAttributes: { maxWidth: "300" }
|
|
5070
5073
|
},
|
|
5071
|
-
placeholder:
|
|
5074
|
+
placeholder: y(a)("consumer_groups.form.fields.tags.placeholder"),
|
|
5072
5075
|
type: "text"
|
|
5073
5076
|
}, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder"])
|
|
5074
5077
|
]),
|
|
5075
5078
|
_: 1
|
|
5076
5079
|
}, 8, ["description", "title"]),
|
|
5077
|
-
T(
|
|
5078
|
-
description:
|
|
5080
|
+
T(y(hn), {
|
|
5081
|
+
description: y(a)("consumer_groups.form.consumers.description"),
|
|
5079
5082
|
"has-divider": "",
|
|
5080
|
-
title:
|
|
5083
|
+
title: y(a)("consumer_groups.form.consumers.title")
|
|
5081
5084
|
}, {
|
|
5082
5085
|
default: b(() => [
|
|
5083
5086
|
T(V, {
|
|
@@ -5086,11 +5089,11 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
5086
5089
|
appearance: "select",
|
|
5087
5090
|
autosuggest: "",
|
|
5088
5091
|
items: _.value,
|
|
5089
|
-
label:
|
|
5090
|
-
loading:
|
|
5091
|
-
placeholder:
|
|
5092
|
+
label: y(a)("consumer_groups.form.fields.consumers.label"),
|
|
5093
|
+
loading: y(u),
|
|
5094
|
+
placeholder: y(a)("consumer_groups.form.fields.consumers.placeholder"),
|
|
5092
5095
|
width: "auto",
|
|
5093
|
-
onQueryChange:
|
|
5096
|
+
onQueryChange: y(l)
|
|
5094
5097
|
}, {
|
|
5095
5098
|
"item-template": b(({ item: G }) => {
|
|
5096
5099
|
var me, Ce, le;
|
|
@@ -5149,7 +5152,7 @@ const vl = ["aria-labelledby"], bl = { class: "form-section-wrapper" }, kl = {
|
|
|
5149
5152
|
}
|
|
5150
5153
|
});
|
|
5151
5154
|
return (i, o) => (m(), M("div", Rl, [
|
|
5152
|
-
T(
|
|
5155
|
+
T(y(Ns), {
|
|
5153
5156
|
config: e.config,
|
|
5154
5157
|
"config-card-doc": e.configCardDoc,
|
|
5155
5158
|
"config-schema": a.value,
|