@platforma-sdk/ui-vue 1.64.0 → 1.65.0

package/dist/components/PlAgDataTable/sources/table-state-v2.js

@@ -1,104 +1,214 @@
-import { isJsonEqual as e } from "../../../lib/util/helpers/dist/objects.js";
-import { randomInt as t } from "../../../lib/util/helpers/dist/random.js";
+import { getField as e, isJsonEqual as t } from "../../../lib/util/helpers/dist/objects.js";
+import { randomInt as n } from "../../../lib/util/helpers/dist/random.js";
 import "../../../lib/util/helpers/dist/index.js";
-import { isNumericValueType as n, isStringValueType as r } from "../../PlAdvancedFilter/utils.js";
-import { computed as i, ref as a, watch as o } from "vue";
-import { canonicalizeJson as s, createDefaultPTableParams as c, distillFilterSpec as l, getPTableColumnId as u, parseJson as d, upgradePlDataTableStateV2 as f } from "@platforma-sdk/model";
-import { computedCached as p } from "@milaboratories/uikit";
-import { debounce as m, isNil as h } from "es-toolkit";
+import { isNumericValueType as r, isStringValueType as i } from "../../PlAdvancedFilter/utils.js";
+import { computed as a } from "vue";
+import { canonicalizeJson as o, createDefaultPTableParams as s, distillFilterSpec as c, getPTableColumnId as l, parseJson as u, upgradePlDataTableStateV2 as d } from "@platforma-sdk/model";
+import { computedCached as f } from "@milaboratories/uikit";
+import { debounce as p, isNil as m } from "es-toolkit";
 //#region src/components/PlAgDataTable/sources/table-state-v2.ts
