@septkit/ui 0.0.61 → 0.0.63

package/dist/table/filters/build-filter-options.js

@@ -0,0 +1,101 @@
+//#region lib/table/filters/build-filter-options.ts
+var e = "\0";
+function t(e, t) {
+	let n = [], r = /* @__PURE__ */ new Map();
+	for (let i of e) {
+		let e = t(i), a = n, o = [], s;
+		for (let t of e) {
+			o.push(t);
+			let e = o.join("\0");
+			s = r.get(e), s || (s = {
+				key: e,
+				label: t,
+				children: []
+			}, r.set(e, s), a.push(s)), a = s.children;
+		}
+		s && (s.isTerminal = !0);
+	}
+	return c(n), n;
+}
+function n(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = [];
+	for (let i of e) {
+		let e = t(i);
+		e === "" || n.has(e) || (n.add(e), r.push({
+			key: e,
+			label: e
+		}));
+	}
+	return r.sort((e, t) => e.label.localeCompare(t.label)), r;
+}
+var r = "\0no-value";
+function i(e, t, n) {
+	let i = /* @__PURE__ */ new Set(), a = [], o = !1;
+	for (let n of e) {
+		let e = t(n).filter((e) => e !== "");
+		e.length === 0 && (o = !0);
+		for (let t of e) i.has(t) || (i.add(t), a.push({
+			key: t,
+			label: t
+		}));
+	}
+	return a.sort((e, t) => e.label.localeCompare(t.label)), o && a.unshift({
+		key: r,
+		label: n
+	}), a;
+}
+function a(e) {
+	let t = /* @__PURE__ */ new Set();
+	function n(e) {
+		if (e.children.length !== 0) {
+			t.add(e.key);
+			for (let t of e.children) n(t);
+		}
+	}
+	if (Array.isArray(e)) for (let t of e) n(t);
+	else n(e);
+	return t;
+}
+function o(e) {
+	let t = /* @__PURE__ */ new Set();
+	function n(e) {
+		(e.isTerminal || e.children.length === 0) && t.add(e.key);
+		for (let t of e.children) n(t);
+	}
+	if (Array.isArray(e)) for (let t of e) n(t);
+	else n(e);
+	return t;
+}
+function s(e, t) {
+	let n = t.trim().toLowerCase(), r = /* @__PURE__ */ new Set();
+	if (!n) return {
+		nodes: e,
+		expandedKeys: r
+	};
+	function i(e) {
+		for (let t of e.children) t.children.length !== 0 && (r.add(t.key), i(t));
+	}
+	function a(e) {
+		let t = [];
+		for (let o of e) {
+			let e = o.label.toLowerCase().includes(n), s = a(o.children);
+			if (!e && s.length === 0) continue;
+			let c = e ? o.children : s;
+			t.push({
+				...o,
+				children: c
+			}), c.length > 0 && r.add(o.key), e && i(o);
+		}
+		return t;
+	}
+	return {
+		nodes: a(e),
+		expandedKeys: r
+	};
+}
+function c(e) {
+	e.sort((e, t) => e.label.localeCompare(t.label));
+	for (let t of e) c(t.children);
+}
+//#endregion
+export { e as KEY_SEPARATOR, r as NO_VALUE_KEY, n as buildFlatOptions, i as buildMultiValueOptions, t as buildTreeOptions, o as collectLeafKeys, a as collectParentKeys, s as filterTree };

package/dist/table/filters/filter-popover.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./filter-popover.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                               */
+//#region lib/table/filters/filter-popover.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-e3ad5df3"]]);
+//#endregion
+export { n as default };

