@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/RemoteDataTable/RemoteDataTablePagination.mjs

@@ -1,15 +1,15 @@
-import { j as s } from "../_virtual/jsx-runtime.mjs";
-import { TablePagination as P } from "@mui/material";
-const x = ({
+import { jsx as P } from "react/jsx-runtime";
+import { TablePagination as s } from "@mui/material";
+const l = ({
   pagination: g,
   onPaginationChange: r,
-  rowCount: t,
-  pageSizeOptions: p
-}) => /* @__PURE__ */ s.jsx(
-  P,
+  rowCount: p,
+  pageSizeOptions: t
+}) => /* @__PURE__ */ P(
+  s,
   {
     component: "div",
-    count: t,
+    count: p,
     page: g.pageIndex,
     onPageChange: (a, e) => r((o) => ({
       ...o,
@@ -23,11 +23,11 @@ const x = ({
         pageSize: Number(a.target.value)
       }));
     },
-    rowsPerPageOptions: p,
+    rowsPerPageOptions: t,
     labelDisplayedRows: ({ from: a, to: e, count: o, page: n }) => o === -1 ? `Page ${n + 1}` : `${a}-${e} of ${o}`
   }
 );
 export {
-  x as RemoteDataTablePagination
+  l as RemoteDataTablePagination
 };
 //# sourceMappingURL=RemoteDataTablePagination.mjs.map

package/dist/RemoteDataTable/RemoteDataTablePagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteDataTablePagination.mjs","sources":["../../src/RemoteDataTable/RemoteDataTablePagination.tsx"],"sourcesContent":["import { TablePagination } from \"@mui/material\";\nimport type { OnChangeFn, PaginationState } from \"./RemoteDataTable.types\";\n\ntype RemoteDataTablePaginationProps = {\n  pagination: PaginationState;\n  onPaginationChange: OnChangeFn<PaginationState>;\n  rowCount: number;\n  pageSizeOptions: number[];\n};\n\nexport const RemoteDataTablePagination = ({\n  pagination,\n  onPaginationChange,\n  rowCount,\n  pageSizeOptions,\n}: RemoteDataTablePaginationProps) => (\n  <TablePagination\n    component=\"div\"\n    count={rowCount}\n    page={pagination.pageIndex}\n    onPageChange={(_event, page) =>\n      onPaginationChange((prev) => ({\n        ...prev,\n        pageIndex: page,\n      }))\n    }\n    rowsPerPage={pagination.pageSize}\n    onRowsPerPageChange={(event) => {\n      onPaginationChange((prev) => ({\n        ...prev,\n        pageIndex: 0,\n        pageSize: Number(event.target.value),\n      }));\n    }}\n    rowsPerPageOptions={pageSizeOptions}\n    labelDisplayedRows={({ from, to, count, page }) =>\n      count === -1 ? `Page ${page + 1}` : `${from}-${to} of ${count}`\n    }\n  />\n);\n"],"names":["RemoteDataTablePagination","pagination","onPaginationChange","rowCount","pageSizeOptions","jsx","TablePagination","_event","page","prev","event","from","to","count"],"mappings":";;AAUO,MAAMA,IAA4B,CAAC;AAAA,EACxC,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AACF,MACEC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAOH;AAAA,IACP,MAAMF,EAAW;AAAA,IACjB,cAAc,CAACM,GAAQC,MACrBN,EAAmB,CAACO,OAAU;AAAA,MAC5B,GAAGA;AAAA,MACH,WAAWD;AAAA,IAAA,EACX;AAAA,IAEJ,aAAaP,EAAW;AAAA,IACxB,qBAAqB,CAACS,MAAU;AAC9B,MAAAR,EAAmB,CAACO,OAAU;AAAA,QAC5B,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,UAAU,OAAOC,EAAM,OAAO,KAAK;AAAA,MAAA,EACnC;AAAA,IACJ;AAAA,IACA,oBAAoBN;AAAA,IACpB,oBAAoB,CAAC,EAAE,MAAAO,GAAM,IAAAC,GAAI,OAAAC,GAAO,MAAAL,QACtCK,MAAU,KAAK,QAAQL,IAAO,CAAC,KAAK,GAAGG,CAAI,IAAIC,CAAE,OAAOC,CAAK;AAAA,EAAA;AAEjE;"}
+{"version":3,"file":"RemoteDataTablePagination.mjs","sources":["../../src/RemoteDataTable/RemoteDataTablePagination.tsx"],"sourcesContent":["import { TablePagination } from \"@mui/material\";\nimport type { OnChangeFn, PaginationState } from \"./RemoteDataTable.types\";\n\ntype RemoteDataTablePaginationProps = {\n  pagination: PaginationState;\n  onPaginationChange: OnChangeFn<PaginationState>;\n  rowCount: number;\n  pageSizeOptions: number[];\n};\n\nexport const RemoteDataTablePagination = ({\n  pagination,\n  onPaginationChange,\n  rowCount,\n  pageSizeOptions,\n}: RemoteDataTablePaginationProps) => (\n  <TablePagination\n    component=\"div\"\n    count={rowCount}\n    page={pagination.pageIndex}\n    onPageChange={(_event, page) =>\n      onPaginationChange((prev) => ({\n        ...prev,\n        pageIndex: page,\n      }))\n    }\n    rowsPerPage={pagination.pageSize}\n    onRowsPerPageChange={(event) => {\n      onPaginationChange((prev) => ({\n        ...prev,\n        pageIndex: 0,\n        pageSize: Number(event.target.value),\n      }));\n    }}\n    rowsPerPageOptions={pageSizeOptions}\n    labelDisplayedRows={({ from, to, count, page }) =>\n      count === -1 ? `Page ${page + 1}` : `${from}-${to} of ${count}`\n    }\n  />\n);\n"],"names":["RemoteDataTablePagination","pagination","onPaginationChange","rowCount","pageSizeOptions","jsx","TablePagination","_event","page","prev","event","from","to","count"],"mappings":";;AAUO,MAAMA,IAA4B,CAAC;AAAA,EACxC,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AACF,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAOH;AAAA,IACP,MAAMF,EAAW;AAAA,IACjB,cAAc,CAACM,GAAQC,MACrBN,EAAmB,CAACO,OAAU;AAAA,MAC5B,GAAGA;AAAA,MACH,WAAWD;AAAA,IAAA,EACX;AAAA,IAEJ,aAAaP,EAAW;AAAA,IACxB,qBAAqB,CAACS,MAAU;AAC9B,MAAAR,EAAmB,CAACO,OAAU;AAAA,QAC5B,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,UAAU,OAAOC,EAAM,OAAO,KAAK;AAAA,MAAA,EACnC;AAAA,IACJ;AAAA,IACA,oBAAoBN;AAAA,IACpB,oBAAoB,CAAC,EAAE,MAAAO,GAAM,IAAAC,GAAI,OAAAC,GAAO,MAAAL,QACtCK,MAAU,KAAK,QAAQL,IAAO,CAAC,KAAK,GAAGG,CAAI,IAAIC,CAAE,OAAOC,CAAK;AAAA,EAAA;AAEjE;"}

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.mjs

