@pgcorp/ui-kit 0.10.0 → 0.10.2

package/dist/src/components/shared/persona/_internal/SPersonaRunConsole.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,298 @@
+import { useUiKitLocale as e } from "../../../../composables/useUiKitLocale.js";
+import t from "../../data-display/SEmptyState.vue.js";
+import n from "../../controls/SButton.vue.js";
+import r from "../../data-display/SMessage.vue.js";
+import i from "../../feedback/SAsyncState.vue.js";
+import a from "../../data-display/SActionListItem.vue.js";
+import o from "../../data-display/SCodeBlock.vue.js";
+import s from "../../data-display/SVirtualList.vue.js";
+import c from "../../data-display/SKeyValueGrid.vue.js";
+import l from "../../data-display/SSectionHeader.vue.js";
+import { assertPersonaInventory as u, findExactPersonaInventoryItem as d, resolvePersonaInventoryAsyncState as f } from "./inventory.js";
+import { personaDistinctMessage as p } from "../presentation.js";
+import { getPersonaRunConsoleFactKey as m } from "../types.js";
+import { computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, openBlock as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+//#region src/components/shared/persona/_internal/SPersonaRunConsole.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "s-persona-run-console-shell" }, O = ["data-density"], k = { class: "s-persona-run-console__section" }, A = {
+	key: 0,
+	class: "s-persona-run-console__actions-line"
+}, j = { class: "s-persona-run-console__section" }, M = {
+	key: 0,
+	class: "s-persona-run-console__detail"
+}, N = {
+	key: 2,
+	class: "s-persona-run-console__actions-line"
+}, P = {
+	key: 4,
+	class: "s-persona-run-console__actions-line"
+}, F = 96, I = /*@__PURE__*/ S({
+	inheritAttrs: !1,
+	__name: "SPersonaRunConsole",
+	props: {
+		runsState: {},
+		itemsState: {},
+		eventsState: {},
+		capabilities: {},
+		operation: {},
+		resolvedLabels: {},
+		selectedRunId: { default: null },
+		reportSummary: { default: null },
+		density: { default: "comfortable" },
+		listHeight: { default: 560 },
+		itemsHeight: { default: 250 },
+		eventsHeight: { default: 430 }
+	},
+	emits: [
+		"select-run",
+		"load-more-runs",
+		"refresh-events",
+		"cancel-run",
+		"load-more-items",
+		"append-events",
+		"load-more-events"
+	],
+	setup(S, { emit: I }) {
+		let L = S, R = I, { locale: z, t: B } = e(), V = h(() => L.runsState.status === "ready" ? u("SPersonaRunConsole.runsState", L.runsState.items) : []), H = h(() => L.itemsState.status === "ready" ? u("SPersonaRunConsole.itemsState", L.itemsState.items) : []), U = h(() => L.eventsState.status === "ready" ? u("SPersonaRunConsole.eventsState", L.eventsState.items) : []), W = h(() => f("SPersonaRunConsole.runsState", L.runsState, {
+			loadingMessage: B("persona.loadingRuns"),
+			emptyMessage: L.resolvedLabels.noRuns
+		})), G = h(() => f("SPersonaRunConsole.itemsState", L.itemsState, {
+			loadingMessage: B("persona.loadingItems"),
+			emptyMessage: L.resolvedLabels.noItems
+		})), K = h(() => f("SPersonaRunConsole.eventsState", L.eventsState, {
+			loadingMessage: B("persona.loadingEvents"),
+			emptyMessage: L.resolvedLabels.noEvents
+		})), q = h(() => d("SPersonaRunConsole.runsState", V.value, L.selectedRunId)), J = h(() => q.value?.facts ?? []), Y = h(() => Math.min(L.listHeight, V.value.length * F)), X = h(() => Math.min(L.itemsHeight, H.value.length * F)), Z = h(() => Math.min(L.eventsHeight, U.value.length * F));
+		function Q(e) {
+			return p(e.title, e.message, z.value);
+		}
+		return (e, u) => (C(), v("div", D, [y("div", {
+			class: "s-persona-run-console",
+			"data-density": S.density
+		}, [y("section", k, [
+			x(l, {
+				title: S.resolvedLabels.runListTitle,
+				size: "sm"
+			}, null, 8, ["title"]),
+			x(i, { state: W.value }, {
+				default: E(() => [x(s, {
+					items: V.value,
+					"item-size": F,
+					height: Y.value,
+					"item-key": (e) => e.id,
+					"accessible-label": S.resolvedLabels.runListTitle,
+					"item-label": (e) => e.title
+				}, {
+					default: E(({ item: e }) => [x(a, {
+						role: "presentation",
+						title: e.title,
+						description: e.meta,
+						detail: e.detail,
+						selected: S.selectedRunId === e.id,
+						"status-label": e.statusLabel,
+						"status-severity": e.statusSeverity,
+						"trailing-layout": "inline",
+						"height-mode": "fill",
+						surface: {
+							mode: "action",
+							accessibleLabel: T(B)("persona.openRun", { title: e.title })
+						},
+						onActivate: (t) => R("select-run", e.id)
+					}, null, 8, [
+						"title",
+						"description",
+						"detail",
+						"selected",
+						"status-label",
+						"status-severity",
+						"surface",
+						"onActivate"
+					])]),
+					_: 1
+				}, 8, [
+					"items",
+					"height",
+					"item-key",
+					"accessible-label",
+					"item-label"
+				])]),
+				_: 1
+			}, 8, ["state"]),
+			S.runsState.status === "ready" && S.runsState.pagination !== "complete" ? (C(), v("div", A, [x(n, {
+				size: "sm",
+				severity: "secondary",
+				loading: S.runsState.pagination === "loading-more",
+				onClick: u[0] ||= (e) => R("load-more-runs")
+			}, {
+				default: E(() => [b(w(S.resolvedLabels.loadMoreRuns), 1)]),
+				_: 1
+			}, 8, ["loading"])])) : _("", !0)
+		]), y("section", j, [x(l, {
+			title: S.resolvedLabels.selectedRunTitle,
+			size: "sm"
+		}, null, 8, ["title"]), q.value ? (C(), v("div", M, [
+			x(l, {
+				title: q.value.title,
+				description: q.value.meta
+			}, {
+				actions: E(() => [x(n, {
+					size: "sm",
+					severity: "secondary",
+					loading: S.operation === "refreshing-events",
+					onClick: u[1] ||= (e) => R("refresh-events")
+				}, {
+					default: E(() => [b(w(S.resolvedLabels.refreshEvents), 1)]),
+					_: 1
+				}, 8, ["loading"]), S.capabilities.cancelRun === "enabled" ? (C(), g(n, {
+					key: 0,
+					size: "sm",
+					severity: "danger",
+					loading: S.operation === "cancelling-run",
+					onClick: u[2] ||= (e) => R("cancel-run")
+				}, {
+					default: E(() => [b(w(S.resolvedLabels.cancelRun), 1)]),
+					_: 1
+				}, 8, ["loading"])) : _("", !0)]),
+				_: 1
+			}, 8, ["title", "description"]),
+			q.value.artifactLabel ? (C(), g(r, {
+				key: 0,
+				severity: "info",
+				title: T(B)("persona.artifacts")
+			}, {
+				default: E(() => [b(w(q.value.artifactLabel), 1)]),
+				_: 1
+			}, 8, ["title"])) : _("", !0),
+			J.value.length > 0 ? (C(), g(c, {
+				key: 1,
+				items: J.value,
+				"get-item-key": T(m),
+				variant: "inline",
+				columns: 1
+			}, null, 8, ["items", "get-item-key"])) : _("", !0),
+			x(l, {
+				title: S.resolvedLabels.itemsTitle,
+				size: "sm"
+			}, null, 8, ["title"]),
+			x(i, { state: G.value }, {
+				default: E(() => [x(s, {
+					items: H.value,
+					"item-size": F,
+					height: X.value,
+					"item-key": (e) => e.id,
+					"accessible-label": S.resolvedLabels.itemsTitle,
+					"item-label": (e) => e.title
+				}, {
+					default: E(({ item: e }) => [x(a, {
+						role: "presentation",
+						title: e.title,
+						description: e.meta,
+						detail: e.detail,
+						"status-label": e.statusLabel,
+						"status-severity": e.statusSeverity,
+						badges: e.badges,
+						surface: { mode: "static" },
+						"trailing-layout": "inline",
+						"height-mode": "fill"
+					}, null, 8, [
+						"title",
+						"description",
+						"detail",
+						"status-label",
+						"status-severity",
+						"badges"
+					])]),
+					_: 1
+				}, 8, [
+					"items",
+					"height",
+					"item-key",
+					"accessible-label",
+					"item-label"
+				])]),
+				_: 1
+			}, 8, ["state"]),
+			S.itemsState.status === "ready" && S.itemsState.pagination !== "complete" ? (C(), v("div", N, [x(n, {
+				size: "sm",
+				severity: "secondary",
+				loading: S.itemsState.pagination === "loading-more",
+				onClick: u[3] ||= (e) => R("load-more-items")
+			}, {
+				default: E(() => [b(w(S.resolvedLabels.loadMoreItems), 1)]),
+				_: 1
+			}, 8, ["loading"])])) : _("", !0),
+			S.reportSummary ? (C(), g(o, {
+				key: 3,
+				code: S.reportSummary,
+				language: {
+					mode: "explicit",
+					id: "plaintext"
+				},
+				"show-header": !1,
+				"show-line-numbers": !1,
+				viewport: "compact",
+				ariaLabel: S.resolvedLabels.reportSummary
+			}, null, 8, ["code", "ariaLabel"])) : _("", !0),
+			x(l, {
+				title: S.resolvedLabels.eventsTitle,
+				size: "sm"
+			}, null, 8, ["title"]),
+			x(i, { state: K.value }, {
+				default: E(() => [x(s, {
+					items: U.value,
+					"item-size": F,
+					height: Z.value,
+					"item-key": (e) => e.id,
+					"accessible-label": S.resolvedLabels.eventsTitle,
+					"item-label": (e) => e.title
+				}, {
+					default: E(({ item: e }) => [x(a, {
+						role: "presentation",
+						title: e.title,
+						description: e.meta,
+						detail: Q(e),
+						badges: e.badges,
+						surface: { mode: "static" },
+						"height-mode": "fill"
+					}, null, 8, [
+						"title",
+						"description",
+						"detail",
+						"badges"
+					])]),
+					_: 1
+				}, 8, [
+					"items",
+					"height",
+					"item-key",
+					"accessible-label",
+					"item-label"
+				])]),
+				_: 1
+			}, 8, ["state"]),
+			S.eventsState.status === "ready" ? (C(), v("div", P, [x(n, {
+				size: "sm",
+				severity: "secondary",
+				loading: S.operation === "appending-events",
+				onClick: u[4] ||= (e) => R("append-events")
+			}, {
+				default: E(() => [b(w(S.resolvedLabels.appendEvents), 1)]),
+				_: 1
+			}, 8, ["loading"]), S.eventsState.status === "ready" && S.eventsState.pagination !== "complete" ? (C(), g(n, {
+				key: 0,
+				size: "sm",
+				severity: "secondary",
+				loading: S.eventsState.pagination === "loading-more",
+				onClick: u[5] ||= (e) => R("load-more-events")
+			}, {
+				default: E(() => [b(w(S.resolvedLabels.loadMoreEvents), 1)]),
+				_: 1
+			}, 8, ["loading"])) : _("", !0)])) : _("", !0)
+		])) : (C(), g(t, {
+			key: 1,
+			title: S.resolvedLabels.emptyRun,
+			size: "sm"
+		}, null, 8, ["title"]))])], 8, O)]));
+	}
+});
+//#endregion
+export { I as default };

