@platforma-sdk/ui-vue 1.36.0 → 1.37.1

package/dist/components/PlTableFilters/PlTableFilters.vue.d.ts

@@ -0,0 +1,20 @@
+import { PlTableFilter, PlTableFiltersModel, PTableColumnSpec } from '@platforma-sdk/model';
+import { PlTableFiltersRestriction } from '../PlAgDataTable/types';
+type DefaultFilters = (spec: PTableColumnSpec) => (PlTableFilter | undefined);
+type __VLS_Props = {
+    columns: Readonly<PTableColumnSpec[]>;
+    restrictions?: Readonly<PlTableFiltersRestriction[]>;
+    defaults?: DefaultFilters;
+};
+type __VLS_PublicProps = {
+    modelValue: PlTableFiltersModel;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: PlTableFiltersModel) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: PlTableFiltersModel) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    filterManager: HTMLDivElement;
+}, any>;
+export default _default;
+//# sourceMappingURL=PlTableFilters.vue.d.ts.map

package/dist/components/PlTableFilters/PlTableFilters.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlTableFilters.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTableFilters/PlTableFilters.vue"],"names":[],"mappings":"AAyWA,OAAO,KAAK,EACV,aAAa,EAEb,mBAAmB,EAInB,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAaxE,OAAO,yBAAyB,CAAC;AAEjC,KAAK,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;AAO9E,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,QAAQ,CAAC,yBAAyB,EAAE,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAsOF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,mBAAmB,CAAC;CAC/B,GAAG,WAAW,CAAC;;;;;;;;AAqThB,wBAQG"}

package/dist/components/PlTableFilters/PlTableFilters.vue.js