@@ -1,190 +1,190 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import R from "../node_modules/@mui/icons-material/esm/Add.mjs";
-import Q from "../node_modules/@mui/icons-material/esm/Close.mjs";
-import L from "../node_modules/@mui/icons-material/esm/DeleteOutline.mjs";
-import D from "../node_modules/@mui/icons-material/esm/FilterAltOutlined.mjs";
-import N from "../node_modules/@mui/icons-material/esm/KeyboardArrowDown.mjs";
-import E from "../node_modules/@mui/icons-material/esm/KeyboardArrowUp.mjs";
-import { Box as f, TextField as m, InputAdornment as q, Popover as K, Stack as O, Typography as B, Button as V, IconButton as T, MenuItem as p, ToggleButtonGroup as G, ToggleButton as H } from "@mui/material";
-import { useState as U, useMemo as W } from "react";
-import { formatFiltersSummary as Y, getOpsForField as A, coerceFilterValue as w, createFilterId as _, querySpecOpLabels as J, getFieldByName as X } from "./query-spec-utils.mjs";
-const Z = ({
+import { jsxs as u, Fragment as L, jsx as e } from "react/jsx-runtime";
+import j from "@mui/icons-material/Add";
+import D from "@mui/icons-material/Close";
+import N from "@mui/icons-material/DeleteOutline";
+import K from "@mui/icons-material/FilterAltOutlined";
+import V from "@mui/icons-material/KeyboardArrowDown";
+import E from "@mui/icons-material/KeyboardArrowUp";
+import { Box as C, TextField as h, InputAdornment as W, Popover as G, Stack as S, Typography as T, Button as H, IconButton as M, MenuItem as m, ToggleButtonGroup as U, ToggleButton as Y } from "@mui/material";
+import { useState as _, useMemo as k } from "react";
+import { formatFiltersSummary as J, getOpsForField as q, coerceFilterValue as A, createFilterId as X, querySpecOpLabels as Z, getFieldByName as $ } from "./query-spec-utils.mjs";
+const ee = ({
   filter: n,
-  fields: h,
-  fieldMap: v,
-  onFieldChange: g,
-  onOpChange: F,
-  onValueChange: o,
-  onRemove: r
+  fields: v,
+  fieldMap: y,
+  onFieldChange: x,
+  onOpChange: I,
+  onValueChange: a,
+  onRemove: i
 }) => {
-  const a = v.get(n.field), C = A(a), u = n.op === "in" ? "Values" : "Value", j = a?.type === "number" ? "number" : a?.type === "date" ? "date" : a?.type === "datetime" ? "datetime-local" : "text", I = a?.type === "date" || a?.type === "datetime", y = a?.placeholder ?? (n.op === "in" ? "Comma-separated values" : void 0), x = a?.options ?? [], z = x.length > 0 && (n.op === "eq" || n.op === "neq");
-  return /* @__PURE__ */ e.jsxs(
-    O,
+  const r = y.get(n.field), z = q(r), c = n.op === "in" ? "Values" : "Value", b = r?.type === "number" ? "number" : r?.type === "date" ? "date" : r?.type === "datetime" ? "datetime-local" : "text", w = r?.type === "date" || r?.type === "datetime", f = r?.placeholder ?? (n.op === "in" ? "Comma-separated values" : void 0), g = r?.options ?? [], O = g.length > 0 && (n.op === "eq" || n.op === "neq");
+  return /* @__PURE__ */ u(
+    S,
     {
       direction: { xs: "column", sm: "row" },
       spacing: 1,
       alignItems: { xs: "stretch", sm: "center" },
       children: [
-        /* @__PURE__ */ e.jsx(
-          m,
+        /* @__PURE__ */ e(
+          h,
           {
             select: !0,
             size: "small",
             label: "Field",
             value: n.field,
-            onChange: (l) => g(n.id, l.target.value),
+            onChange: (l) => x(n.id, l.target.value),
             sx: { minWidth: 160 },
-            children: h.map((l) => /* @__PURE__ */ e.jsx(p, { value: l.name, children: l.label }, l.name))
+            children: v.map((l) => /* @__PURE__ */ e(m, { value: l.name, children: l.label }, l.name))
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          G,
+        /* @__PURE__ */ e(
+          U,
           {
             exclusive: !0,
             size: "small",
             color: "primary",
             value: n.op,
-            onChange: (l, b) => {
-              b !== null && F(n.id, b);
+            onChange: (l, F) => {
+              F !== null && I(n.id, F);
             },
             sx: { minWidth: 150, alignSelf: "center" },
-            children: C.map((l) => /* @__PURE__ */ e.jsx(H, { value: l, children: J[l] ?? l }, l))
+            children: z.map((l) => /* @__PURE__ */ e(Y, { value: l, children: Z[l] ?? l }, l))
           }
         ),
-        n.op === "isnull" ? /* @__PURE__ */ e.jsxs(
-          m,
+        n.op === "isnull" ? /* @__PURE__ */ u(
+          h,
           {
             select: !0,
             size: "small",
             label: "Null state",
             value: n.value ?? "true",
-            onChange: (l) => o(n.id, l.target.value),
+            onChange: (l) => a(n.id, l.target.value),
             sx: { minWidth: 160, flex: 1 },
             children: [
-              /* @__PURE__ */ e.jsx(p, { value: "true", children: "Is null" }),
-              /* @__PURE__ */ e.jsx(p, { value: "false", children: "Is not null" })
+              /* @__PURE__ */ e(m, { value: "true", children: "Is null" }),
+              /* @__PURE__ */ e(m, { value: "false", children: "Is not null" })
             ]
           }
-        ) : z ? /* @__PURE__ */ e.jsx(
-          m,
+        ) : O ? /* @__PURE__ */ e(
+          h,
           {
             select: !0,
             size: "small",
-            label: u,
+            label: c,
             value: n.value ?? "",
-            onChange: (l) => o(n.id, l.target.value),
+            onChange: (l) => a(n.id, l.target.value),
             sx: { minWidth: 160, flex: 1 },
-            children: x.map((l) => /* @__PURE__ */ e.jsx(p, { value: l.value, children: l.label }, l.value))
+            children: g.map((l) => /* @__PURE__ */ e(m, { value: l.value, children: l.label }, l.value))
           }
-        ) : a?.type === "boolean" ? /* @__PURE__ */ e.jsxs(
-          m,
+        ) : r?.type === "boolean" ? /* @__PURE__ */ u(
+          h,
           {
             select: !0,
             size: "small",
-            label: u,
+            label: c,
             value: n.value ?? "true",
-            onChange: (l) => o(n.id, l.target.value),
+            onChange: (l) => a(n.id, l.target.value),
             sx: { minWidth: 160, flex: 1 },
             children: [
-              /* @__PURE__ */ e.jsx(p, { value: "true", children: "True" }),
-              /* @__PURE__ */ e.jsx(p, { value: "false", children: "False" })
+              /* @__PURE__ */ e(m, { value: "true", children: "True" }),
+              /* @__PURE__ */ e(m, { value: "false", children: "False" })
             ]
           }
-        ) : /* @__PURE__ */ e.jsx(
-          m,
+        ) : /* @__PURE__ */ e(
+          h,
           {
             size: "small",
-            type: j,
-            label: u,
+            type: b,
+            label: c,
             value: n.value ?? "",
-            onChange: (l) => o(n.id, l.target.value),
-            placeholder: y,
-            InputLabelProps: I ? { shrink: !0 } : void 0,
+            onChange: (l) => a(n.id, l.target.value),
+            placeholder: f,
+            InputLabelProps: w ? { shrink: !0 } : void 0,
             sx: { minWidth: 160, flex: 1 }
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          T,
+        /* @__PURE__ */ e(
+          M,
           {
             size: "small",
             "aria-label": "Remove filter",
-            onClick: () => r(n.id),
-            children: /* @__PURE__ */ e.jsx(L, { fontSize: "small" })
+            onClick: () => i(n.id),
+            children: /* @__PURE__ */ e(N, { fontSize: "small" })
           }
         )
       ]
     }
   );
-}, de = ({
+}, ue = ({
   queryBuilder: n
 }) => {
-  const [h, v] = U(null), g = !!h, F = h?.clientWidth ?? 560, {
-    fields: o,
-    filters: r,
-    onFiltersChange: a,
-    placeholder: C,
-    summaryFormatter: u
-  } = n, j = W(
-    () => new Map(o.map((t) => [t.name, t])),
-    [o]
-  ), I = W(() => r.length ? u ? u(r, o) : Y(r, o) : "", [r, o, u]), y = (t) => {
-    v(t.currentTarget);
-  }, x = () => {
-    v(null);
-  }, z = () => {
-    if (o.length === 0)
+  const [v, y] = _(null), x = !!v, I = v?.clientWidth ?? 560, {
+    fields: a,
+    filters: i,
+    onFiltersChange: r,
+    placeholder: z,
+    summaryFormatter: c
+  } = n, b = k(
+    () => new Map(a.map((t) => [t.name, t])),
+    [a]
+  ), w = k(() => i.length ? c ? c(i, a) : J(i, a) : "", [i, a, c]), f = (t) => {
+    y(t.currentTarget);
+  }, g = () => {
+    y(null);
+  }, O = () => {
+    if (a.length === 0)
       return;
-    const t = o[0], s = A(t)[0] ?? "eq", c = w(t, s);
-    a([
-      ...r,
-      { id: _(), field: t.name, op: s, value: c }
+    const t = a[0], o = q(t)[0] ?? "eq", p = A(t, o);
+    r([
+      ...i,
+      { id: X(), field: t.name, op: o, value: p }
     ]);
   }, l = (t) => {
-    a(r.filter((i) => i.id !== t));
-  }, b = (t, i) => {
-    const s = X(o, i);
-    if (!s)
+    r(i.filter((s) => s.id !== t));
+  }, F = (t, s) => {
+    const o = $(a, s);
+    if (!o)
       return;
-    const c = A(s);
-    a(
-      r.map((d) => {
+    const p = q(o);
+    r(
+      i.map((d) => {
         if (d.id !== t)
           return d;
-        const S = c.includes(d.op) ? d.op : c[0] ?? "eq", P = w(s, S, d.value);
+        const B = p.includes(d.op) ? d.op : p[0] ?? "eq", Q = A(o, B, d.value);
         return {
           ...d,
-          field: s.name,
-          op: S,
-          value: P
+          field: o.name,
+          op: B,
+          value: Q
         };
       })
     );
-  }, k = (t, i) => {
-    a(
-      r.map((s) => {
-        if (s.id !== t)
-          return s;
-        const c = j.get(s.field), d = w(c, i, s.value);
+  }, P = (t, s) => {
+    r(
+      i.map((o) => {
+        if (o.id !== t)
+          return o;
+        const p = b.get(o.field), d = A(p, s, o.value);
         return {
-          ...s,
-          op: i,
+          ...o,
+          op: s,
           value: d
         };
       })
     );
-  }, M = (t, i) => {
-    a(
-      r.map(
-        (s) => s.id === t ? {
-          ...s,
-          value: i
-        } : s
+  }, R = (t, s) => {
+    r(
+      i.map(
+        (o) => o.id === t ? {
+          ...o,
+          value: s
+        } : o
       )
     );
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      f,
+  return /* @__PURE__ */ u(L, { children: [
+    /* @__PURE__ */ e(
+      C,
       {
         sx: {
           borderBottom: "1px solid",
@@ -192,19 +192,19 @@ const Z = ({
           px: 2,
           py: 1.5
         },
-        children: /* @__PURE__ */ e.jsx(
-          m,
+        children: /* @__PURE__ */ e(
+          h,
           {
             fullWidth: !0,
             size: "small",
-            placeholder: C ?? "Add filters",
-            value: I,
-            onClick: y,
-            onFocus: y,
+            placeholder: z ?? "Add filters",
+            value: w,
+            onClick: f,
+            onFocus: f,
             InputProps: {
               readOnly: !0,
-              startAdornment: /* @__PURE__ */ e.jsx(q, { position: "start", children: /* @__PURE__ */ e.jsx(D, { fontSize: "small" }) }),
-              endAdornment: /* @__PURE__ */ e.jsx(q, { position: "end", children: g ? /* @__PURE__ */ e.jsx(E, {}) : /* @__PURE__ */ e.jsx(N, {}) })
+              startAdornment: /* @__PURE__ */ e(W, { position: "start", children: /* @__PURE__ */ e(K, { fontSize: "small" }) }),
+              endAdornment: /* @__PURE__ */ e(W, { position: "end", children: x ? /* @__PURE__ */ e(E, {}) : /* @__PURE__ */ e(V, {}) })
             },
             inputProps: { "aria-label": "Filter query" },
             sx: {
@@ -220,67 +220,67 @@ const Z = ({
         )
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      K,
+    /* @__PURE__ */ e(
+      G,
       {
-        open: g,
-        anchorEl: h,
-        onClose: x,
+        open: x,
+        anchorEl: v,
+        onClose: g,
         disableRestoreFocus: !0,
         anchorOrigin: { vertical: "bottom", horizontal: "left" },
         transformOrigin: { vertical: "top", horizontal: "left" },
         slotProps: {
           paper: {
             sx: {
-              width: F,
+              width: I,
               maxWidth: "calc(100vw - 32px)",
               p: 2
             }
           }
         },
-        children: /* @__PURE__ */ e.jsx(f, { sx: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ e.jsxs(O, { spacing: 2, children: [
-          /* @__PURE__ */ e.jsxs(
-            f,
+        children: /* @__PURE__ */ e(C, { sx: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ u(S, { spacing: 2, children: [
+          /* @__PURE__ */ u(
+            C,
             {
               display: "flex",
               alignItems: "center",
               justifyContent: "space-between",
               gap: 1,
               children: [
-                /* @__PURE__ */ e.jsx(B, { variant: "subtitle2", children: "Filters" }),
-                /* @__PURE__ */ e.jsxs(f, { display: "flex", alignItems: "center", gap: 1, children: [
-                  /* @__PURE__ */ e.jsx(
-                    V,
+                /* @__PURE__ */ e(T, { variant: "subtitle2", children: "Filters" }),
+                /* @__PURE__ */ u(C, { display: "flex", alignItems: "center", gap: 1, children: [
+                  /* @__PURE__ */ e(
+                    H,
                     {
                       size: "small",
-                      startIcon: /* @__PURE__ */ e.jsx(R, { fontSize: "small" }),
-                      onClick: z,
-                      disabled: o.length === 0,
+                      startIcon: /* @__PURE__ */ e(j, { fontSize: "small" }),
+                      onClick: O,
+                      disabled: a.length === 0,
                       children: "Add filter"
                     }
                   ),
-                  /* @__PURE__ */ e.jsx(
-                    T,
+                  /* @__PURE__ */ e(
+                    M,
                     {
                       size: "small",
                       "aria-label": "Close filters",
-                      onClick: x,
-                      children: /* @__PURE__ */ e.jsx(Q, { fontSize: "small" })
+                      onClick: g,
+                      children: /* @__PURE__ */ e(D, { fontSize: "small" })
                     }
                   )
                 ] })
               ]
             }
           ),
-          r.length === 0 ? /* @__PURE__ */ e.jsx(B, { variant: "body2", color: "text.secondary", children: "No filters yet." }) : /* @__PURE__ */ e.jsx(O, { spacing: 1.5, children: r.map((t) => /* @__PURE__ */ e.jsx(
-            Z,
+          i.length === 0 ? /* @__PURE__ */ e(T, { variant: "body2", color: "text.secondary", children: "No filters yet." }) : /* @__PURE__ */ e(S, { spacing: 1.5, children: i.map((t) => /* @__PURE__ */ e(
+            ee,
             {
               filter: t,
-              fields: o,
-              fieldMap: j,
-              onFieldChange: b,
-              onOpChange: k,
-              onValueChange: M,
+              fields: a,
+              fieldMap: b,
+              onFieldChange: F,
+              onOpChange: P,
+              onValueChange: R,
               onRemove: l
             },
             t.id
@@ -291,6 +291,6 @@ const Z = ({
   ] });
 };
 export {
-  de as RemoteDataTableQueryBuilder
+  ue as RemoteDataTableQueryBuilder
 };
 //# sourceMappingURL=RemoteDataTableQueryBuilder.mjs.map

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteDataTableQueryBuilder.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableQueryBuilder.tsx"],"sourcesContent":["import AddIcon from \"@mui/icons-material/Add\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport DeleteOutlineIcon from \"@mui/icons-material/DeleteOutline\";\nimport FilterAltOutlinedIcon from \"@mui/icons-material/FilterAltOutlined\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport {\n  Box,\n  Button,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  Popover,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from \"@mui/material\";\nimport { type FocusEvent, type MouseEvent, useMemo, useState } from \"react\";\nimport {\n  coerceFilterValue,\n  createFilterId,\n  formatFiltersSummary,\n  getFieldByName,\n  getOpsForField,\n  querySpecOpLabels,\n} from \"./query-spec-utils\";\nimport type {\n  QuerySpecField,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableQueryBuilderProps as RemoteDataTableQueryBuilderConfig,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableQueryBuilderProps = {\n  queryBuilder: RemoteDataTableQueryBuilderConfig;\n};\n\ntype QueryFilterRowProps = {\n  filter: QuerySpecFilter;\n  fields: QuerySpecField[];\n  fieldMap: Map<string, QuerySpecField>;\n  onFieldChange: (filterId: string, nextFieldName: string) => void;\n  onOpChange: (filterId: string, nextOp: QuerySpecOp) => void;\n  onValueChange: (filterId: string, nextValue: string) => void;\n  onRemove: (filterId: string) => void;\n};\n\nconst QueryFilterRow = ({\n  filter,\n  fields,\n  fieldMap,\n  onFieldChange,\n  onOpChange,\n  onValueChange,\n  onRemove,\n}: QueryFilterRowProps) => {\n  const field = fieldMap.get(filter.field);\n  const ops = getOpsForField(field);\n  const valueLabel = filter.op === \"in\" ? \"Values\" : \"Value\";\n  const inputType =\n    field?.type === \"number\"\n      ? \"number\"\n      : field?.type === \"date\"\n        ? \"date\"\n        : field?.type === \"datetime\"\n          ? \"datetime-local\"\n          : \"text\";\n  const shouldShrinkLabel =\n    field?.type === \"date\" || field?.type === \"datetime\";\n  const valuePlaceholder =\n    field?.placeholder ??\n    (filter.op === \"in\" ? \"Comma-separated values\" : undefined);\n  const fieldOptions = field?.options ?? [];\n  const useOptions =\n    fieldOptions.length > 0 && (filter.op === \"eq\" || filter.op === \"neq\");\n\n  return (\n    <Stack\n      direction={{ xs: \"column\", sm: \"row\" }}\n      spacing={1}\n      alignItems={{ xs: \"stretch\", sm: \"center\" }}\n    >\n      <TextField\n        select\n        size=\"small\"\n        label=\"Field\"\n        value={filter.field}\n        onChange={(event) => onFieldChange(filter.id, event.target.value)}\n        sx={{ minWidth: 160 }}\n      >\n        {fields.map((queryField) => (\n          <MenuItem key={queryField.name} value={queryField.name}>\n            {queryField.label}\n          </MenuItem>\n        ))}\n      </TextField>\n      <ToggleButtonGroup\n        exclusive\n        size=\"small\"\n        color=\"primary\"\n        value={filter.op}\n        onChange={(_, value) => {\n          if (value !== null) {\n            onOpChange(filter.id, value as QuerySpecOp);\n          }\n        }}\n        sx={{ minWidth: 150, alignSelf: \"center\" }}\n      >\n        {ops.map((op) => (\n          <ToggleButton key={op} value={op}>\n            {querySpecOpLabels[op] ?? op}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      {filter.op === \"isnull\" ? (\n        <TextField\n          select\n          size=\"small\"\n          label=\"Null state\"\n          value={filter.value ?? \"true\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          <MenuItem value=\"true\">Is null</MenuItem>\n          <MenuItem value=\"false\">Is not null</MenuItem>\n        </TextField>\n      ) : useOptions ? (\n        <TextField\n          select\n          size=\"small\"\n          label={valueLabel}\n          value={filter.value ?? \"\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          {fieldOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      ) : field?.type === \"boolean\" ? (\n        <TextField\n          select\n          size=\"small\"\n          label={valueLabel}\n          value={filter.value ?? \"true\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          <MenuItem value=\"true\">True</MenuItem>\n          <MenuItem value=\"false\">False</MenuItem>\n        </TextField>\n      ) : (\n        <TextField\n          size=\"small\"\n          type={inputType}\n          label={valueLabel}\n          value={filter.value ?? \"\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          placeholder={valuePlaceholder}\n          InputLabelProps={shouldShrinkLabel ? { shrink: true } : undefined}\n          sx={{ minWidth: 160, flex: 1 }}\n        />\n      )}\n      <IconButton\n        size=\"small\"\n        aria-label=\"Remove filter\"\n        onClick={() => onRemove(filter.id)}\n      >\n        <DeleteOutlineIcon fontSize=\"small\" />\n      </IconButton>\n    </Stack>\n  );\n};\n\nexport const RemoteDataTableQueryBuilder = ({\n  queryBuilder,\n}: RemoteDataTableQueryBuilderProps) => {\n  const [queryAnchor, setQueryAnchor] = useState<HTMLElement | null>(null);\n  const queryOpen = Boolean(queryAnchor);\n  const queryPopoverWidth = queryAnchor?.clientWidth ?? 560;\n  const {\n    fields: queryFields,\n    filters: queryFilters,\n    onFiltersChange,\n    placeholder,\n    summaryFormatter,\n  } = queryBuilder;\n  const queryFieldMap = useMemo(\n    () => new Map(queryFields.map((field) => [field.name, field])),\n    [queryFields],\n  );\n\n  const querySummary = useMemo(() => {\n    if (!queryFilters.length) {\n      return \"\";\n    }\n\n    if (summaryFormatter) {\n      return summaryFormatter(queryFilters, queryFields);\n    }\n\n    return formatFiltersSummary(queryFilters, queryFields);\n  }, [queryFilters, queryFields, summaryFormatter]);\n\n  const handleQueryOpen = (\n    event: MouseEvent<HTMLElement> | FocusEvent<HTMLElement>,\n  ) => {\n    setQueryAnchor(event.currentTarget);\n  };\n\n  const handleQueryClose = () => {\n    setQueryAnchor(null);\n  };\n\n  const handleAddFilter = () => {\n    if (queryFields.length === 0) {\n      return;\n    }\n\n    const field = queryFields[0];\n    const ops = getOpsForField(field);\n    const op = ops[0] ?? \"eq\";\n    const value = coerceFilterValue(field, op);\n\n    onFiltersChange([\n      ...queryFilters,\n      { id: createFilterId(), field: field.name, op, value },\n    ]);\n  };\n\n  const handleRemoveFilter = (filterId: string) => {\n    onFiltersChange(queryFilters.filter((filter) => filter.id !== filterId));\n  };\n\n  const handleFieldChange = (filterId: string, nextFieldName: string) => {\n    const nextField = getFieldByName(queryFields, nextFieldName);\n    if (!nextField) {\n      return;\n    }\n\n    const allowedOps = getOpsForField(nextField);\n\n    onFiltersChange(\n      queryFilters.map((filter) => {\n        if (filter.id !== filterId) {\n          return filter;\n        }\n\n        const op = allowedOps.includes(filter.op)\n          ? filter.op\n          : (allowedOps[0] ?? \"eq\");\n        const value = coerceFilterValue(nextField, op, filter.value);\n\n        return {\n          ...filter,\n          field: nextField.name,\n          op,\n          value,\n        };\n      }),\n    );\n  };\n\n  const handleOpChange = (filterId: string, nextOp: QuerySpecOp) => {\n    onFiltersChange(\n      queryFilters.map((filter) => {\n        if (filter.id !== filterId) {\n          return filter;\n        }\n\n        const field = queryFieldMap.get(filter.field);\n        const value = coerceFilterValue(field, nextOp, filter.value);\n\n        return {\n          ...filter,\n          op: nextOp,\n          value,\n        };\n      }),\n    );\n  };\n\n  const handleValueChange = (filterId: string, nextValue: string) => {\n    onFiltersChange(\n      queryFilters.map((filter) =>\n        filter.id === filterId\n          ? {\n              ...filter,\n              value: nextValue,\n            }\n          : filter,\n      ),\n    );\n  };\n\n  return (\n    <>\n      <Box\n        sx={{\n          borderBottom: \"1px solid\",\n          borderColor: \"divider\",\n          px: 2,\n          py: 1.5,\n        }}\n      >\n        <TextField\n          fullWidth\n          size=\"small\"\n          placeholder={placeholder ?? \"Add filters\"}\n          value={querySummary}\n          onClick={handleQueryOpen}\n          onFocus={handleQueryOpen}\n          InputProps={{\n            readOnly: true,\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <FilterAltOutlinedIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                {queryOpen ? (\n                  <KeyboardArrowUpIcon />\n                ) : (\n                  <KeyboardArrowDownIcon />\n                )}\n              </InputAdornment>\n            ),\n          }}\n          inputProps={{ \"aria-label\": \"Filter query\" }}\n          sx={{\n            \"& .MuiInputBase-root\": { cursor: \"pointer\" },\n            \"& .MuiInputBase-input\": {\n              cursor: \"pointer\",\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              whiteSpace: \"nowrap\",\n            },\n          }}\n        />\n      </Box>\n      <Popover\n        open={queryOpen}\n        anchorEl={queryAnchor}\n        onClose={handleQueryClose}\n        disableRestoreFocus\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\n        slotProps={{\n          paper: {\n            sx: {\n              width: queryPopoverWidth,\n              maxWidth: \"calc(100vw - 32px)\",\n              p: 2,\n            },\n          },\n        }}\n      >\n        <Box sx={{ maxHeight: \"60vh\", overflowY: \"auto\" }}>\n          <Stack spacing={2}>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              gap={1}\n            >\n              <Typography variant=\"subtitle2\">Filters</Typography>\n              <Box display=\"flex\" alignItems=\"center\" gap={1}>\n                <Button\n                  size=\"small\"\n                  startIcon={<AddIcon fontSize=\"small\" />}\n                  onClick={handleAddFilter}\n                  disabled={queryFields.length === 0}\n                >\n                  Add filter\n                </Button>\n                <IconButton\n                  size=\"small\"\n                  aria-label=\"Close filters\"\n                  onClick={handleQueryClose}\n                >\n                  <CloseIcon fontSize=\"small\" />\n                </IconButton>\n              </Box>\n            </Box>\n            {queryFilters.length === 0 ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                No filters yet.\n              </Typography>\n            ) : (\n              <Stack spacing={1.5}>\n                {queryFilters.map((filter) => (\n                  <QueryFilterRow\n                    key={filter.id}\n                    filter={filter}\n                    fields={queryFields}\n                    fieldMap={queryFieldMap}\n                    onFieldChange={handleFieldChange}\n                    onOpChange={handleOpChange}\n                    onValueChange={handleValueChange}\n                    onRemove={handleRemoveFilter}\n                  />\n                ))}\n              </Stack>\n            )}\n          </Stack>\n        </Box>\n      </Popover>\n    </>\n  );\n};\n"],"names":["QueryFilterRow","filter","fields","fieldMap","onFieldChange","onOpChange","onValueChange","onRemove","field","ops","getOpsForField","valueLabel","inputType","shouldShrinkLabel","valuePlaceholder","fieldOptions","useOptions","jsxs","Stack","jsx","TextField","event","queryField","MenuItem","ToggleButtonGroup","_","value","op","ToggleButton","querySpecOpLabels","option","IconButton","DeleteOutlineIcon","RemoteDataTableQueryBuilder","queryBuilder","queryAnchor","setQueryAnchor","useState","queryOpen","queryPopoverWidth","queryFields","queryFilters","onFiltersChange","placeholder","summaryFormatter","queryFieldMap","useMemo","querySummary","formatFiltersSummary","handleQueryOpen","handleQueryClose","handleAddFilter","coerceFilterValue","createFilterId","handleRemoveFilter","filterId","handleFieldChange","nextFieldName","nextField","getFieldByName","allowedOps","handleOpChange","nextOp","handleValueChange","nextValue","Fragment","Box","InputAdornment","FilterAltOutlinedIcon","KeyboardArrowUpIcon","KeyboardArrowDownIcon","Popover","Typography","Button","AddIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"RemoteDataTableQueryBuilder.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableQueryBuilder.tsx"],"sourcesContent":["import AddIcon from \"@mui/icons-material/Add\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport DeleteOutlineIcon from \"@mui/icons-material/DeleteOutline\";\nimport FilterAltOutlinedIcon from \"@mui/icons-material/FilterAltOutlined\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport {\n  Box,\n  Button,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  Popover,\n  Stack,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from \"@mui/material\";\nimport { type FocusEvent, type MouseEvent, useMemo, useState } from \"react\";\nimport {\n  coerceFilterValue,\n  createFilterId,\n  formatFiltersSummary,\n  getFieldByName,\n  getOpsForField,\n  querySpecOpLabels,\n} from \"./query-spec-utils\";\nimport type {\n  QuerySpecField,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableQueryBuilderProps as RemoteDataTableQueryBuilderConfig,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableQueryBuilderProps = {\n  queryBuilder: RemoteDataTableQueryBuilderConfig;\n};\n\ntype QueryFilterRowProps = {\n  filter: QuerySpecFilter;\n  fields: QuerySpecField[];\n  fieldMap: Map<string, QuerySpecField>;\n  onFieldChange: (filterId: string, nextFieldName: string) => void;\n  onOpChange: (filterId: string, nextOp: QuerySpecOp) => void;\n  onValueChange: (filterId: string, nextValue: string) => void;\n  onRemove: (filterId: string) => void;\n};\n\nconst QueryFilterRow = ({\n  filter,\n  fields,\n  fieldMap,\n  onFieldChange,\n  onOpChange,\n  onValueChange,\n  onRemove,\n}: QueryFilterRowProps) => {\n  const field = fieldMap.get(filter.field);\n  const ops = getOpsForField(field);\n  const valueLabel = filter.op === \"in\" ? \"Values\" : \"Value\";\n  const inputType =\n    field?.type === \"number\"\n      ? \"number\"\n      : field?.type === \"date\"\n        ? \"date\"\n        : field?.type === \"datetime\"\n          ? \"datetime-local\"\n          : \"text\";\n  const shouldShrinkLabel =\n    field?.type === \"date\" || field?.type === \"datetime\";\n  const valuePlaceholder =\n    field?.placeholder ??\n    (filter.op === \"in\" ? \"Comma-separated values\" : undefined);\n  const fieldOptions = field?.options ?? [];\n  const useOptions =\n    fieldOptions.length > 0 && (filter.op === \"eq\" || filter.op === \"neq\");\n\n  return (\n    <Stack\n      direction={{ xs: \"column\", sm: \"row\" }}\n      spacing={1}\n      alignItems={{ xs: \"stretch\", sm: \"center\" }}\n    >\n      <TextField\n        select\n        size=\"small\"\n        label=\"Field\"\n        value={filter.field}\n        onChange={(event) => onFieldChange(filter.id, event.target.value)}\n        sx={{ minWidth: 160 }}\n      >\n        {fields.map((queryField) => (\n          <MenuItem key={queryField.name} value={queryField.name}>\n            {queryField.label}\n          </MenuItem>\n        ))}\n      </TextField>\n      <ToggleButtonGroup\n        exclusive\n        size=\"small\"\n        color=\"primary\"\n        value={filter.op}\n        onChange={(_, value) => {\n          if (value !== null) {\n            onOpChange(filter.id, value as QuerySpecOp);\n          }\n        }}\n        sx={{ minWidth: 150, alignSelf: \"center\" }}\n      >\n        {ops.map((op) => (\n          <ToggleButton key={op} value={op}>\n            {querySpecOpLabels[op] ?? op}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n      {filter.op === \"isnull\" ? (\n        <TextField\n          select\n          size=\"small\"\n          label=\"Null state\"\n          value={filter.value ?? \"true\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          <MenuItem value=\"true\">Is null</MenuItem>\n          <MenuItem value=\"false\">Is not null</MenuItem>\n        </TextField>\n      ) : useOptions ? (\n        <TextField\n          select\n          size=\"small\"\n          label={valueLabel}\n          value={filter.value ?? \"\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          {fieldOptions.map((option) => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      ) : field?.type === \"boolean\" ? (\n        <TextField\n          select\n          size=\"small\"\n          label={valueLabel}\n          value={filter.value ?? \"true\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          sx={{ minWidth: 160, flex: 1 }}\n        >\n          <MenuItem value=\"true\">True</MenuItem>\n          <MenuItem value=\"false\">False</MenuItem>\n        </TextField>\n      ) : (\n        <TextField\n          size=\"small\"\n          type={inputType}\n          label={valueLabel}\n          value={filter.value ?? \"\"}\n          onChange={(event) => onValueChange(filter.id, event.target.value)}\n          placeholder={valuePlaceholder}\n          InputLabelProps={shouldShrinkLabel ? { shrink: true } : undefined}\n          sx={{ minWidth: 160, flex: 1 }}\n        />\n      )}\n      <IconButton\n        size=\"small\"\n        aria-label=\"Remove filter\"\n        onClick={() => onRemove(filter.id)}\n      >\n        <DeleteOutlineIcon fontSize=\"small\" />\n      </IconButton>\n    </Stack>\n  );\n};\n\nexport const RemoteDataTableQueryBuilder = ({\n  queryBuilder,\n}: RemoteDataTableQueryBuilderProps) => {\n  const [queryAnchor, setQueryAnchor] = useState<HTMLElement | null>(null);\n  const queryOpen = Boolean(queryAnchor);\n  const queryPopoverWidth = queryAnchor?.clientWidth ?? 560;\n  const {\n    fields: queryFields,\n    filters: queryFilters,\n    onFiltersChange,\n    placeholder,\n    summaryFormatter,\n  } = queryBuilder;\n  const queryFieldMap = useMemo(\n    () => new Map(queryFields.map((field) => [field.name, field])),\n    [queryFields],\n  );\n\n  const querySummary = useMemo(() => {\n    if (!queryFilters.length) {\n      return \"\";\n    }\n\n    if (summaryFormatter) {\n      return summaryFormatter(queryFilters, queryFields);\n    }\n\n    return formatFiltersSummary(queryFilters, queryFields);\n  }, [queryFilters, queryFields, summaryFormatter]);\n\n  const handleQueryOpen = (\n    event: MouseEvent<HTMLElement> | FocusEvent<HTMLElement>,\n  ) => {\n    setQueryAnchor(event.currentTarget);\n  };\n\n  const handleQueryClose = () => {\n    setQueryAnchor(null);\n  };\n\n  const handleAddFilter = () => {\n    if (queryFields.length === 0) {\n      return;\n    }\n\n    const field = queryFields[0];\n    const ops = getOpsForField(field);\n    const op = ops[0] ?? \"eq\";\n    const value = coerceFilterValue(field, op);\n\n    onFiltersChange([\n      ...queryFilters,\n      { id: createFilterId(), field: field.name, op, value },\n    ]);\n  };\n\n  const handleRemoveFilter = (filterId: string) => {\n    onFiltersChange(queryFilters.filter((filter) => filter.id !== filterId));\n  };\n\n  const handleFieldChange = (filterId: string, nextFieldName: string) => {\n    const nextField = getFieldByName(queryFields, nextFieldName);\n    if (!nextField) {\n      return;\n    }\n\n    const allowedOps = getOpsForField(nextField);\n\n    onFiltersChange(\n      queryFilters.map((filter) => {\n        if (filter.id !== filterId) {\n          return filter;\n        }\n\n        const op = allowedOps.includes(filter.op)\n          ? filter.op\n          : (allowedOps[0] ?? \"eq\");\n        const value = coerceFilterValue(nextField, op, filter.value);\n\n        return {\n          ...filter,\n          field: nextField.name,\n          op,\n          value,\n        };\n      }),\n    );\n  };\n\n  const handleOpChange = (filterId: string, nextOp: QuerySpecOp) => {\n    onFiltersChange(\n      queryFilters.map((filter) => {\n        if (filter.id !== filterId) {\n          return filter;\n        }\n\n        const field = queryFieldMap.get(filter.field);\n        const value = coerceFilterValue(field, nextOp, filter.value);\n\n        return {\n          ...filter,\n          op: nextOp,\n          value,\n        };\n      }),\n    );\n  };\n\n  const handleValueChange = (filterId: string, nextValue: string) => {\n    onFiltersChange(\n      queryFilters.map((filter) =>\n        filter.id === filterId\n          ? {\n              ...filter,\n              value: nextValue,\n            }\n          : filter,\n      ),\n    );\n  };\n\n  return (\n    <>\n      <Box\n        sx={{\n          borderBottom: \"1px solid\",\n          borderColor: \"divider\",\n          px: 2,\n          py: 1.5,\n        }}\n      >\n        <TextField\n          fullWidth\n          size=\"small\"\n          placeholder={placeholder ?? \"Add filters\"}\n          value={querySummary}\n          onClick={handleQueryOpen}\n          onFocus={handleQueryOpen}\n          InputProps={{\n            readOnly: true,\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <FilterAltOutlinedIcon fontSize=\"small\" />\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment position=\"end\">\n                {queryOpen ? (\n                  <KeyboardArrowUpIcon />\n                ) : (\n                  <KeyboardArrowDownIcon />\n                )}\n              </InputAdornment>\n            ),\n          }}\n          inputProps={{ \"aria-label\": \"Filter query\" }}\n          sx={{\n            \"& .MuiInputBase-root\": { cursor: \"pointer\" },\n            \"& .MuiInputBase-input\": {\n              cursor: \"pointer\",\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              whiteSpace: \"nowrap\",\n            },\n          }}\n        />\n      </Box>\n      <Popover\n        open={queryOpen}\n        anchorEl={queryAnchor}\n        onClose={handleQueryClose}\n        disableRestoreFocus\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"left\" }}\n        slotProps={{\n          paper: {\n            sx: {\n              width: queryPopoverWidth,\n              maxWidth: \"calc(100vw - 32px)\",\n              p: 2,\n            },\n          },\n        }}\n      >\n        <Box sx={{ maxHeight: \"60vh\", overflowY: \"auto\" }}>\n          <Stack spacing={2}>\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              gap={1}\n            >\n              <Typography variant=\"subtitle2\">Filters</Typography>\n              <Box display=\"flex\" alignItems=\"center\" gap={1}>\n                <Button\n                  size=\"small\"\n                  startIcon={<AddIcon fontSize=\"small\" />}\n                  onClick={handleAddFilter}\n                  disabled={queryFields.length === 0}\n                >\n                  Add filter\n                </Button>\n                <IconButton\n                  size=\"small\"\n                  aria-label=\"Close filters\"\n                  onClick={handleQueryClose}\n                >\n                  <CloseIcon fontSize=\"small\" />\n                </IconButton>\n              </Box>\n            </Box>\n            {queryFilters.length === 0 ? (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                No filters yet.\n              </Typography>\n            ) : (\n              <Stack spacing={1.5}>\n                {queryFilters.map((filter) => (\n                  <QueryFilterRow\n                    key={filter.id}\n                    filter={filter}\n                    fields={queryFields}\n                    fieldMap={queryFieldMap}\n                    onFieldChange={handleFieldChange}\n                    onOpChange={handleOpChange}\n                    onValueChange={handleValueChange}\n                    onRemove={handleRemoveFilter}\n                  />\n                ))}\n              </Stack>\n            )}\n          </Stack>\n        </Box>\n      </Popover>\n    </>\n  );\n};\n"],"names":["QueryFilterRow","filter","fields","fieldMap","onFieldChange","onOpChange","onValueChange","onRemove","field","ops","getOpsForField","valueLabel","inputType","shouldShrinkLabel","valuePlaceholder","fieldOptions","useOptions","jsxs","Stack","jsx","TextField","event","queryField","MenuItem","ToggleButtonGroup","_","value","op","ToggleButton","querySpecOpLabels","option","IconButton","DeleteOutlineIcon","RemoteDataTableQueryBuilder","queryBuilder","queryAnchor","setQueryAnchor","useState","queryOpen","queryPopoverWidth","queryFields","queryFilters","onFiltersChange","placeholder","summaryFormatter","queryFieldMap","useMemo","querySummary","formatFiltersSummary","handleQueryOpen","handleQueryClose","handleAddFilter","coerceFilterValue","createFilterId","handleRemoveFilter","filterId","handleFieldChange","nextFieldName","nextField","getFieldByName","allowedOps","handleOpChange","nextOp","handleValueChange","nextValue","Fragment","Box","InputAdornment","FilterAltOutlinedIcon","KeyboardArrowUpIcon","KeyboardArrowDownIcon","Popover","Typography","Button","AddIcon","CloseIcon"],"mappings":"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"}