package/dist/table/filters/filter-popover.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,169 @@
+import { collectLeafKeys as e, collectParentKeys as t, filterTree as n } from "./build-filter-options.js";
+import r from "./filter-tree-node.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, vModelText as _, watch as v, withDirectives as y } from "vue";
+//#region lib/table/filters/filter-popover.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	class: "filter-popover",
+	"data-testid": "filter-popover"
+}, x = { class: "filter-popover__title" }, S = {
+	key: 0,
+	class: "filter-popover__search"
+}, C = {
+	key: 1,
+	class: "filter-popover__bulk"
+}, w = {
+	key: 0,
+	class: "filter-popover__language",
+	role: "group",
+	"aria-label": "Language filter"
+}, T = ["aria-pressed"], E = [
+	"aria-pressed",
+	"data-testid",
+	"onClick"
+], D = { class: "filter-popover__bulk-actions" }, O = ["disabled"], ee = ["disabled"], k = { class: "filter-popover__list" }, A = {
+	key: 0,
+	class: "filter-popover__empty"
+}, j = { class: "filter-popover__flat-label" }, M = ["checked", "onChange"], N = { class: "filter-popover__flat-text" }, P = {
+	key: 0,
+	class: "filter-popover__empty"
+}, F = { class: "filter-popover__footer" }, I = { class: "filter-popover__footer-actions" }, L = /*@__PURE__*/ u({
+	__name: "filter-popover",
+	props: {
+		title: {},
+		variant: {},
+		initialSelection: {},
+		treeOptions: { default: () => [] },
+		flatOptions: { default: () => [] },
+		languageOptions: { default: () => [] },
+		language: { default: "ALL" },
+		expandAllByDefault: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"apply",
+		"cancel",
+		"update:language"
+	],
+	setup(u, { emit: L }) {
+		let R = u, z = L, B = m(new Set(R.initialSelection));
+		v(() => R.initialSelection, (e) => {
+			B.value = new Set(e);
+		});
+		let V = m(""), H = m(/* @__PURE__ */ new Set());
+		v(() => R.treeOptions, (e) => {
+			R.variant === "tree" && R.expandAllByDefault && (H.value = t(e));
+		}, { immediate: !0 });
+		let U = a(() => n(R.treeOptions, V.value)), W = a(() => U.value.nodes), G = a(() => V.value.trim() ? U.value.expandedKeys : H.value), K = a(() => {
+			let e = V.value.trim().toLowerCase();
+			return e ? R.flatOptions.filter((t) => t.label.toLowerCase().includes(e)) : R.flatOptions;
+		}), q = a(() => R.variant === "tree" ? e(W.value) : new Set(K.value.map((e) => e.key))), J = null;
+		v(V, (e, t) => {
+			let n = e.trim(), r = (t ?? "").trim();
+			n ? (r || (J = new Set(B.value)), B.value = new Set(q.value)) : r && (B.value = J ?? B.value, J = null);
+		});
+		let Y = m(null);
+		f(() => requestAnimationFrame(() => Y.value?.focus()));
+		function X(e, t) {
+			for (let n of e) t ? B.value.add(n) : B.value.delete(n);
+		}
+		function Z(t) {
+			let n = e(t);
+			X(n, ![...n].every((e) => B.value.has(e)));
+		}
+		function Q(e) {
+			H.value.has(e) ? H.value.delete(e) : H.value.add(e);
+		}
+		function te(e) {
+			B.value.has(e.key) ? B.value.delete(e.key) : B.value.add(e.key);
+		}
+		let $ = a(() => R.variant === "tree" ? e(R.treeOptions) : new Set(R.flatOptions.map((e) => e.key))), ne = a(() => {
+			for (let e of $.value) if (!B.value.has(e)) return !1;
+			return !0;
+		});
+		function re() {
+			X($.value, !0);
+		}
+		function ie() {
+			B.value.clear();
+		}
+		function ae() {
+			z("apply", new Set(B.value));
+		}
+		return (e, t) => (p(), c("div", b, [
+			l("p", x, g(u.title), 1),
+			u.variant === "value" ? s("", !0) : (p(), c("div", S, [y(l("input", {
+				ref_key: "searchRef",
+				ref: Y,
+				"onUpdate:modelValue": t[0] ||= (e) => V.value = e,
+				type: "text",
+				class: "filter-popover__search-input",
+				placeholder: "Search filter",
+				"aria-label": "Search filter",
+				autocomplete: "off",
+				"data-testid": "filter-popover-search"
+			}, null, 512), [[_, V.value]])])),
+			u.variant === "value" ? s("", !0) : (p(), c("div", C, [u.languageOptions.length ? (p(), c("div", w, [l("button", {
+				type: "button",
+				class: d(["filter-popover__language-option", { "filter-popover__language-option--active": u.language === "ALL" }]),
+				"aria-pressed": u.language === "ALL",
+				"data-testid": "filter-popover-language-all",
+				onClick: t[1] ||= (e) => z("update:language", "ALL")
+			}, " All ", 10, T), (p(!0), c(i, null, h(u.languageOptions, (e) => (p(), c("button", {
+				key: e,
+				type: "button",
+				class: d(["filter-popover__language-option", { "filter-popover__language-option--active": u.language === e }]),
+				"aria-pressed": u.language === e,
+				"data-testid": `filter-popover-language-${e}`,
+				onClick: (t) => z("update:language", e)
+			}, g(e), 11, E))), 128))])) : s("", !0), l("div", D, [l("button", {
+				type: "button",
+				class: "filter-popover__bulk-action",
+				disabled: ne.value,
+				"data-testid": "filter-popover-select-all",
+				onClick: re
+			}, " Select all ", 8, O), l("button", {
+				type: "button",
+				class: "filter-popover__bulk-action",
+				disabled: B.value.size === 0,
+				"data-testid": "filter-popover-clear",
+				onClick: ie
+			}, " Clear selection ", 8, ee)])])),
+			l("ul", k, [u.variant === "tree" ? (p(), c(i, { key: 0 }, [(p(!0), c(i, null, h(W.value, (e) => (p(), o(r, {
+				key: e.key,
+				node: e,
+				draft: B.value,
+				"expanded-keys": G.value,
+				onToggle: Z,
+				onToggleExpand: Q
+			}, null, 8, [
+				"node",
+				"draft",
+				"expanded-keys"
+			]))), 128)), W.value.length ? s("", !0) : (p(), c("li", A, "No options found"))], 64)) : (p(), c(i, { key: 1 }, [(p(!0), c(i, null, h(K.value, (e) => (p(), c("li", {
+				key: e.key,
+				class: "filter-popover__flat-item"
+			}, [l("label", j, [l("input", {
+				type: "checkbox",
+				class: "checkbox checkbox-sm",
+				checked: B.value.has(e.key),
+				"data-testid": "filter-popover-flat-checkbox",
+				onChange: (t) => te(e)
+			}, null, 40, M), l("span", N, g(e.label), 1)])]))), 128)), K.value.length ? s("", !0) : (p(), c("li", P, "No options found"))], 64))]),
+			l("div", F, [l("div", I, [l("button", {
+				type: "button",
+				class: "btn btn-sm btn-ghost",
+				"data-testid": "filter-popover-cancel",
+				onClick: t[2] ||= (e) => z("cancel")
+			}, " Cancel "), l("button", {
+				type: "button",
+				class: "btn btn-sm btn-primary",
+				"data-testid": "filter-popover-apply",
+				onClick: ae
+			}, " Apply ")])])
+		]));
+	}
+});
+//#endregion
+export { L as default };