-function g(n, r, s) {
-	let l = p({
-		get: () => f(n.value),
-		set: m((e) => n.value = e, 300)
-	}), u = i({
+function h(e, n, r, i) {
+	let o = f({
+		get: () => d(e.value),
+		set: p((t) => e.value = t, 300)
+	}), c = a({
 		get: () => {
-			let e = _(), t = r.value.sourceId, n = "error" in r.value && r.value.error == null;
-			if (!t && n) return e;
-			let i = t ?? l.value.stateCache.at(-1)?.sourceId;
-			return i ? l.value.stateCache.find((e) => e.sourceId === i) || {
+			let e = D(), t = n.value.sourceId, r = "error" in n.value && n.value.error == null;
+			if (!t && r) return e;
+			let i = t ?? o.value.stateCache.at(-1)?.sourceId;
+			return i ? o.value.stateCache.find((e) => e.sourceId === i) || {
 				...e,
 				sourceId: i
 			} : e;
 		},
-		set: (t) => {
+		set: (e) => {
 			let n = {
-				...l.value,
-				pTableParams: c()
+				...o.value,
+				pTableParams: s()
 			};
-			if (t.sourceId) {
-				n.pTableParams = S(t, s.value);
-				let e = n.stateCache.findIndex((e) => e.sourceId === t.sourceId);
-				e !== -1 && n.stateCache.splice(e, 1), n.stateCache.push(t), n.stateCache = n.stateCache.slice(-5);
+			if (e.sourceId) {
+				n.pTableParams = g(e, r.value);
+				let t = n.stateCache.findIndex((t) => t.sourceId === e.sourceId);
+				t !== -1 && n.stateCache.splice(t, 1), n.stateCache.push(e), n.stateCache = n.stateCache.slice(-5);
 			}
-			e(l.value, n) || (l.value = n);
+			t(o.value, n) || (o.value = n);
 		}
-	}), d = i({
-		get: () => u.value.gridState,
+	}), l = a({
+		get: () => c.value.gridState,
 		set: (e) => {
-			let t = u.value;
-			t.sourceId && (u.value = {
+			let t = c.value;
+			t.sourceId && (c.value = {
 				...t,
 				gridState: e
 			});
 		}
-	}), h = i({
-		get: () => u.value.sheetsState,
+	}), u = a({
+		get: () => c.value.sheetsState,
 		set: (e) => {
-			let t = u.value;
-			t.sourceId && (u.value = {
+			let t = c.value;
+			t.sourceId && (c.value = {
 				...t,
 				sheetsState: e
 			});
 		}
-	}), g = i({
+	}), h = a({
 		get: () => {
-			let e = u.value.filtersState;
-			return e && (e.type === "and" || e.type === "or") && "filters" in e && Array.isArray(e.filters) ? e : {
-				id: t(),
-				type: "and",
-				isExpanded: !0,
-				filters: []
-			};
+			let e = c.value.filtersState;
+			return m(e) ? y() : _(e);
 		},
 		set: (e) => {
-			let t = u.value;
-			t.sourceId && (u.value = {
+			let t = c.value;
+			t.sourceId && (c.value = {
 				...t,
 				filtersState: e
 			});
 		}
-	}), v = a(g);
-	return o(() => v.value, (e) => g.value = e, { deep: !0 }), {
-		gridState: d,
-		sheetsState: h,
-		filtersState: v,
-		searchString: i({
-			get: () => u.value.searchString ?? "",
+	}), v = a({
+		get: () => {
+			let e = c.value.defaultFiltersState;
+			return m(e) ? m(i.value) ? null : S(_(i.value)) : _(e);
+		},
+		set: (e) => {
+			let t = c.value;
+			t.sourceId && (c.value = {
+				...t,
+				defaultFiltersState: e
+			});
+		}
+	});
+	function b() {
+		v.value = m(i.value) ? null : S(_(i.value));
+	}
+	return {
+		gridState: l,
+		sheetsState: u,
+		searchString: a({
+			get: () => c.value.searchString ?? "",
 			set: (e) => {
-				let t = u.value;
-				t.sourceId && (u.value = {
+				let t = c.value;
+				t.sourceId && (c.value = {
 					...t,
 					searchString: e
 				});
 			}
-		})
+		}),
+		filtersState: h,
+		defaultFiltersState: v,
+		resetDefaultFilters: b
 	};
 }
-function _() {
+function g(e, t) {
+	let n = x(t, e.searchString), r = m(e.filtersState) ? null : b(e.filtersState), i = [
+		...w(e.sheetsState),
+		...m(r) ? [] : [r],
+		...m(n) ? [] : [n]
+	], a = c(i.length === 0 ? null : i.length === 1 ? i[0] : {
+		type: "and",
+		filters: i
+	}), o = m(e.defaultFiltersState) ? null : b(e.defaultFiltersState), s = m(o) ? null : c(o) ?? v();
 	return {
-		sourceId: null,
-		gridState: {},
-		sheetsState: [],
-		filtersState: null
+		sourceId: e.sourceId,
+		hiddenColIds: E(e.gridState.columnVisibility),
+		sorting: T(e.gridState.sort),
+		filters: a,
+		defaultFilters: s
+	};
+}
+function _(e) {
+	return e.type !== "and" && e.type !== "or" && e.type !== "not" ? "type" in e && !m(e.type) ? {
+		id: n(),
+		type: "and",
+		isExpanded: !0,
+		filters: [{
+			id: n(),
+			type: "and",
+			isExpanded: !0,
+			filters: [e]
+		}]
+	} : y() : (e.type === "and" || e.type === "or") && "filters" in e && Array.isArray(e.filters) ? e.filters.every((e) => e.type === "and" || e.type === "or" || e.type === "not") ? e : {
+		id: n(),
+		type: e.type,
+		isExpanded: !0,
+		filters: [{
+			id: n(),
+			type: e.type,
+			isExpanded: !0,
+			filters: e.filters
+		}]
+	} : y();
+}
+function v() {
+	return {
+		type: "and",
+		filters: []
 	};
 }
-function v(e) {
-	return e?.hiddenColIds?.map((e) => u(d(e).source)) ?? null;
+function y() {
+	return {
+		...v(),
+		id: n(),
+		isExpanded: !0
+	};
 }
-function y(e) {
+function b(e) {
+	return {
+		...e,
+		filters: e.filters.filter((e) => !("isSuppressed" in e && e.isSuppressed === !0)).map((e) => "filters" in e && (e.type === "and" || e.type === "or") ? b(e) : e)
+	};
+}
+function x(e, t) {
+	let n = t?.trim();
+	if (m(n) || n.length === 0) return null;
+	let a = [], s = Number(n), c = n.length > 0 && !isNaN(s) && isFinite(s);
+	for (let t of e) {
+		let e = o(l(t)), u = t.spec;
+		i(u) && a.push({
+			type: "patternEquals",
+			column: e,
+			value: n
+		}), r(u) && c && a.push({
+			type: "equal",
+			column: e,
+			x: s
+		});
+	}
+	return a.length === 0 ? null : {
+		type: "or",
+		filters: a
+	};
+}
+function S(e) {
+	return C(e);
+}
+function C(t) {
+	switch (t.type) {
+		case "and": return {
+			id: e(t, "id") ?? n(),
+			isExpanded: e(t, "isExpanded") ?? !0,
+			type: "and",
+			filters: t.filters.map((e) => C(e))
+		};
+		case "or": return {
+			id: e(t, "id") ?? n(),
+			isExpanded: e(t, "isExpanded") ?? !0,
+			type: "or",
+			filters: t.filters.map((e) => C(e))
+		};
+		case "not": return {
+			id: n(),
+			isExpanded: !0,
+			type: "not",
+			filter: C(t.filter)
+		};
+		default: return {
+			...t,
+			id: e(t, "id") ?? n()
+		};
+	}
+}
+function w(e) {
 	return e.map((e) => {
-		let t = s({
+		let t = o({
 			type: "axis",
 			id: e.axisId
 		});
@@ -113,9 +223,9 @@ function y(e) {
 		};
 	});
 }
-function b(e) {
+function T(e) {
 	return e?.sortModel.map((e) => {
-		let { spec: t, ...n } = d(e.colId).labeled;
+		let { spec: t, ...n } = u(e.colId).labeled;
 		return {
 			column: n,
 			ascending: e.sort === "asc",
@@ -123,44 +233,19 @@ function b(e) {
 		};
 	}) ?? [];
 }
-function x(e, t) {
-	let i = t?.trim();
-	if (h(i) || i.length === 0) return null;
-	let a = [], o = Number(i), c = i.length > 0 && !isNaN(o) && isFinite(o);
-	for (let t of e) {
-		let e = s(u(t)), l = t.spec;
-		r(l) && a.push({
-			type: "patternEquals",
-			column: e,
-			value: i
-		}), n(l) && c && a.push({
-			type: "equal",
-			column: e,
-			x: o
-		});
-	}
-	return a.length === 0 ? null : {
-		type: "or",
-		filters: a
-	};
+function E(e) {
+	return e?.hiddenColIds?.map((e) => l(u(e).source)) ?? null;
 }
-function S(e, t) {
-	let n = x(t, e.searchString), r = [
-		...y(e.sheetsState),
-		...e.filtersState ? [e.filtersState] : [],
-		...n ? [n] : []
-	], i = l(r.length === 0 ? null : r.length === 1 ? r[0] : {
-		type: "and",
-		filters: r
-	});
+function D() {
 	return {
-		sourceId: e.sourceId,
-		hiddenColIds: v(e.gridState.columnVisibility),
-		filters: i,
-		sorting: b(e.gridState.sort)
+		sourceId: null,
+		gridState: {},
+		sheetsState: [],
+		filtersState: null,
+		defaultFiltersState: null
 	};
 }
 //#endregion
-export { g as useTableState };
+export { h as useTableState };
 
 //# sourceMappingURL=table-state-v2.js.map

package/dist/components/PlAgDataTable/sources/table-state-v2.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-state-v2.js","names":[],"sources":["../../../../src/components/PlAgDataTable/sources/table-state-v2.ts"],"sourcesContent":["import {\n  createDefaultPTableParams,\n  parseJson,\n  canonicalizeJson,\n  upgradePlDataTableStateV2,\n  type FilterSpec,\n  type FilterSpecLeaf,\n  type PTableColumnId,\n  type PTableColumnSpec,\n  type PlDataTableGridStateCore,\n  type PlDataTableSheetState,\n  type PlDataTableStateV2,\n  type PlDataTableStateV2CacheEntry,\n  type PlDataTableStateV2Normalized,\n  type PTableParamsV2,\n  type PTableSorting,\n  type PlDataTableFilters,\n  distillFilterSpec,\n  PlDataTableFiltersWithMeta,\n  getPTableColumnId,\n  CanonicalizedJson,\n} from \"@platforma-sdk/model\";\nimport { computed, ref, watch, type Ref, type WritableComputedRef } from \"vue\";\nimport type { PlDataTableSettingsV2 } from \"../types\";\nimport { isJsonEqual, randomInt } from \"@milaboratories/helpers\";\nimport { computedCached } from \"@milaboratories/uikit\";\nimport { isStringValueType, isNumericValueType } from \"../../PlAdvancedFilter/utils\";\nimport { debounce, isNil } from \"es-toolkit\";\n\nexport function useTableState(\n  tableStateDenormalized: Ref<PlDataTableStateV2>,\n  settings: Ref<PlDataTableSettingsV2>,\n  columns: Ref<PTableColumnSpec[]>,\n): {\n  gridState: WritableComputedRef<PlDataTableGridStateCore>;\n  sheetsState: WritableComputedRef<PlDataTableSheetState[]>;\n  filtersState: Ref<PlDataTableFiltersWithMeta>;\n  searchString: WritableComputedRef<string>;\n} {\n  const tableStateNormalized = computedCached<PlDataTableStateV2Normalized>({\n    get: () => upgradePlDataTableStateV2(tableStateDenormalized.value),\n    set: debounce((newState) => (tableStateDenormalized.value = newState), 300),\n  });\n\n  const tableState = computed<PlDataTableStateV2CacheEntryNullable>({\n    get: () => {\n      const defaultState = makeDefaultState();\n\n      const sourceId = settings.value.sourceId;\n      const undefinedSourceId = \"error\" in settings.value && settings.value.error == null;\n      if (!sourceId && undefinedSourceId) return defaultState;\n\n      const suitableSourceId = sourceId ?? tableStateNormalized.value.stateCache.at(-1)?.sourceId;\n      if (!suitableSourceId) return defaultState;\n\n      const cachedState = tableStateNormalized.value.stateCache.find(\n        (entry) => entry.sourceId === suitableSourceId,\n      );\n      if (!cachedState) return { ...defaultState, sourceId: suitableSourceId };\n\n      return cachedState;\n    },\n    set: (state) => {\n      const newState: PlDataTableStateV2Normalized = {\n        ...tableStateNormalized.value,\n        pTableParams: createDefaultPTableParams(),\n      };\n\n      if (state.sourceId) {\n        newState.pTableParams = createPTableParams(state, columns.value);\n\n        const stateIdx = newState.stateCache.findIndex(\n          (entry) => entry.sourceId === state.sourceId,\n        );\n        if (stateIdx !== -1) {\n          newState.stateCache.splice(stateIdx, 1);\n        }\n        const CacheDepth = 5;\n        newState.stateCache.push(state);\n        newState.stateCache = newState.stateCache.slice(-CacheDepth);\n      }\n\n      if (!isJsonEqual(tableStateNormalized.value, newState)) {\n        tableStateNormalized.value = newState;\n      }\n    },\n  });\n\n  const gridState = computed<PlDataTableGridStateCore>({\n    get: () => tableState.value.gridState,\n    set: (gridState) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          gridState,\n        };\n      }\n    },\n  });\n\n  const sheetsState = computed<PlDataTableSheetState[]>({\n    get: () => tableState.value.sheetsState,\n    set: (sheetsState) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          sheetsState,\n        };\n      }\n    },\n  });\n\n  const filtersState = computed<PlDataTableFiltersWithMeta>({\n    get: () => {\n      const raw = tableState.value.filtersState;\n      const isCorrect =\n        raw &&\n        (raw.type === \"and\" || raw.type === \"or\") &&\n        \"filters\" in raw &&\n        Array.isArray(raw.filters);\n\n      return isCorrect\n        ? (raw satisfies PlDataTableFiltersWithMeta)\n        : { id: randomInt(), type: \"and\" as const, isExpanded: true, filters: [] };\n    },\n    set: (filtersState: PlDataTableFiltersWithMeta) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          filtersState,\n        };\n      }\n    },\n  });\n  const filtersStateDeepReactive = ref(filtersState);\n  watch(\n    () => filtersStateDeepReactive.value,\n    (newValue) => (filtersState.value = newValue),\n    { deep: true },\n  );\n\n  const searchString = computed<string>({\n    get: () => tableState.value.searchString ?? \"\",\n    set: (searchString: string) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          searchString,\n        };\n      }\n    },\n  });\n\n  return { gridState, sheetsState, filtersState: filtersStateDeepReactive, searchString };\n}\n\ntype PlDataTableStateV2CacheEntryNullable =\n  | PlDataTableStateV2CacheEntry\n  | {\n      sourceId: null;\n      gridState: Record<string, never>;\n      sheetsState: [];\n      filtersState: null;\n      searchString?: string;\n    };\n\nfunction makeDefaultState(): PlDataTableStateV2CacheEntryNullable {\n  return {\n    sourceId: null,\n    gridState: {},\n    sheetsState: [],\n    filtersState: null,\n  };\n}\n\nfunction getHiddenColIds(\n  state: PlDataTableGridStateCore[\"columnVisibility\"],\n): PTableColumnId[] | null {\n  return state?.hiddenColIds?.map((json) => getPTableColumnId(parseJson(json).source)) ?? null;\n}\n\nfunction convertPartitionFiltersToFilterSpec(\n  sheetsState: PlDataTableSheetState[],\n): FilterSpec<FilterSpecLeaf<CanonicalizedJson<PTableColumnId>>>[] {\n  return sheetsState.map((s) => {\n    const column = canonicalizeJson<PTableColumnId>({ type: \"axis\", id: s.axisId });\n    return typeof s.value === \"number\"\n      ? { type: \"equal\" as const, column, x: s.value }\n      : { type: \"patternEquals\" as const, column, value: s.value };\n  });\n}\n\nfunction convertAgSortingToPTableSorting(state: PlDataTableGridStateCore[\"sort\"]): PTableSorting[] {\n  return (\n    state?.sortModel.map((item) => {\n      const { spec: _, ...column } = parseJson(item.colId).labeled;\n      return {\n        column,\n        ascending: item.sort === \"asc\",\n        naAndAbsentAreLeastValues: item.sort === \"asc\",\n      };\n    }) ?? []\n  );\n}\n\nfunction createSearchFilterNode(\n  columns: PTableColumnSpec[],\n  search: null | undefined | string,\n): null | FilterSpec<FilterSpecLeaf<CanonicalizedJson<PTableColumnId>>> {\n  const trimmed = search?.trim();\n  if (isNil(trimmed) || trimmed.length === 0) return null;\n\n  const parts: FilterSpec<FilterSpecLeaf<CanonicalizedJson<PTableColumnId>>>[] = [];\n  const numericValue = Number(trimmed);\n  const isValidNumber = trimmed.length > 0 && !isNaN(numericValue) && isFinite(numericValue);\n\n  for (const col of columns) {\n    const column = canonicalizeJson<PTableColumnId>(getPTableColumnId(col));\n    const spec = col.spec;\n\n    if (isStringValueType(spec)) {\n      parts.push({ type: \"patternEquals\", column, value: trimmed });\n    }\n\n    if (isNumericValueType(spec) && isValidNumber) {\n      parts.push({ type: \"equal\", column, x: numericValue });\n    }\n  }\n\n  if (parts.length === 0) return null;\n\n  return { type: \"or\", filters: parts };\n}\n\nfunction createPTableParams(\n  state: PlDataTableStateV2CacheEntry,\n  filterableColumns: PTableColumnSpec[],\n): PTableParamsV2 {\n  const searchNode = createSearchFilterNode(filterableColumns, state.searchString);\n  const parts = [\n    ...convertPartitionFiltersToFilterSpec(state.sheetsState),\n    ...(state.filtersState ? [state.filtersState] : []),\n    ...(searchNode ? [searchNode] : []),\n  ];\n  const filters: null | PlDataTableFilters = distillFilterSpec(\n    parts.length === 0 ? null : parts.length === 1 ? parts[0] : { type: \"and\", filters: parts },\n  );\n\n  return {\n    sourceId: state.sourceId,\n    hiddenColIds: getHiddenColIds(state.gridState.columnVisibility),\n    filters,\n    sorting: convertAgSortingToPTableSorting(state.gridState.sort),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"table-state-v2.js","names":[],"sources":["../../../../src/components/PlAgDataTable/sources/table-state-v2.ts"],"sourcesContent":["import {\n  createDefaultPTableParams,\n  parseJson,\n  canonicalizeJson,\n  upgradePlDataTableStateV2,\n  type FilterSpec,\n  type FilterSpecLeaf,\n  type PTableColumnId,\n  type PTableColumnSpec,\n  type PlDataTableGridStateCore,\n  type PlDataTableSheetState,\n  type PlDataTableStateV2,\n  type PlDataTableStateV2CacheEntry,\n  type PlDataTableStateV2Normalized,\n  type PTableParamsV2,\n  type PTableSorting,\n  type PlDataTableFilterSpecLeaf,\n  type PlDataTableFilterMeta,\n  type PlDataTableFilters,\n  distillFilterSpec,\n  PlDataTableFiltersWithMeta,\n  getPTableColumnId,\n  CanonicalizedJson,\n} from \"@platforma-sdk/model\";\nimport { computed, type Ref, type WritableComputedRef } from \"vue\";\nimport type { PlDataTableSettingsV2 } from \"../types\";\nimport { isJsonEqual, randomInt, getField, Nil } from \"@milaboratories/helpers\";\nimport { computedCached } from \"@milaboratories/uikit\";\nimport { isStringValueType, isNumericValueType } from \"../../PlAdvancedFilter/utils\";\nimport { debounce, isNil } from \"es-toolkit\";\n\nexport function useTableState(\n  tableStateDenormalized: Ref<PlDataTableStateV2>,\n  settings: Ref<PlDataTableSettingsV2>,\n  columns: Ref<PTableColumnSpec[]>,\n  defaultFilters: Ref<Nil | PlDataTableFilters>,\n): {\n  gridState: WritableComputedRef<PlDataTableGridStateCore>;\n  sheetsState: WritableComputedRef<PlDataTableSheetState[]>;\n\n  searchString: WritableComputedRef<string>;\n  filtersState: Ref<PlDataTableFiltersWithMeta>;\n  defaultFiltersState: Ref<null | PlDataTableFiltersWithMeta>;\n  resetDefaultFilters: () => void;\n} {\n  const tableStateNormalized = computedCached<PlDataTableStateV2Normalized>({\n    get: () => upgradePlDataTableStateV2(tableStateDenormalized.value),\n    set: debounce((newState) => (tableStateDenormalized.value = newState), 300),\n  });\n\n  const tableState = computed<PlDataTableStateV2CacheEntryNullable>({\n    get: () => {\n      const defaultState = makeDefaultState();\n\n      const sourceId = settings.value.sourceId;\n      const undefinedSourceId = \"error\" in settings.value && settings.value.error == null;\n      if (!sourceId && undefinedSourceId) return defaultState;\n\n      const suitableSourceId = sourceId ?? tableStateNormalized.value.stateCache.at(-1)?.sourceId;\n      if (!suitableSourceId) return defaultState;\n\n      const cachedState = tableStateNormalized.value.stateCache.find(\n        (entry) => entry.sourceId === suitableSourceId,\n      );\n      if (!cachedState) return { ...defaultState, sourceId: suitableSourceId };\n\n      return cachedState;\n    },\n    set: (state) => {\n      const newState: PlDataTableStateV2Normalized = {\n        ...tableStateNormalized.value,\n        pTableParams: createDefaultPTableParams(),\n      };\n\n      if (state.sourceId) {\n        newState.pTableParams = createPTableParams(state, columns.value);\n\n        const stateIdx = newState.stateCache.findIndex(\n          (entry) => entry.sourceId === state.sourceId,\n        );\n        if (stateIdx !== -1) {\n          newState.stateCache.splice(stateIdx, 1);\n        }\n        const CacheDepth = 5;\n        newState.stateCache.push(state);\n        newState.stateCache = newState.stateCache.slice(-CacheDepth);\n      }\n\n      if (!isJsonEqual(tableStateNormalized.value, newState)) {\n        tableStateNormalized.value = newState;\n      }\n    },\n  });\n\n  const gridState = computed<PlDataTableGridStateCore>({\n    get: () => tableState.value.gridState,\n    set: (gridState) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          gridState,\n        };\n      }\n    },\n  });\n\n  const sheetsState = computed<PlDataTableSheetState[]>({\n    get: () => tableState.value.sheetsState,\n    set: (sheetsState) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          sheetsState,\n        };\n      }\n    },\n  });\n\n  // --- User filters (editable by user) ---\n  const filtersState = computed<PlDataTableFiltersWithMeta>({\n    get: () => {\n      const raw = tableState.value.filtersState;\n      return isNil(raw) ? getEmptyGroupWithMeta() : normalizeFiltersState(raw);\n    },\n    set: (filtersState: PlDataTableFiltersWithMeta) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          filtersState,\n        };\n      }\n    },\n  });\n\n  // --- Default filters (from model, separate list) ---\n  const defaultFiltersState = computed<null | PlDataTableFiltersWithMeta>({\n    get: () => {\n      const raw = tableState.value.defaultFiltersState;\n      if (!isNil(raw)) {\n        return normalizeFiltersState(raw);\n      }\n      if (!isNil(defaultFilters.value)) {\n        return annotateFiltersWithIds(normalizeFiltersState(defaultFilters.value));\n      }\n      return null;\n    },\n    set: (defaultFiltersState: null | PlDataTableFiltersWithMeta) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          defaultFiltersState,\n        };\n      }\n    },\n  });\n\n  function resetDefaultFilters(): void {\n    defaultFiltersState.value = isNil(defaultFilters.value)\n      ? null\n      : annotateFiltersWithIds(normalizeFiltersState(defaultFilters.value));\n  }\n\n  const searchString = computed<string>({\n    get: () => tableState.value.searchString ?? \"\",\n    set: (searchString: string) => {\n      const oldState = tableState.value;\n      if (oldState.sourceId) {\n        tableState.value = {\n          ...oldState,\n          searchString,\n        };\n      }\n    },\n  });\n\n  return {\n    gridState,\n    sheetsState,\n    searchString,\n    filtersState,\n    defaultFiltersState,\n    resetDefaultFilters,\n  };\n}\n\n// --- Types ---\n\ntype PlDataTableStateV2CacheEntryNullable =\n  | PlDataTableStateV2CacheEntry\n  | {\n      sourceId: null;\n      gridState: Record<string, never>;\n      sheetsState: [];\n      filtersState: null;\n      defaultFiltersState: null;\n      searchString?: string;\n    };\n\ntype FilterNode = FilterSpec<PlDataTableFilterSpecLeaf>;\ntype AnnotatedFilterSpec = FilterSpec<PlDataTableFilterSpecLeaf, PlDataTableFilterMeta>;\n\n// --- Core ---\n\nfunction createPTableParams(\n  state: PlDataTableStateV2CacheEntry,\n  filterableColumns: PTableColumnSpec[],\n): PTableParamsV2 {\n  // User filters: sheets + user filter state + search\n  const searchNode = createSearchFilterNode(filterableColumns, state.searchString);\n  const unsuppressedUserFilters = isNil(state.filtersState)\n    ? null\n    : stripSuppressedFilters(state.filtersState);\n  const userParts = [\n    ...convertPartitionFiltersToFilterSpec(state.sheetsState),\n    ...(isNil(unsuppressedUserFilters) ? [] : [unsuppressedUserFilters]),\n    ...(isNil(searchNode) ? [] : [searchNode]),\n  ];\n  const filters: null | PlDataTableFilters = distillFilterSpec(\n    userParts.length === 0\n      ? null\n      : userParts.length === 1\n        ? userParts[0]\n        : { type: \"and\", filters: userParts },\n  );\n  const unsuppressedDefaultFilters = isNil(state.defaultFiltersState)\n    ? null\n    : stripSuppressedFilters(state.defaultFiltersState);\n  const defaultFilters: null | PlDataTableFilters = isNil(unsuppressedDefaultFilters)\n    ? null\n    : // If all filters are suppressed, we should pass an empty filter group instead of null to prevent fallback to defaults in the model\n      (distillFilterSpec(unsuppressedDefaultFilters) ?? getEmptyGroup());\n\n  return {\n    sourceId: state.sourceId,\n    hiddenColIds: getHiddenColIds(state.gridState.columnVisibility),\n    sorting: convertAgSortingToPTableSorting(state.gridState.sort),\n    filters,\n    defaultFilters,\n  };\n}\n\n/**\n * Normalizes raw filter state into a valid root filter structure.\n * Valid structure is Root(Group, Group, ...) — double nesting required:\n * root is and/or group, each child is also and/or group containing leaf filters.\n * - null/undefined/invalid → empty root\n * - Leaf node → Root(Group(leaf))\n * - Group with leaf children → Root(Group(leaves...))\n * - Group with group children → as-is\n */\nfunction normalizeFiltersState(raw: FilterNode) {\n  // Leaf node → wrap in double nesting: Root(Group(leaf))\n  if (raw.type !== \"and\" && raw.type !== \"or\" && raw.type !== \"not\") {\n    if (\"type\" in raw && !isNil(raw.type)) {\n      return {\n        id: randomInt(),\n        type: \"and\" as const,\n        isExpanded: true,\n        filters: [\n          {\n            id: randomInt(),\n            type: \"and\" as const,\n            isExpanded: true,\n            filters: [raw as AnnotatedFilterSpec],\n          } as AnnotatedFilterSpec,\n        ],\n      };\n    }\n    return getEmptyGroupWithMeta();\n  }\n\n  // Already a group — ensure children are also groups (double nesting)\n  if ((raw.type === \"and\" || raw.type === \"or\") && \"filters\" in raw && Array.isArray(raw.filters)) {\n    const allChildrenAreGroups = raw.filters.every(\n      (f: FilterNode) => f.type === \"and\" || f.type === \"or\" || f.type === \"not\",\n    );\n    if (allChildrenAreGroups) {\n      return raw as PlDataTableFiltersWithMeta;\n    }\n    // Children are leaves — wrap them in a single group\n    return {\n      id: randomInt(),\n      type: raw.type as \"and\" | \"or\",\n      isExpanded: true,\n      filters: [\n        {\n          id: randomInt(),\n          type: raw.type as \"and\" | \"or\",\n          isExpanded: true,\n          filters: raw.filters as AnnotatedFilterSpec[],\n        } as AnnotatedFilterSpec,\n      ],\n    };\n  }\n\n  return getEmptyGroupWithMeta();\n}\n\nfunction getEmptyGroup(): PlDataTableFilters {\n  return {\n    type: \"and\" as const,\n    filters: [],\n  };\n}\nfunction getEmptyGroupWithMeta(): PlDataTableFiltersWithMeta {\n  return {\n    ...getEmptyGroup(),\n    id: randomInt(),\n    isExpanded: true,\n  } as PlDataTableFiltersWithMeta;\n}\n\n/**\n * Recursively removes nodes where isSuppressed === true from a PlDataTableFiltersWithMeta tree.\n */\nfunction stripSuppressedFilters(node: PlDataTableFiltersWithMeta): PlDataTableFiltersWithMeta {\n  return {\n    ...node,\n    filters: node.filters\n      .filter((child) => !(\"isSuppressed\" in child && child.isSuppressed === true))\n      .map((child) =>\n        \"filters\" in child && (child.type === \"and\" || child.type === \"or\")\n          ? stripSuppressedFilters(child as PlDataTableFiltersWithMeta)\n          : child,\n      ),\n  };\n}\n\nfunction createSearchFilterNode(\n  columns: PTableColumnSpec[],\n  search: null | undefined | string,\n): null | FilterSpec<FilterSpecLeaf<CanonicalizedJson<PTableColumnId>>> {\n  const trimmed = search?.trim();\n  if (isNil(trimmed) || trimmed.length === 0) return null;\n\n  const parts: FilterSpec<FilterSpecLeaf<CanonicalizedJson<PTableColumnId>>>[] = [];\n  const numericValue = Number(trimmed);\n  const isValidNumber = trimmed.length > 0 && !isNaN(numericValue) && isFinite(numericValue);\n\n  for (const col of columns) {\n    const column = canonicalizeJson<PTableColumnId>(getPTableColumnId(col));\n    const spec = col.spec;\n\n    if (isStringValueType(spec)) {\n      parts.push({ type: \"patternEquals\", column, value: trimmed });\n    }\n\n    if (isNumericValueType(spec) && isValidNumber) {\n      parts.push({ type: \"equal\", column, x: numericValue });\n    }\n  }\n\n  if (parts.length === 0) return null;\n\n  return { type: \"or\", filters: parts };\n}\n\n// --- Helpers ---\n\n/**\n * Recursively ensures every node in a filter tree has an `id` field.\n * Does not set `source` meta — defaults are now a separate list.\n */\nfunction annotateFiltersWithIds(\n  filters: PlDataTableFilters | PlDataTableFiltersWithMeta,\n): PlDataTableFiltersWithMeta {\n  return annotateNodeWithIds(filters) as PlDataTableFiltersWithMeta;\n}\n\nfunction annotateNodeWithIds(\n  node: FilterNode | PlDataTableFilters | PlDataTableFiltersWithMeta,\n): AnnotatedFilterSpec {\n  switch (node.type) {\n    case \"and\":\n      return {\n        id: getField(node, \"id\") ?? randomInt(),\n        isExpanded: getField(node, \"isExpanded\") ?? true,\n        type: \"and\" as const,\n        filters: node.filters.map((child) => annotateNodeWithIds(child)),\n      };\n    case \"or\":\n      return {\n        id: getField(node, \"id\") ?? randomInt(),\n        isExpanded: getField(node, \"isExpanded\") ?? true,\n        type: \"or\" as const,\n        filters: node.filters.map((child) => annotateNodeWithIds(child)),\n      };\n    case \"not\":\n      return {\n        id: randomInt(),\n        isExpanded: true,\n        type: \"not\" as const,\n        filter: annotateNodeWithIds(node.filter),\n      };\n    default:\n      return { ...node, id: getField(node, \"id\") ?? randomInt() } as AnnotatedFilterSpec;\n  }\n}\n\n// --- Utilities ---\n\nfunction convertPartitionFiltersToFilterSpec(\n  sheetsState: PlDataTableSheetState[],\n): FilterSpec<FilterSpecLeaf<CanonicalizedJson<PTableColumnId>>>[] {\n  return sheetsState.map((s) => {\n    const column = canonicalizeJson<PTableColumnId>({ type: \"axis\", id: s.axisId });\n    return typeof s.value === \"number\"\n      ? { type: \"equal\" as const, column, x: s.value }\n      : { type: \"patternEquals\" as const, column, value: s.value };\n  });\n}\n\nfunction convertAgSortingToPTableSorting(state: PlDataTableGridStateCore[\"sort\"]): PTableSorting[] {\n  return (\n    state?.sortModel.map((item) => {\n      const { spec: _, ...column } = parseJson(item.colId).labeled;\n      return {\n        column,\n        ascending: item.sort === \"asc\",\n        naAndAbsentAreLeastValues: item.sort === \"asc\",\n      };\n    }) ?? []\n  );\n}\n\nfunction getHiddenColIds(\n  state: PlDataTableGridStateCore[\"columnVisibility\"],\n): PTableColumnId[] | null {\n  return state?.hiddenColIds?.map((json) => getPTableColumnId(parseJson(json).source)) ?? null;\n}\n\nfunction makeDefaultState(): PlDataTableStateV2CacheEntryNullable {\n  return {\n    sourceId: null,\n    gridState: {},\n    sheetsState: [],\n    filtersState: null,\n    defaultFiltersState: null,\n  };\n}\n"],"mappings":"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"}

package/dist/components/PlAnnotations/components/FilterSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"FilterSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        :filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :options=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n        @update-filters=\"(v) => (step = { ...step, filter: v as typeof step.filter })\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/FilterSidebar.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"FilterSidebar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        :filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :options=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n        @update-filters=\"(v) => (step = { ...step, filter: v as typeof step.filter })\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/FilterSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAC;AAG3F,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EAGzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAEhC,iBAAiB,EAAE,CAAC,MAAM,EAAE;QAC1B,QAAQ,EAAE,wBAAwB,CAAC;QACnC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC;KAC/B,KAAK,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAErF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,OAAO,CACzC,SAAS,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CACtD,CAAC;CACH,CAAC;;UA0EM,MAAM;;;;UAAN,MAAM;;;;AAxEd,wBAuPK"}
+{"version":3,"file":"FilterSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"names":[],"mappings":"AAmKA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAC;AAG3F,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EAGzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAEhC,iBAAiB,EAAE,CAAC,MAAM,EAAE;QAC1B,QAAQ,EAAE,wBAAwB,CAAC;QACnC,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC;KAC/B,KAAK,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAErF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,OAAO,CACzC,SAAS,GAAG;QAAE,QAAQ,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CACtD,CAAC;CACH,CAAC;;UA0EM,MAAM;;;;UAAN,MAAM;;;;AAxEd,wBA8PK"}

package/dist/components/PlAnnotations/components/FilterSidebar.vue2.js

@@ -85,13 +85,16 @@ var b = /* @__PURE__ */ u({
 			]))]),
 			"body-content": g(() => [l(m(t), {
 				filters: d.value.filter,
-				"onUpdate:filters": i[1] ||= (e) => d.value.filter = e,
 				class: f([e.$style.root, { [m(n).disabled]: d.value.label.length === 0 }]),
-				items: b.columns,
+				options: b.columns,
 				"supported-filters": w,
 				"get-suggest-options": b.getSuggestOptions,
 				"enable-dnd": !1,
-				"enable-add-group-button": !0
+				"enable-add-group-button": !0,
+				onUpdateFilters: i[1] ||= (e) => d.value = {
+					...d.value,
+					filter: e
+				}
 			}, {
 				"add-group-buttons": g(() => [s("div", { class: f(e.$style.actions) }, [l(m(_), {
 					icon: "add",
@@ -112,7 +115,7 @@ var b = /* @__PURE__ */ u({
 			}, 8, [
 				"filters",
 				"class",
-				"items",
+				"options",
 				"get-suggest-options"
 			])]),
 			_: 1

package/dist/components/PlAnnotations/components/FilterSidebar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,IAAM,IAAO,EAAmB,GAAC,OAA2B,EAEtD,IAAQ,GAER,IAAgB,QACb,EAAM,uBAAuB,KAAA,KAAa,EAAM,gCAAgC,KAAA,EACvF,EAEI,UAA6B;AACjC,KAAK,MAAM,OAAO,QAAQ,KAAK;IAC7B,IAAI,GAAW;IACf,YAAY;IACZ,MAAM;IACN,SAAS,CACP;KACE,IAAI,GAAW;KACf,MAAM;KACN,QAAQ,EAAM,QAAQ,GAAG;KAC1B,CACF;IACF,CAAC;;EAGJ,eAAe,IAAwB;AACrC,OAAI,EAAM,uBAAuB,KAAA,KAAa,EAAM,gCAAgC,KAAA,EAClF;GAEF,IAAM,IAAO,MAAM,EAAM,6BAA6B;AACtD,OAAI,CAAC,KAAQ,EAAK,OAAO,WAAW,EAAG;GAEvC,IAAM,EAAE,aAAU,cAAW,GACvB,IACJ,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,EAAO,SAAS,IAAI,QAAQ,EAAO,SAAS,EAAE,SAAS;AAE1F,KAAK,MAAM,OAAO,QAAQ,KAAK;IAC7B,IAAI,GAAW;IACf,MAAM,kBAAkB,EAAc;IACtC,YAAY;IACZ,MAAM;IACN,SAAS,EAAO,KAAK,GAAO,OAAO;KACjC,IAAI;KACJ,MAAM;KACN,QAAQ;KACR;KACD,EAAE;IACJ,CAAC;;EAGJ,IAAM,IAAmB;GACvB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;mBAIsB,EAAA,SAAA,GAAA,EAArB,EAsCgB,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,EAAA;GArCH,kBAAc,QAUrB,EAAA,GAAA,EATF,EASE,EAAA,EAAA,EAAA;IARC,KAAK,EAAA,MAAK;gBACF,EAAA,MAAK;6CAAL,MAAK,QAAK;IAClB,OAAK,EAAA,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAK,MAAM,WAAM,GAAA,CAAA;IACnD,cAAY;IACb,aAAU;IACV,aAAY;IACX,WAAW,EAAA,MAAK,MAAM,WAAM;IAC5B,UAAU,EAAA,EAAa;;;;;;;GAGjB,gBAAY,QAuBO,CAtB5B,EAsB4B,EAAA,EAAA,EAAA;IArBlB,SAAS,EAAA,MAAK;0CAAL,MAAK,SAAM;IAC3B,OAAK,EAAA,CAAGA,EAAAA,OAAO,MAAI,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAK,MAAM,WAAM,GAAA,CAAA,CAAA;IACjE,OAAO,EAAM;IACb,qBAAmB;IACnB,uBAAqB,EAAM;IAC3B,cAAY;IACZ,2BAAyB;;IAEf,qBAAiB,QAWpB,CAVN,EAUM,OAAA,EAVA,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CACzB,EAAsF,EAAA,EAAA,EAAA;KAAtE,MAAK;KAAO,SAAO;;sBAAkC,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAZ,gBAAY,GAAA,CAAA,CAAA,CAAA;;QAE7D,EAAA,SAAA,GAAA,EADR,EAOiB,EAAA,EAAA,EAAA;;KALf,MAAK;KACJ,UAAQ,CAAG,EAAM;KACjB,SAAO;;sBAGV,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,oBAED,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"FilterSidebar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchStr: string;\n    searchType: \"value\" | \"label\";\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n\n  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        :filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :options=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n        @update-filters=\"(v) => (step = { ...step, filter: v as typeof step.filter })\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,IAAM,IAAO,EAAmB,GAAC,OAA2B,EAEtD,IAAQ,GAER,IAAgB,QACb,EAAM,uBAAuB,KAAA,KAAa,EAAM,gCAAgC,KAAA,EACvF,EAEI,UAA6B;AACjC,KAAK,MAAM,OAAO,QAAQ,KAAK;IAC7B,IAAI,GAAW;IACf,YAAY;IACZ,MAAM;IACN,SAAS,CACP;KACE,IAAI,GAAW;KACf,MAAM;KACN,QAAQ,EAAM,QAAQ,GAAG;KAC1B,CACF;IACF,CAAC;;EAGJ,eAAe,IAAwB;AACrC,OAAI,EAAM,uBAAuB,KAAA,KAAa,EAAM,gCAAgC,KAAA,EAClF;GAEF,IAAM,IAAO,MAAM,EAAM,6BAA6B;AACtD,OAAI,CAAC,KAAQ,EAAK,OAAO,WAAW,EAAG;GAEvC,IAAM,EAAE,aAAU,cAAW,GACvB,IACJ,EAAO,MAAM,GAAG,EAAE,CAAC,KAAK,KAAK,IAAI,EAAO,SAAS,IAAI,QAAQ,EAAO,SAAS,EAAE,SAAS;AAE1F,KAAK,MAAM,OAAO,QAAQ,KAAK;IAC7B,IAAI,GAAW;IACf,MAAM,kBAAkB,EAAc;IACtC,YAAY;IACZ,MAAM;IACN,SAAS,EAAO,KAAK,GAAO,OAAO;KACjC,IAAI;KACJ,MAAM;KACN,QAAQ;KACR;KACD,EAAE;IACJ,CAAC;;EAGJ,IAAM,IAAmB;GACvB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;mBAIsB,EAAA,SAAA,GAAA,EAArB,EAuCgB,EAAA,EAAA,EAAA,EAAA,KAAA,GAAA,EAAA;GAtCH,kBAAc,QAUrB,EAAA,GAAA,EATF,EASE,EAAA,EAAA,EAAA;IARC,KAAK,EAAA,MAAK;gBACF,EAAA,MAAK;6CAAL,MAAK,QAAK;IAClB,OAAK,EAAA,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAK,MAAM,WAAM,GAAA,CAAA;IACnD,cAAY;IACb,aAAU;IACV,aAAY;IACX,WAAW,EAAA,MAAK,MAAM,WAAM;IAC5B,UAAU,EAAA,EAAa;;;;;;;GAGjB,gBAAY,QAwBO,CAvB5B,EAuB4B,EAAA,EAAA,EAAA;IAtBzB,SAAS,EAAA,MAAK;IACd,OAAK,EAAA,CAAGA,EAAAA,OAAO,MAAI,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAK,MAAM,WAAM,GAAA,CAAA,CAAA;IACjE,SAAS,EAAM;IACf,qBAAmB;IACnB,uBAAqB,EAAM;IAC3B,cAAY;IACZ,2BAAyB;IACzB,iBAAc,AAAA,EAAA,QAAG,MAAO,EAAA,QAAI;KAAA,GAAQ,EAAA;KAAI,QAAU;KAAC;;IAEzC,qBAAiB,QAWpB,CAVN,EAUM,OAAA,EAVA,OAAK,EAAEA,EAAAA,OAAO,QAAO,EAAA,EAAA,CACzB,EAAsF,EAAA,EAAA,EAAA;KAAtE,MAAK;KAAO,SAAO;;sBAAkC,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAZ,gBAAY,GAAA,CAAA,CAAA,CAAA;;QAE7D,EAAA,SAAA,GAAA,EADR,EAOiB,EAAA,EAAA,EAAA;;KALf,MAAK;KACJ,UAAQ,CAAG,EAAM;KACjB,SAAO;;sBAGV,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,oBAED,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/PlTableFilters/PlTableFiltersV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlTableFiltersV2.js","names":[],"sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n  PTableColumnSpec,\n  PlDataTableFiltersWithMeta,\n  PFrameHandle,\n  PTableColumnId,\n  CanonicalizedJson,\n} from \"@platforma-sdk/model\";\nimport {\n  canonicalizeJson,\n  Annotation,\n  Domain,\n  readAnnotation,\n  readDomain,\n  getUniqueSourceValuesWithLabels,\n  parseJson,\n  getPTableColumnId,\n} from \"@platforma-sdk/model\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { PlBtnGhost, PlSlideModal, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport {\n  PlAdvancedFilter,\n  PlAdvancedFilterComponent,\n  PlAdvancedFilterSupportedFilters,\n  type PlAdvancedFilterItem,\n} from \"../PlAdvancedFilter\";\nimport type { PlAdvancedFilterColumnId } from \"../PlAdvancedFilter/types\";\nimport type { Nil } from \"@milaboratories/helpers\";\nimport { isNil } from \"es-toolkit\";\n\nconst model = defineModel<PlDataTableFiltersWithMeta>({ required: true });\nconst props = defineProps<{\n  pframeHandle: Nil | PFrameHandle;\n  columns: PTableColumnSpec[];\n}>();\n\n// Teleport for \"Filters\" button\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\nconst showManager = ref(false);\n\n// Check if any filters are active\nconst filtersOn = computed(() => {\n  return model.value.filters.length > 0;\n});\n\nfunction makeFilterColumnId(spec: PTableColumnSpec): CanonicalizedJson<PTableColumnId> {\n  return canonicalizeJson<PTableColumnId>(getPTableColumnId(spec));\n}\n\nconst items = computed<PlAdvancedFilterItem[]>(() => {\n  return props.columns.map((col, idx) => {\n    const id = makeFilterColumnId(col);\n    const label =\n      readAnnotation(col.spec, Annotation.Label)?.trim() ?? `Unlabeled ${col.type} ${idx}`;\n    const alphabet =\n      readDomain(col.spec, Domain.Alphabet) ?? readAnnotation(col.spec, Annotation.Alphabet);\n    return {\n      id,\n      label,\n      spec: col.spec,\n      alphabet: alphabet ?? undefined,\n    };\n  });\n});\n\n// Supported filters (same set as FilterSidebar)\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"patternMatchesRegularExpression\",\n  \"patternFuzzyContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n\n// getSuggestOptions - provide discrete values from column annotations\nfunction handleSuggestOptions(params: {\n  columnId: PlAdvancedFilterColumnId;\n  axisIdx?: number;\n  searchStr: string;\n  searchType: \"value\" | \"label\";\n}) {\n  if (isNil(props.pframeHandle)) {\n    console.warn(\"PFrame handle is not available, cannot fetch suggest options\");\n    return [];\n  }\n\n  const strId = params.columnId as CanonicalizedJson<PTableColumnId>;\n  const tableColumnId = parseJson<PTableColumnId>(strId);\n\n  if (tableColumnId.type !== \"column\") {\n    throw new Error(\"ColumnId should be of type 'column' for suggest options\");\n  }\n\n  return getUniqueSourceValuesWithLabels(props.pframeHandle, {\n    columnId: tableColumnId.id,\n    axisIdx: params.axisIdx,\n    limit: 100,\n    searchQuery: params.searchType === \"label\" ? params.searchStr : undefined,\n    searchQueryValue: params.searchType === \"value\" ? params.searchStr : undefined,\n  }).then((v) => v.values);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"mounted && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :icon=\"filtersOn ? 'filter-on' : 'filter'\" @click.stop=\"showManager = true\">\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div :class=\"$style.root\">\n      <PlAdvancedFilterComponent\n        v-model:filters=\"model as PlAdvancedFilter\"\n        :items=\"items\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"handleSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      />\n    </div>\n  </PlSlideModal>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlTableFiltersV2.js","names":[],"sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n  PTableColumnSpec,\n  PlDataTableFiltersWithMeta,\n  PFrameHandle,\n  PTableColumnId,\n  CanonicalizedJson,\n} from \"@platforma-sdk/model\";\nimport {\n  canonicalizeJson,\n  Annotation,\n  Domain,\n  readAnnotation,\n  readDomain,\n  getUniqueSourceValuesWithLabels,\n  parseJson,\n  getPTableColumnId,\n} from \"@platforma-sdk/model\";\nimport { computed, ref } from \"vue\";\nimport { PlBtnGhost, PlSlideModal, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport {\n  PlAdvancedFilter,\n  PlAdvancedFilterComponent,\n  PlAdvancedFilterSupportedFilters,\n  type PlAdvancedFilterItem,\n} from \"../PlAdvancedFilter\";\nimport type { PlAdvancedFilterColumnId } from \"../PlAdvancedFilter/types\";\nimport type { Nil } from \"@milaboratories/helpers\";\nimport { isFunction, isNil } from \"es-toolkit\";\n\nconst props = defineProps<{\n  columns: PTableColumnSpec[];\n  pframeHandle: Nil | PFrameHandle;\n  filters: PlDataTableFiltersWithMeta;\n  defaultFilters: Nil | PlDataTableFiltersWithMeta;\n  onUpdateFilters: (value: PlDataTableFiltersWithMeta) => void;\n  onResetDefaultFilters?: () => void;\n  onUpdateDefaultFilters?: (value: PlDataTableFiltersWithMeta) => void;\n}>();\n\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\nconst showManager = ref(false);\nconst hasFilters = computed(() => props.filters.filters.length > 0);\nconst hasDefaultFilters = computed(\n  () => !isNil(props.defaultFilters) && props.defaultFilters.filters.length > 0,\n);\nconst filters = computed<PlDataTableFiltersWithMeta>(() => {\n  if (isNil(props.defaultFilters) || props.defaultFilters?.filters.length === 0) {\n    return props.filters;\n  }\n\n  return {\n    ...props.filters,\n    filters: [...(props.defaultFilters?.filters ?? []), ...props.filters.filters],\n  };\n});\nconst onUpdateFilters = (_value: PlAdvancedFilter) => {\n  const value = _value as PlDataTableFiltersWithMeta;\n\n  if (isNil(props.defaultFilters)) {\n    return props.onUpdateFilters(value);\n  }\n\n  const [defaults, ...rest] = value.filters;\n  props.onUpdateFilters({ ...value, filters: rest });\n  props.onUpdateDefaultFilters?.({ ...props.defaultFilters, filters: [defaults] });\n};\n\nconst options = computed<PlAdvancedFilterItem[]>(() => {\n  return props.columns.map((col, idx) => {\n    const id = makeFilterColumnId(col);\n    const label =\n      readAnnotation(col.spec, Annotation.Label)?.trim() ?? `Unlabeled ${col.type} ${idx}`;\n    const alphabet =\n      readDomain(col.spec, Domain.Alphabet) ?? readAnnotation(col.spec, Annotation.Alphabet);\n    return {\n      id,\n      label,\n      spec: col.spec,\n      alphabet: alphabet ?? undefined,\n    };\n  });\n});\n\n// Supported filters (same set as FilterSidebar)\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"patternMatchesRegularExpression\",\n  \"patternFuzzyContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n\n// getSuggestOptions - provide discrete values from column annotations\nfunction handleSuggestOptions(params: {\n  columnId: PlAdvancedFilterColumnId;\n  axisIdx?: number;\n  searchStr: string;\n  searchType: \"value\" | \"label\";\n}) {\n  if (isNil(props.pframeHandle)) {\n    console.warn(\"PFrame handle is not available, cannot fetch suggest options\");\n    return [];\n  }\n\n  const strId = params.columnId as CanonicalizedJson<PTableColumnId>;\n  const tableColumnId = parseJson<PTableColumnId>(strId);\n\n  if (tableColumnId.type !== \"column\") {\n    throw new Error(\"ColumnId should be of type 'column' for suggest options\");\n  }\n\n  return getUniqueSourceValuesWithLabels(props.pframeHandle, {\n    columnId: tableColumnId.id,\n    axisIdx: params.axisIdx,\n    limit: 100,\n    searchQuery: params.searchType === \"label\" ? params.searchStr : undefined,\n    searchQueryValue: params.searchType === \"value\" ? params.searchStr : undefined,\n  }).then((v) => v.values);\n}\n\nfunction makeFilterColumnId(spec: PTableColumnSpec): CanonicalizedJson<PTableColumnId> {\n  return canonicalizeJson<PTableColumnId>(getPTableColumnId(spec));\n}\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost\n      :icon=\"hasFilters || hasDefaultFilters ? 'filter-on' : 'filter'\"\n      @click.stop=\"showManager = true\"\n    >\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div :class=\"$style.root\">\n      <PlAdvancedFilterComponent\n        :filters=\"filters as PlAdvancedFilter\"\n        :options=\"options\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"handleSuggestOptions\"\n        :is-pinned=\"(_, index) => hasDefaultFilters && index === 0\"\n        :is-removable=\"(_, index) => (hasDefaultFilters ? index > 0 : true)\"\n        :is-draggable=\"(_, index) => (hasDefaultFilters ? index > 0 : true)\"\n        :enable-dnd=\"false\"\n        :enable-toggling=\"true\"\n        :enable-add-group-button=\"true\"\n        @update-filters=\"onUpdateFilters\"\n      >\n        <template #group-title=\"{ index }\">\n          <div v-if=\"hasDefaultFilters && index === 0\" :class=\"$style.defaultGroupTitle\">\n            Default Group\n            <PlBtnGhost\n              v-if=\"isFunction(props.onResetDefaultFilters)\"\n              icon=\"restart\"\n              :class=\"$style.restartBtn\"\n              @click.stop=\"props.onResetDefaultFilters()\"\n            />\n          </div>\n          <div v-else>Custom Group</div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </div>\n  </PlSlideModal>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.defaultGroupTitle {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.restartBtn {\n  width: 24px;\n  height: 24px;\n  padding: 4px;\n  --button-width: 24px;\n  --btn-min-width: 24px;\n  --button-height: 24px;\n  --btn-min-height: 24x;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlTableFilters/PlTableFiltersV2.style.js

@@ -1,4 +1,8 @@
-import './PlTableFiltersV2.vue.css';var e = { root: "_root_pwh6f_2" };
+import './PlTableFiltersV2.vue.css';var e = {
+	root: "_root_1da3c_2",
+	defaultGroupTitle: "_defaultGroupTitle_1da3c_7",
+	restartBtn: "_restartBtn_1da3c_12"
+};
 //#endregion
 export { e as default };
 

package/dist/components/PlTableFilters/PlTableFiltersV2.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlTableFiltersV2.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n  PTableColumnSpec,\n  PlDataTableFiltersWithMeta,\n  PFrameHandle,\n  PTableColumnId,\n  CanonicalizedJson,\n} from \"@platforma-sdk/model\";\nimport {\n  canonicalizeJson,\n  Annotation,\n  Domain,\n  readAnnotation,\n  readDomain,\n  getUniqueSourceValuesWithLabels,\n  parseJson,\n  getPTableColumnId,\n} from \"@platforma-sdk/model\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { PlBtnGhost, PlSlideModal, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport {\n  PlAdvancedFilter,\n  PlAdvancedFilterComponent,\n  PlAdvancedFilterSupportedFilters,\n  type PlAdvancedFilterItem,\n} from \"../PlAdvancedFilter\";\nimport type { PlAdvancedFilterColumnId } from \"../PlAdvancedFilter/types\";\nimport type { Nil } from \"@milaboratories/helpers\";\nimport { isNil } from \"es-toolkit\";\n\nconst model = defineModel<PlDataTableFiltersWithMeta>({ required: true });\nconst props = defineProps<{\n  pframeHandle: Nil | PFrameHandle;\n  columns: PTableColumnSpec[];\n}>();\n\n// Teleport for \"Filters\" button\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\nconst showManager = ref(false);\n\n// Check if any filters are active\nconst filtersOn = computed(() => {\n  return model.value.filters.length > 0;\n});\n\nfunction makeFilterColumnId(spec: PTableColumnSpec): CanonicalizedJson<PTableColumnId> {\n  return canonicalizeJson<PTableColumnId>(getPTableColumnId(spec));\n}\n\nconst items = computed<PlAdvancedFilterItem[]>(() => {\n  return props.columns.map((col, idx) => {\n    const id = makeFilterColumnId(col);\n    const label =\n      readAnnotation(col.spec, Annotation.Label)?.trim() ?? `Unlabeled ${col.type} ${idx}`;\n    const alphabet =\n      readDomain(col.spec, Domain.Alphabet) ?? readAnnotation(col.spec, Annotation.Alphabet);\n    return {\n      id,\n      label,\n      spec: col.spec,\n      alphabet: alphabet ?? undefined,\n    };\n  });\n});\n\n// Supported filters (same set as FilterSidebar)\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"patternMatchesRegularExpression\",\n  \"patternFuzzyContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n\n// getSuggestOptions - provide discrete values from column annotations\nfunction handleSuggestOptions(params: {\n  columnId: PlAdvancedFilterColumnId;\n  axisIdx?: number;\n  searchStr: string;\n  searchType: \"value\" | \"label\";\n}) {\n  if (isNil(props.pframeHandle)) {\n    console.warn(\"PFrame handle is not available, cannot fetch suggest options\");\n    return [];\n  }\n\n  const strId = params.columnId as CanonicalizedJson<PTableColumnId>;\n  const tableColumnId = parseJson<PTableColumnId>(strId);\n\n  if (tableColumnId.type !== \"column\") {\n    throw new Error(\"ColumnId should be of type 'column' for suggest options\");\n  }\n\n  return getUniqueSourceValuesWithLabels(props.pframeHandle, {\n    columnId: tableColumnId.id,\n    axisIdx: params.axisIdx,\n    limit: 100,\n    searchQuery: params.searchType === \"label\" ? params.searchStr : undefined,\n    searchQueryValue: params.searchType === \"value\" ? params.searchStr : undefined,\n  }).then((v) => v.values);\n}\n</script>\n\n<template>\n  <Teleport v-if=\"mounted && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :icon=\"filtersOn ? 'filter-on' : 'filter'\" @click.stop=\"showManager = true\">\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div :class=\"$style.root\">\n      <PlAdvancedFilterComponent\n        v-model:filters=\"model as PlAdvancedFilter\"\n        :items=\"items\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"handleSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      />\n    </div>\n  </PlSlideModal>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlTableFiltersV2.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type {\n  PTableColumnSpec,\n  PlDataTableFiltersWithMeta,\n  PFrameHandle,\n  PTableColumnId,\n  CanonicalizedJson,\n} from \"@platforma-sdk/model\";\nimport {\n  canonicalizeJson,\n  Annotation,\n  Domain,\n  readAnnotation,\n  readDomain,\n  getUniqueSourceValuesWithLabels,\n  parseJson,\n  getPTableColumnId,\n} from \"@platforma-sdk/model\";\nimport { computed, ref } from \"vue\";\nimport { PlBtnGhost, PlSlideModal, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport {\n  PlAdvancedFilter,\n  PlAdvancedFilterComponent,\n  PlAdvancedFilterSupportedFilters,\n  type PlAdvancedFilterItem,\n} from \"../PlAdvancedFilter\";\nimport type { PlAdvancedFilterColumnId } from \"../PlAdvancedFilter/types\";\nimport type { Nil } from \"@milaboratories/helpers\";\nimport { isFunction, isNil } from \"es-toolkit\";\n\nconst props = defineProps<{\n  columns: PTableColumnSpec[];\n  pframeHandle: Nil | PFrameHandle;\n  filters: PlDataTableFiltersWithMeta;\n  defaultFilters: Nil | PlDataTableFiltersWithMeta;\n  onUpdateFilters: (value: PlDataTableFiltersWithMeta) => void;\n  onResetDefaultFilters?: () => void;\n  onUpdateDefaultFilters?: (value: PlDataTableFiltersWithMeta) => void;\n}>();\n\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\nconst showManager = ref(false);\nconst hasFilters = computed(() => props.filters.filters.length > 0);\nconst hasDefaultFilters = computed(\n  () => !isNil(props.defaultFilters) && props.defaultFilters.filters.length > 0,\n);\nconst filters = computed<PlDataTableFiltersWithMeta>(() => {\n  if (isNil(props.defaultFilters) || props.defaultFilters?.filters.length === 0) {\n    return props.filters;\n  }\n\n  return {\n    ...props.filters,\n    filters: [...(props.defaultFilters?.filters ?? []), ...props.filters.filters],\n  };\n});\nconst onUpdateFilters = (_value: PlAdvancedFilter) => {\n  const value = _value as PlDataTableFiltersWithMeta;\n\n  if (isNil(props.defaultFilters)) {\n    return props.onUpdateFilters(value);\n  }\n\n  const [defaults, ...rest] = value.filters;\n  props.onUpdateFilters({ ...value, filters: rest });\n  props.onUpdateDefaultFilters?.({ ...props.defaultFilters, filters: [defaults] });\n};\n\nconst options = computed<PlAdvancedFilterItem[]>(() => {\n  return props.columns.map((col, idx) => {\n    const id = makeFilterColumnId(col);\n    const label =\n      readAnnotation(col.spec, Annotation.Label)?.trim() ?? `Unlabeled ${col.type} ${idx}`;\n    const alphabet =\n      readDomain(col.spec, Domain.Alphabet) ?? readAnnotation(col.spec, Annotation.Alphabet);\n    return {\n      id,\n      label,\n      spec: col.spec,\n      alphabet: alphabet ?? undefined,\n    };\n  });\n});\n\n// Supported filters (same set as FilterSidebar)\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"patternMatchesRegularExpression\",\n  \"patternFuzzyContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n\n// getSuggestOptions - provide discrete values from column annotations\nfunction handleSuggestOptions(params: {\n  columnId: PlAdvancedFilterColumnId;\n  axisIdx?: number;\n  searchStr: string;\n  searchType: \"value\" | \"label\";\n}) {\n  if (isNil(props.pframeHandle)) {\n    console.warn(\"PFrame handle is not available, cannot fetch suggest options\");\n    return [];\n  }\n\n  const strId = params.columnId as CanonicalizedJson<PTableColumnId>;\n  const tableColumnId = parseJson<PTableColumnId>(strId);\n\n  if (tableColumnId.type !== \"column\") {\n    throw new Error(\"ColumnId should be of type 'column' for suggest options\");\n  }\n\n  return getUniqueSourceValuesWithLabels(props.pframeHandle, {\n    columnId: tableColumnId.id,\n    axisIdx: params.axisIdx,\n    limit: 100,\n    searchQuery: params.searchType === \"label\" ? params.searchStr : undefined,\n    searchQueryValue: params.searchType === \"value\" ? params.searchStr : undefined,\n  }).then((v) => v.values);\n}\n\nfunction makeFilterColumnId(spec: PTableColumnSpec): CanonicalizedJson<PTableColumnId> {\n  return canonicalizeJson<PTableColumnId>(getPTableColumnId(spec));\n}\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost\n      :icon=\"hasFilters || hasDefaultFilters ? 'filter-on' : 'filter'\"\n      @click.stop=\"showManager = true\"\n    >\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div :class=\"$style.root\">\n      <PlAdvancedFilterComponent\n        :filters=\"filters as PlAdvancedFilter\"\n        :options=\"options\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"handleSuggestOptions\"\n        :is-pinned=\"(_, index) => hasDefaultFilters && index === 0\"\n        :is-removable=\"(_, index) => (hasDefaultFilters ? index > 0 : true)\"\n        :is-draggable=\"(_, index) => (hasDefaultFilters ? index > 0 : true)\"\n        :enable-dnd=\"false\"\n        :enable-toggling=\"true\"\n        :enable-add-group-button=\"true\"\n        @update-filters=\"onUpdateFilters\"\n      >\n        <template #group-title=\"{ index }\">\n          <div v-if=\"hasDefaultFilters && index === 0\" :class=\"$style.defaultGroupTitle\">\n            Default Group\n            <PlBtnGhost\n              v-if=\"isFunction(props.onResetDefaultFilters)\"\n              icon=\"restart\"\n              :class=\"$style.restartBtn\"\n              @click.stop=\"props.onResetDefaultFilters()\"\n            />\n          </div>\n          <div v-else>Custom Group</div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </div>\n  </PlSlideModal>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.defaultGroupTitle {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.restartBtn {\n  width: 24px;\n  height: 24px;\n  padding: 4px;\n  --button-width: 24px;\n  --btn-min-width: 24px;\n  --button-height: 24px;\n  --btn-min-height: 24x;\n}\n</style>\n"],"mappings":""}