@embeddable.com/remarkable-pro 0.2.3 → 0.2.4

package/dist/FilterBuilderPro.js

@@ -1,18 +1,18 @@
 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 { 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-CBm5oDU7.js";
+import Me, { useState as T, useRef as R, useEffect as b, useCallback as Te } from "react";
+import { g as U } from "./dimensionsAndMeasures.utils-D1G9Uqy3.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";
+import { g as Se } from "./formatter.utils-BpAQmGN5.js";
+import { E as Ie } from "./EditorCard-Ay5OE28n.js";
+import { i as w } from "./component.inputs.constants-CcSXGMBZ.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 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 = {
+const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], oe = Be("outline", "plus", "Plus", Re), 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,
@@ -31,11 +31,11 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   filter: e,
   onSelectValue: r
 }) => {
-  const [o, p] = T((e == null ? void 0 : e.value) ?? null), [u, c] = T(
+  const [o, f] = 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) => {
+  ), p = R(null), d = te((v) => {
     r(v);
   });
   return b(() => {
@@ -45,13 +45,13 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   }, [o, d]), b(() => {
     setTimeout(() => {
       var v;
-      (v = f.current) == null || v.focus();
+      (v = p.current) == null || v.focus();
     }, 100);
   }, [e.operator]), e.operator === "between" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       "input",
       {
-        ref: f,
+        ref: p,
         type: "number",
         className: O.valueInput,
         value: u ?? "",
@@ -71,18 +71,18 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   ] }) : /* @__PURE__ */ s.jsx(
     "input",
     {
-      ref: f,
+      ref: p,
       type: "number",
       className: O.valueInput,
       value: o ?? "",
-      onChange: (v) => p(J(v))
+      onChange: (v) => f(J(v))
     }
   );
 }, Ye = ({
   filter: e,
   onSelectValue: r
 }) => {
-  const [o, p] = T((e == null ? void 0 : e.value) ?? ""), u = I(null), c = te((n) => {
+  const [o, f] = T((e == null ? void 0 : e.value) ?? ""), u = R(null), c = te((n) => {
     r(n);
   });
   return b(() => {
@@ -99,7 +99,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       type: "text",
       className: O.valueInput,
       value: o,
-      onChange: (n) => p(n.target.value)
+      onChange: (n) => f(n.target.value)
     }
   );
 }, g = {
@@ -136,12 +136,12 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
 ), et = (e) => {
   var o;
   if (e.operator === y.between && ((o = e.dimensionOrMeasure) == null ? void 0 : o.nativeType) === x.number) {
-    const [p, u] = e.value;
+    const [f, u] = e.value;
     return [
       {
         operator: H.AND,
         clauses: [
-          { property: e.dimensionOrMeasure.name, operator: m.gte, value: p },
+          { property: e.dimensionOrMeasure.name, operator: m.gte, value: f },
           { property: e.dimensionOrMeasure.name, operator: m.lte, value: u }
         ]
       }
@@ -150,24 +150,24 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   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);
+  const o = r.filter((f) => f.dimensionOrMeasure && f.operator && f.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;
+    const p = e.clauses[0], d = e.clauses[1];
+    if (e.operator === H.AND && e.clauses.length === 2 && p != null && d != null && "property" in p && "property" in d && p.property === d.property && p.operator === m.gte && d.operator === m.lte) {
+      const v = r.find((M) => M.name === p.property) ?? null;
       return {
         id: o,
         dimensionOrMeasure: v,
         search: "",
         operator: y.between,
-        value: [f.value, d.value]
+        value: [p.value, d.value]
       };
     }
     return null;
   }
-  const { property: p, operator: u, value: c } = e, n = r.find((f) => f.name === p) ?? null;
+  const { property: f, operator: u, value: c } = e, n = r.find((p) => p.name === f) ?? null;
   let i = null;
   return (n == null ? void 0 : n.nativeType) === x.number ? i = {
     [m.equals]: y.equals,
@@ -183,8 +183,8 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   if (!e) return [];
   if (!("clauses" in e)) return [];
   const o = [];
-  return e.clauses.forEach((p, u) => {
-    const c = nt(p, r, u + 1);
+  return e.clauses.forEach((f, u) => {
+    const c = nt(f, r, u + 1);
     c && o.push(c);
   }), o.length ? o : [];
 }, st = (e) => Array.isArray(e) ? e : e == null ? [] : [e], rt = (e, r) => [
@@ -194,29 +194,29 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   hasValue: e,
   isLoading: r,
   displayValue: o,
-  showClearIcon: p,
+  showClearIcon: f,
   onClear: u,
   ...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 })
+  f && /* @__PURE__ */ s.jsx(ne, { onClick: u })
 ] }), it = ({
   filter: e,
   dimensionOrMeasure: r,
   results: o,
-  theme: p,
+  theme: f,
   onSelectValue: u,
   onSearchValue: c
 }) => {
   var z, V;
-  const n = Se(p), i = I({}), f = ((z = o == null ? void 0 : o.data) == null ? void 0 : z.map((N) => ({
+  const n = Se(f), i = R({}), p = ((z = o == null ? void 0 : o.data) == null ? void 0 : z.map((N) => ({
     value: N[r.name],
     label: n.data(r, N[r.name])
   }))) ?? [];
-  f.forEach(({ value: N, label: B }) => {
+  p.forEach(({ value: N, label: B }) => {
     N != null && (i.current[N] = B);
   });
-  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;
+  const d = (N) => i.current[N] ?? N, v = st(e.value), M = rt(p, v), C = o == null ? void 0 : o.isLoading, S = !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)
@@ -245,7 +245,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         onChange: (E) => u(E.length === 0 ? null : E),
         onSearch: c,
         avoidCollisions: !1,
-        noOptionsMessage: R ? h.t("common.noOptionsFound") : void 0
+        noOptionsMessage: S ? h.t("common.noOptionsFound") : void 0
       }
     );
   }
@@ -272,7 +272,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         onChange: u,
         onSearch: c,
         avoidCollisions: !1,
-        noOptionsMessage: R ? h.t("common.noOptionsFound") : void 0
+        noOptionsMessage: S ? h.t("common.noOptionsFound") : void 0
       }
     );
   }
@@ -298,12 +298,12 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   dimensionOrMeasure: e,
   filter: r,
   results: o,
-  theme: p,
+  theme: f,
   onSelectOperator: u,
   onSelectValue: c,
   onSearchValue: n
 }) => {
-  var f;
+  var p;
   let i;
   return e.nativeType === x.number ? i = ct() : e.nativeType === x.boolean ? i = ut() : i = at(), b(() => {
     r.operator || u(i[0].value);
@@ -311,7 +311,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     /* @__PURE__ */ s.jsx(
       W,
       {
-        triggerComponent: /* @__PURE__ */ s.jsx("button", { className: O.operatorButton, children: (f = i.find((d) => d.value === r.operator)) == null ? void 0 : f.label }),
+        triggerComponent: /* @__PURE__ */ s.jsx("button", { className: O.operatorButton, children: (p = i.find((d) => d.value === r.operator)) == null ? void 0 : p.label }),
         value: r.operator,
         options: i,
         onChange: u,
@@ -324,7 +324,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         filter: r,
         dimensionOrMeasure: e,
         results: o,
-        theme: p,
+        theme: f,
         onSelectValue: c,
         onSearchValue: n
       }
@@ -334,22 +334,22 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   filter: e,
   dimensionsAndMeasures: r,
   results: o,
-  theme: p,
+  theme: f,
   onSelectDimensionOrMeasure: u,
   onSelectOperator: c,
   onSelectValue: n,
   onSearchValue: i,
-  onDelete: f
+  onDelete: p
 }) => {
   var j;
-  const { dimensionOrMeasure: d } = e, [v, M] = T(""), C = se(r), R = U({
+  const { dimensionOrMeasure: d } = e, [v, M] = T(""), C = se(r), S = U({
     dimensionsAndMeasures: C,
-    theme: p
+    theme: f
   }), D = U({
     dimensionsAndMeasures: C,
     searchValue: v,
-    theme: p
-  }), L = (j = R.find(
+    theme: f
+  }), L = (j = S.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, {}),
@@ -376,26 +376,26 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
           dimensionOrMeasure: d,
           filter: e,
           results: o,
-          theme: p,
+          theme: f,
           onSelectOperator: c,
           onSelectValue: n,
           onSearchValue: i
         }
       ),
-      /* @__PURE__ */ s.jsx("button", { className: O.deleteButton, onClick: f, children: /* @__PURE__ */ s.jsx(ne, {}) })
+      /* @__PURE__ */ s.jsx("button", { className: O.deleteButton, onClick: p, children: /* @__PURE__ */ s.jsx(ne, {}) })
     ] })
   ] });
 }, re = (e) => {
   var K, X, Y, G, Q, Z;
   const r = he();
   Ae(r);
-  const { title: o, description: p, tooltip: u } = we(e), {
+  const { title: o, description: f, tooltip: u } = we(e), {
     dimensionsAndMeasures: c = [],
     setEmbeddableState: n,
     embeddableState: i,
-    onChange: f,
+    onChange: p,
     defaultFilters: d
-  } = e, [v, M] = T(""), [C, R] = T(!1), [D, L] = T(!1), F = I(null), j = I(void 0), A = I(!0);
+  } = e, [v, M] = T(""), [C, S] = T(!1), [D, L] = T(!1), F = R(null), j = R(void 0), A = R(!0);
   b(() => {
     if (!d || !(c != null && c.length))
       return;
@@ -407,9 +407,9 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       A.current = !1;
     }, 100);
   }, [d, c]);
