@pibit.ai/cure-design-system 0.6.37 → 0.6.39

package/dist/patterns/filter-group/filter-condition-row.js

@@ -0,0 +1,642 @@
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import { useState as ie, useMemo as d, useCallback as G, useEffect as oe, useRef as $e } from "react";
+import { Trash02 as me } from "@untitledui/icons";
+import { DatePicker as H } from "../../applications/date-picker/date-picker.js";
+import { useListData as Me } from "../../node_modules/react-stately/dist/private/data/useListData.js";
+import { defaultFilterDateAdapter as Ie } from "./date-adapter.js";
+import { DEFAULT_OPERATORS as _e } from "./types.js";
+import { cx as m } from "../../utils/cn.js";
+import { NestedFieldSelect as J } from "./nested-field-select.js";
+import { ReorderDots8x14 as ce } from "../../primitives/custom-icon/icons/reorder-dots-8x14.js";
+import { useDragControls as Ke } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { Select as C } from "../../primitives/select/select.js";
+import { ButtonUtility as fe } from "../../primitives/button/button-utility.js";
+import { EllipsisContentWithTooltip as he } from "../../primitives/tooltip/ellipsis-content.js";
+import { motion as ke } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { Input as E } from "../../primitives/input/input.js";
+import { MultiSelect as ve } from "../../primitives/select/multi-select.js";
+import { SearchableSelect as qe } from "../../primitives/select/searchable-select.js";
+import { SelectItem as Re } from "../../primitives/select/select-item.js";
+import { ReorderItem as je } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
+const Ee = ({
+  searchable: r = !1,
+  size: x = "sm",
+  className: S,
+  placeholder: K,
+  selectedKey: L,
+  onSelectionChange: B,
+  items: n,
+  isInvalid: k,
+  isDisabled: T,
+  isLoading: q,
+  selectedDisplayValue: g,
+  searchPlaceholder: A = "Search..."
+}) => {
+  const y = (s) => /* @__PURE__ */ l(Re, { id: s.id, label: s.label, children: s.label }, s.id);
+  return r ? /* @__PURE__ */ l(
+    qe,
+    {
+      size: x,
+      className: S,
+      placeholder: K,
+      selectedKey: L || null,
+      onSelectionChange: (s) => B(s ?? ""),
+      items: n,
+      isInvalid: k,
+      isDisabled: T,
+      isLoading: q,
+      selectedDisplayValue: g,
+      searchPlaceholder: A,
+      renderItem: y
+    }
+  ) : /* @__PURE__ */ l(
+    C,
+    {
+      size: x,
+      className: S,
+      placeholder: K,
+      selectedKey: L,
+      onSelectionChange: (s) => B(s),
+      items: n,
+      isInvalid: k,
+      isDisabled: T,
+      children: (s) => /* @__PURE__ */ l(C.Item, { id: s.id, children: s.label })
+    }
+  );
+}, Le = [
+  { id: "and", label: "And" },
+  { id: "or", label: "Or" }
+], b = "flex-1 w-[154px] h-8 [&>button]:h-8 [&>div]:h-full", sr = ({
+  condition: r,
+  fields: x,
+  operators: S = _e,
+  logicalOperator: K,
+  isFirst: L,
+  showLogicalOperator: B,
+  onUpdate: n,
+  onDelete: k,
+  useFixedPositioning: T = !1,
+  onLogicalOperatorChange: q,
+  size: g = "sm",
+  dragEnabled: A = !0,
+  documentFields: y,
+  isInvalid: s = !1,
+  allowFlexCol: v = !1,
+  forceTextInput: P = !1,
+  hideLabels: pe = !1,
+  multiselectOptions: z,
+  searchable: U = !1,
+  testIdPrefix: W,
+  rowIndex: ge,
+  dateAdapter: $ = Ie
+}) => {
+  const Q = Ke(), V = (e) => W ? `${W}-${e}` : void 0, [F, _] = ie(null), [ee, X] = ie(null), re = d(() => F ?? (r.value && typeof r.value == "string" && r.value.trim() ? $.parseDate(r.value) : null), [F, r.value, $]), de = d(() => ee ?? (r.value2 && typeof r.value2 == "string" && r.value2.trim() ? $.parseDate(r.value2) : null), [ee, r.value2, $]), Y = G(
+    (e, a, i = []) => {
+      if (a.length === 0) return null;
+      const [o, ...f] = a, p = e.find((N) => N.key === o);
+      if (!p) return null;
+      if (f.length === 0)
+        return { field: p, ancestorLabels: i };
+      if (p.children) {
+        const N = Y(p.children, f, [...i, p.label]);
+        if (N) return N;
+      }
+      return null;
+    },
+    []
+  ), t = d(() => {
+    const e = x.find((a) => a.id === r.fieldId);
+    if (e) return e;
+    if (y && r.fieldId) {
+      const a = r.fieldId.split("."), i = a[0], o = y[i];
+      if (o) {
+        const f = a.slice(1), p = Y(o.fields, f);
+        if (p && p.field.type) {
+          const M = [o.label, ...p.ancestorLabels, p.field.label].join(" > ");
+          return {
+            id: r.fieldId,
+            label: M,
+            type: p.field.type,
+            options: p.field.options
+          };
+        }
+      }
+    }
+  }, [x, r.fieldId, y]), te = d(() => t ? S.filter((e) => e.applicableTo.includes(t.type)) : S, [S, t]), c = d(
+    () => S.find((e) => e.id === r.operatorId),
+    [S, r.operatorId]
+  ), ye = d(() => x.map((e) => ({ id: e.id, label: e.label })), [x]), be = d(() => te.map((e) => ({ id: e.id, label: e.label })), [te]), R = d(() => (t == null ? void 0 : t.type) === "select" && t.options ? t.options.map((e) => ({
+    id: e.id,
+    label: e.label
+  })) : [], [t]), Se = d(() => {
+    var e;
+    if (r.value)
+      return (e = R.find((a) => a.id === r.value)) == null ? void 0 : e.label;
+  }, [r.value, R]), j = d(() => !r.value || typeof r.value != "string" ? [] : r.value.split(",").map((e) => e.trim()).filter(Boolean), [r.value]), le = d(
+    () => z ?? R,
+    [z, R]
+  ), w = d(() => le.map((e) => ({ id: e.id, label: e.label })), [le]), Ne = d(
+    () => `ms-${r.fieldId}-${r.operatorId}-${w.length}-${r.value}`,
+    [r.fieldId, r.operatorId, w.length, r.value]
+  ), D = Me({
+    initialItems: j.map((e) => w.find((a) => a.id === e)).filter((e) => e !== void 0),
+    getKey: (e) => e.id
+  });
+  oe(() => {
+    if (w.length === 0) return;
+    const e = new Set(D.items.map((a) => a.id));
+    for (const a of j)
+      if (!e.has(a)) {
+        const i = w.find((o) => o.id === a);
+        i && D.append(i);
+      }
+  }, [w]);
+  const ae = $e(r.value);
+  oe(() => {
+    if (ae.current === r.value) return;
+    ae.current = r.value;
+    const e = new Set(D.items.map((i) => i.id)), a = new Set(j);
+    for (const i of D.items)
+      a.has(i.id) || D.remove(i.id);
+    for (const i of j)
+      if (!e.has(i)) {
+        const o = w.find((f) => f.id === i);
+        o && D.append(o);
+      }
+  }, [r.value, j, w, D]);
+  const we = G(
+    (e) => {
+      const a = String(e), i = r.value ? r.value.split(",").map((o) => o.trim()).filter(Boolean) : [];
+      if (!i.includes(a)) {
+        const o = [...i, a].join(", ");
+        n({ value: o });
+      }
+    },
+    [r.value, n]
+  ), xe = G(
+    (e) => {
+      const a = String(e), o = (r.value ? r.value.split(",").map((f) => f.trim()).filter(Boolean) : []).filter((f) => f !== a).join(", ");
+      n({ value: o });
+    },
+    [r.value, n]
+  ), Ve = (e) => {
+    var o;
+    const a = x.find((f) => f.id === e), i = S.filter((f) => f.applicableTo.includes((a == null ? void 0 : a.type) || "string"));
+    n({
+      fieldId: e,
+      operatorId: ((o = i[0]) == null ? void 0 : o.id) || "",
+      value: "",
+      value2: void 0
+    });
+  }, De = (e, a, i) => {
+    var N;
+    const o = y == null ? void 0 : y[a];
+    let f = "string";
+    if (o) {
+      const u = e.split(".").slice(1), h = Y(o.fields, u);
+      h && h.field.type && (f = h.field.type);
+    }
+    const p = S.filter((M) => M.applicableTo.includes(f));
+    n({
+      fieldId: e,
+      operatorId: ((N = p[0]) == null ? void 0 : N.id) || "",
+      value: "",
+      value2: void 0
+    });
+  }, se = (e, a, i) => {
+    n({ value: e });
+  }, Ce = G(
+    (e) => {
+      const a = S.find((f) => f.id === e), i = c == null ? void 0 : c.requiresMultipleValues, o = a == null ? void 0 : a.requiresMultipleValues;
+      n(i !== o ? { operatorId: e, value: "", value2: void 0 } : { operatorId: e });
+    },
+    [S, c, n]
+  ), Z = d(() => (t == null ? void 0 : t.dataType) === "TIMESTAMP", [t]), Te = d(
+    () => Z ? $.parseTimestamp(r.value) : null,
+    [Z, r.value, $]
+  ), ue = () => {
+    var i, o, f, p, N, M;
+    if (!(c != null && c.requiresValue))
+      return /* @__PURE__ */ l(
+        E,
+        {
+          size: g,
+          wrapperClassName: m(v && "w-full"),
+          className: b,
+          placeholder: "No value needed",
+          value: "",
+          onChange: () => {
+          },
+          isDisabled: !0
+        }
+      );
+    if (c != null && c.requiresMultipleValues) {
+      if ((t == null ? void 0 : t.type) === "select") {
+        const u = !!t.isLoading;
+        return /* @__PURE__ */ l(
+          "div",
+          {
+            className: m(
+              b,
+              // Prevent tags from wrapping to new lines - keep single row with horizontal scroll
+              "h-full [&_[role='group']>div]:flex-nowrap [&_[role='group']>div]:overflow-x-auto [&_[role='group']>div]:scrollbar-hide",
+              s && "[&>div]:ring-1 [&>div]:ring-error",
+              v && "w-full"
+            ),
+            children: /* @__PURE__ */ l(
+              ve,
+              {
+                placeholder: u ? "Loading options..." : "Select values",
+                size: g,
+                selectedItems: D,
+                items: u ? [] : w,
+                onItemInserted: we,
+                onItemCleared: xe,
+                showAvatar: !1,
+                isDisabled: u,
+                searchable: U,
+                searchPlaceholder: "Search values...",
+                children: (h) => /* @__PURE__ */ l(ve.Item, { id: h.id, children: h.label })
+              },
+              Ne
+            )
+          }
+        );
+      }
+      return /* @__PURE__ */ l(
+        E,
+        {
+          mode: "tag",
+          size: g,
+          wrapperClassName: m(
+            s && "!ring-error_subtle !ring-2 !ring-error",
+            v && "w-full"
+          ),
+          className: b,
+          placeholder: "Type and press Enter",
+          value: r.value,
+          onChange: (u) => n({ value: u }),
+          isInvalid: s
+        }
+      );
+    }
+    if (Z && !P)
+      return /* @__PURE__ */ l(
+        H,
+        {
+          granularity: "minute",
+          value: Te,
+          onChange: (u) => n({ value: $.formatTimestamp(u) }),
+          showFooter: !1,
+          className: m("w-auto", v && "w-full"),
+          "aria-label": (t == null ? void 0 : t.label) || "Date and time"
+        }
+      );
+    if (y)
+      return c != null && c.requiresTwoValues ? /* @__PURE__ */ I("div", { className: m("flex items-center gap-2 flex-1 min-w-[200px]", v && "w-full"), children: [
+        /* @__PURE__ */ l(
+          J,
+          {
+            documentFields: y,
+            selectedFieldId: (i = r.value) != null && i.includes(".") ? r.value : "",
+            onFieldSelect: se,
+            size: g,
+            placeholder: "Min",
+            className: m(
+              b,
+              s && "[&>div]:ring-2 [&>div]:ring-error [&>button]:ring-2 [&>button]:ring-error"
+            ),
+            allowCustomValue: !0,
+            customValue: (o = r.value) != null && o.includes(".") ? "" : r.value,
+            onCustomValueChange: (u) => n({ value: u }),
+            useFixedPositioning: T
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: "text-sm text-tertiary", children: "and" }),
+        /* @__PURE__ */ l(
+          J,
+          {
+            documentFields: y,
+            selectedFieldId: (f = r.value2) != null && f.includes(".") ? r.value2 : "",
+            onFieldSelect: (u) => n({ value2: u }),
+            size: g,
+            placeholder: "Max",
+            className: m(
+              b,
+              s && "[&>div]:ring-2 [&>div]:ring-error [&>button]:ring-2 [&>button]:ring-error"
+            ),
+            allowCustomValue: !0,
+            customValue: (p = r.value2) != null && p.includes(".") ? "" : r.value2 || "",
+            onCustomValueChange: (u) => n({ value2: u }),
+            useFixedPositioning: T
+          }
+        )
+      ] }) : /* @__PURE__ */ l(
+        J,
+        {
+          documentFields: y,
+          selectedFieldId: (N = r.value) != null && N.includes(".") ? r.value : "",
+          onFieldSelect: se,
+          size: g,
+          placeholder: "Enter value",
+          className: m(
+            b,
+            s && "[&>div]:ring-2 [&>div]:ring-error [&>button]:ring-2 [&>button]:ring-error",
+            v && "w-full"
+          ),
+          allowCustomValue: !0,
+          customValue: (M = r.value) != null && M.includes(".") ? "" : r.value,
+          onCustomValueChange: (u) => n({ value: u }),
+          useFixedPositioning: T
+        }
+      );
+    if ((t == null ? void 0 : t.type) === "select") {
+      const u = !!t.isLoading;
+      return /* @__PURE__ */ l(
+        Ee,
+        {
+          searchable: U,
+          size: g,
+          className: m(
+            b,
+            s && "[&>button]:ring-2 [&>button]:ring-error",
+            v && "w-full"
+          ),
+          placeholder: u ? "Loading options..." : "Select",
+          selectedKey: r.value,
+          onSelectionChange: (h) => n({ value: h }),
+          items: u ? [] : R,
+          isInvalid: s,
+          isDisabled: u,
+          isLoading: u,
+          selectedDisplayValue: Se,
+          searchPlaceholder: "Search values..."
+        }
+      );
+    }
+    if (c != null && c.requiresTwoValues) {
+      if ((t == null ? void 0 : t.type) === "date")
+        return /* @__PURE__ */ I("div", { className: m("flex items-center gap-2 flex-1 min-w-[200px] ", v && "w-full"), children: [
+          /* @__PURE__ */ l("div", { className: m("flex-1", s && "ring-2 ring-error rounded-lg"), children: /* @__PURE__ */ l(
+            H,
+            {
+              value: re,
+              onChange: _,
+              onApply: (h) => {
+                n(h ? {
+                  value: `${h.month}/${h.day}/${h.year}`
+                } : { value: "" }), _(null);
+              },
+              onCancel: () => {
+                _(null);
+              },
+              showFooter: !0,
+              className: "w-full"
+            }
+          ) }),
+          /* @__PURE__ */ l("span", { className: "text-sm text-tertiary", children: "and" }),
+          /* @__PURE__ */ l("div", { className: m("flex-1", s && "ring-2 ring-error rounded-lg"), children: /* @__PURE__ */ l(
+            H,
+            {
+              value: de,
+              onChange: X,
+              onApply: (h) => {
+                n(h ? {
+                  value2: `${h.month}/${h.day}/${h.year}`
+                } : { value2: "" }), X(null);
+              },
+              onCancel: () => {
+                X(null);
+              },
+              showFooter: !0,
+              className: "w-full"
+            }
+          ) })
+        ] });
+      const u = () => (t == null ? void 0 : t.type) === "number" ? "number" : (t == null ? void 0 : t.type) === "date" && P ? "date" : "text";
+      return /* @__PURE__ */ I("div", { className: "flex items-center gap-2 flex-1 min-w-[200px]", children: [
+        /* @__PURE__ */ l(
+          E,
+          {
+            size: g,
+            wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error"),
+            className: b,
+            placeholder: "Min",
+            inputType: u(),
+            value: r.value,
+            onChange: (h) => n({ value: h }),
+            isInvalid: s
+          }
+        ),
+        /* @__PURE__ */ l("span", { className: "text-sm text-tertiary", children: "and" }),
+        /* @__PURE__ */ l(
+          E,
+          {
+            size: g,
+            wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error"),
+            className: b,
+            placeholder: "Max",
+            inputType: u(),
+            value: r.value2 || "",
+            onChange: (h) => n({ value2: h }),
+            isInvalid: s
+          }
+        )
+      ] });
+    }
+    if ((t == null ? void 0 : t.type) === "date" && !P)
+      return /* @__PURE__ */ l(
+        "div",
+        {
+          className: m(
+            "min-w-[140px] flex-1",
+            s && "ring-2 ring-error rounded-lg",
+            v && "w-full"
+          ),
+          children: /* @__PURE__ */ l(
+            H,
+            {
+              value: re,
+              onChange: _,
+              onApply: (u) => {
+                n(u ? {
+                  value: `${u.month}/${u.day}/${u.year}`
+                } : { value: "" }), _(null);
+              },
+              onCancel: () => {
+                _(null);
+              },
+              showFooter: !0,
+              className: "w-full"
+            }
+          )
+        }
+      );
+    const a = () => (t == null ? void 0 : t.type) === "number" ? "number" : (t == null ? void 0 : t.type) === "date" && P ? "date" : "text";
+    return /* @__PURE__ */ l(
+      E,
+      {
+        size: g,
+        wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error", v && "w-full"),
+        className: b,
+        placeholder: (t == null ? void 0 : t.type) === "date" ? "Select date" : "Enter value",
+        inputType: a(),
+        value: r.value,
+        onChange: (u) => n({ value: u }),
+        isInvalid: s
+      }
+    );
+  }, O = !!(c != null && c.requiresMultipleValues), ne = (e) => W ? /* @__PURE__ */ l("div", { className: "contents", "data-testid": V("value-input"), children: e }) : e;
+  return /* @__PURE__ */ I(
+    je,
+    {
+      value: r,
+      id: r.id,
+      "data-testid": V("row"),
+      "data-row-index": W ? ge : void 0,
+      dragListener: !1,
+      dragControls: Q,
+      layout: O ? "position" : !0,
+      transition: {
+        layout: { type: "tween", duration: 0.01, ease: "easeInOut" }
+      },
+      className: m(
+        "flex items-center gap-2 py-2 group select-none",
+        v && "flex-col items-start",
+        O && "items-start"
+      ),
+      initial: !1,
+      animate: !1,
+      style: { position: "relative" },
+      children: [
+        !pe && /* @__PURE__ */ I("div", { className: m("w-[72px] shrink-0", v && "w-full flex justify-between items-center"), children: [
+          L ? /* @__PURE__ */ l("span", { className: "text-sm font-medium text-secondary pl-1", children: "Where" }) : B ? /* @__PURE__ */ l(
+            C,
+            {
+              size: g,
+              className: m("h-8 w-full [&>button]:h-8 [&>div]:h-full", v && "w-auto"),
+              popoverClassName: "w-auto min-w-max",
+              selectedKey: K,
+              onSelectionChange: (e) => q == null ? void 0 : q(e),
+              items: Le,
+              children: (e) => /* @__PURE__ */ l(C.Item, { id: e.id, children: e.label })
+            }
+          ) : /* @__PURE__ */ l("span", { className: "text-sm font-medium text-secondary pl-3", children: K === "or" ? "Or" : "And" }),
+          v && /* @__PURE__ */ l(
+            fe,
+            {
+              color: "tertiary",
+              size: "xs",
+              icon: /* @__PURE__ */ l(me, { size: 18 }),
+              "aria-label": "Remove condition",
+              onClick: k,
+              "data-testid": V("remove-button"),
+              className: "text-quaternary hover:bg-secondary_hover hover:text-secondary"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ I("div", { className: m("flex relative", v ? "w-full" : "shrink-0"), children: [
+          y ? /* @__PURE__ */ l(
+            J,
+            {
+              documentFields: y,
+              selectedFieldId: r.fieldId,
+              onFieldSelect: De,
+              size: g,
+              placeholder: "Select field",
+              className: m(
+                b,
+                s && "[&>button]:ring-2 [&>button]:ring-error",
+                v && "w-full max-w-none!"
+              ),
+              useFixedPositioning: T
+            }
+          ) : /* @__PURE__ */ l(
+            C,
+            {
+              "data-testid": V("field-select"),
+              size: g,
+              className: m(
+                b,
+                s && "[&>button]:ring-2 [&>button]:ring-error",
+                v && "w-full flex-1 max-w-none!"
+              ),
+              placeholder: "Select field",
+              selectedKey: r.fieldId,
+              onSelectionChange: (e) => Ve(e),
+              items: ye,
+              isInvalid: s,
+              children: (e) => /* @__PURE__ */ l(C.Item, { id: e.id, children: /* @__PURE__ */ l(
+                he,
+                {
+                  content: e.label ?? String(e.id),
+                  className: "pointer-events-auto",
+                  tooltipClassName: "z-[100001]"
+                }
+              ) })
+            }
+          ),
+          A && v && /* @__PURE__ */ l(
+            "div",
+            {
+              className: "flex opacity-0 group-hover:opacity-100 hover:visible absolute right-[-23px]  bottom-1 items-center justify-center cursor-grab active:cursor-grabbing p-1.5  rounded-md transition-colors text-quaternary hover:text-secondary touch-none",
+              onPointerDown: (e) => Q.start(e),
+              "aria-label": "Drag to reorder",
+              "data-testid": V("drag-handle"),
+              children: /* @__PURE__ */ l(ce, { color: "currentColor", size: 18 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l(
+          C,
+          {
+            "data-testid": V("operator-select"),
+            size: g,
+            className: m(
+              b,
+              s && "[&>button]:ring-2 [&>button]:ring-error",
+              v && "w-full",
+              !(c != null && c.requiresValue) && "flex-1"
+            ),
+            placeholder: "Select operator",
+            selectedKey: r.operatorId,
+            onSelectionChange: (e) => Ce(e),
+            items: be,
+            isInvalid: s,
+            children: (e) => /* @__PURE__ */ l(C.Item, { id: e.id, children: /* @__PURE__ */ l(he, { content: e.label ?? String(e.id) }) })
+          },
+          `operator-${r.fieldId}-${t == null ? void 0 : t.type}`
+        ),
+        O ? /* @__PURE__ */ l(ke.div, { layoutRoot: !0, className: m("min-w-0 flex-1", v && "w-full"), children: ne(ue()) }) : ne(ue()),
+        !v && /* @__PURE__ */ I("div", { className: "flex items-center gap-1 shrink-0", children: [
+          /* @__PURE__ */ l(
+            fe,
+            {
+              color: "tertiary",
+              size: "3xs",
+              icon: /* @__PURE__ */ l(me, { size: 16 }),
+              "aria-label": "Remove condition",
+              onClick: k,
+              "data-testid": V("remove-button"),
+              className: "text-quaternary hover:bg-secondary_hover hover:text-secondary"
+            }
+          ),
+          A && /* @__PURE__ */ l(
+            "div",
+            {
+              className: "flex items-center justify-center cursor-grab active:cursor-grabbing p-1 hover:bg-secondary_hover rounded-md transition-colors text-quaternary hover:text-secondary touch-none",
+              onPointerDown: (e) => Q.start(e),
+              "aria-label": "Drag to reorder",
+              "data-testid": V("drag-handle"),
+              children: /* @__PURE__ */ l(ce, { color: "currentColor", size: 16 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  sr as FilterConditionRow,
+  sr as default
+};

package/dist/patterns/filter-group/filter-group-builder.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { FilterGroupBuilderProps } from './types';
+/**
+ * FilterGroupBuilder
+ *
+ * A powerful filter builder component that supports nested filter groups
+ * with And/Or logic operators. Inspired by Airtable, Notion, and similar tools.
+ *
+ * Features:
+ * - Nested filter groups (groups within groups)
+ * - And/Or logical operators at each level
+ * - Multiple field types (string, number, date, select, boolean)
+ * - Configurable operators per field type
+ * - Maximum depth control
+ * - Drag handles for reordering (visual only, implement with your preferred DnD library)
+ *
+ * @example
+ * ```tsx
+ * const [filters, setFilters] = useState<FilterGroup>({
+ *   id: "root",
+ *   type: "group",
+ *   operator: "and",
+ *   children: [],
+ * });
+ *
+ * const fields: FilterField[] = [
+ *   { id: "priority", label: "Priority", type: "select", options: [...] },
+ *   { id: "score", label: "Submission Score", type: "number" },
+ *   { id: "created_at", label: "Created Date", type: "date" },
+ * ];
+ *
+ * <FilterGroupBuilder
+ *   fields={fields}
+ *   value={filters}
+ *   onChange={setFilters}
+ *   maxDepth={3}
+ * />
+ * ```
+ */
+export declare const FilterGroupBuilder: React.FC<FilterGroupBuilderProps>;
+export default FilterGroupBuilder;
+//# sourceMappingURL=filter-group-builder.d.ts.map

package/dist/patterns/filter-group/filter-group-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-group-builder.d.ts","sourceRoot":"","sources":["../../../src/patterns/filter-group/filter-group-builder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,uBAAuB,EAAe,MAAM,SAAS,CAAC;AAKpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqGhE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}