package/dist/src/components/shared/persona/_internal/inventory.d.ts

@@ -0,0 +1,21 @@
+import { SAsyncStateContract } from '../../feedback/SAsyncState.vue';
+import { PersonaInventoryState, PersonaPaginatedInventoryState, PersonaProjectPickerState } from '../types';
+export interface PersonaStableInventoryItem {
+    readonly id: string;
+}
+export interface PersonaAsyncPresentation {
+    readonly loadingMessage: string;
+    readonly emptyMessage: string;
+}
+export declare function assertPersonaInventory<Item extends PersonaStableInventoryItem>(owner: string, items: Item[]): Item[];
+export declare function findExactPersonaInventoryItem<Item extends PersonaStableInventoryItem>(owner: string, items: Item[], selectedId: string | null): Item | null;
+/**
+ * Проецирует доменный inventory contract в единственный canonical async-state contract.
+ * Projects a domain inventory contract onto the sole canonical async-state contract.
+ */
+export declare function resolvePersonaInventoryAsyncState<Item extends PersonaStableInventoryItem>(owner: string, state: PersonaInventoryState<Item> | PersonaPaginatedInventoryState<Item>, presentation: PersonaAsyncPresentation): SAsyncStateContract;
+/**
+ * Проецирует picker state в canonical async-state, сохраняя ready listing как доменный payload.
+ * Projects picker state onto canonical async-state while preserving the ready listing payload.
+ */
+export declare function resolvePersonaProjectPickerAsyncState(state: PersonaProjectPickerState, presentation: PersonaAsyncPresentation): SAsyncStateContract;

