@hybridcore/ui 1.4.30 → 1.4.32

package/dist/components/geometry-picker/map/logic.js

@@ -1,10 +1,10 @@
 import k from "react";
 import { createMapboxLayer as Xe } from "../../map/helpers/mapbox.js";
-import { I as $e, s as ke, n as ge, f as ve, C as fe, h as v, V as se, F as L, P as me, p as Ze, i as Je, j as _e, R as Ge, k as ye, l as Q, M as D, m as Qe, o as ze, q as et, r as tt, L as J, t as it, u as Ie, v as Re, G as st, w as nt, b as Fe, a as rt } from "../../../ol-CHaVTXvL.js";
-import { T as z, g as F, d as ot, q as Te, a as ne, E as ee, f as at, F as Ae, x as ht, r as be, i as ct, l as q, u as oe } from "../../../has-CjQtZJa9.js";
-import { O as xe } from "../../../Text-D6oGbCdi.js";
+import { I as $e, s as ke, n as ge, f as ve, C as fe, h as v, V as se, F as L, P as me, p as Ze, i as ze, j as _e, R as Ge, k as ye, l as J, M as D, m as Je, o as Qe, q as et, r as tt, L as z, t as it, u as Ie, v as Re, G as st, w as nt, b as Fe, a as rt } from "../../../ol-9hySGI6D.js";
+import { T as Q, g as F, c as ot, e as Te, B as ne, E as ee, a as at, F as Ae, t as ht, s as be, b as ct, l as q, u as oe } from "../../../has-9_asnBxn.js";
+import { c as xe } from "../../../Text-BT5kPHOo.js";
 import { defaultStyle as lt, selectStyleFunction as dt, markerStyle as ut } from "./style.js";
