@embeddable.com/remarkable-pro 0.2.1 → 0.2.3

package/dist/FilterBuilderPro.js

@@ -1,227 +1,266 @@
-import { useTheme as fe, definePreview as ge, defineComponent as he } from "@embeddable.com/react";
-import { c as ve, u as Q, j as o, N as S, F as v, M as Be, S as P, I as Oe, a as Z, b as _e, d as Ne, e as Fe, A as Ce, V as be, l as je } from "./index-CJYh9LRs.js";
-import xe, { useState as A, useRef as L, useEffect as x, useCallback as ye } from "react";
-import { g as W } from "./dimensionsAndMeasures.utils-DtUfSnpA.js";
-import { i as m, a as Me, r as Te } from "./component.utils-Dua9clQJ.js";
-import { g as Se } from "./formatter.utils-BLaKKpAa.js";
-import { E as Ae } from "./EditorCard-BABTQLwW.js";
-import { i as D } from "./component.inputs.constants-C7tJAhsQ.js";
+import { useTheme as he, definePreview as ve, defineComponent as Oe } from "@embeddable.com/react";
+import { c as Be, u as te, j as s, N as x, F as m, M as Ne, S as W, I as _e, a as ne, b as ye, d as Fe, e as Ce, A as be, V as je, l as xe } from "./index-CRqo4KE4.js";
+import Me, { useState as T, useRef as I, useEffect as b, useCallback as Te } from "react";
+import { g as U } from "./dimensionsAndMeasures.utils-CDHRCfGE.js";
+import { i as h, a as Ae, r as we } from "./component.utils-Dua9clQJ.js";
+import { g as Se } from "./formatter.utils-DiP5ge3-.js";
+import { E as Re } from "./EditorCard-CMJ7shGD.js";
+import { i as S } from "./component.inputs.constants-BG91ceTQ.js";
 /**
  * @license @tabler/icons-react v3.41.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], ee = ve("outline", "plus", "Plus", Re), we = "_container_2pz3g_1", Ie = "_scroll_2pz3g_13", De = "_filter_2pz3g_26", Le = "_addButton_2pz3g_32", ze = "_memberButton_2pz3g_60", qe = "_deleteButton_2pz3g_83", Ve = "_operatorButton_2pz3g_114", Ee = "_valueButton_2pz3g_138", Pe = "_loadingSpinner_2pz3g_175", $e = "_valueButtonEmpty_2pz3g_183", ke = "_clearButton_2pz3g_187", We = "_scrollRightButton_2pz3g_207", Je = "_scrollLeftButton_2pz3g_240", Ue = "_valueInput_2pz3g_273", g = {
-  container: we,
-  scroll: Ie,
-  filter: De,
-  addButton: Le,
-  memberButton: ze,
-  deleteButton: qe,
-  operatorButton: Ve,
-  valueButton: Ee,
-  loadingSpinner: Pe,
-  valueButtonEmpty: $e,
-  clearButton: ke,
-  scrollRightButton: We,
-  scrollLeftButton: Je,
-  valueInput: Ue
-}, k = (e) => e.target.value === "" ? null : Number(e.target.value), He = ({
+const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], oe = Be("outline", "plus", "Plus", Ie), qe = "_container_2pz3g_1", De = "_scroll_2pz3g_13", Le = "_filter_2pz3g_26", ze = "_addButton_2pz3g_32", Ve = "_memberButton_2pz3g_60", Ee = "_deleteButton_2pz3g_83", Pe = "_operatorButton_2pz3g_114", $e = "_valueButton_2pz3g_138", ke = "_loadingSpinner_2pz3g_175", We = "_valueButtonEmpty_2pz3g_183", Je = "_clearButton_2pz3g_187", Ue = "_scrollRightButton_2pz3g_207", He = "_scrollLeftButton_2pz3g_240", Ke = "_valueInput_2pz3g_273", O = {
+  container: qe,
+  scroll: De,
+  filter: Le,
+  addButton: ze,
+  memberButton: Ve,
+  deleteButton: Ee,
+  operatorButton: Pe,
+  valueButton: $e,
+  loadingSpinner: ke,
+  valueButtonEmpty: We,
+  clearButton: Je,
+  scrollRightButton: Ue,
+  scrollLeftButton: He,
+  valueInput: Ke
+}, J = (e) => e.target.value === "" ? null : Number(e.target.value), Xe = ({
   filter: e,
-  onSelectValue: s
+  onSelectValue: r
 }) => {
-  const [l, c] = A((e == null ? void 0 : e.value) ?? null), [u, p] = A(null), [n, i] = A(null), h = L(null), d = Q((B) => {
-    s(B);
+  const [o, p] = T((e == null ? void 0 : e.value) ?? null), [u, c] = T(
+    Array.isArray(e.value) ? e.value[0] ?? null : null
+  ), [n, i] = T(
+    Array.isArray(e.value) ? e.value[1] ?? null : null
+  ), f = I(null), d = te((v) => {
+    r(v);
   });
-  return x(() => {
+  return b(() => {
     u != null && n != null && d([u, n]);
-  }, [u, n, d]), x(() => {
-    l != null && d(l);
-  }, [l, d]), x(() => {
+  }, [u, n, d]), b(() => {
+    o != null && d(o);
+  }, [o, d]), b(() => {
     setTimeout(() => {
-      var B;
-      (B = h.current) == null || B.focus();
+      var v;
+      (v = f.current) == null || v.focus();
     }, 100);
-  }, [e.operator]), e.operator === "between" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
+  }, [e.operator]), e.operator === "between" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
       "input",
       {
-        ref: h,
+        ref: f,
         type: "number",
-        className: g.valueInput,
+        className: O.valueInput,
         value: u ?? "",
-        onChange: (B) => p(k(B))
+        onChange: (v) => c(J(v))
       }
     ),
-    /* @__PURE__ */ o.jsx("button", { disabled: !0, className: g.operatorButton, children: m.t("editors.filterBuilder.betweenAnd") }),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ s.jsx("button", { disabled: !0, className: O.operatorButton, children: h.t("editors.filterBuilder.betweenAnd") }),
+    /* @__PURE__ */ s.jsx(
       "input",
       {
         type: "number",
-        className: g.valueInput,
+        className: O.valueInput,
         value: n ?? "",
-        onChange: (B) => i(k(B))
+        onChange: (v) => i(J(v))
       }
     )