package/dist/src/components/shared/persona/_internal/inventory.js

@@ -0,0 +1,42 @@
+//#region src/components/shared/persona/_internal/inventory.ts
+function e(e, t) {
+	if (!Array.isArray(t)) throw TypeError(`${e}: inventory должен быть массивом. / ${e}: inventory must be an array.`);
+	let n = /* @__PURE__ */ new Set();
+	for (let [r, i] of t.entries()) {
+		let t = i;
+		if (typeof t != "object" || !t || Array.isArray(t)) throw TypeError(`${e}: inventory[${r}] должен быть объектом со стабильным id. / ${e}: inventory[${r}] must be an object with a stable id.`);
+		let a = t.id;
+		if (typeof a != "string" || a.length === 0) throw TypeError(`${e}: inventory[${r}].id должен быть непустой строкой. / ${e}: inventory[${r}].id must be a non-empty string.`);
+		if (n.has(a)) throw TypeError(`${e}: inventory содержит duplicate id ${JSON.stringify(a)}. / ${e}: inventory contains duplicate id ${JSON.stringify(a)}.`);
+		n.add(a);
+	}
+	return t;
+}
+function t(t, n, r) {
+	let i = e(t, n);
+	if (r === null) return null;
+	if (typeof r != "string" || r.length === 0) throw TypeError(`${t}: selectedId должен быть непустой строкой или null. / ${t}: selectedId must be a non-empty string or null.`);
+	let a = i.find((e) => e.id === r);
+	if (a !== void 0) return a;
+	throw Error(`${t}: selectedId ${JSON.stringify(r)} отсутствует в inventory. / ${t}: selectedId ${JSON.stringify(r)} is absent from the inventory.`);
+}
+function n(t, n, r) {
+	return n.status === "loading" ? {
+		status: "loading",
+		message: n.message ?? r.loadingMessage
+	} : n.status === "error" ? n : e(t, n.items).length === 0 ? {
+		status: "empty",
+		message: r.emptyMessage
+	} : { status: "ready" };
+}
+function r(e, t) {
+	return e.status === "loading" ? {
+		status: "loading",
+		message: e.message ?? t.loadingMessage
+	} : e.status === "error" ? e : e.listing === null ? {
+		status: "empty",
+		message: t.emptyMessage
+	} : { status: "ready" };
+}
+//#endregion
+export { e as assertPersonaInventory, t as findExactPersonaInventoryItem, n as resolvePersonaInventoryAsyncState, r as resolvePersonaProjectPickerAsyncState };