-  const w = Te(() => {
+  const I = Te(() => {
     const t = F.current;
-    t && (L(t.scrollLeft > 1), R(t.scrollLeft + t.clientWidth < t.scrollWidth - 1));
+    t && (L(t.scrollLeft > 1), S(t.scrollLeft + t.clientWidth < t.scrollWidth - 1));
   }, []), z = () => {
     var t;
     (t = F.current) == null || t.scrollBy({ left: 200, behavior: "smooth" });
@@ -420,16 +420,16 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   b(() => {
     const t = F.current;
     if (!t) return;
-    const l = new ResizeObserver(w);
-    return l.observe(t), t.addEventListener("scroll", w), w(), () => {
-      l.disconnect(), t.removeEventListener("scroll", w);
+    const l = new ResizeObserver(I);
+    return l.observe(t), t.addEventListener("scroll", I), I(), () => {
+      l.disconnect(), t.removeEventListener("scroll", I);
     };
-  }, [w, i == null ? void 0 : i.filters]);
+  }, [I, 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" }), w();
+      (t = F.current) == null || t.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
     }, 100);
   }, [E]);
   const P = (t = null) => {
@@ -474,7 +474,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   };
   b(() => {
     const t = tt(H.AND, q);
-    JSON.stringify(t) !== JSON.stringify(j.current) && (j.current = t, f == null || f(t));
+    JSON.stringify(t) !== JSON.stringify(j.current) && (j.current = t, p == null || p(t));
   }, [q]);
   const pe = se(c), fe = U({
     dimensionsAndMeasures: pe,
@@ -483,7 +483,7 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   }), me = q.some((t) => t.dimensionOrMeasure && t.operator && t.value != null), ge = () => {
     n == null || n((t) => ({ ...t, filters: [P()] }));
   };
