@pgcorp/ui-kit 0.10.0 → 0.10.1

package/dist/src/components/shared/persona/SPersonaProjectPicker.vue.d.ts

@@ -0,0 +1,30 @@
+import { PersonaProjectPickerConnected, PersonaProjectPickerEntry, PersonaProjectPickerRoot, PersonaProjectPickerState } from './types';
+type __VLS_Props = {
+    open: boolean;
+    roots: PersonaProjectPickerRoot[];
+    state: PersonaProjectPickerState;
+    selectedRootId?: string | null;
+    connectedProjects?: PersonaProjectPickerConnected[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refresh: () => any;
+    "update:open": (open: boolean) => any;
+    navigate: (relativePath: string) => any;
+    "select-root": (rootId: string) => any;
+    "load-more": () => any;
+    confirm: (project: PersonaProjectPickerEntry) => any;
+    "activate-connected": (bindingId: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onNavigate?: ((relativePath: string) => any) | undefined;
+    "onSelect-root"?: ((rootId: string) => any) | undefined;
+    "onLoad-more"?: (() => any) | undefined;
+    onConfirm?: ((project: PersonaProjectPickerEntry) => any) | undefined;
+    "onActivate-connected"?: ((bindingId: string) => any) | undefined;
+}>, {
+    connectedProjects: PersonaProjectPickerConnected[];
+    selectedRootId: string | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/shared/persona/SPersonaProjectPicker.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/persona/SPersonaProjectPicker.css_vue_type_style_index_0_src_cf24edf0_scoped_cf24edf0_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SPersonaProjectPicker.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                                   */
+//#region src/components/shared/persona/SPersonaProjectPicker.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-cf24edf0"]]);
+//#endregion
+export { n as default };

package/dist/src/components/shared/persona/SPersonaProjectPicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,334 @@
+import { Check as e, ChevronRight as t, Folder as n, FolderSearch as r, FolderTree as i, RefreshCw as a } from "../../icons/sputnigUiIcons.js";
+import { useUiKitLocale as o } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as s } from "../../../internal/ownedAttrs.js";
+import ee from "../data-display/SBadge.vue.js";
+import te from "../data-display/SEmptyState.vue.js";
+import c from "../controls/SButton.vue.js";
+import l from "../feedback/SAsyncState.vue.js";
+import u from "../containers/SPanel.vue.js";
+import ne from "../containers/SModal.vue.js";
+import re from "../controls/SSelect.vue.js";
+import ie from "../controls/SInputText.vue.js";
+import d from "../data-display/SActionList.vue.js";
+import f from "../data-display/SActionListItem.vue.js";
+import p from "../navigation/SBreadcrumbs.vue.js";
+import { assertPersonaInventory as m, findExactPersonaInventoryItem as h, resolvePersonaProjectPickerAsyncState as g } from "./_internal/inventory.js";
+import { Fragment as _, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createTextVNode as C, createVNode as w, defineComponent as T, mergeProps as ae, nextTick as E, openBlock as D, ref as O, renderList as k, toDisplayString as A, unref as j, watch as M, withCtx as N } from "vue";
+//#region src/components/shared/persona/SPersonaProjectPicker.vue?vue&type=script&setup=true&lang.ts
+var oe = { class: "s-persona-project-picker" }, se = {
+	key: 0,
+	class: "s-persona-project-picker__connected"
+}, ce = { class: "s-persona-project-picker__browser" }, le = { class: "s-persona-project-picker__toolbar" }, ue = { class: "s-persona-project-picker__root-selector" }, de = {
+	key: 0,
+	class: "s-persona-project-picker__content"
+}, P = "persona-project-picker:root", F = /*@__PURE__*/ T({
+	inheritAttrs: !1,
+	__name: "SPersonaProjectPicker",
+	props: {
+		open: { type: Boolean },
+		roots: {},
+		state: {},
+		selectedRootId: { default: null },
+		connectedProjects: { default: () => [] }
+	},
+	emits: [
+		"update:open",
+		"select-root",
+		"navigate",
+		"refresh",
+		"load-more",
+		"confirm",
+		"activate-connected"
+	],
+	setup(T, { emit: F }) {
+		let I = T, L = F, R = s({
+			component: "SPersonaProjectPicker",
+			owner: "project-picker modal surface"
+		}), { locale: z, t: B } = o(), V = O(""), H = O(null), U = O(null), W = v(() => m("SPersonaProjectPicker.roots", I.roots)), G = v(() => {
+			let e = m("SPersonaProjectPicker.connectedProjects", I.connectedProjects), t = /* @__PURE__ */ new Set();
+			for (let [n, r] of e.entries()) {
+				if (typeof r.projectId != "string" || r.projectId.length === 0) throw TypeError(`SPersonaProjectPicker.connectedProjects[${n}].projectId должен быть непустой строкой. / SPersonaProjectPicker.connectedProjects[${n}].projectId must be a non-empty string.`);
+				if (t.has(r.projectId)) throw TypeError(`SPersonaProjectPicker.connectedProjects содержит duplicate projectId ${JSON.stringify(r.projectId)}. / SPersonaProjectPicker.connectedProjects contains duplicate projectId ${JSON.stringify(r.projectId)}.`);
+				t.add(r.projectId);
+			}
+			return e;
+		}), fe = v(() => W.value.map((e) => ({
+			label: e.label,
+			value: e.id,
+			title: e.path
+		}))), K = v(() => {
+			let e = h("SPersonaProjectPicker.roots", W.value, I.selectedRootId);
+			return e === null ? null : e.id;
+		}), q = v(() => {
+			if (I.state.status !== "ready" || I.state.listing === null) return null;
+			let e = I.state.listing;
+			if (!W.value.some((t) => t.id === e.root.id)) throw TypeError(`SPersonaProjectPicker.state: listing.root.id ${JSON.stringify(e.root.id)} отсутствует в roots inventory. / SPersonaProjectPicker.state: listing.root.id ${JSON.stringify(e.root.id)} is absent from the roots inventory.`);
+			if (e.root.id !== K.value) throw TypeError(`SPersonaProjectPicker.state: listing.root.id ${JSON.stringify(e.root.id)} не совпадает с selectedRootId ${JSON.stringify(K.value)}. / SPersonaProjectPicker.state: listing.root.id ${JSON.stringify(e.root.id)} does not match selectedRootId ${JSON.stringify(K.value)}.`);
+			let t = m("SPersonaProjectPicker.state.listing", [e.current, ...e.directories]).find((t) => t.rootId !== e.root.id);
+			if (t) throw TypeError(`SPersonaProjectPicker.state: entry ${JSON.stringify(t.id)} ссылается на rootId ${JSON.stringify(t.rootId)} вместо ${JSON.stringify(e.root.id)}. / SPersonaProjectPicker.state: entry ${JSON.stringify(t.id)} references rootId ${JSON.stringify(t.rootId)} instead of ${JSON.stringify(e.root.id)}.`);
+			return e;
+		}), pe = v(() => g(I.state, {
+			loadingMessage: B("persona.loadingCatalogs"),
+			emptyMessage: B("persona.chooseSearchArea")
+		})), me = v(() => {
+			let e = q.value;
+			return e ? [e.current, ...e.directories] : [];
+		}), J = v(() => {
+			let e = h("SPersonaProjectPicker.state.listing", me.value, H.value);
+			return e?.isSelectable ? e : null;
+		}), Y = v(() => {
+			let e = V.value.trim().toLocaleLowerCase(z.value);
+			return e ? (q.value?.directories ?? []).filter((t) => `${t.name} ${t.displayPath}`.toLocaleLowerCase(z.value).includes(e)) : q.value?.directories ?? [];
+		}), X = v(() => {
+			let e = q.value;
+			if (!e) return [];
+			let t = e.current.relativePath.split("/").filter(Boolean), n = [{
+				id: P,
+				label: e.root.label,
+				kind: t.length === 0 ? "current" : "action"
+			}], r = "";
+			for (let [e, i] of t.entries()) r = r ? `${r}/${i}` : i, n.push({
+				label: i,
+				id: r,
+				kind: e === t.length - 1 ? "current" : "action"
+			});
+			return n;
+		}), he = v(() => V.value.trim() ? B("persona.noMatches") : B("persona.noNestedDirectories"));
+		M(() => I.open, async (e) => {
+			e && (V.value = "", H.value = null, await E(), U.value?.focus());
+		}), M(() => q.value?.root.id, () => {
+			H.value = null, V.value = "";
+		});
+		function ge(e) {
+			typeof e == "string" && e && L("select-root", e);
+		}
+		function _e(e) {
+			L("navigate", e === P ? "" : e);
+		}
+		function ve(e) {
+			e.isSelectable && (H.value = e.id);
+		}
+		function Z(e) {
+			return G.value.find((t) => t.projectId === e.id);
+		}
+		function Q(e) {
+			if (!e.isSelectable) return;
+			let t = Z(e);
+			return t ? t.active ? B("persona.active") : B("persona.open") : J.value?.id === e.id ? B("persona.selected") : B("persona.select");
+		}
+		function $(e) {
+			let t = Z(e);
+			if (t) {
+				t.active || L("activate-connected", t.id);
+				return;
+			}
+			ve(e);
+		}
+		function ye() {
+			J.value && L("confirm", J.value);
+		}
+		return (o, s) => (D(), y(ne, ae(j(R).bindings(), {
+			open: T.open,
+			title: j(B)("persona.pickerTitle"),
+			size: "wide",
+			"onUpdate:open": s[6] ||= (e) => L("update:open", e)
+		}), {
+			"footer-start": N(() => [J.value ? (D(), y(ee, {
+				key: 0,
+				severity: "info"
+			}, {
+				default: N(() => [C(A(J.value.displayPath), 1)]),
+				_: 1
+			})) : b("", !0)]),
+			"footer-end": N(() => [w(c, {
+				severity: "secondary",
+				onClick: s[5] ||= (e) => L("update:open", !1)
+			}, {
+				default: N(() => [C(A(j(B)("persona.cancel")), 1)]),
+				_: 1
+			}), w(c, {
+				disabled: !J.value,
+				onClick: ye
+			}, {
+				default: N(() => [C(A(j(B)("persona.connectProject")), 1)]),
+				_: 1
+			}, 8, ["disabled"])]),
+			default: N(() => [S("div", oe, [G.value.length > 0 ? (D(), x("div", se, [w(u, {
+				title: j(B)("persona.connected"),
+				icon: j(i)
+			}, {
+				default: N(() => [w(d, {
+					"accessible-label": j(B)("persona.connectedProjects"),
+					"max-height": "md"
+				}, {
+					default: N(() => [(D(!0), x(_, null, k(G.value, (e) => (D(), y(f, {
+						key: e.id,
+						title: e.title,
+						description: e.path,
+						icon: j(i),
+						selected: e.active,
+						"status-label": e.active ? j(B)("persona.active") : void 0,
+						"status-severity": "success",
+						surface: {
+							mode: "action",
+							accessibleLabel: j(B)("persona.openProject", { title: e.title })
+						},
+						onActivate: (t) => L("activate-connected", e.id)
+					}, null, 8, [
+						"title",
+						"description",
+						"icon",
+						"selected",
+						"status-label",
+						"surface",
+						"onActivate"
+					]))), 128))]),
+					_: 1
+				}, 8, ["accessible-label"])]),
+				_: 1
+			}, 8, ["title", "icon"])])) : b("", !0), S("section", ce, [
+				S("div", le, [
+					S("div", ue, [w(re, {
+						"model-value": K.value,
+						options: fe.value,
+						placeholder: j(B)("persona.selectArea"),
+						"aria-label": j(B)("persona.projectSearchArea"),
+						"onUpdate:modelValue": ge
+					}, null, 8, [
+						"model-value",
+						"options",
+						"placeholder",
+						"aria-label"
+					])]),
+					w(ie, {
+						ref_key: "searchInput",
+						ref: U,
+						modelValue: V.value,
+						"onUpdate:modelValue": s[0] ||= (e) => V.value = e,
+						size: "sm",
+						placeholder: j(B)("persona.searchCurrentCatalog"),
+						"aria-label": j(B)("persona.catalogSearch")
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"aria-label"
+					]),
+					w(c, {
+						label: "",
+						size: "sm",
+						severity: "secondary",
+						"leading-icon": j(a),
+						"icon-only": "",
+						title: j(B)("persona.refreshCatalog"),
+						"aria-label": j(B)("persona.refreshCatalog"),
+						onClick: s[1] ||= (e) => L("refresh")
+					}, null, 8, [
+						"leading-icon",
+						"title",
+						"aria-label"
+					])
+				]),
+				q.value ? (D(), y(p, {
+					key: 0,
+					items: X.value,
+					"aria-label": j(B)("persona.catalogPath"),
+					onAction: s[2] ||= (e) => _e(e)
+				}, null, 8, ["items", "aria-label"])) : b("", !0),
+				w(l, { state: pe.value }, {
+					default: N(() => [q.value ? (D(), x("div", de, [
+						w(d, {
+							"accessible-label": j(B)("persona.directoriesAndProjects"),
+							"max-height": "lg"
+						}, {
+							default: N(() => [q.value.current.isSelectable ? (D(), y(f, {
+								key: 0,
+								title: q.value.current.projectName || q.value.current.name,
+								description: q.value.current.displayPath,
+								icon: j(i),
+								tone: "success",
+								selected: J.value?.id === q.value.current.id,
+								"action-label": Q(q.value.current),
+								"action-icon": Z(q.value.current)?.active ? j(e) : void 0,
+								"action-disabled": Z(q.value.current)?.active,
+								"action-severity": "success",
+								"status-label": j(B)("persona.personaProject"),
+								"status-severity": "success",
+								surface: { mode: "static" },
+								onAction: s[3] ||= (e) => $(q.value.current)
+							}, null, 8, [
+								"title",
+								"description",
+								"icon",
+								"selected",
+								"action-label",
+								"action-icon",
+								"action-disabled",
+								"status-label"
+							])) : b("", !0), (D(!0), x(_, null, k(Y.value, (r) => (D(), y(f, {
+								key: r.id,
+								title: r.projectName || r.name,
+								description: r.diagnosticMessage || r.displayPath,
+								icon: r.isSelectable ? j(i) : j(n),
+								selected: J.value?.id === r.id,
+								tone: r.readiness === "invalid" || r.readiness === "unreadable" ? "danger" : r.isSelectable ? "success" : "default",
+								"action-label": Q(r),
+								"action-icon": Z(r)?.active || J.value?.id === r.id ? j(e) : void 0,
+								"action-disabled": Z(r)?.active,
+								"action-severity": Z(r)?.active || J.value?.id === r.id ? "success" : "secondary",
+								"status-label": r.readiness === "unreadable" ? j(B)("persona.noAccess") : r.readiness === "invalid" ? j(B)("persona.projectError") : void 0,
+								"status-severity": "danger",
+								"trailing-icon": r.isSelectable || r.readiness === "unreadable" || r.readiness === "invalid" ? void 0 : j(t),
+								surface: {
+									mode: "action",
+									accessibleLabel: j(B)("persona.openDirectory", { name: r.name })
+								},
+								onActivate: (e) => L("navigate", r.relativePath),
+								onAction: (e) => $(r)
+							}, null, 8, [
+								"title",
+								"description",
+								"icon",
+								"selected",
+								"tone",
+								"action-label",
+								"action-icon",
+								"action-disabled",
+								"action-severity",
+								"status-label",
+								"trailing-icon",
+								"surface",
+								"onActivate",
+								"onAction"
+							]))), 128))]),
+							_: 1
+						}, 8, ["accessible-label"]),
+						Y.value.length === 0 ? (D(), y(te, {
+							key: 0,
+							title: he.value,
+							description: V.value.trim() ? j(B)("persona.adjustSearch") : j(B)("persona.chooseAnotherArea"),
+							icon: j(r),
+							size: "sm"
+						}, null, 8, [
+							"title",
+							"description",
+							"icon"
+						])) : b("", !0),
+						T.state.status === "ready" && T.state.pagination !== "complete" ? (D(), y(c, {
+							key: 1,
+							severity: "secondary",
+							loading: T.state.pagination === "loading-more",
+							onClick: s[4] ||= (e) => L("load-more")
+						}, {
+							default: N(() => [C(A(j(B)("persona.loadMore")), 1)]),
+							_: 1
+						}, 8, ["loading"])) : b("", !0)
+					])) : b("", !0)]),
+					_: 1
+				}, 8, ["state"])
+			])])]),
+			_: 1
+		}, 16, ["open", "title"]));
+	}
+});
+//#endregion
+export { F as default };

package/dist/src/components/shared/persona/SPersonaRunWorkbench.vue.d.ts

@@ -0,0 +1,72 @@
+import { PersonaCatalogTest, PersonaInventoryState, PersonaPaginatedInventoryState, PersonaRunConsoleDensity, PersonaRunConsoleEvent, PersonaRunConsoleItem, PersonaRunConsoleRun, PersonaRunWorkbenchBinding, PersonaRunWorkbenchCapabilities, PersonaRunWorkbenchCatalogOverview, PersonaRunWorkbenchDiagnostic, PersonaRunWorkbenchLabels, PersonaRunWorkbenchNotice, PersonaRunWorkbenchOperation, PersonaRunWorkbenchWatcher } from './types';
+type __VLS_Props = {
+    binding: PersonaRunWorkbenchBinding | null;
+    watcher?: PersonaRunWorkbenchWatcher | null;
+    catalogOverview?: PersonaRunWorkbenchCatalogOverview | null;
+    diagnostics?: PersonaRunWorkbenchDiagnostic[];
+    notice?: PersonaRunWorkbenchNotice | null;
+    catalogState: PersonaInventoryState<PersonaCatalogTest>;
+    selectedTestId?: string | null;
+    runsState: PersonaPaginatedInventoryState<PersonaRunConsoleRun>;
+    selectedRunId?: string | null;
+    itemsState: PersonaPaginatedInventoryState<PersonaRunConsoleItem>;
+    eventsState: PersonaPaginatedInventoryState<PersonaRunConsoleEvent>;
+    capabilities: PersonaRunWorkbenchCapabilities;
+    operation: PersonaRunWorkbenchOperation;
+    reportSummary?: string | null;
+    labels?: Partial<PersonaRunWorkbenchLabels>;
+    density?: PersonaRunConsoleDensity;
+    catalogHeight?: number;
+    stepsHeight?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    projectSelector?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    discover: () => any;
+    watch: () => any;
+    "select-run": (runId: string) => any;
+    "load-more-runs": () => any;
+    "refresh-events": () => any;
+    "cancel-run": () => any;
+    "load-more-items": () => any;
+    "append-events": () => any;
+    "load-more-events": () => any;
+    "select-test": (testId: string) => any;
+    "run-test": (testId: string) => any;
+    "run-all": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDiscover?: (() => any) | undefined;
+    onWatch?: (() => any) | undefined;
+    "onSelect-run"?: ((runId: string) => any) | undefined;
+    "onLoad-more-runs"?: (() => any) | undefined;
+    "onRefresh-events"?: (() => any) | undefined;
+    "onCancel-run"?: (() => any) | undefined;
+    "onLoad-more-items"?: (() => any) | undefined;
+    "onAppend-events"?: (() => any) | undefined;
+    "onLoad-more-events"?: (() => any) | undefined;
+    "onSelect-test"?: ((testId: string) => any) | undefined;
+    "onRun-test"?: ((testId: string) => any) | undefined;
+    "onRun-all"?: (() => any) | undefined;
+}>, {
+    reportSummary: string | null;
+    density: PersonaRunConsoleDensity;
+    diagnostics: PersonaRunWorkbenchDiagnostic[];
+    labels: Partial<PersonaRunWorkbenchLabels>;
+    selectedRunId: string | null;
+    watcher: PersonaRunWorkbenchWatcher | null;
+    catalogOverview: PersonaRunWorkbenchCatalogOverview | null;
+    notice: PersonaRunWorkbenchNotice | null;
+    selectedTestId: string | null;
+    catalogHeight: number;
+    stepsHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/shared/persona/SPersonaRunWorkbench.vue.js

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/persona/SPersonaRunWorkbench.css_vue_type_style_index_0_src_bca49ddb_scoped_bca49ddb_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SPersonaRunWorkbench.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                                  */
+//#region src/components/shared/persona/SPersonaRunWorkbench.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-bca49ddb"]]);
+//#endregion
+export { n as default };