package/dist/table/filters/filter-tree-node.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./filter-tree-node.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                 */
+//#region lib/table/filters/filter-tree-node.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-2ae9bf73"]]);
+//#endregion
+export { n as default };

package/dist/table/filters/filter-tree-node.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,79 @@
+import e from "../../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-right.js";
+import { collectLeafKeys as t } from "./build-filter-options.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, resolveComponent as h, toDisplayString as g, unref as _, watchEffect as v } from "vue";
+//#region lib/table/filters/filter-tree-node.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "filter-tree-node" }, b = ["aria-expanded", "aria-label"], x = {
+	key: 1,
+	class: "filter-tree-node__caret-spacer"
+}, S = { class: "filter-tree-node__label" }, C = ["checked"], w = { class: "filter-tree-node__label-text" }, T = {
+	key: 0,
+	class: "filter-tree-node__children"
+}, E = /*@__PURE__*/ l({
+	name: "FilterTreeNode",
+	__name: "filter-tree-node",
+	props: {
+		node: {},
+		draft: {},
+		expandedKeys: {},
+		depth: { default: 0 }
+	},
+	emits: ["toggle", "toggleExpand"],
+	setup(l, { emit: E }) {
+		let D = l, O = E, k = r(() => D.node.children.length > 0), A = r(() => D.expandedKeys.has(D.node.key)), j = r(() => t(D.node)), M = r(() => {
+			let e = 0;
+			for (let t of j.value) D.draft.has(t) && (e += 1);
+			return e;
+		}), N = r(() => M.value > 0 && M.value === j.value.size), P = r(() => M.value > 0 && M.value < j.value.size), F = p(null);
+		v(() => {
+			F.value && (F.value.indeterminate = P.value);
+		}, { flush: "post" });
+		function I() {
+			O("toggle", D.node);
+		}
+		function L() {
+			O("toggleExpand", D.node.key);
+		}
+		return (t, r) => {
+			let p = h("FilterTreeNode", !0);
+			return f(), o("li", y, [s("div", {
+				class: "filter-tree-node__row",
+				style: d({ paddingLeft: `${l.depth * 1.1}rem` })
+			}, [k.value ? (f(), o("button", {
+				key: 0,
+				type: "button",
+				class: "filter-tree-node__caret",
+				"aria-expanded": A.value,
+				"aria-label": `${A.value ? "Collapse" : "Expand"} ${l.node.label}`,
+				"data-testid": "filter-tree-caret",
+				onClick: L
+			}, [c(_(e), {
+				size: 14,
+				"aria-hidden": "true",
+				class: u(["filter-tree-node__caret-icon", { "filter-tree-node__caret-icon--open": A.value }])
+			}, null, 8, ["class"])], 8, b)) : (f(), o("span", x)), s("label", S, [s("input", {
+				ref_key: "checkboxRef",
+				ref: F,
+				type: "checkbox",
+				class: "checkbox checkbox-sm",
+				checked: N.value,
+				"data-testid": "filter-tree-checkbox",
+				onChange: I
+			}, null, 40, C), s("span", w, g(l.node.label), 1)])], 4), k.value && A.value ? (f(), o("ul", T, [(f(!0), o(n, null, m(l.node.children, (e) => (f(), i(p, {
+				key: e.key,
+				node: e,
+				draft: l.draft,
+				"expanded-keys": l.expandedKeys,
+				depth: l.depth + 1,
+				onToggle: r[0] ||= (e) => O("toggle", e),
+				onToggleExpand: r[1] ||= (e) => O("toggleExpand", e)
+			}, null, 8, [
+				"node",
+				"draft",
+				"expanded-keys",
+				"depth"
+			]))), 128))])) : a("", !0)]);
+		};
+	}
+});
+//#endregion
+export { E as default };