package/dist/src/components/shared/persona/_internal/labels.d.ts

@@ -0,0 +1,3 @@
+import { UiKitTranslate } from '../../../../locales/locale';
+import { PersonaRunWorkbenchLabels } from '../types';
+export declare function resolvePersonaRunWorkbenchLabels(overrides?: Readonly<Partial<PersonaRunWorkbenchLabels>>, t?: UiKitTranslate): PersonaRunWorkbenchLabels;

package/dist/src/components/shared/persona/_internal/labels.js

@@ -0,0 +1,73 @@
+import { UI_KIT_MESSAGES as e, createUiKitTranslate as t } from "../../../../locales/messages.js";
+import { validateNonEmptyString as n } from "../../../../internal/runtimeContract.js";
+//#region src/components/shared/persona/_internal/labels.ts
+var r = t(() => e.ru);
+function i(e) {
+	return {
+		projectTitle: e("persona.projectTitle"),
+		discoveryTitle: e("persona.discoveryTitle"),
+		catalogTitle: e("persona.catalogTitle"),
+		structureTitle: e("persona.structureTitle"),
+		selectedTestTitle: e("persona.selectedTestTitle"),
+		runSelected: e("persona.runSelected"),
+		runAll: e("persona.runAll"),
+		discover: e("persona.discover"),
+		watch: e("persona.watch"),
+		searchPlaceholder: e("persona.searchTests"),
+		noCatalogTests: e("persona.noCatalogTests"),
+		emptyStructure: e("persona.emptyStructure"),
+		runListTitle: e("persona.runListTitle"),
+		selectedRunTitle: e("persona.selectedRunTitle"),
+		itemsTitle: e("persona.itemsTitle"),
+		eventsTitle: e("persona.eventsTitle"),
+		loadMoreRuns: e("persona.loadMoreRuns"),
+		loadMoreItems: e("persona.loadMoreItems"),
+		appendEvents: e("persona.appendEvents"),
+		loadMoreEvents: e("persona.loadMoreEvents"),
+		refreshEvents: e("persona.refreshEvents"),
+		cancelRun: e("persona.cancelRun"),
+		reportSummary: e("persona.reportSummary"),
+		emptyRun: e("persona.emptyRun"),
+		noRuns: e("persona.noRuns"),
+		noItems: e("persona.noItems"),
+		noEvents: e("persona.noRunEvents")
+	};
+}
+function a(e, t, r) {
+	let i = t[r];
+	return i === void 0 ? e[r] : n("SPersonaRunWorkbench", `labels.${r}`, i);
+}
+function o(e = {}, t = r) {
+	let n = i(t);
+	return {
+		projectTitle: a(n, e, "projectTitle"),
+		discoveryTitle: a(n, e, "discoveryTitle"),
+		catalogTitle: a(n, e, "catalogTitle"),
+		structureTitle: a(n, e, "structureTitle"),
+		selectedTestTitle: a(n, e, "selectedTestTitle"),
+		runSelected: a(n, e, "runSelected"),
+		runAll: a(n, e, "runAll"),
+		discover: a(n, e, "discover"),
+		watch: a(n, e, "watch"),
+		searchPlaceholder: a(n, e, "searchPlaceholder"),
+		noCatalogTests: a(n, e, "noCatalogTests"),
+		emptyStructure: a(n, e, "emptyStructure"),
+		runListTitle: a(n, e, "runListTitle"),
+		selectedRunTitle: a(n, e, "selectedRunTitle"),
+		itemsTitle: a(n, e, "itemsTitle"),
+		eventsTitle: a(n, e, "eventsTitle"),
+		loadMoreRuns: a(n, e, "loadMoreRuns"),
+		loadMoreItems: a(n, e, "loadMoreItems"),
+		appendEvents: a(n, e, "appendEvents"),
+		loadMoreEvents: a(n, e, "loadMoreEvents"),
+		refreshEvents: a(n, e, "refreshEvents"),
+		cancelRun: a(n, e, "cancelRun"),
+		reportSummary: a(n, e, "reportSummary"),
+		emptyRun: a(n, e, "emptyRun"),
+		noRuns: a(n, e, "noRuns"),
+		noItems: a(n, e, "noItems"),
+		noEvents: a(n, e, "noEvents")
+	};
+}
+//#endregion
+export { o as resolvePersonaRunWorkbenchLabels };