-  return /* @__PURE__ */ s.jsx(Re, { title: o, description: p, tooltip: u, children: /* @__PURE__ */ s.jsxs("div", { className: O.container, children: [
+  return /* @__PURE__ */ s.jsx(Ie, { title: o, description: f, 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,
@@ -521,23 +521,23 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   defaultWidth: 600,
   defaultHeight: 120,
   inputs: [
-    S.dataset,
+    w.dataset,
     {
-      ...S.dimensionsAndMeasures,
+      ...w.dimensionsAndMeasures,
       config: {
-        ...S.dimensionsAndMeasures.config,
+        ...w.dimensionsAndMeasures.config,
         supportedTypes: ["string", "number", "boolean"]
       }
     },
     {
-      ...S.filters,
+      ...w.filters,
       name: "defaultFilters",
       label: "Default filters",
       defaultValue: null
     },
-    S.title,
-    S.description,
-    S.tooltip
+    w.title,
+    w.description,
+    w.tooltip
   ],
   events: [
     {
@@ -562,23 +562,23 @@ const Ie = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   ]
 }, mt = ve(re, {}), gt = (e, [r, o]) => {
   var u;
-  const p = (u = r == null ? void 0 : r.filters) == null ? void 0 : u.reduce((c, n) => {
+  const f = (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 c;
-    const { dimensionOrMeasure: i } = n, f = i.nativeType === "string" ? m.contains : m.equals;
+    const { dimensionOrMeasure: i } = n, p = i.nativeType === "string" ? m.contains : m.equals;
     return c[`filterResults${n.id}`] = xe({
       from: e.dataset,
       select: [n.dimensionOrMeasure],
-      filters: n.search ? [{ operator: f, property: i, value: n.search }] : void 0
+      filters: n.search ? [{ operator: p, property: i, value: n.search }] : void 0
     }), c;
   }, {});
-  return console.log("filterResults", p), {
+  return {
     ...e,
     embeddableState: r,
     setEmbeddableState: o,
     dimensionsAndMeasures: e.dimensionsAndMeasures ?? [],
-    ...p
+    ...f
   };
 }, ht = {
   onChange: (e) => ({