package/dist/table/filters/use-column-filters.js

@@ -0,0 +1,61 @@
+import { computed as e, reactive as t } from "vue";
+//#region lib/table/filters/use-column-filters.ts
+function n(n) {
+	let { columns: r, rows: i, strategies: a } = n, o = t(Object.fromEntries(r.map((e) => [e, null]))), s = e(() => {
+		let e = {};
+		for (let t of r) e[t] = a[t].keyUniverse(i.value);
+		return e;
+	});
+	function c(e) {
+		return new Set(s.value[e]);
+	}
+	function l(e) {
+		let t = a[e];
+		if (t.isExtraActive?.()) return !0;
+		let n = o[e];
+		if (!n) return !1;
+		if (!t.openWithAllSelected) return n.size > 0;
+		for (let t of s.value[e]) if (!n.has(t)) return !0;
+		return !1;
+	}
+	let u = e(() => r.filter(l)), d = e(() => u.value.length > 0);
+	function f(e, t) {
+		if (!a[e].openWithAllSelected) {
+			o[e] = t.size > 0 ? new Set(t) : null;
+			return;
+		}
+		let n = s.value[e], r = !0;
+		for (let e of n) if (!t.has(e)) {
+			r = !1;
+			break;
+		}
+		o[e] = r ? null : new Set(t);
+	}
+	function p(e) {
+		o[e] = null, a[e].onReset?.();
+	}
+	function m() {
+		for (let e of r) p(e);
+	}
+	function h(e) {
+		let t = o[e];
+		return a[e].openWithAllSelected ? t ? new Set(t) : new Set(s.value[e]) : new Set(t ?? []);
+	}
+	function g(e) {
+		for (let t of u.value) if (!a[t].matches(e, o[t])) return !1;
+		return !0;
+	}
+	return {
+		selections: o,
+		anyActive: d,
+		isColumnActive: l,
+		apply: f,
+		reset: p,
+		resetAll: m,
+		predicate: g,
+		getSelection: h,
+		getAllKeys: c
+	};
+}
+//#endregion
+export { n as useColumnFilters };