package/dist/src/components/shared/persona/presentation.d.ts

@@ -0,0 +1,41 @@
+import { UiKitLocale, UiKitTranslate } from '../../../locales/locale';
+export type PersonaStatusSeverity = 'secondary' | 'success' | 'info' | 'warn' | 'danger';
+export type PersonaParameterPresentation = {
+    name: string;
+    type?: string | null;
+    required?: boolean;
+    default?: unknown;
+};
+export type PersonaDiagnosticPresentationInput = {
+    context?: string | null;
+    reason?: string | null;
+    severity: string;
+};
+export type PersonaDiagnosticPresentation = {
+    category: 'scenario_import' | 'component_analysis' | 'support_quality' | 'unclassified';
+    title: string;
+    ownerLabel: string;
+    impactLabel: string;
+    remediation: string;
+    statusLabel: string;
+    statusSeverity: PersonaStatusSeverity;
+};
+type PersonaDiagnosticOverviewItem = {
+    category: PersonaDiagnosticPresentation['category'];
+};
+export declare function personaDiagnosticPresentation(input: PersonaDiagnosticPresentationInput, t?: UiKitTranslate): PersonaDiagnosticPresentation;
+export declare function personaDiagnosticOverviewMessage(availableTests: number, unavailableTests: number, diagnostics: readonly PersonaDiagnosticOverviewItem[], t?: UiKitTranslate): string;
+export declare function personaRunStatusLabel(status: unknown, t?: UiKitTranslate): string;
+export declare function personaStatusSeverity(status: unknown): PersonaStatusSeverity;
+export declare function personaSemanticKindLabel(kind: unknown, t?: UiKitTranslate): string;
+export declare function personaParameterSummary(parameters: readonly PersonaParameterPresentation[], t?: UiKitTranslate): string;
+export declare function personaSeverityLabel(value: unknown, t?: UiKitTranslate): string;
+export declare function personaSeverityBadge(value: unknown): PersonaStatusSeverity;
+export declare function personaReportStatusLabel(status: unknown, t?: UiKitTranslate): string;
+export declare function personaLifecycleStageLabel(stage: unknown, t?: UiKitTranslate): string;
+export declare function personaEventTypeLabel(eventType: unknown, t?: UiKitTranslate): string;
+export declare function personaPayloadMessage(payload: Record<string, unknown> | null): string;
+export declare function personaDistinctMessage(title: string, message: string | null | undefined, locale?: UiKitLocale): string | null;
+export declare function personaDurationLabel(durationMs: number | null | undefined, t?: UiKitTranslate, locale?: UiKitLocale): string;
+export declare function personaCountLabel(count: number, forms: [string, string, string], locale?: UiKitLocale): string;
+export {};