-  ] }) : /* @__PURE__ */ o.jsx(
+  ] }) : /* @__PURE__ */ s.jsx(
     "input",
     {
-      ref: h,
+      ref: f,
       type: "number",
-      className: g.valueInput,
-      value: l ?? "",
-      onChange: (B) => c(k(B))
+      className: O.valueInput,
+      value: o ?? "",
+      onChange: (v) => p(J(v))
     }
   );
-}, Ke = ({
+}, Ye = ({
   filter: e,
-  onSelectValue: s
+  onSelectValue: r
 }) => {
-  const [l, c] = A((e == null ? void 0 : e.value) ?? ""), u = L(null), p = Q((n) => {
-    s(n);
+  const [o, p] = T((e == null ? void 0 : e.value) ?? ""), u = I(null), c = te((n) => {
+    r(n);
   });
-  return x(() => {
-    p(l || null);
-  }, [l, p]), x(() => {
+  return b(() => {
+    c(o || null);
+  }, [o, c]), b(() => {
     setTimeout(() => {
       var n;
       (n = u.current) == null || n.focus();
     }, 100);
-  }, [e.operator]), /* @__PURE__ */ o.jsx(
+  }, [e.operator]), /* @__PURE__ */ s.jsx(
     "input",
     {
       ref: u,
       type: "text",
-      className: g.valueInput,
-      value: l,
-      onChange: (n) => c(n.target.value)
+      className: O.valueInput,
+      value: o,
+      onChange: (n) => p(n.target.value)
     }
   );
-}, f = {
+}, g = {
   is: "is",
   isNot: "isNot",
   isOneOf: "isOneOf",
   isNotOneOf: "isNotOneOf",
   contains: "contains"
-}, Xe = {
-  [f.is]: v.equals,
-  [f.isNot]: v.notEquals,
-  [f.isOneOf]: v.contains,
-  [f.isNotOneOf]: v.notContains,
-  [f.contains]: v.contains
-}, j = {
-  equals: v.equals,
-  notEquals: v.notEquals,
-  gte: v.gte,
-  lte: v.lte,
+}, Ge = {
+  [g.is]: m.equals,
+  [g.isNot]: m.notEquals,
+  [g.isOneOf]: m.contains,
+  [g.isNotOneOf]: m.notContains,
+  [g.contains]: m.contains
+}, y = {
+  equals: m.equals,
+  notEquals: m.notEquals,
+  gte: m.gte,
+  lte: m.lte,
   between: "between"
-}, Ye = {
-  [j.equals]: v.equals,
-  [j.notEquals]: v.notEquals,
-  [j.gte]: v.gte,
-  [j.lte]: v.lte
-}, te = {
+}, Qe = {
+  [y.equals]: m.equals,
+  [y.notEquals]: m.notEquals,
+  [y.gte]: m.gte,
+  [y.lte]: m.lte
+}, H = {
   AND: "and"
-}, Ge = [
-  S.string,
-  S.boolean,
-  S.number
-], ne = (e) => e.filter(
-  (s) => Ge.includes(s.nativeType)
-), Qe = (e) => {
-  var l;
-  if (e.operator === j.between && ((l = e.dimensionOrMeasure) == null ? void 0 : l.nativeType) === S.number) {
-    const [c, u] = e.value;
+}, Ze = [
+  x.string,
+  x.boolean,
+  x.number
+], se = (e) => e.filter(
+  (r) => Ze.includes(r.nativeType)
+), et = (e) => {
+  var o;
+  if (e.operator === y.between && ((o = e.dimensionOrMeasure) == null ? void 0 : o.nativeType) === x.number) {
+    const [p, u] = e.value;
     return [
       {
-        operator: te.AND,
+        operator: H.AND,
         clauses: [
-          { property: e.dimensionOrMeasure.name, operator: v.gte, value: c },
-          { property: e.dimensionOrMeasure.name, operator: v.lte, value: u }
+          { property: e.dimensionOrMeasure.name, operator: m.gte, value: p },
+          { property: e.dimensionOrMeasure.name, operator: m.lte, value: u }
         ]
       }
     ];
   }
-  const s = Xe[e.operator] ?? Ye[e.operator];
-  return [{ property: e.dimensionOrMeasure.name, operator: s, value: e.value }];
-}, Ze = (e, s) => {
-  const l = s.filter((c) => c.dimensionOrMeasure && c.operator && c.value != null).flatMap(Qe);
-  return l.length === 0 ? null : { operator: e, clauses: l };
-}, et = (e) => Array.isArray(e) ? e : e == null ? [] : [e], tt = (e, s) => [
-  ...e.filter((l) => s.includes(l.value)),
-  ...e.filter((l) => !s.includes(l.value))
-], nt = (e, s) => e.length === 0 ? "..." : e.length > 2 ? `${e.length} selected` : e.map(s).join(", "), G = ({
+  const r = Ge[e.operator] ?? Qe[e.operator];
+  return [{ property: e.dimensionOrMeasure.name, operator: r, value: e.value }];
+}, tt = (e, r) => {
+  const o = r.filter((p) => p.dimensionOrMeasure && p.operator && p.value != null).flatMap(et);
+  return o.length === 0 ? null : { operator: e, clauses: o };
+}, nt = (e, r, o) => {
+  if ("clauses" in e) {
+    const f = e.clauses[0], d = e.clauses[1];
+    if (e.operator === H.AND && e.clauses.length === 2 && f != null && d != null && "property" in f && "property" in d && f.property === d.property && f.operator === m.gte && d.operator === m.lte) {
+      const v = r.find((M) => M.name === f.property) ?? null;
+      return {
+        id: o,
+        dimensionOrMeasure: v,
+        search: "",
+        operator: y.between,
+        value: [f.value, d.value]
+      };
+    }
+    return null;
+  }
+  const { property: p, operator: u, value: c } = e, n = r.find((f) => f.name === p) ?? null;
+  let i = null;
+  return (n == null ? void 0 : n.nativeType) === x.number ? i = {
+    [m.equals]: y.equals,
+    [m.notEquals]: y.notEquals,
+    [m.gte]: y.gte,
+    [m.lte]: y.lte
+  }[u] ?? null : u === m.contains ? i = Array.isArray(c) ? g.isOneOf : g.contains : i = {
+    [m.equals]: g.is,
+    [m.notEquals]: g.isNot,
+    [m.notContains]: g.isNotOneOf
+  }[u] ?? null, { id: o, dimensionOrMeasure: n, search: "", operator: i, value: c };
+}, ot = (e, r) => {
+  if (!e) return [];
+  if (!("clauses" in e)) return [];
+  const o = [];
+  return e.clauses.forEach((p, u) => {
+    const c = nt(p, r, u + 1);
+    c && o.push(c);
+  }), o.length ? o : [];
+}, st = (e) => Array.isArray(e) ? e : e == null ? [] : [e], rt = (e, r) => [
+  ...e.filter((o) => r.includes(o.value)),
+  ...e.filter((o) => !r.includes(o.value))
+], lt = (e, r) => e.length === 0 ? "..." : e.length > 2 ? `${e.length} selected` : e.map(r).join(", "), ee = ({
   hasValue: e,
-  isLoading: s,
-  displayValue: l,
-  showClearIcon: c,
+  isLoading: r,
+  displayValue: o,
+  showClearIcon: p,
   onClear: u,
-  ...p
-}) => /* @__PURE__ */ o.jsxs("button", { className: _e(g.valueButton, !e && g.valueButtonEmpty), ...p, children: [
-  s ? /* @__PURE__ */ o.jsx(Oe, { className: g.loadingSpinner }) : l,
-  c && /* @__PURE__ */ o.jsx(Z, { onClick: u })
-] }), ot = ({
+  ...c
+}) => /* @__PURE__ */ s.jsxs("button", { className: ye(O.valueButton, !e && O.valueButtonEmpty), ...c, children: [
+  r ? /* @__PURE__ */ s.jsx(_e, { className: O.loadingSpinner }) : o,
+  p && /* @__PURE__ */ s.jsx(ne, { onClick: u })
+] }), it = ({
   filter: e,
-  dimensionOrMeasure: s,
-  results: l,
-  theme: c,
+  dimensionOrMeasure: r,
+  results: o,
+  theme: p,
   onSelectValue: u,
-  onSearchValue: p
+  onSearchValue: c
 }) => {
-  var q, O;
-  const n = Se(c), i = L({}), h = ((q = l == null ? void 0 : l.data) == null ? void 0 : q.map((_) => ({
-    value: _[s.name],
-    label: n.data(s, _[s.name])
+  var z, V;
+  const n = Se(p), i = I({}), f = ((z = o == null ? void 0 : o.data) == null ? void 0 : z.map((N) => ({
+    value: N[r.name],
+    label: n.data(r, N[r.name])
   }))) ?? [];
-  h.forEach(({ value: _, label: M }) => {
-    _ != null && (i.current[_] = M);
+  f.forEach(({ value: N, label: B }) => {
+    N != null && (i.current[N] = B);
   });
-  const d = (_) => i.current[_] ?? _, B = et(e.value), R = tt(h, B), C = l == null ? void 0 : l.isLoading, w = !C && (((O = l == null ? void 0 : l.data) == null ? void 0 : O.length) ?? 0) === 0;
-  if (s.nativeType === S.number)
-    return /* @__PURE__ */ o.jsx(He, { filter: e, onSelectValue: u });
-  if (s.nativeType === S.string && e.operator === f.contains)
-    return /* @__PURE__ */ o.jsx(Ke, { filter: e, onSelectValue: u });
-  const b = e.operator === f.isOneOf || e.operator === f.isNotOneOf, y = e.value != null, I = !C && y;
-  if (b) {
-    const _ = e.value ?? [], M = nt(_, d);
-    return /* @__PURE__ */ o.jsx(
-      Be,
+  const d = (N) => i.current[N] ?? N, v = st(e.value), M = rt(f, v), C = o == null ? void 0 : o.isLoading, R = !C && (((V = o == null ? void 0 : o.data) == null ? void 0 : V.length) ?? 0) === 0;
+  if (r.nativeType === x.number)
+    return /* @__PURE__ */ s.jsx(Xe, { filter: e, onSelectValue: u });
+  if (r.nativeType === x.string && e.operator === g.contains)
+    return /* @__PURE__ */ s.jsx(Ye, { filter: e, onSelectValue: u });
+  const F = e.operator === g.isOneOf || e.operator === g.isNotOneOf, j = e.value != null, A = !C && j;
+  if (F) {
+    const N = e.value ?? [], B = lt(N, d);
+    return /* @__PURE__ */ s.jsx(
+      Ne,
       {
-        triggerComponent: /* @__PURE__ */ o.jsx(
-          G,
+        triggerComponent: /* @__PURE__ */ s.jsx(
+          ee,
           {
-            hasValue: y,
+            hasValue: j,
             isLoading: C,
-            displayValue: M,
-            showClearIcon: I,
+            displayValue: B,
+            showClearIcon: A,
             onClear: () => u(null)
           }
         ),
         isSearchable: !0,
         isClearable: !0,
         isLoading: C,
-        values: _,
-        options: R,
-        onChange: (T) => u(T.length === 0 ? null : T),
-        onSearch: p,
+        values: N,
+        options: M,
+        onChange: (E) => u(E.length === 0 ? null : E),
+        onSearch: c,
         avoidCollisions: !1,
-        noOptionsMessage: w ? m.t("common.noOptionsFound") : void 0
+        noOptionsMessage: R ? h.t("common.noOptionsFound") : void 0
       }
     );
   }
-  if (e.operator === f.is || e.operator === f.isNot) {
-    const _ = e.value != null ? d(e.value) : "...";
-    return /* @__PURE__ */ o.jsx(
-      P,
+  if (e.operator === g.is || e.operator === g.isNot) {
+    const N = e.value != null ? d(e.value) : "...";
+    return /* @__PURE__ */ s.jsx(
+      W,
       {
-        triggerComponent: /* @__PURE__ */ o.jsx(
-          G,
+        triggerComponent: /* @__PURE__ */ s.jsx(
+          ee,
           {
-            hasValue: y,
+            hasValue: j,
             isLoading: C,
-            displayValue: _,
-            showClearIcon: I,
+            displayValue: N,
+            showClearIcon: A,
             onClear: () => u(null)
           }
         ),
@@ -229,252 +268,276 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         clearable: !0,
         isLoading: C,
         value: e.value,
-        options: R,
+        options: M,
         onChange: u,
-        onSearch: p,
+        onSearch: c,
         avoidCollisions: !1,
-        noOptionsMessage: w ? m.t("common.noOptionsFound") : void 0
+        noOptionsMessage: R ? h.t("common.noOptionsFound") : void 0
       }
     );
   }
   return null;
-}, st = () => [
-  { value: f.is, label: m.t("editors.filterBuilder.is") },
-  { value: f.isNot, label: m.t("editors.filterBuilder.isNot") },
-  { value: f.isOneOf, label: m.t("editors.filterBuilder.isOneOf") },
-  { value: f.isNotOneOf, label: m.t("editors.filterBuilder.isNotOneOf") },
-  { value: f.contains, label: m.t("editors.filterBuilder.contains") }
-], lt = () => [
-  { value: f.is, label: m.t("editors.filterBuilder.is") },
-  { value: f.isNot, label: m.t("editors.filterBuilder.isNot") },
-  { value: f.isOneOf, label: m.t("editors.filterBuilder.isOneOf") },
-  { value: f.isNotOneOf, label: m.t("editors.filterBuilder.isNotOneOf") }
-], rt = () => [
-  { value: j.equals, label: m.t("editors.filterBuilder.equals") },
-  { value: j.notEquals, label: m.t("editors.filterBuilder.doesNotEqual") },
-  { value: j.gte, label: m.t("editors.filterBuilder.greaterThanOrEqualTo") },
-  { value: j.lte, label: m.t("editors.filterBuilder.lessThanOrEqualTo") },
-  { value: j.between, label: m.t("editors.filterBuilder.between") }
-], it = ({
+}, at = () => [
+  { value: g.is, label: h.t("editors.filterBuilder.is") },
+  { value: g.isNot, label: h.t("editors.filterBuilder.isNot") },
+  { value: g.isOneOf, label: h.t("editors.filterBuilder.isOneOf") },
+  { value: g.isNotOneOf, label: h.t("editors.filterBuilder.isNotOneOf") },
+  { value: g.contains, label: h.t("editors.filterBuilder.contains") }
+], ut = () => [
+  { value: g.is, label: h.t("editors.filterBuilder.is") },
+  { value: g.isNot, label: h.t("editors.filterBuilder.isNot") },
+  { value: g.isOneOf, label: h.t("editors.filterBuilder.isOneOf") },
+  { value: g.isNotOneOf, label: h.t("editors.filterBuilder.isNotOneOf") }
+], ct = () => [
+  { value: y.equals, label: h.t("editors.filterBuilder.equals") },
+  { value: y.notEquals, label: h.t("editors.filterBuilder.doesNotEqual") },
+  { value: y.gte, label: h.t("editors.filterBuilder.greaterThanOrEqualTo") },
+  { value: y.lte, label: h.t("editors.filterBuilder.lessThanOrEqualTo") },
+  { value: y.between, label: h.t("editors.filterBuilder.between") }
+], dt = ({
   dimensionOrMeasure: e,
-  filter: s,
-  results: l,
-  theme: c,
+  filter: r,
+  results: o,
+  theme: p,
   onSelectOperator: u,
-  onSelectValue: p,
+  onSelectValue: c,
   onSearchValue: n
 }) => {
-  var h;
+  var f;
   let i;
-  return e.nativeType === S.number ? i = rt() : e.nativeType === S.boolean ? i = lt() : i = st(), x(() => {
-    s.operator || u(i[0].value);
-  }), /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
-      P,
+  return e.nativeType === x.number ? i = ct() : e.nativeType === x.boolean ? i = ut() : i = at(), b(() => {
+    r.operator || u(i[0].value);
+  }), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
+      W,
       {
-        triggerComponent: /* @__PURE__ */ o.jsx("button", { className: g.operatorButton, children: (h = i.find((d) => d.value === s.operator)) == null ? void 0 : h.label }),
-        value: s.operator,
+        triggerComponent: /* @__PURE__ */ s.jsx("button", { className: O.operatorButton, children: (f = i.find((d) => d.value === r.operator)) == null ? void 0 : f.label }),
+        value: r.operator,
         options: i,
         onChange: u,
         avoidCollisions: !1
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      ot,
+    /* @__PURE__ */ s.jsx(
+      it,
       {
-        filter: s,
+        filter: r,
         dimensionOrMeasure: e,
-        results: l,
-        theme: c,
-        onSelectValue: p,
+        results: o,
+        theme: p,
+        onSelectValue: c,
         onSearchValue: n
       }
     )
   ] });
-}, at = ({
+}, pt = ({
   filter: e,
-  dimensionsAndMeasures: s,
-  results: l,
-  theme: c,
+  dimensionsAndMeasures: r,
+  results: o,
+  theme: p,
   onSelectDimensionOrMeasure: u,
-  onSelectOperator: p,
+  onSelectOperator: c,
   onSelectValue: n,
   onSearchValue: i,
-  onDelete: h
+  onDelete: f
 }) => {
-  var y;
-  const { dimensionOrMeasure: d } = e, [B, R] = A(""), C = ne(s), w = W({
+  var j;
+  const { dimensionOrMeasure: d } = e, [v, M] = T(""), C = se(r), R = U({
     dimensionsAndMeasures: C,
-    theme: c
-  }), z = W({
+    theme: p
+  }), D = U({
     dimensionsAndMeasures: C,
-    searchValue: B,
-    theme: c
-  }), F = (y = w.find(
-    (I) => I.value === (d == null ? void 0 : d.name)
-  )) == null ? void 0 : y.label, b = () => d ? /* @__PURE__ */ o.jsx("button", { className: g.memberButton, children: F }) : /* @__PURE__ */ o.jsxs("button", { className: g.addButton, children: [
-    /* @__PURE__ */ o.jsx(ee, {}),
-    /* @__PURE__ */ o.jsx("span", { children: m.t("editors.filterBuilder.addFilter") })
+    searchValue: v,
+    theme: p
+  }), L = (j = R.find(
+    (A) => A.value === (d == null ? void 0 : d.name)
+  )) == null ? void 0 : j.label, F = () => d ? /* @__PURE__ */ s.jsx("button", { className: O.memberButton, children: L }) : /* @__PURE__ */ s.jsxs("button", { className: O.addButton, children: [
+    /* @__PURE__ */ s.jsx(oe, {}),
+    /* @__PURE__ */ s.jsx("span", { children: h.t("editors.filterBuilder.addFilter") })
   ] });
-  return /* @__PURE__ */ o.jsxs("div", { className: g.filter, children: [
-    /* @__PURE__ */ o.jsx(
-      P,
+  return /* @__PURE__ */ s.jsxs("div", { className: O.filter, children: [
+    /* @__PURE__ */ s.jsx(
+      W,
       {
-        triggerComponent: b(),
+        triggerComponent: F(),
         searchable: !0,
         value: d == null ? void 0 : d.name,
         onChange: u,
-        onSearch: R,
-        options: z,
+        onSearch: M,
+        options: D,
         avoidCollisions: !1,
-        noOptionsMessage: m.t("common.noOptionsFound")
+        noOptionsMessage: h.t("common.noOptionsFound")
       }
     ),
-    d && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(
-        it,
+    d && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(
+        dt,
         {
           dimensionOrMeasure: d,
           filter: e,
-          results: l,
-          theme: c,
-          onSelectOperator: p,
+          results: o,
+          theme: p,
+          onSelectOperator: c,
           onSelectValue: n,
           onSearchValue: i
         }
       ),
-      /* @__PURE__ */ o.jsx("button", { className: g.deleteButton, onClick: h, children: /* @__PURE__ */ o.jsx(Z, {}) })
+      /* @__PURE__ */ s.jsx("button", { className: O.deleteButton, onClick: f, children: /* @__PURE__ */ s.jsx(ne, {}) })
     ] })
   ] });
-}, oe = (e) => {
-  var J, U, H, K, X, Y;
-  const s = fe();
-  Me(s);
-  const { title: l, description: c, tooltip: u } = Te(e), { dimensionsAndMeasures: p = [], setEmbeddableState: n, embeddableState: i, onChange: h } = e, [d, B] = A(""), [R, C] = A(!1), [w, z] = A(!1), F = L(null), b = ye(() => {
+}, re = (e) => {
+  var K, X, Y, G, Q, Z;
+  const r = he();
+  Ae(r);
+  const { title: o, description: p, tooltip: u } = we(e), {
+    dimensionsAndMeasures: c = [],
+    setEmbeddableState: n,
+    embeddableState: i,
+    onChange: f,
+    defaultFilters: d
+  } = e, [v, M] = T(""), [C, R] = T(!1), [D, L] = T(!1), F = I(null), j = I(void 0), A = I(!0);
+  b(() => {
+    if (!d || !(c != null && c.length))
+      return;
+    const t = ot(d, c);
+    t.length > 0 && (n == null || n((l) => {
+      var a;
+      return (a = l == null ? void 0 : l.filters) != null && a.length ? l : { ...l, filters: t };
+    })), setTimeout(() => {
+      A.current = !1;
+    }, 100);
+  }, [d, c]);
+  const w = Te(() => {
     const t = F.current;
-    t && (z(t.scrollLeft > 1), C(t.scrollLeft + t.clientWidth < t.scrollWidth - 1));
-  }, []), y = () => {
+    t && (L(t.scrollLeft > 1), R(t.scrollLeft + t.clientWidth < t.scrollWidth - 1));
+  }, []), z = () => {
     var t;
     (t = F.current) == null || t.scrollBy({ left: 200, behavior: "smooth" });
-  }, I = () => {
+  }, V = () => {
     var t;
     (t = F.current) == null || t.scrollBy({ left: -200, behavior: "smooth" });
   };
-  x(() => {
+  b(() => {
     const t = F.current;
     if (!t) return;
-    const a = new ResizeObserver(b);
-    return a.observe(t), t.addEventListener("scroll", b), b(), () => {
-      a.disconnect(), t.removeEventListener("scroll", b);
+    const l = new ResizeObserver(w);
+    return l.observe(t), t.addEventListener("scroll", w), w(), () => {
+      l.disconnect(), t.removeEventListener("scroll", w);
     };
-  }, [b, i == null ? void 0 : i.filters]);
-  const $ = L(void 0), q = ((U = (J = i == null ? void 0 : i.filters) == null ? void 0 : J[i.filters.length - 1]) == null ? void 0 : U.id) ?? 0, O = (H = i == null ? void 0 : i.filters) == null ? void 0 : H[i.filters.length - 1], _ = `${O == null ? void 0 : O.id}-${(K = O == null ? void 0 : O.dimensionOrMeasure) == null ? void 0 : K.name}-${O == null ? void 0 : O.operator}-${JSON.stringify(O == null ? void 0 : O.value)}`;
-  x(() => {
-    setTimeout(() => {
+  }, [w, i == null ? void 0 : i.filters]);
+  const N = ((X = (K = i == null ? void 0 : i.filters) == null ? void 0 : K[i.filters.length - 1]) == null ? void 0 : X.id) ?? 0, B = (Y = i == null ? void 0 : i.filters) == null ? void 0 : Y[i.filters.length - 1], E = `${B == null ? void 0 : B.id}-${(G = B == null ? void 0 : B.dimensionOrMeasure) == null ? void 0 : G.name}-${B == null ? void 0 : B.operator}-${JSON.stringify(B == null ? void 0 : B.value)}`;
+  b(() => {
+    A.current || setTimeout(() => {
       var t;
-      (t = F.current) == null || t.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" }), b();
+      (t = F.current) == null || t.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" }), w();
     }, 100);
-  }, [_]);
-  const M = (t = null) => {
-    const a = p.find((r) => r.name === t) ?? null;
-    return { id: q + 1, dimensionOrMeasure: a, search: "", operator: null, value: null };
-  }, T = (X = i == null ? void 0 : i.filters) != null && X.length ? i.filters : [M()], se = (t, a) => {
-    n == null || n((r) => {
-      const N = [...(r == null ? void 0 : r.filters) ?? []], V = N[t];
-      return N[t] = {
-        ...M(a),
-        ...V != null && V.id ? { id: V.id } : {}
-      }, { ...r, filters: N };
-    });
-  }, le = (t, a) => {
-    n == null || n((r) => {
-      const N = [...(r == null ? void 0 : r.filters) ?? []];
-      return N[t] = { ...N[t], operator: a, value: null }, { ...r, filters: N };
-    });
-  }, re = (t, a) => {
-    n == null || n((r) => {
-      const N = [...(r == null ? void 0 : r.filters) ?? []];
-      return N[t] = { ...N[t], value: a }, { ...r, filters: N };
+  }, [E]);
+  const P = (t = null) => {
+    const l = c.find((a) => a.name === t) ?? null;
+    return { id: N + 1, dimensionOrMeasure: l, search: "", operator: null, value: null };
+  }, q = (Q = i == null ? void 0 : i.filters) != null && Q.length ? i.filters : [P()], le = (t, l) => {
+    n == null || n((a) => {
+      const _ = [...(a == null ? void 0 : a.filters) ?? []], $ = _[t];
+      return _[t] = {
+        ...P(l),
+        ...$ != null && $.id ? { id: $.id } : {}
+      }, { ...a, filters: _ };
     });
-  }, ie = (t, a) => {
-    n == null || n((r) => {
-      const N = [...(r == null ? void 0 : r.filters) ?? []];
-      return N[t] = { ...N[t], search: a }, { ...r, filters: N };
+  }, ie = (t, l) => {
+    n == null || n((a) => {
+      const _ = [...(a == null ? void 0 : a.filters) ?? []];
+      return _[t] = { ..._[t], operator: l, value: null }, { ...a, filters: _ };
     });
-  }, ae = (t) => {
+  }, ae = (t, l) => {
     n == null || n((a) => {
-      const r = [...(a == null ? void 0 : a.filters) ?? []];
-      return r.splice(t, 1), { ...a, filters: r };
+      const _ = [...(a == null ? void 0 : a.filters) ?? []];
+      return _[t] = { ..._[t], value: l }, { ...a, filters: _ };
     });
-  }, ue = (t) => {
+  }, ue = (t, l) => {
     n == null || n((a) => {
-      const r = [...(a == null ? void 0 : a.filters) ?? [], M(t)];
-      return { ...a, filters: r };
+      const _ = [...(a == null ? void 0 : a.filters) ?? []];
+      return _[t] = { ..._[t], search: l }, { ...a, filters: _ };
+    });
+  }, ce = (t) => {
+    n == null || n((l) => {
+      const a = [...(l == null ? void 0 : l.filters) ?? []];
+      return a.splice(t, 1), { ...l, filters: a };
+    });
+  }, de = (t) => {
+    n == null || n((l) => {
+      const a = [...(l == null ? void 0 : l.filters) ?? [], P(t)];
+      return { ...l, filters: a };
     }), setTimeout(() => {
-      var a;
-      (a = F.current) == null || a.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
+      var l;
+      (l = F.current) == null || l.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
     }, 0);
   };
-  x(() => {
-    const t = Ze(te.AND, T);
-    JSON.stringify(t) !== JSON.stringify($.current) && ($.current = t, h == null || h(t));
-  }, [T]);
-  const ce = ne(p), de = W({
-    dimensionsAndMeasures: ce,
-    searchValue: d,
-    theme: s
-  }), pe = T.some((t) => t.dimensionOrMeasure && t.operator && t.value != null), me = () => {
-    n == null || n((t) => ({ ...t, filters: [M()] }));
+  b(() => {
+    const t = tt(H.AND, q);
+    JSON.stringify(t) !== JSON.stringify(j.current) && (j.current = t, f == null || f(t));
+  }, [q]);
+  const pe = se(c), fe = U({
+    dimensionsAndMeasures: pe,
+    searchValue: v,
+    theme: r
+  }), me = q.some((t) => t.dimensionOrMeasure && t.operator && t.value != null), ge = () => {
+    n == null || n((t) => ({ ...t, filters: [P()] }));
   };
-  return /* @__PURE__ */ o.jsx(Ae, { title: l, description: c, tooltip: u, children: /* @__PURE__ */ o.jsxs("div", { className: g.container, children: [
-    w && /* @__PURE__ */ o.jsx("button", { className: g.scrollLeftButton, onClick: I, children: /* @__PURE__ */ o.jsx(Ne, {}) }),
-    /* @__PURE__ */ o.jsx("div", { className: g.scroll, ref: F, children: T.map((t, a) => /* @__PURE__ */ o.jsx(xe.Fragment, { children: /* @__PURE__ */ o.jsx(
-      at,
+  return /* @__PURE__ */ s.jsx(Re, { title: o, description: p, tooltip: u, children: /* @__PURE__ */ s.jsxs("div", { className: O.container, children: [
+    D && /* @__PURE__ */ s.jsx("button", { className: O.scrollLeftButton, onClick: V, children: /* @__PURE__ */ s.jsx(Fe, {}) }),
+    /* @__PURE__ */ s.jsx("div", { className: O.scroll, ref: F, children: q.map((t, l) => /* @__PURE__ */ s.jsx(Me.Fragment, { children: /* @__PURE__ */ s.jsx(
+      pt,
       {
         filter: t,
-        dimensionsAndMeasures: p,
+        dimensionsAndMeasures: c,
         results: e[`filterResults${t.id}`],
-        theme: s,
-        onSelectDimensionOrMeasure: (r) => se(a, r),
-        onSelectOperator: (r) => le(a, r),
-        onSelectValue: (r) => re(a, r),
-        onSearchValue: (r) => ie(a, r),
-        onDelete: () => ae(a)
+        theme: r,
+        onSelectDimensionOrMeasure: (a) => le(l, a),
+        onSelectOperator: (a) => ie(l, a),
+        onSelectValue: (a) => ae(l, a),
+        onSearchValue: (a) => ue(l, a),
+        onDelete: () => ce(l)
       }
     ) }, t.id)) }),
-    R && /* @__PURE__ */ o.jsx("button", { className: g.scrollRightButton, onClick: y, children: /* @__PURE__ */ o.jsx(Fe, {}) }),
-    ((Y = T[0]) == null ? void 0 : Y.dimensionOrMeasure) && /* @__PURE__ */ o.jsx(
-      P,
+    C && /* @__PURE__ */ s.jsx("button", { className: O.scrollRightButton, onClick: z, children: /* @__PURE__ */ s.jsx(Ce, {}) }),
+    ((Z = q[0]) == null ? void 0 : Z.dimensionOrMeasure) && /* @__PURE__ */ s.jsx(
+      W,
       {
-        triggerComponent: /* @__PURE__ */ o.jsx(Ce, { icon: ee }),
+        triggerComponent: /* @__PURE__ */ s.jsx(be, { icon: oe }),
         searchable: !0,
-        onChange: (t) => ue(t),
-        onSearch: B,
-        options: de,
+        onChange: (t) => de(t),
+        onSearch: M,
+        options: fe,
         avoidCollisions: !1,
-        noOptionsMessage: m.t("common.noOptionsFound")
+        noOptionsMessage: h.t("common.noOptionsFound")
       }
     ),
-    pe && /* @__PURE__ */ o.jsx("button", { className: g.clearButton, onClick: me, children: m.t("editors.filterBuilder.clearAll") })
+    me && /* @__PURE__ */ s.jsx("button", { className: O.clearButton, onClick: ge, children: h.t("editors.filterBuilder.clearAll") })
   ] }) });
-}, ut = {
+}, ft = {
   name: "FilterBuilderPro",
   label: "Filter Builder",
   category: "Filters",
   defaultWidth: 600,
   defaultHeight: 120,
   inputs: [
-    D.dataset,
+    S.dataset,
     {
-      ...D.dimensionsAndMeasures,
+      ...S.dimensionsAndMeasures,
       config: {
-        ...D.dimensionsAndMeasures.config,
+        ...S.dimensionsAndMeasures.config,
         supportedTypes: ["string", "number", "boolean"]
       }
     },
-    D.title,
-    D.description,
-    D.tooltip
+    {
+      ...S.filters,
+      name: "defaultFilters",
+      label: "Default filters",
+      defaultValue: null
+    },
+    S.title,
+    S.description,
+    S.tooltip
   ],
   events: [
     {
@@ -493,46 +556,46 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       name: "filter value",
       type: "filters",
       defaultValue: {},
-      inputs: [],
+      inputs: ["defaultFilters"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, ct = ge(oe, {}), dt = (e, [s, l]) => {
+}, mt = ve(re, {}), gt = (e, [r, o]) => {
   var u;
-  const c = (u = s == null ? void 0 : s.filters) == null ? void 0 : u.reduce((p, n) => {
+  const p = (u = r == null ? void 0 : r.filters) == null ? void 0 : u.reduce((c, n) => {
     var d;
     if (((d = n.dimensionOrMeasure) == null ? void 0 : d.__type__) !== "dimension" || !n.operator)
-      return p;
-    const { dimensionOrMeasure: i } = n, h = i.nativeType === "string" ? v.contains : v.equals;
-    return p[`filterResults${n.id}`] = je({
+      return c;
+    const { dimensionOrMeasure: i } = n, f = i.nativeType === "string" ? m.contains : m.equals;
+    return c[`filterResults${n.id}`] = xe({
       from: e.dataset,
       select: [n.dimensionOrMeasure],
-      filters: n.search ? [{ operator: h, property: i, value: n.search }] : void 0
-    }), p;
+      filters: n.search ? [{ operator: f, property: i, value: n.search }] : void 0
+    }), c;
   }, {});
-  return console.log("filterResults", c), {
+  return console.log("filterResults", p), {
     ...e,
-    embeddableState: s,
-    setEmbeddableState: l,
+    embeddableState: r,
+    setEmbeddableState: o,
     dimensionsAndMeasures: e.dimensionsAndMeasures ?? [],
-    ...c
+    ...p
   };
-}, pt = {
+}, ht = {
   onChange: (e) => ({
-    value: e ?? be.noFilter()
+    value: e ?? je.noFilter()
   })
-}, E = {
-  Component: oe,
-  meta: ut,
-  preview: ct,
+}, k = {
+  Component: re,
+  meta: ft,
+  preview: mt,
   config: {
-    props: dt,
-    events: pt
+    props: gt,
+    events: ht
   }
-}, Ft = E.preview, mt = E.meta, Ct = he(E.Component, mt, E.config);
+}, jt = k.preview, vt = k.meta, xt = Oe(k.Component, vt, k.config);
 export {
-  Ct as default,
-  mt as meta,
-  Ft as preview
+  xt as default,
+  vt as meta,
+  jt as preview
 };
 //# sourceMappingURL=FilterBuilderPro.js.map