-import { G as w, ax as ae, ac as U, aL as te, k as C, aM as I, h as ie, T as gt, aI as Oe, ay as Ne, aN as R, aO as Ve, aP as ft, aQ as Se, P as je, J as _t, aR as mt, aK as yt } from "../../../Source-Hf_SiWEW.js";
+import { c as w, d as ae, P as U, e as te, f as C, g as I, h as ie, i as gt, j as Oe, k as Ne, s as R, l as Ve, m as ft, n as Se, o as je, p as _t, q as mt, r as yt } from "../../../Source-CnCcu5UP.js";
 import { alert as xt } from "../../confirm/index.js";
 const pt = {
   /**
@@ -32,7 +32,7 @@ class pe extends $e {
    * @param {Options} [options] Options.
    */
   constructor(e) {
-    super(), this.on, this.once, this.un, e = e || {}, this.boundAddFeature_ = this.addFeature_.bind(this), this.boundRemoveFeature_ = this.removeFeature_.bind(this), this.condition_ = e.condition ? e.condition : ke, this.addCondition_ = e.addCondition ? e.addCondition : ge, this.removeCondition_ = e.removeCondition ? e.removeCondition : ge, this.toggleCondition_ = e.toggleCondition ? e.toggleCondition : ve, this.multi_ = e.multi ? e.multi : !1, this.filter_ = e.filter ? e.filter : z, this.hitTolerance_ = e.hitTolerance ? e.hitTolerance : 0, this.style_ = e.style !== void 0 ? e.style : Ft(), this.features_ = e.features || new fe();
+    super(), this.on, this.once, this.un, e = e || {}, this.boundAddFeature_ = this.addFeature_.bind(this), this.boundRemoveFeature_ = this.removeFeature_.bind(this), this.condition_ = e.condition ? e.condition : ke, this.addCondition_ = e.addCondition ? e.addCondition : ge, this.removeCondition_ = e.removeCondition ? e.removeCondition : ge, this.toggleCondition_ = e.toggleCondition ? e.toggleCondition : ve, this.multi_ = e.multi ? e.multi : !1, this.filter_ = e.filter ? e.filter : Q, this.hitTolerance_ = e.hitTolerance ? e.hitTolerance : 0, this.style_ = e.style !== void 0 ? e.style : Ft(), this.features_ = e.features || new fe();
     let t;
     if (e.layers)
       if (typeof e.layers == "function")
@@ -44,7 +44,7 @@ class pe extends $e {
         };
       }
     else
-      t = z;
+      t = Q;
     this.layerFilter_ = t, this.featureLayerAssociation_ = {};
   }
   /**
@@ -279,7 +279,7 @@ class Tt extends me {
       /** @type {import("./Pointer.js").Options} */
       e
     ), this.on, this.once, this.un, this.boundHandleFeatureChange_ = this.handleFeatureChange_.bind(this), this.condition_ = e.condition ? e.condition : Ze, this.defaultDeleteCondition_ = function(s) {
-      return Je(s) && ke(s);
+      return ze(s) && ke(s);
     }, this.deleteCondition_ = e.deleteCondition ? e.deleteCondition : this.defaultDeleteCondition_, this.insertVertexCondition_ = e.insertVertexCondition ? e.insertVertexCondition : _e, this.vertexFeature_ = null, this.vertexSegments_ = null, this.lastPixel_ = [0, 0], this.ignoreNextSingleClick_ = !1, this.featuresBeingModified_ = null, this.rBush_ = new Ge(), this.pixelTolerance_ = e.pixelTolerance !== void 0 ? e.pixelTolerance : 10, this.snappedToVertex_ = !1, this.changingFeature_ = !1, this.dragSegments_ = [], this.overlay_ = new se({
       source: new ye({
         useSpatialIndex: !1,
@@ -301,10 +301,10 @@ class Tt extends me {
     }, this.source_ = null, this.hitDetection_ = null;
     let t;
     if (e.features ? t = e.features : e.source && (this.source_ = e.source, t = new fe(this.source_.getFeatures()), this.source_.addEventListener(
-      Q.ADDFEATURE,
+      J.ADDFEATURE,
       this.handleSourceAdd_.bind(this)
     ), this.source_.addEventListener(
-      Q.REMOVEFEATURE,
+      J.REMOVEFEATURE,
       this.handleSourceRemove_.bind(this)
     )), !t)
       throw new Error(
@@ -1111,7 +1111,7 @@ function $(l, e, t) {
   return o;
 }
 function Be(l, e, t) {
-  if (e instanceof J) {
+  if (e instanceof z) {
     Z(l, e.getCoordinates(), !1, t);
     return;
   }
@@ -1235,13 +1235,13 @@ class Dt extends me {
       e
     );
     t.stopDown || (t.stopDown = Ae), super(t), this.on, this.once, this.un, this.shouldHandle_ = !1, this.downPx_ = null, this.downTimeout_, this.lastDragTime_, this.pointerType_, this.freehand_ = !1, this.source_ = e.source ? e.source : null, this.features_ = e.features ? e.features : null, this.snapTolerance_ = e.snapTolerance ? e.snapTolerance : 12, this.type_ = /** @type {import("../geom/Geometry.js").Type} */
-    e.type, this.mode_ = Lt(this.type_), this.stopClick_ = !!e.stopClick, this.minPoints_ = e.minPoints ? e.minPoints : this.mode_ === "Polygon" ? 3 : 2, this.maxPoints_ = this.mode_ === "Circle" ? 2 : e.maxPoints ? e.maxPoints : 1 / 0, this.finishCondition_ = e.finishCondition ? e.finishCondition : z, this.geometryLayout_ = e.geometryLayout ? e.geometryLayout : "XY";
+    e.type, this.mode_ = Lt(this.type_), this.stopClick_ = !!e.stopClick, this.minPoints_ = e.minPoints ? e.minPoints : this.mode_ === "Polygon" ? 3 : 2, this.maxPoints_ = this.mode_ === "Circle" ? 2 : e.maxPoints ? e.maxPoints : 1 / 0, this.finishCondition_ = e.finishCondition ? e.finishCondition : Q, this.geometryLayout_ = e.geometryLayout ? e.geometryLayout : "XY";
     let s = e.geometryFunction;
     if (!s) {
       const i = this.mode_;
       if (i === "Circle")
         s = function(n, r, o) {
-          const a = r || new Qe([NaN, NaN]), h = C(n[0]), c = R(
+          const a = r || new Je([NaN, NaN]), h = C(n[0]), c = R(
             h,
             C(n[n.length - 1])
           );
@@ -1253,7 +1253,7 @@ class Dt extends me {
         };
       else {
         let n;
-        i === "Point" ? n = U : i === "LineString" ? n = J : i === "Polygon" && (n = je), s = function(r, o, a) {
+        i === "Point" ? n = U : i === "LineString" ? n = z : i === "Polygon" && (n = je), s = function(r, o, a) {
           return o ? i === "Polygon" ? r[0].length ? o.setCoordinates(
             [r[0].concat([r[0][0]])],
             this.geometryLayout_
@@ -1268,7 +1268,7 @@ class Dt extends me {
       }),
       style: e.style ? e.style : Mt(),
       updateWhileInteracting: !0
-    }), this.geometryName_ = e.geometryName, this.condition_ = e.condition ? e.condition : ze, this.freehandCondition_, e.freehand ? this.freehandCondition_ = _e : this.freehandCondition_ = e.freehandCondition ? e.freehandCondition : ve, this.traceCondition_, this.setTrace(e.trace || !1), this.traceState_ = { active: !1 }, this.traceSource_ = e.traceSource || e.source || null, this.addChangeListener(et.ACTIVE, this.updateState_);
+    }), this.geometryName_ = e.geometryName, this.condition_ = e.condition ? e.condition : Qe, this.freehandCondition_, e.freehand ? this.freehandCondition_ = _e : this.freehandCondition_ = e.freehandCondition ? e.freehandCondition : ve, this.traceCondition_, this.setTrace(e.trace || !1), this.traceState_ = { active: !1 }, this.traceSource_ = e.traceSource || e.source || null, this.addChangeListener(et.ACTIVE, this.updateState_);
   }
   /**
    * Toggle tracing mode or set a tracing condition.
@@ -1550,7 +1550,7 @@ class Dt extends me {
     s ? (s.setFlatCoordinates(
       t.getLayout(),
       t.getFlatCoordinates()
-    ), s.changed()) : (s = new J(
+    ), s.changed()) : (s = new z(
       t.getFlatCoordinates(),
       t.getLayout()
     ), this.sketchLine_.setGeometry(s));
@@ -1564,7 +1564,7 @@ class Dt extends me {
     const t = this.getMap().getView().getProjection(), s = Se(this.geometryLayout_);
     for (; e.length < s; )
       e.push(0);
-    this.finishCoordinate_ = e, this.mode_ === "Point" ? this.sketchCoords_ = e.slice() : this.mode_ === "Polygon" ? (this.sketchCoords_ = [[e.slice(), e.slice()]], this.sketchLineCoords_ = this.sketchCoords_[0]) : this.sketchCoords_ = [e.slice(), e.slice()], this.sketchLineCoords_ && (this.sketchLine_ = new L(new J(this.sketchLineCoords_)));
+    this.finishCoordinate_ = e, this.mode_ === "Point" ? this.sketchCoords_ = e.slice() : this.mode_ === "Polygon" ? (this.sketchCoords_ = [[e.slice(), e.slice()]], this.sketchLineCoords_ = this.sketchCoords_[0]) : this.sketchCoords_ = [e.slice(), e.slice()], this.sketchLineCoords_ && (this.sketchLine_ = new L(new z(this.sketchLineCoords_)));
     const i = this.geometryFunction_(
       this.sketchCoords_,
       void 0,
@@ -1836,7 +1836,7 @@ class Gt extends me {
       /** @type {import("./Pointer.js").Options} */
       e
     );
-    t.handleDownEvent || (t.handleDownEvent = z), t.stopDown || (t.stopDown = Ae), super(t), this.on, this.once, this.un, this.source_ = e.source ? e.source : null, this.vertex_ = e.vertex !== void 0 ? e.vertex : !0, this.edge_ = e.edge !== void 0 ? e.edge : !0, this.features_ = e.features ? e.features : null, this.featuresListenerKeys_ = [], this.featureChangeListenerKeys_ = {}, this.indexedFeaturesExtents_ = {}, this.pendingFeatures_ = {}, this.pixelTolerance_ = e.pixelTolerance !== void 0 ? e.pixelTolerance : 10, this.rBush_ = new Ge(), this.GEOMETRY_SEGMENTERS_ = {
+    t.handleDownEvent || (t.handleDownEvent = Q), t.stopDown || (t.stopDown = Ae), super(t), this.on, this.once, this.un, this.source_ = e.source ? e.source : null, this.vertex_ = e.vertex !== void 0 ? e.vertex : !0, this.edge_ = e.edge !== void 0 ? e.edge : !0, this.features_ = e.features ? e.features : null, this.featuresListenerKeys_ = [], this.featureChangeListenerKeys_ = {}, this.indexedFeaturesExtents_ = {}, this.pendingFeatures_ = {}, this.pixelTolerance_ = e.pixelTolerance !== void 0 ? e.pixelTolerance : 10, this.rBush_ = new Ge(), this.GEOMETRY_SEGMENTERS_ = {
       Point: this.segmentPointGeometry_.bind(this),
       LineString: this.segmentLineStringGeometry_.bind(this),
       LinearRing: this.segmentLineStringGeometry_.bind(this),
@@ -1998,13 +1998,13 @@ class Gt extends me {
     ) : this.source_ && s.push(
       q(
         this.source_,
-        Q.ADDFEATURE,
+        J.ADDFEATURE,
         this.handleFeatureAdd_,
         this
       ),
       q(
         this.source_,
-        Q.REMOVEFEATURE,
+        J.REMOVEFEATURE,
         this.handleFeatureRemove_,
         this
       )

package/dist/components/geometry-picker/map/style.js

@@ -1,4 +1,4 @@
-import { S as e, F as t, a as c, I as o, C as w, T as g } from "../../../Text-D6oGbCdi.js";
+import { S as e, F as t, a as c, I as o, C as w, T as g } from "../../../Text-BT5kPHOo.js";
 const i = "data:image/svg+xml,%3csvg%20id='Layer_1'%20height='512'%20viewBox='0%200%2064%2064'%20width='512'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20data-name='Layer%201'%3e%3clinearGradient%20id='linear-gradient'%20gradientUnits='userSpaceOnUse'%20x1='63.568'%20x2='14.149'%20y1='60.512'%20y2='11.093'%3e%3cstop%20offset='0'%20stop-color='%23c21500'/%3e%3cstop%20offset='1'%20stop-color='%23f85032'/%3e%3c/linearGradient%3e%3cpath%20d='m48.19%2017.36a19.2%2019.2%200%200%200%20-17.18-9.33%2018.905%2018.905%200%200%200%20-17.94%2018.9c0%2012.74%2013%2024.93%2016.98%2028.36a2.969%202.969%200%200%200%203.9%200c5.77-4.97%2023.84-22.39%2014.24-37.93zm-16.19%2018.54a9.825%209.825%200%201%201%209.82-9.83%209.833%209.833%200%200%201%20-9.82%209.83z'%20fill='url(%23linear-gradient)'/%3e%3c/svg%3e", s = 0.5, h = new e({
   fill: new t({
     color: "rgba(255, 255, 255, 0.2)"

package/dist/components/icon-button/index.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { VerticalButton as m, MiniButton as c } from "./styled.js";
-import { I as e } from "../../IconButton-BaiyAtmS.js";
+import { I as e } from "../../IconButton-DekcZv4i.js";
 const a = ({
   variant: i = "default",
   startIcon: f,

package/dist/components/instance-form/components/composite-list/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../hooks/useToggle.js";
-import { C as l } from "../../../../index-oPY7k6mu.js";
+import { C as l } from "../../../../index-B_GNCJdV.js";
 import "react";
 import "lodash";
 import "dayjs";

package/dist/components/instance-form/components/variable/index.js

@@ -1,19 +1,19 @@
 import "react/jsx-runtime";
 import "lodash";
 import "dayjs";
-import { V as g } from "../../../../index-oPY7k6mu.js";
+import { V as g } from "../../../../index-B_GNCJdV.js";
 import "@mui/material";
 import "@mui/icons-material";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../../date-time-picker/index.js";
-import "../../../../TextField-D87qTh1k.js";
-import "../../../../Box-BPyg-Ybm.js";
-import "../../../../FormControlLabel-D9KFjcIx.js";
-import "../../../../Checkbox-qy3cjvnb.js";
-import "../../../../InputLabel-CWkW8NtU.js";
-import "../../../../Select-ClaBvSqf.js";
-import "../../../../MenuItem-D-INSvZa.js";
+import "../../../../TextField-BAXUnwnR.js";
+import "../../../../Box-SSMZuKnS.js";
+import "../../../../FormControlLabel-BNT5EI0b.js";
+import "../../../../Checkbox-B0P8LhCl.js";
+import "../../../../InputLabel-ClDXuWBr.js";
+import "../../../../Select-DwAJxKTN.js";
+import "../../../../MenuItem-Lcjh1XlV.js";
 export {
   g as default
 };

package/dist/components/instance-form/components/variables/index.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as h } from "react/jsx-runtime";
 import p from "react";
-import { V as x } from "../../../../index-oPY7k6mu.js";
+import { V as x } from "../../../../index-B_GNCJdV.js";
 import _ from "lodash";
 import { Box as d } from "@mui/material";
 function V({

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,5 +1,5 @@
 import { styled as r } from "@mui/material";
-import { A as e, a as i, b as n } from "../../AccordionDetails-CGs6GZQK.js";
+import { A as e, a as i, b as n } from "../../AccordionDetails-mpRYHtGq.js";
 const c = r(e)(({ theme: o }) => ({
   borderBottom: `1px solid ${o.palette.divider}`,
   "&:before": {

package/dist/components/map/helpers/mapbox.js

@@ -1,5 +1,5 @@
 import n from "mapbox-gl";
-import { L as b, aS as u, au as y } from "../../../Source-Hf_SiWEW.js";
+import { L as b, b as y, S as u } from "../../../Source-CnCcu5UP.js";
 const v = ({
   id: r = "map",
   center: s,
@@ -30,13 +30,13 @@ const v = ({
       const p = t.rotation;
       return e.jumpTo({
         // @ts-ignore
-        center: u(t.center),
+        center: y(t.center),
         zoom: t.zoom - 1,
         bearing: -p * 180 / Math.PI,
         animate: !1
       }), e._frame && (e._frame.cancel(), e._frame = null), e._render(), a;
     },
-    source: new y({})
+    source: new u({})
   });
   return {
     map: e,

package/dist/components/map/helpers/ol.js

@@ -1,11 +1,11 @@
 import "lodash";
-import "../../../Source-Hf_SiWEW.js";
-import { y as K, c as n, E as T, H as i, b as p, a as u, A as M, z as L, d as l, x as k, D as W, g as f, e as g, B as x, J as C } from "../../../ol-CHaVTXvL.js";
+import "../../../Source-CnCcu5UP.js";
+import { y as K, c as n, E as T, H as i, b as p, a as u, A as M, z as L, d as l, x as k, D as W, g as f, e as g, B as x, J as C } from "../../../ol-9hySGI6D.js";
 import "ol";
 import "./kml.js";
 import "../styled.js";
 import "./wkt.js";
-import "../../../Text-D6oGbCdi.js";
+import "../../../Text-BT5kPHOo.js";
 export {
   K as convertFeaturesToKML,
   n as convertFeaturesToWKT,

package/dist/components/map/logic.js

@@ -1,6 +1,6 @@
 import a from "react";
-import { d as R } from "../../ol-CHaVTXvL.js";
-import { a as _ } from "../../Source-Hf_SiWEW.js";
+import { d as R } from "../../ol-9hySGI6D.js";
+import { a as _ } from "../../Source-CnCcu5UP.js";
 function U({
   id: l = "map",
   layers: c = [],

package/dist/components/map/styled.js

@@ -1,5 +1,5 @@
-import { S as r, F as t, a as i, C as s, I as c, T as d } from "../../Text-D6oGbCdi.js";
-import { e as f } from "../../createStyled-BzvgQjjR.js";
+import { S as r, F as t, a as i, C as s, I as c, T as d } from "../../Text-BT5kPHOo.js";
+import { c as f } from "../../createStyled-CUatW1r9.js";
 const g = f(), a = 0.4, w = g("div")(
   ({ theme: o, cssPosition: n = "absolute" }) => ({
     position: n,

package/dist/components/property-mapping/index.js

@@ -4,8 +4,8 @@ import { Dialog as de, DialogTitle as se, Box as m, Typography as $, TextField a
 import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as H, useEffect as ue } from "react";
 import h from "lodash";
-import { e as ye } from "../../ol-CHaVTXvL.js";
-import { V as he } from "../../index-oPY7k6mu.js";
+import { e as ye } from "../../ol-9hySGI6D.js";
+import { V as he } from "../../index-B_GNCJdV.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/components/range-selector/components/composite-list-range/index.js

@@ -3,7 +3,7 @@ import { Box as f, TextField as u } from "@mui/material";
 import x from "../number-range/index.js";
 import I from "../string-range/index.js";
 import C from "../geometry-range/index.js";
-import { D as c } from "../../../../index-C1fczHEW.js";
+import { D as c } from "../../../../index-RfDWDd66.js";
 function j({
   value: n,
   innerType: e,

package/dist/components/range-selector/components/date-range/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "@mui/icons-material";
 import "dayjs";
 import "../../../../hooks/useToggle.js";
-import { D as e } from "../../../../index-C1fczHEW.js";
+import { D as e } from "../../../../index-RfDWDd66.js";
 export {
   e as default
 };

package/dist/components/range-selector/index.js

@@ -1,7 +1,7 @@
 import { jsx as t, Fragment as a } from "react/jsx-runtime";
 import n from "lodash";
 import f from "./components/composite-list-range/index.js";
-import { D as g } from "../../index-C1fczHEW.js";
+import { D as g } from "../../index-RfDWDd66.js";
 import u from "./components/geometry-range/index.js";
 import l from "./components/number-range/index.js";
 import s from "./components/string-range/index.js";

package/dist/components/search-input/index.js

@@ -2,10 +2,10 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import k, { useState as O } from "react";
 import { Close as m, Search as u } from "@mui/icons-material";
 import { FilledInput as b, Input as R } from "@mui/material";
-import { F as _, I as j } from "../../InputLabel-CWkW8NtU.js";
-import { O as v } from "../../OutlinedInput-DkIUD30e.js";
-import { I as g } from "../../InputAdornment-CZUPEeia.js";
-import { I as t } from "../../IconButton-BaiyAtmS.js";
+import { F as _, I as j } from "../../InputLabel-ClDXuWBr.js";
+import { O as v } from "../../OutlinedInput-De2keFJK.js";
+import { I as g } from "../../InputAdornment-BAVRrRts.js";
+import { I as t } from "../../IconButton-DekcZv4i.js";
 const z = ({
   defaultValue: x = "",
   label: I = "Search",

package/dist/components/tabs/index.js

@@ -3,7 +3,7 @@ import P from "react";
 import { Badge as s, Tab as T } from "@mui/material";
 import v from "./tab-panel.js";
 import d from "./appleTabs.style.js";
-import { T as C } from "../../Tabs-BzelDJKy.js";
+import { T as C } from "../../Tabs-DqdkJU6b.js";
 function b(i) {
   return {
     id: `simple-tab-${i}`,

package/dist/components/template-filters/components/filter/index.js

@@ -0,0 +1,44 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as s, useState as f } from "react";
+import { TreeViewFilter as h } from "../../../treeview-filter/index.js";
+import { getNestedChildrenFromMap as x } from "../../../../utils/ontology.js";
+const O = ({
+  templates: l,
+  filters: n,
+  onChange: r
+}) => {
+  const i = s(() => x(l), [l]), p = s(
+    () => n.map((e) => e.templateKey),
+    [n]
+  ), [d, m] = f([]);
+  return /* @__PURE__ */ g(
+    h,
+    {
+      data: i,
+      onChange: (e, o) => {
+        let t = [...n];
+        if (o)
+          t.push({
+            templateKey: e,
+            filterOperator: "AND",
+            filters: [],
+            exclusionTemplateKeys: []
+          });
+        else {
+          const a = t.findIndex((c) => c.templateKey === e);
+          a !== -1 && t.splice(a, 1);
+        }
+        r && r(t);
+      },
+      idKey: "templateKey",
+      selected: p,
+      expanded: d,
+      onToggle: (e, o) => {
+        m(o);
+      }
+    }
+  );
+};
+export {
+  O as Filter
+};

package/dist/components/template-filters/components/tab-panel/index.js

@@ -0,0 +1,27 @@
+import { jsx as l } from "react/jsx-runtime";
+import { B as t } from "../../../../Box-SSMZuKnS.js";
+function p(i) {
+  const { children: r, value: a, index: e, ...n } = i;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: "tabpanel",
+      hidden: a !== e,
+      id: `simple-tabpanel-${e}`,
+      "aria-labelledby": `simple-tab-${e}`,
+      ...n,
+      children: a === e && /* @__PURE__ */ l(
+        t,
+        {
+          sx: {
+            py: 1
+          },
+          children: r
+        }
+      )
+    }
+  );
+}
+export {
+  p as default
+};

package/dist/components/template-filters/index.js

@@ -0,0 +1,39 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { Box as i, Tabs as p, Tab as b } from "@mui/material";
+import { useState as c } from "react";
+import d from "./components/tab-panel/index.js";
+import { Filter as h } from "./components/filter/index.js";
+const g = ({
+  tabs: a
+}) => {
+  const [o, l] = c(0), n = (t, e) => {
+    l(e);
+  }, m = (t) => ({
+    id: `template-filter-tab-${t}`,
+    "aria-controls": `template-filter-tabpanel-${t}`
+  });
+  return /* @__PURE__ */ s(i, { sx: { width: "100%" }, children: [
+    /* @__PURE__ */ r(i, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ r(
+      p,
+      {
+        variant: "fullWidth",
+        value: o,
+        onChange: n,
+        "aria-label": "Filters panel",
+        sx: {
+          minHeight: 42,
+          "& .MuiButtonBase-root": {
+            padding: "8px 17px",
+            textTransform: "none",
+            minHeight: 42
+          }
+        },
+        children: a.map((t, e) => /* @__PURE__ */ r(b, { label: t.label, ...m(e) }, e))
+      }
+    ) }),
+    a.map((t, e) => /* @__PURE__ */ r(d, { value: o, index: e, children: /* @__PURE__ */ r(h, { ...t }) }, e))
+  ] });
+};
+export {
+  g as TemplateFilters
+};

package/dist/components/template-filters/styled.js

@@ -0,0 +1 @@
+

package/dist/components/template-form/components/property-list/index.js

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
-import { A as n, a as m, d as s } from "../../../../Add-eepk2WTM.js";
+import { A as n, a as m, d as s } from "../../../../Add-BKnWHZ7A.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-B1GZ9ZGO.js";
+import { a as c } from "../../../../property-list-form-DgmTiBvu.js";
 import u from "./property-list-logic.js";
-import { B as f } from "../../../../Box-BPyg-Ybm.js";
-import { T as y } from "../../../../Typography-Bm7PFqUT.js";
-import { B as h } from "../../../../Button-DLwB_sKd.js";
-import { D as g, a as b } from "../../../../DialogContent-CxOSq6h9.js";
-import { D } from "../../../../dialog-v5-nL5yy.js";
+import { B as f } from "../../../../Box-SSMZuKnS.js";
+import { T as y } from "../../../../Typography-CLq43OVQ.js";
+import { B as h } from "../../../../Button-jy67CcTH.js";
+import { D as g, a as b } from "../../../../DialogContent-B0_-g7B0.js";
+import { D } from "../../../../dialog-DPGR2gik.js";
 function v(t) {
   var a;
   const { state: o, action: r } = u(t);

package/dist/components/template-form/components/property-list/property-list-columns.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as r, Fragment as s } from "react/jsx-runtime";
-import { d as u, a as b } from "../../../../Delete-OHEw9lDi.js";
-import { T as l } from "../../../../Typography-Bm7PFqUT.js";
-import { I as p } from "../../../../IconButton-BaiyAtmS.js";
+import { d as u, a as b } from "../../../../Delete-DfyX03ib.js";
+import { T as l } from "../../../../Typography-CLq43OVQ.js";
+import { I as p } from "../../../../IconButton-DekcZv4i.js";
 const y = (o) => [
   { field: "name", headerName: "Name", flex: 1 },
   { field: "propertyId", headerName: "Property ID", flex: 1 },

package/dist/components/template-form/components/property-list/property-list-form.js

@@ -1,16 +1,16 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-B1GZ9ZGO.js";
+import { a as b } from "../../../../property-list-form-DgmTiBvu.js";
 import "../../../../constants/index.js";
-import "../../../../TextField-D87qTh1k.js";
-import "../../../../InputLabel-CWkW8NtU.js";
-import "../../../../Select-ClaBvSqf.js";
-import "../../../../MenuItem-D-INSvZa.js";
-import "../../../../FormControlLabel-D9KFjcIx.js";
-import "../../../../Checkbox-qy3cjvnb.js";
-import "../../../../Box-BPyg-Ybm.js";
-import "../../../../Button-DLwB_sKd.js";
+import "../../../../TextField-BAXUnwnR.js";
+import "../../../../InputLabel-ClDXuWBr.js";
+import "../../../../Select-DwAJxKTN.js";
+import "../../../../MenuItem-Lcjh1XlV.js";
+import "../../../../FormControlLabel-BNT5EI0b.js";
+import "../../../../Checkbox-B0P8LhCl.js";
+import "../../../../Box-SSMZuKnS.js";
+import "../../../../Button-jy67CcTH.js";
 export {
   b as default
 };

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { DataGrid as a } from "@mui/x-data-grid";
-import { A as n, a as d, d as s } from "../../../../Add-eepk2WTM.js";
+import { A as n, a as d, d as s } from "../../../../Add-BKnWHZ7A.js";
 import m from "./recognition-property-list-columns.js";
 import c from "./recognition-property-list-form.js";
 import p from "./recognition-property-list-logic.js";
-import { B as g } from "../../../../Box-BPyg-Ybm.js";
-import { T as u } from "../../../../Typography-Bm7PFqUT.js";
-import { B as h } from "../../../../Button-DLwB_sKd.js";
-import { D as f, a as y } from "../../../../DialogContent-CxOSq6h9.js";
-import { D as b } from "../../../../dialog-v5-nL5yy.js";
+import { B as g } from "../../../../Box-SSMZuKnS.js";
+import { T as u } from "../../../../Typography-CLq43OVQ.js";
+import { B as h } from "../../../../Button-jy67CcTH.js";
+import { D as f, a as y } from "../../../../DialogContent-B0_-g7B0.js";
+import { D as b } from "../../../../dialog-DPGR2gik.js";
 function L(i) {
   const { state: l, action: t } = p(i);
   return /* @__PURE__ */ r(g, { children: [

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { d as o, a as l } from "../../../../Delete-OHEw9lDi.js";
-import { I as d } from "../../../../IconButton-BaiyAtmS.js";
+import { d as o, a as l } from "../../../../Delete-DfyX03ib.js";
+import { I as d } from "../../../../IconButton-DekcZv4i.js";
 const h = (r) => [
   { field: "ownerType", headerName: "Owner Type", width: 120 },
   { field: "owner", headerName: "Owner", width: 120 },

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -1,13 +1,13 @@
 import V, { jsxs as i, Fragment as S, jsx as t } from "react/jsx-runtime";
 import o from "react";
-import { r as C, i as g } from "../../../../createSvgIcon-Cfm1LkEe.js";
+import { r as C, i as g } from "../../../../createSvgIcon-BXjHHQ0B.js";
 import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
-import { F as c, I as u } from "../../../../InputLabel-CWkW8NtU.js";
-import { S as d } from "../../../../Select-ClaBvSqf.js";
-import { M as m } from "../../../../MenuItem-D-INSvZa.js";
-import { T as b } from "../../../../TextField-D87qTh1k.js";
-import { B as M } from "../../../../Box-BPyg-Ybm.js";
-import { B as y } from "../../../../Button-DLwB_sKd.js";
+import { F as c, I as u } from "../../../../InputLabel-ClDXuWBr.js";
+import { S as d } from "../../../../Select-DwAJxKTN.js";
+import { M as m } from "../../../../MenuItem-Lcjh1XlV.js";
+import { T as b } from "../../../../TextField-BAXUnwnR.js";
+import { B as M } from "../../../../Box-SSMZuKnS.js";
+import { B as y } from "../../../../Button-jy67CcTH.js";
 var p = {}, q = g;
 Object.defineProperty(p, "__esModule", {
   value: !0

package/dist/components/template-form/index.js

@@ -9,11 +9,11 @@ import { getNestedChildrenFromMap as L } from "../../utils/ontology.js";
 import { TreeSelect as _ } from "../tree-select/index.js";
 import { FormLabel as w, Button as b } from "@mui/material";
 import A from "./components/select-icon/index.js";
-import { T as m } from "../../TextField-D87qTh1k.js";
-import { F as g } from "../../property-list-form-B1GZ9ZGO.js";
-import { F as d } from "../../FormControlLabel-D9KFjcIx.js";
-import { C as c } from "../../Checkbox-qy3cjvnb.js";
-import { B as p } from "../../Box-BPyg-Ybm.js";
+import { T as m } from "../../TextField-BAXUnwnR.js";
+import { F as g } from "../../property-list-form-DgmTiBvu.js";
+import { F as d } from "../../FormControlLabel-BNT5EI0b.js";
+import { C as c } from "../../Checkbox-B0P8LhCl.js";
+import { B as p } from "../../Box-SSMZuKnS.js";
 function B(e, x) {
   const {
     register: s,

package/dist/components/template-property-filters/property.js

@@ -4,11 +4,11 @@ import r from "dayjs";
 import { RadioButtonUnchecked as T, CheckCircle as Y, KeyboardArrowUp as D, KeyboardArrowDown as B } from "@mui/icons-material";
 import { Typography as y, FormLabel as W, FormGroup as z, Button as $ } from "@mui/material";
 import { DatePicker as M } from "@mui/x-date-pickers";
-import { T as b } from "../../TextField-D87qTh1k.js";
-import { B as h } from "../../Box-BPyg-Ybm.js";
-import { F as O } from "../../FormControlLabel-D9KFjcIx.js";
-import { C as P } from "../../Checkbox-qy3cjvnb.js";
-import { F as j } from "../../InputLabel-CWkW8NtU.js";
+import { T as b } from "../../TextField-BAXUnwnR.js";
+import { B as h } from "../../Box-SSMZuKnS.js";
+import { F as O } from "../../FormControlLabel-BNT5EI0b.js";
+import { C as P } from "../../Checkbox-B0P8LhCl.js";
+import { F as j } from "../../InputLabel-ClDXuWBr.js";
 function X({
   property: e,
   value: a,