@embeddable.com/remarkable-pro 0.2.13 → 0.3.0

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-7D6uMJ-C.js";
+import { X as Be, ae as te, a7 as s, N as j, F as m, t as Ne, E as W, n as _e, o as ne, W as Fe, I as ye, m as Ce, A as be, V as xe, a8 as je } from "./index-Cddhb628.js";
 import Me, { useState as T, useRef as R, useEffect as b, useCallback as Te } from "react";
-import { g as U } from "./dimensionsAndMeasures.utils-QrsgOdpr.js";
-import { i as h, a as Ae, r as we } from "./component.utils-Dua9clQJ.js";
-import { g as Se } from "./formatter.utils-Y14po21h.js";
-import { E as Ie } from "./EditorCard-BcrwRhSA.js";
-import { i as w } from "./component.inputs.constants-ByMVK7Vv.js";
+import { g as U } from "./dimensionsAndMeasures.utils-SAlbbzn4.js";
+import { a as h, i as Ae, r as we } from "./component.utils-oQMZT7TK.js";
+import { b as Se } from "./formatter.utils-Dm_mQlX1.js";
+import { E as Ie } from "./EditorCard-DOCprGOC.js";
+import { i as w } from "./component.inputs.constants-BFlnzCwS.js";
 /**
  * @license @tabler/icons-react v3.44.0 - 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" }]], 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 = {
+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", Xe = "_scrollLeftButton_2pz3g_240", He = "_valueInput_2pz3g_273", O = {
   container: qe,
   scroll: De,
   filter: Le,
@@ -25,9 +25,9 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   valueButtonEmpty: We,
   clearButton: Je,
   scrollRightButton: Ue,
-  scrollLeftButton: He,
-  valueInput: Ke
-}, J = (e) => e.target.value === "" ? null : Number(e.target.value), Xe = ({
+  scrollLeftButton: Xe,
+  valueInput: He
+}, J = (e) => e.target.value === "" ? null : Number(e.target.value), Ke = ({
   filter: e,
   onSelectValue: r
 }) => {
@@ -114,32 +114,32 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   [g.isOneOf]: m.contains,
   [g.isNotOneOf]: m.notContains,
   [g.contains]: m.contains
-}, y = {
+}, F = {
   equals: m.equals,
   notEquals: m.notEquals,
   gte: m.gte,
   lte: m.lte,
   between: "between"
 }, Qe = {
-  [y.equals]: m.equals,
-  [y.notEquals]: m.notEquals,
-  [y.gte]: m.gte,
-  [y.lte]: m.lte
-}, H = {
+  [F.equals]: m.equals,
+  [F.notEquals]: m.notEquals,
+  [F.gte]: m.gte,
+  [F.lte]: m.lte
+}, X = {
   AND: "and"
 }, Ze = [
-  x.string,
-  x.boolean,
-  x.number
+  j.string,
+  j.boolean,
+  j.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) {
+  if (e.operator === F.between && ((o = e.dimensionOrMeasure) == null ? void 0 : o.nativeType) === j.number) {
     const [f, u] = e.value;
     return [
       {
-        operator: H.AND,
+        operator: X.AND,
         clauses: [
           { property: e.dimensionOrMeasure.name, operator: m.gte, value: f },
           { property: e.dimensionOrMeasure.name, operator: m.lte, value: u }
@@ -155,13 +155,13 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
 }, nt = (e, r, o) => {
   if ("clauses" in e) {
     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) {
+    if (e.operator === X.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,
+        operator: F.between,
         value: [p.value, d.value]
       };
     }
@@ -169,11 +169,11 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   }
   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,
-    [m.notEquals]: y.notEquals,
-    [m.gte]: y.gte,
-    [m.lte]: y.lte
+  return (n == null ? void 0 : n.nativeType) === j.number ? i = {
+    [m.equals]: F.equals,
+    [m.notEquals]: F.notEquals,
+    [m.gte]: F.gte,
+    [m.lte]: F.lte
   }[u] ?? null : u === m.contains ? i = Array.isArray(c) ? g.isOneOf : g.contains : i = {
     [m.equals]: g.is,
     [m.notEquals]: g.isNot,
@@ -197,7 +197,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   showClearIcon: f,
   onClear: u,
   ...c
-}) => /* @__PURE__ */ s.jsxs("button", { className: ye(O.valueButton, !e && O.valueButtonEmpty), ...c, children: [
+}) => /* @__PURE__ */ s.jsxs("button", { className: Fe(O.valueButton, !e && O.valueButtonEmpty), ...c, children: [
   r ? /* @__PURE__ */ s.jsx(_e, { className: O.loadingSpinner }) : o,
   f && /* @__PURE__ */ s.jsx(ne, { onClick: u })
 ] }), it = ({
@@ -217,12 +217,12 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     N != null && (i.current[N] = B);
   });
   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)