@@ -0,0 +1,285 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-filter-manager .text-s{font-weight:600}.pl-filter-manager__add-action-wrapper{position:sticky;bottom:-16px;background-color:var(--bg-elevated-01);transition:all .15s ease-in-out}.pl-filter-manager__add-btn{height:40px;background-color:var(--bg-elevated-01);display:flex;align-items:center;gap:8px;padding-left:12px;padding-right:12px;border-radius:6px;border:1px dashed var(--border-color-div-grey);line-height:0;cursor:pointer}.pl-filter-manager__add-btn:hover{border-radius:6px;border:1px dashed var(--border-color-focus, #49CC49);background:#63e0241f}.pl-filter-manager__add-btn-title{flex-grow:1}.pl-filter-manager__header{height:40px;padding-left:12px;padding-right:12px;cursor:pointer}.pl-filter-manager__content{max-height:0;overflow:hidden;transition:all .2s ease-in-out;padding-top:0;padding-bottom:0}.pl-filter-manager__expand-icon .mask-16{transition:all .15s ease-in-out}.pl-filter-manager__toggle,.pl-filter-manager__expand-icon,.pl-filter-manager__delete{line-height:0;cursor:pointer}.pl-filter-manager__toggle,.pl-filter-manager__delete{display:none}.pl-filter-manager__toggle .mask-24,.pl-filter-manager__delete .mask-24{--icon-color: var(--ic-02)}.pl-filter-manager__toggle:hover .mask-24,.pl-filter-manager__delete:hover .mask-24{--icon-color: var(--ic-01)}.pl-filter-manager__filter:hover .pl-filter-manager__toggle,.pl-filter-manager__filter:hover .pl-filter-manager__delete{display:block}.pl-filter-manager__filter{border-radius:6px;border:1px solid var(--border-color-div-grey);background-color:var(--bg-base-light);transition:background-color .15s ease-in-out;overflow:auto}.pl-filter-manager__filter.disabled .pl-filter-manager__expand-icon,.pl-filter-manager__filter.disabled .pl-filter-manager__title{opacity:.3}.pl-filter-manager__filter:hover,.pl-filter-manager__filter.open{background-color:var(--bg-elevated-01)}.pl-filter-manager__filter.open .pl-filter-manager__content{max-height:1600px;padding:24px;transition:all .2s ease-in-out}.pl-filter-manager__filter.open .pl-filter-manager__header{background:linear-gradient(180deg,#ebffeb,#fff)}.pl-filter-manager__filter.open .pl-filter-manager__expand-icon .mask-16{transform:rotate(90deg)}.pl-filter-manager__revert-btn{padding:8px 14px;border-radius:6px;cursor:pointer}.pl-filter-manager__revert-btn:hover{background-color:var(--btn-sec-hover-grey)}.pl-filter-manager__revert-btn.disabled{opacity:.3;pointer-events:none}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as oe, mergeModels as ne, useModel as ie, toRefs as re, computed as f, reactive as z, watch as _, ref as k, onMounted as H, onBeforeUnmount as ue, createElementBlock as y, openBlock as m, Fragment as L, createBlock as W, createCommentVNode as x, createVNode as r, unref as n, Teleport as de, withModifiers as F, withCtx as V, createTextVNode as O, createElementVNode as i, renderList as ce, normalizeClass as $, toDisplayString as pe } from "vue";
+import "../../lib/ui/uikit/dist/index.js";
+import { l as p } from "../../_virtual/lodash.js";
+import "../PlAgDataTableToolsPanel/PlAgDataTableToolsPanelId.js";
+import { useDataTableToolsPanelTarget as fe } from "../PlAgDataTableToolsPanel/useDataTableToolsPanelTarget.js";
+import me from "./PlTableAddFilter.vue.js";
+import ve from "./PlTableFilterEntry.vue.js";
+import { makeColumnId as G, makePredicate as ge, filterTypesString as be, filterTypesNumber as _e, getFilterLabel as ke, getColumnName as J, getFilterDefault as ye } from "./filters_logic.js";
+
+import Ve from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
+import T from "../../lib/ui/uikit/dist/components/PlIcon24/PlIcon24.vue.js";
+import he from "../../lib/ui/uikit/dist/components/PlSlideModal/PlSlideModal.vue.js";
+import K from "../../lib/ui/uikit/dist/components/PlIcon16/PlIcon16.vue.js";
+import Ce from "../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
+const xe = ["onClick"], Fe = { class: "pl-filter-manager__expand-icon" }, Oe = { class: "pl-filter-manager__title flex-grow-1 text-s-btn" }, Te = { class: "pl-filter-manager__actions d-flex gap-12" }, Ae = ["onClick"], je = ["onClick"], Ie = { class: "pl-filter-manager__content d-flex gap-24 p-24 flex-column" }, Me = { class: "d-flex justify-center" }, $e = ["onClick"], we = { class: "pl-filter-manager__add-btn-icon" }, Se = { key: 0 }, Ke = /* @__PURE__ */ oe({
+  __name: "PlTableFilters",
+  props: /* @__PURE__ */ ne({
+    columns: {},
+    restrictions: {},
+    defaults: { type: Function }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(w) {
+    const d = ie(w, "modelValue"), Q = w, { columns: A, restrictions: X, defaults: j } = re(Q), u = f(() => {
+      const e = A.value.filter((l) => {
+        const s = l.type;
+        switch (s) {
+          case "axis":
+            return l.spec.type !== "Bytes";
+          case "column":
+            return l.spec.valueType !== "Bytes";
+          default:
+            throw Error(`unsupported data type: ${s}`);
+        }
+      }), t = {};
+      for (const l of e)
+        t[G(l)] = l;
+      return t;
+    }), S = f(() => {
+      const e = A.value, t = j.value;
+      if (!e || !t) return {};
+      const l = {};
+      for (const s of e) {
+        const o = t(s);
+        if (!o) continue;
+        const c = G(s);
+        l[c] = {
+          columnId: c,
+          filter: o,
+          disabled: !1
+        };
+      }
+      return l;
+    }), Y = f(() => {
+      const e = X.value ?? [], t = {};
+      for (const [l, s] of Object.entries(u.value)) {
+        const o = p.find(
+          e,
+          (c) => p.isEqual(c.column.id, s.id)
+        );
+        o && (t[l] = o.allowedFilterTypes);
+      }
+      return t;
+    });
+    (() => {
+      const e = d.value.state;
+      typeof e == "object" && !Array.isArray(e) && (d.value.state = Object.entries(e).map(([t, l]) => ({
+        columnId: t,
+        filter: l,
+        disabled: !1
+      })));
+    })();
+    const Z = () => p.cloneDeep(Object.values(S.value)), D = (e) => ({
+      state: (e == null ? void 0 : e.state) ?? [],
+      defaultsApplied: (e == null ? void 0 : e.defaultsApplied) ?? !1
+    }), a = z({ ...D(d.value) }), E = () => {
+      a.state = Z(), a.defaultsApplied = !0;
+    };
+    _(
+      () => A.value,
+      (e, t) => {
+        j.value && !(d.value.defaultsApplied ?? !1) && (!t || t.length === 0) && e.length > 0 && E();
+      },
+      { immediate: !0 }
+    ), _(
+      () => d.value,
+      (e) => {
+        const t = D(e);
+        p.isEqual(a, t) || Object.assign(a, t);
+      }
+    ), _(
+      () => a,
+      (e) => {
+        (!p.isEqual(e.state, d.value.state) || !p.isEqual(e.defaultsApplied, d.value.defaultsApplied)) && (d.value = {
+          state: p.cloneDeep(e.state),
+          filters: e.state.filter((t) => !t.disabled).map((t) => {
+            const l = u.value[t.columnId], { spec: s, ...o } = l;
+            return {
+              type: "bySingleColumnV2",
+              column: o,
+              predicate: ge(l, t.filter)
+            };
+          }),
+          defaultsApplied: e.defaultsApplied
+        });
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), _(
+      () => u.value,
+      (e) => {
+        Object.keys(e).length === 0 && a.state !== void 0 || (a.state = a.state.filter((t) => !!e[t.columnId]));
+      },
+      { immediate: !0 }
+    );
+    const ee = f(() => Object.keys(u).length > 0 && a.state.length > 0), b = f(() => {
+      const e = Y.value, t = {};
+      for (const [l, s] of Object.entries(u.value)) {
+        let c = (s.type === "column" ? s.spec.valueType : s.spec.type) === "String" ? be : _e;
+        const P = e[l];
+        P && (c = c.filter((C) => P.includes(C))), t[l] = c.map((C) => ({ value: C, text: ke(C) }));
+      }
+      return t;
+    }), te = f(() => p.some(Object.values(b.value), (e) => e.length > 0)), N = f(
+      () => Object.entries(Object.entries(u.value)).filter(([e, [t, l]]) => b.value[t].length > 0).filter(([e, [t, l]]) => !a.state.some((s) => s.columnId === t)).map(([e, [t, l]]) => ({
+        label: J(l, e),
+        value: t
+      }))
+    ), B = (e) => S.value[e] ?? {
+      columnId: e,
+      filter: ye(b.value[e][0].value),
+      disabled: !1
+    }, le = (e) => {
+      a.state[e] = B(a.state[e].columnId);
+    }, se = (e) => a.state.splice(e, 1), I = k(!1), M = k(!1), q = k(!1);
+    H(() => {
+      q.value = !0;
+    });
+    const h = z({}), ae = (e) => {
+      h[e] ? delete h[e] : h[e] = !0;
+    }, R = k(!1), v = k();
+    let g;
+    H(() => {
+      g = new ResizeObserver(() => {
+        var t;
+        const e = (t = v.value) == null ? void 0 : t.parentElement;
+        e && (R.value = e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth);
+      }), v.value && v.value.parentElement && g.observe(v.value.parentElement);
+    }), _(v, (e, t) => {
+      t != null && t.parentElement && g.unobserve(t.parentElement), e != null && e.parentElement && g.observe(e.parentElement);
+    }), ue(() => {
+      g !== void 0 && g.disconnect();
+    });
+    const U = fe();
+    return (e, t) => (m(), y(L, null, [
+      q.value && n(U) ? (m(), W(de, {
+        key: 0,
+        to: n(U)
+      }, [
+        r(n(Ve), {
+          onClick: t[0] || (t[0] = F((l) => I.value = !0, ["stop"]))
+        }, {
+          append: V(() => [
+            r(n(T), {
+              name: ee.value ? "filter-on" : "filter"
+            }, null, 8, ["name"])
+          ]),
+          default: V(() => [
+            t[5] || (t[5] = O(" Filters "))
+          ]),
+          _: 1
+        })
+      ], 8, ["to"])) : x("", !0),
+      r(n(he), {
+        modelValue: I.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (l) => I.value = l),
+        "close-on-outside-click": !1
+      }, {
+        title: V(() => t[6] || (t[6] = [
+          O("Manage Filters")
+        ])),
+        default: V(() => [
+          i("div", {
+            ref_key: "filterManager",
+            ref: v,
+            class: "pl-filter-manager d-flex flex-column gap-6"
+          }, [
+            (m(!0), y(L, null, ce(a.state, (l, s) => (m(), y("div", {
+              key: l.columnId,
+              class: $([{ open: h[l.columnId], disabled: l.disabled }, "pl-filter-manager__filter"])
+            }, [
+              i("div", {
+                class: "pl-filter-manager__header d-flex align-center gap-8",
+                onClick: (o) => ae(l.columnId)
+              }, [
+                i("div", Fe, [
+                  r(n(K), { name: "chevron-right" })
+                ]),
+                i("div", Oe, pe(n(J)(u.value[l.columnId], s)), 1),
+                i("div", Te, [
+                  i("div", {
+                    class: "pl-filter-manager__toggle",
+                    onClick: F((o) => l.disabled = !l.disabled, ["stop"])
+                  }, [
+                    r(n(T), {
+                      name: l.disabled ? "view-hide" : "view-show"
+                    }, null, 8, ["name"])
+                  ], 8, Ae),
+                  i("div", {
+                    class: "pl-filter-manager__delete",
+                    onClick: F((o) => se(s), ["stop"])
+                  }, [
+                    r(n(T), { name: "close" })
+                  ], 8, je)
+                ])
+              ], 8, xe),
+              i("div", Ie, [
+                r(ve, {
+                  modelValue: a.state[s],
+                  "onUpdate:modelValue": (o) => a.state[s] = o,
+                  disabled: l.disabled,
+                  column: u.value[l.columnId],
+                  options: b.value[l.columnId]
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "column", "options"]),
+                i("div", Me, [
+                  i("div", {
+                    class: $([{ disabled: l.disabled }, "pl-filter-manager__revert-btn text-s-btn d-flex align-center gap-8"]),
+                    onClick: (o) => le(s)
+                  }, [
+                    t[7] || (t[7] = O(" Revert Settings to Default ")),
+                    r(n(T), { name: "reverse" })
+                  ], 10, $e)
+                ])
+              ])
+            ], 2))), 128)),
+            i("div", {
+              class: $([{ "pt-24": R.value }, "pl-filter-manager__add-action-wrapper"])
+            }, [
+              N.value.length > 0 ? (m(), y("div", {
+                key: 0,
+                class: "pl-filter-manager__add-btn",
+                onClick: t[1] || (t[1] = (l) => M.value = !0)
+              }, [
+                i("div", we, [
+                  r(n(K), { name: "add" })
+                ]),
+                t[8] || (t[8] = i("div", { class: "pl-filter-manager__add-btn-title text-s-btn" }, "Add Filter", -1))
+              ])) : x("", !0)
+            ], 2),
+            te.value ? x("", !0) : (m(), y("div", Se, "No filters applicable"))
+          ], 512),
+          n(j) ? (m(), W(n(Ce), {
+            key: 0,
+            onClick: F(E, ["stop"])
+          }, {
+            default: V(() => t[9] || (t[9] = [
+              O("Reset to defaults")
+            ])),
+            _: 1
+          })) : x("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      r(me, {
+        modelValue: M.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (l) => M.value = l),
+        "columns-by-id": u.value,
+        "column-options": N.value,
+        "filter-options": b.value,
+        "make-filter": B,
+        onAddFilter: t[4] || (t[4] = (l) => a.state.push(l))
+      }, null, 8, ["modelValue", "columns-by-id", "column-options", "filter-options"])
+    ], 64));
+  }
+});
+export {
+  Ke as default
+};
+//# sourceMappingURL=PlTableFilters.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlTableFilters.vue.js","sources":["../../../src/components/PlTableFilters/PlTableFilters.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ListOption } from '@milaboratories/uikit';\nimport { PlBtnGhost, PlBtnSecondary, PlIcon24, PlMaskIcon16, PlMaskIcon24, PlSlideModal } from '@milaboratories/uikit';\nimport type {\n  PlTableFilter,\n  PlTableFilterColumnId,\n  PlTableFiltersModel,\n  PlTableFiltersState,\n  PlTableFiltersStateEntry,\n  PlTableFilterType,\n  PTableColumnSpec,\n} from '@platforma-sdk/model';\nimport * as lodash from 'lodash';\nimport { computed, onBeforeUnmount, onMounted, reactive, ref, toRefs, watch } from 'vue';\nimport type { PlTableFiltersRestriction } from '../PlAgDataTable/types';\nimport { useDataTableToolsPanelTarget } from '../PlAgDataTableToolsPanel';\nimport PlTableAddFilter from './PlTableAddFilter.vue';\nimport PlTableFilterEntry from './PlTableFilterEntry.vue';\nimport {\n  filterTypesNumber,\n  filterTypesString,\n  getColumnName,\n  getFilterDefault,\n  getFilterLabel,\n  makeColumnId,\n  makePredicate,\n} from './filters_logic';\nimport './pl-table-filters.scss';\n\ntype DefaultFilters = (spec: PTableColumnSpec) => (PlTableFilter | undefined);\ntype InnerState = {\n  state: PlTableFiltersState;\n  defaultsApplied: boolean;\n};\n\nconst model = defineModel<PlTableFiltersModel>({ required: true });\nconst props = defineProps<{\n  columns: Readonly<PTableColumnSpec[]>;\n  restrictions?: Readonly<PlTableFiltersRestriction[]>;\n  defaults?: DefaultFilters;\n}>();\nconst { columns, restrictions, defaults } = toRefs(props);\n\nconst columnsById = computed<Record<PlTableFilterColumnId, PTableColumnSpec>>(() => {\n  const filterableColumn = columns.value.filter((column) => {\n    const type = column.type;\n    switch (type) {\n      case 'axis':\n        return column.spec.type !== 'Bytes';\n      case 'column':\n        return column.spec.valueType !== 'Bytes';\n      default:\n        throw Error(`unsupported data type: ${type satisfies never}`);\n    }\n  });\n  const result: Record<PlTableFilterColumnId, PTableColumnSpec> = {};\n  for (const column of filterableColumn) {\n    result[makeColumnId(column)] = column;\n  }\n  return result;\n});\n\nconst defaultsMap = computed<Record<PlTableFilterColumnId, PlTableFiltersStateEntry>>(() => {\n  const cols = columns.value;\n  const defFn = defaults.value;\n\n  if (!cols || !defFn) return {};\n\n  const result: Record<PlTableFilterColumnId, PlTableFiltersStateEntry> = {};\n  for (const column of cols) {\n    const f = defFn(column);\n    if (!f) continue;\n    const id = makeColumnId(column);\n    result[id] = {\n      columnId: id,\n      filter: f,\n      disabled: false,\n    };\n  }\n  return result;\n});\n\nconst restrictionsMap = computed<Record<PlTableFilterColumnId, PlTableFilterType[]>>(() => {\n  const restrictionsValue = restrictions.value ?? [];\n  const map: Record<PlTableFilterColumnId, PlTableFilterType[]> = {};\n  for (const [id, column] of Object.entries(columnsById.value)) {\n    const entry = lodash.find(\n      restrictionsValue,\n      (entry) => lodash.isEqual(entry.column.id, column.id),\n    );\n    if (entry) map[id] = entry.allowedFilterTypes;\n  }\n  return map;\n});\n\n/* State upgrader */ (() => {\n  const state = model.value.state;\n  if (typeof state === 'object' && !Array.isArray(state)) {\n    model.value.state = Object\n      .entries(state as unknown as Record<PlTableFilterColumnId, PlTableFilter>)\n      .map(([id, filter]) => ({\n        columnId: id,\n        filter,\n        disabled: false,\n      }));\n  }\n})();\n\nconst defaultState = () => lodash.cloneDeep(Object.values(defaultsMap.value));\n\nconst makeState = (state?: PlTableFiltersModel): InnerState => {\n  return {\n    state: state?.state ?? [],\n    defaultsApplied: state?.defaultsApplied ?? false,\n  };\n};\nconst reactiveModel = reactive({ ...makeState(model.value) });\n\nconst resetToDefaults = () => {\n  reactiveModel.state = defaultState();\n  reactiveModel.defaultsApplied = true;\n};\n\nwatch(\n  () => columns.value,\n  (columns, previousColumns) => {\n    if (defaults.value && !(model.value.defaultsApplied ?? false) && (!previousColumns || previousColumns.length === 0) && columns.length > 0) {\n      resetToDefaults();\n    }\n  },\n  { immediate: true },\n);\n\nwatch(\n  () => model.value,\n  (newModelPropValue) => {\n    const authoritativeInnerState = makeState(newModelPropValue);\n    if (!lodash.isEqual(reactiveModel, authoritativeInnerState)) {\n      Object.assign(reactiveModel, authoritativeInnerState);\n    }\n  },\n);\nwatch(\n  () => reactiveModel,\n  (reactiveModel) => {\n    if (!lodash.isEqual(reactiveModel.state, model.value.state) || !lodash.isEqual(reactiveModel.defaultsApplied, model.value.defaultsApplied)) {\n      model.value = {\n        state: lodash.cloneDeep(reactiveModel.state),\n        filters: reactiveModel.state\n          .filter((entry) => !entry.disabled)\n          .map((entry) => {\n            const column = columnsById.value[entry.columnId];\n            const { spec, ...columnId } = column;\n            const _ = spec;\n            return {\n              type: 'bySingleColumnV2',\n              column: columnId,\n              predicate: makePredicate(column, entry.filter),\n            };\n          }),\n        defaultsApplied: reactiveModel.defaultsApplied,\n      };\n    }\n  },\n  {\n    immediate: true,\n    deep: true,\n  },\n);\nwatch(\n  () => columnsById.value,\n  (columnsById) => {\n    // Do not reset filters when join is happening\n    if (Object.keys(columnsById).length === 0 && reactiveModel.state !== undefined) return;\n    reactiveModel.state = reactiveModel.state.filter((entry) => !!columnsById[entry.columnId]);\n  },\n  { immediate: true },\n);\nconst filtersOn = computed(() => {\n  // Do not indicate filters when join is happening\n  return Object.keys(columnsById).length > 0 && reactiveModel.state.length > 0;\n});\n\nconst filterOptions = computed<Record<PlTableFilterColumnId, ListOption<PlTableFilterType>[]>>(() => {\n  const restrictionsMapValue = restrictionsMap.value;\n  const map: Record<PlTableFilterColumnId, ListOption<PlTableFilterType>[]> = {};\n  for (const [id, column] of Object.entries(columnsById.value)) {\n    const valueType = column.type === 'column' ? column.spec.valueType : column.spec.type;\n    let types: PlTableFilterType[] = valueType === 'String' ? filterTypesString : filterTypesNumber;\n\n    const restrictionsEntry = restrictionsMapValue[id];\n    if (restrictionsEntry) types = types.filter((type) => restrictionsEntry.includes(type));\n\n    map[id] = types.map((type) => ({ value: type, text: getFilterLabel(type) }));\n  }\n  return map;\n});\nconst filterOptionsPresent = computed<boolean>(() => {\n  return lodash.some(Object.values(filterOptions.value), (options) => options.length > 0);\n});\nconst columnOptions = computed<ListOption<PlTableFilterColumnId>[]>(() =>\n  Object.entries(Object.entries(columnsById.value))\n    .filter(([_i, [id, _column]]) => filterOptions.value[id].length > 0)\n    .filter(([_i, [id, _column]]) => !reactiveModel.state.some((entry) => entry.columnId === id))\n    .map(([i, [id, column]]) => ({\n      label: getColumnName(column, i),\n      value: id,\n    })),\n);\n\nconst makeFilter = (columnId: string): PlTableFiltersStateEntry =>\n  defaultsMap.value[columnId] ?? {\n    columnId,\n    filter: getFilterDefault(filterOptions.value[columnId][0].value),\n    disabled: false,\n  };\n\nconst resetFilter = (index: number) => {\n  reactiveModel.state[index] = makeFilter(reactiveModel.state[index].columnId);\n};\nconst deleteFilter = (index: number) => reactiveModel.state.splice(index, 1);\n\nconst showManager = ref(false);\nconst showAddFilter = ref(false);\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\n\nconst openState = reactive<Record<PlTableFilterColumnId, boolean>>({});\nconst toggleExpandFilter = (columnId: PlTableFilterColumnId) => {\n  if (!openState[columnId]) openState[columnId] = true;\n  else delete openState[columnId];\n};\n\nconst scrollIsActive = ref(false);\nconst filterManager = ref<HTMLElement>();\nlet observer: ResizeObserver;\nonMounted(() => {\n  observer = new ResizeObserver(() => {\n    const parent = filterManager.value?.parentElement;\n    if (!parent) return;\n    scrollIsActive.value = parent.scrollHeight > parent.clientHeight || parent.scrollWidth > parent.clientWidth;\n  });\n  if (filterManager.value && filterManager.value.parentElement) {\n    observer.observe(filterManager.value!.parentElement);\n  }\n});\n\nwatch(filterManager, (newElement, oldElement) => {\n  if (oldElement?.parentElement) {\n    observer.unobserve(oldElement.parentElement);\n  }\n  if (newElement?.parentElement) {\n    observer.observe(newElement.parentElement);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (observer !== undefined) {\n    observer.disconnect();\n  }\n});\n\nconst teleportTarget = useDataTableToolsPanelTarget();\n</script>\n\n<template>\n  <Teleport v-if=\"mounted && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost @click.stop=\"showManager = true\">\n      Filters\n      <template #append>\n        <PlIcon24 :name=\"filtersOn ? 'filter-on' : 'filter'\" />\n      </template>\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n    <div ref=\"filterManager\" class=\"pl-filter-manager d-flex flex-column gap-6\">\n      <div\n        v-for=\"(entry, index) in reactiveModel.state\"\n        :key=\"entry.columnId\"\n        :class=\"{ open: openState[entry.columnId], disabled: entry.disabled }\"\n        class=\"pl-filter-manager__filter\"\n      >\n        <div\n          class=\"pl-filter-manager__header d-flex align-center gap-8\"\n          @click=\"toggleExpandFilter(entry.columnId)\"\n        >\n          <div class=\"pl-filter-manager__expand-icon\">\n            <PlMaskIcon16 name=\"chevron-right\" />\n          </div>\n\n          <div class=\"pl-filter-manager__title flex-grow-1 text-s-btn\">\n            {{ getColumnName(columnsById[entry.columnId], index) }}\n          </div>\n\n          <div class=\"pl-filter-manager__actions d-flex gap-12\">\n            <div class=\"pl-filter-manager__toggle\" @click.stop=\"entry.disabled = !entry.disabled\">\n              <PlMaskIcon24 :name=\"entry.disabled ? 'view-hide' : 'view-show'\" />\n            </div>\n\n            <div class=\"pl-filter-manager__delete\" @click.stop=\"deleteFilter(index)\">\n              <PlMaskIcon24 name=\"close\" />\n            </div>\n          </div>\n        </div>\n\n        <div class=\"pl-filter-manager__content d-flex gap-24 p-24 flex-column\">\n          <PlTableFilterEntry\n            v-model=\"reactiveModel.state[index]\"\n            :disabled=\"entry.disabled\"\n            :column=\"columnsById[entry.columnId]\"\n            :options=\"filterOptions[entry.columnId]\"\n          />\n\n          <div class=\"d-flex justify-center\">\n            <div\n              :class=\"{ disabled: entry.disabled }\"\n              class=\"pl-filter-manager__revert-btn text-s-btn d-flex align-center gap-8\"\n              @click=\"resetFilter(index)\"\n            >\n              Revert Settings to Default\n              <PlMaskIcon24 name=\"reverse\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div :class=\"{ 'pt-24': scrollIsActive }\" class=\"pl-filter-manager__add-action-wrapper\">\n        <div\n          v-if=\"columnOptions.length > 0\"\n          class=\"pl-filter-manager__add-btn\"\n          @click=\"showAddFilter = true\"\n        >\n          <div class=\"pl-filter-manager__add-btn-icon\">\n            <PlMaskIcon16 name=\"add\" />\n          </div>\n          <div class=\"pl-filter-manager__add-btn-title text-s-btn\">Add Filter</div>\n        </div>\n      </div>\n\n      <div v-if=\"!filterOptionsPresent\">No filters applicable</div>\n    </div>\n    <PlBtnSecondary v-if=\"defaults\" @click.stop=\"resetToDefaults\">Reset to defaults</PlBtnSecondary>\n  </PlSlideModal>\n\n  <PlTableAddFilter\n    v-model=\"showAddFilter\"\n    :columns-by-id=\"columnsById\"\n    :column-options=\"columnOptions\"\n    :filter-options=\"filterOptions\"\n    :make-filter=\"makeFilter\"\n    @add-filter=\"(entry) => reactiveModel.state.push(entry)\"\n  />\n</template>\n"],"names":["model","_useModel","props","__props","columns","restrictions","defaults","toRefs","columnsById","computed","filterableColumn","column","type","result","makeColumnId","defaultsMap","cols","defFn","f","id","restrictionsMap","restrictionsValue","map","entry","lodash.find","lodash.isEqual","state","filter","defaultState","lodash.cloneDeep","makeState","reactiveModel","reactive","resetToDefaults","watch","previousColumns","newModelPropValue","authoritativeInnerState","spec","columnId","makePredicate","filtersOn","filterOptions","restrictionsMapValue","types","filterTypesString","filterTypesNumber","restrictionsEntry","getFilterLabel","filterOptionsPresent","lodash.some","options","columnOptions","_i","_column","i","getColumnName","makeFilter","getFilterDefault","resetFilter","index","deleteFilter","showManager","ref","showAddFilter","mounted","onMounted","openState","toggleExpandFilter","scrollIsActive","filterManager","observer","parent","_a","newElement","oldElement","onBeforeUnmount","teleportTarget","useDataTableToolsPanelTarget"],"mappings":"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"}

package/dist/components/PlTableFilters/PlTableFilters.vue2.js

@@ -0,0 +1,5 @@
+import f from "./PlTableFilters.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PlTableFilters.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlTableFilters.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/PlTableFilters/filters_logic.d.ts

@@ -0,0 +1,22 @@
+import { PlTableFilterNumberEquals, PlTableFilterNumberNotEquals, PlTableFilterStringEquals, PlTableFilterStringNotEquals, SingleValuePredicateV2, PlTableFilterType, PlTableFilterNumberType, PlTableFilterStringType, PlTableFilter, PTableColumnSpec, PTableColumnId, PlTableFiltersStateEntry, PlTableFilterColumnId } from '@platforma-sdk/model';
+import { ListOption } from '@milaboratories/uikit';
+export declare function makeColumnId(column: PTableColumnId | PTableColumnSpec): PlTableFilterColumnId;
+export declare function getFilterLabel(type: PlTableFilterType): string;
+export declare const filterTypesNumber: PlTableFilterNumberType[];
+export declare const filterTypesString: PlTableFilterStringType[];
+export type PlTableFilterDiscrete = PlTableFilterNumberEquals | PlTableFilterNumberNotEquals | PlTableFilterStringEquals | PlTableFilterStringNotEquals;
+export type PlTableFilterDiscreteType = PlTableFilterDiscrete['type'];
+export declare const filterTypesDiscrete: PlTableFilterDiscreteType[];
+export declare const isFilterDiscreteType: (filter: PlTableFilterType) => filter is PlTableFilterDiscreteType;
+export declare const isFilterDiscrete: (filter: PlTableFilter) => filter is PlTableFilterDiscrete;
+export declare function getColumnName(column: PTableColumnSpec, index: string | number): string;
+export declare function getFilterReference(filter: PlTableFilter): undefined | number | string;
+export declare function getFilterDefault(type: PlTableFilterType, reference?: undefined | number | string): PlTableFilter;
+export declare function changeFilterType(filter: PlTableFiltersStateEntry, type: PlTableFilterType, discreteOptions: ListOption<number | string>[]): PlTableFiltersStateEntry;
+export declare function parseNumber(column: PTableColumnSpec, value: string): number;
+export declare function parseString(column: PTableColumnSpec, value: string): string;
+export declare function parseRegex(value: string): string;
+export declare function makeWildcardOptions(column: PTableColumnSpec, reference: string): ListOption<string>[];
+export declare function makeDiscreteOptions(column: PTableColumnSpec): ListOption<number | string>[];
+export declare function makePredicate(column: PTableColumnSpec, filter: PlTableFilter): SingleValuePredicateV2;
+//# sourceMappingURL=filters_logic.d.ts.map

package/dist/components/PlTableFilters/filters_logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters_logic.d.ts","sourceRoot":"","sources":["../../../src/components/PlTableFilters/filters_logic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EACzB,4BAA4B,EAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAE3B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,wBAAgB,YAAY,CAAC,MAAM,EAAE,cAAc,GAAG,gBAAgB,GAAG,qBAAqB,CAE7F;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,iBAAiB,GAAG,MAAM,CAmC9D;AAED,eAAO,MAAM,iBAAiB,EAAE,uBAAuB,EAU7C,CAAC;AAEX,eAAO,MAAM,iBAAiB,EAAE,uBAAuB,EAU7C,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC7B,yBAAyB,GACzB,4BAA4B,GAC5B,yBAAyB,GACzB,4BAA4B,CAAC;AAEjC,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,EAKjD,CAAC;AAEX,eAAO,MAAM,oBAAoB,WACvB,iBAAiB,KACxB,MAAM,IAAI,yBAEZ,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,aAAa,KAAG,MAAM,IAAI,qBAElE,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,UAE7E;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CA0BrF;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAsChH;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,wBAAwB,EAChC,IAAI,EAAE,iBAAiB,EACvB,eAAe,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAC7C,wBAAwB,CAa1B;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAwB3E;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAK3E;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQhD;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,MAAM,GAChB,UAAU,CAAC,MAAM,CAAC,EAAE,CAsBtB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,gBAAgB,GAAG,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAS3F;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,aAAa,GAAG,sBAAsB,CAmHrG"}