package/dist/table/filters/use-row-sort.js

@@ -0,0 +1,43 @@
+import { ref as e } from "vue";
+//#region lib/table/filters/use-row-sort.ts
+function t(t) {
+	let { sortAccessors: n } = t, r = e(null), i = e("asc");
+	function a(e) {
+		return n[e];
+	}
+	function o(e) {
+		return a(e) !== void 0;
+	}
+	function s(e) {
+		return r.value === e ? i.value : null;
+	}
+	function c(e) {
+		if (o(e)) {
+			if (r.value !== e) {
+				r.value = e, i.value = "asc";
+				return;
+			}
+			if (i.value === "asc") {
+				i.value = "desc";
+				return;
+			}
+			r.value = null, i.value = "asc";
+		}
+	}
+	function l(e) {
+		let t = r.value;
+		if (!t) return e;
+		let n = a(t);
+		if (!n) return e;
+		let o = i.value === "asc" ? 1 : -1;
+		return [...e].sort((e, t) => o * n(e).localeCompare(n(t)));
+	}
+	return {
+		isSortable: o,
+		getDirection: s,
+		toggle: c,
+		apply: l
+	};
+}
+//#endregion
+export { t as useRowSort };

package/dist/table/index.js

@@ -0,0 +1,7 @@
+import { KEY_SEPARATOR as e, NO_VALUE_KEY as t, buildFlatOptions as n, buildMultiValueOptions as r, buildTreeOptions as i, collectLeafKeys as a, collectParentKeys as o, filterTree as s } from "./filters/build-filter-options.js";
+import { useColumnFilters as c } from "./filters/use-column-filters.js";
+import { useRowSort as l } from "./filters/use-row-sort.js";
+import { provideColumnFilterHeader as u, useColumnFilterHeaderContext as d } from "./column-filter-context.js";
+import { provideRowSortHeader as f, useOptionalRowSortContext as p } from "./row-sort-context.js";
+import m from "./filterable-column-header.js";
+export { m as FilterableColumnHeader, e as KEY_SEPARATOR, t as NO_VALUE_KEY, n as buildFlatOptions, r as buildMultiValueOptions, i as buildTreeOptions, a as collectLeafKeys, o as collectParentKeys, s as filterTree, u as provideColumnFilterHeader, f as provideRowSortHeader, d as useColumnFilterHeaderContext, c as useColumnFilters, p as useOptionalRowSortContext, l as useRowSort };

package/dist/table/row-sort-context.js

@@ -0,0 +1,11 @@
+import { inject as e, provide as t } from "vue";
+//#region lib/table/row-sort-context.ts
+var n = Symbol("row-sort-header");
+function r(e) {
+	t(n, e);
+}
+function i() {
+	return e(n, void 0);
+}
+//#endregion
+export { r as provideRowSortHeader, i as useOptionalRowSortContext };