+  if (r.nativeType === j.number)
+    return /* @__PURE__ */ s.jsx(Ke, { filter: e, onSelectValue: u });
+  if (r.nativeType === j.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 y = e.operator === g.isOneOf || e.operator === g.isNotOneOf, x = e.value != null, A = !C && x;
+  if (y) {
     const N = e.value ?? [], B = lt(N, d);
     return /* @__PURE__ */ s.jsx(
       Ne,
@@ -230,7 +230,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         triggerComponent: /* @__PURE__ */ s.jsx(
           ee,
           {
-            hasValue: j,
+            hasValue: x,
             isLoading: C,
             displayValue: B,
             showClearIcon: A,
@@ -257,7 +257,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
         triggerComponent: /* @__PURE__ */ s.jsx(
           ee,
           {
-            hasValue: j,
+            hasValue: x,
             isLoading: C,
             displayValue: N,
             showClearIcon: A,
@@ -289,11 +289,11 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   { 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") }
+  { value: F.equals, label: h.t("editors.filterBuilder.equals") },
+  { value: F.notEquals, label: h.t("editors.filterBuilder.doesNotEqual") },
+  { value: F.gte, label: h.t("editors.filterBuilder.greaterThanOrEqualTo") },
+  { value: F.lte, label: h.t("editors.filterBuilder.lessThanOrEqualTo") },
+  { value: F.between, label: h.t("editors.filterBuilder.between") }
 ], dt = ({
   dimensionOrMeasure: e,
   filter: r,
@@ -305,7 +305,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
 }) => {
   var p;
   let i;
-  return e.nativeType === x.number ? i = ct() : e.nativeType === x.boolean ? i = ut() : i = at(), b(() => {
+  return e.nativeType === j.number ? i = ct() : e.nativeType === j.boolean ? i = ut() : i = at(), b(() => {
     r.operator || u(i[0].value);
   }), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
@@ -341,7 +341,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   onSearchValue: i,
   onDelete: p
 }) => {
-  var j;
+  var x;
   const { dimensionOrMeasure: d } = e, [v, M] = T(""), C = se(r), S = U({
     dimensionsAndMeasures: C,
     theme: f
@@ -349,9 +349,9 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     dimensionsAndMeasures: C,
     searchValue: v,
     theme: f
-  }), L = (j = S.find(
+  }), L = (x = 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: [
+  )) == null ? void 0 : x.label, y = () => 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") })
   ] });
@@ -359,7 +359,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     /* @__PURE__ */ s.jsx(
       W,
       {
-        triggerComponent: F(),
+        triggerComponent: y(),
         searchable: !0,
         value: d == null ? void 0 : d.name,
         onChange: u,
@@ -386,7 +386,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     ] })
   ] });
 }, re = (e) => {
-  var K, X, Y, G, Q, Z;
+  var H, K, Y, G, Q, Z;
   const r = he();
   Ae(r);
   const { title: o, description: f, tooltip: u } = we(e), {
@@ -395,7 +395,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     embeddableState: i,
     onChange: p,
     defaultFilters: d
-  } = e, [v, M] = T(""), [C, S] = T(!1), [D, L] = T(!1), F = R(null), j = R(void 0), A = R(!0);
+  } = e, [v, M] = T(""), [C, S] = T(!1), [D, L] = T(!1), y = R(null), x = R(void 0), A = R(!0);
   b(() => {
     if (!d || !(c != null && c.length))
       return;
@@ -408,28 +408,28 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     }, 100);
   }, [d, c]);
   const I = Te(() => {
-    const t = F.current;
+    const t = y.current;
     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" });
+    (t = y.current) == null || t.scrollBy({ left: 200, behavior: "smooth" });
   }, V = () => {
     var t;
-    (t = F.current) == null || t.scrollBy({ left: -200, behavior: "smooth" });
+    (t = y.current) == null || t.scrollBy({ left: -200, behavior: "smooth" });
   };
   b(() => {
-    const t = F.current;
+    const t = y.current;
     if (!t) return;
     const l = new ResizeObserver(I);
     return l.observe(t), t.addEventListener("scroll", I), I(), () => {
       l.disconnect(), t.removeEventListener("scroll", I);
     };
   }, [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)}`;
+  const N = ((K = (H = i == null ? void 0 : i.filters) == null ? void 0 : H[i.filters.length - 1]) == null ? void 0 : K.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" });
+      (t = y.current) == null || t.scrollTo({ left: y.current.scrollWidth, behavior: "smooth" });
     }, 100);
   }, [E]);
   const P = (t = null) => {
@@ -469,12 +469,12 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
       return { ...l, filters: a };
     }), setTimeout(() => {
       var l;
-      (l = F.current) == null || l.scrollTo({ left: F.current.scrollWidth, behavior: "smooth" });
+      (l = y.current) == null || l.scrollTo({ left: y.current.scrollWidth, behavior: "smooth" });
     }, 0);
   };
   b(() => {
-    const t = tt(H.AND, q);
-    JSON.stringify(t) !== JSON.stringify(j.current) && (j.current = t, p == null || p(t));
+    const t = tt(X.AND, q);
+    JSON.stringify(t) !== JSON.stringify(x.current) && (x.current = t, p == null || p(t));
   }, [q]);
   const pe = se(c), fe = U({
     dimensionsAndMeasures: pe,
@@ -484,8 +484,8 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     n == null || n((t) => ({ ...t, filters: [P()] }));
   };
   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(
+    D && /* @__PURE__ */ s.jsx("button", { className: O.scrollLeftButton, onClick: V, children: /* @__PURE__ */ s.jsx(ye, {}) }),
+    /* @__PURE__ */ s.jsx("div", { className: O.scroll, ref: y, children: q.map((t, l) => /* @__PURE__ */ s.jsx(Me.Fragment, { children: /* @__PURE__ */ s.jsx(
       pt,
       {
         filter: t,
@@ -517,6 +517,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
 }, ft = {
   name: "FilterBuilderPro",
   label: "Filter Builder",
+  description: "Free-form filter builder that lets end users compose member/operator/value clauses. Use to expose ad-hoc filtering on a dataset.",
   category: "Filters",
   defaultWidth: 600,
   defaultHeight: 120,
@@ -567,7 +568,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     if (((d = n.dimensionOrMeasure) == null ? void 0 : d.__type__) !== "dimension" || !n.operator)
       return c;
     const { dimensionOrMeasure: i } = n, p = i.nativeType === "string" ? m.contains : m.equals;
-    return c[`filterResults${n.id}`] = xe({
+    return c[`filterResults${n.id}`] = je({
       from: e.dataset,
       select: [n.dimensionOrMeasure],
       filters: n.search ? [{ operator: p, property: i, value: n.search }] : void 0
@@ -582,7 +583,7 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
   };
 }, ht = {
   onChange: (e) => ({
-    value: e ?? je.noFilter()
+    value: e ?? xe.noFilter()
   })
 }, k = {
   Component: re,
@@ -592,10 +593,10 @@ const Re = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
     props: gt,
     events: ht
   }
-}, jt = k.preview, vt = k.meta, xt = Oe(k.Component, vt, k.config);
+}, xt = k.preview, vt = k.meta, jt = Oe(k.Component, vt, k.config);
 export {
-  xt as default,
+  jt as default,
   vt as meta,
-  jt as preview
+  xt as preview
 };
 //# sourceMappingURL=FilterBuilderPro.js.map