@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/dist/RemoteDataTable/RemoteDataTable.types.d.ts

@@ -1,189 +0,0 @@
-import { TableCellProps } from '@mui/material';
-import { ReactNode } from 'react';
-/**
- * Metadata for configuring column display properties
- */
-export type RemoteDataTableColumnMeta = {
-    /**
-     * Horizontal alignment of cell content
-     */
-    align?: TableCellProps["align"];
-    /**
-     * Fixed width of the column
-     */
-    width?: number | string;
-    /**
-     * Minimum width of the column
-     */
-    minWidth?: number | string;
-    /**
-     * Maximum width of the column
-     */
-    maxWidth?: number | string;
-};
-/**
- * Configuration for a table column
- *
- * @template TData - The type of data being displayed in the table
- */
-export type RemoteDataTableColumn<TData> = {
-    /**
-     * Unique identifier for the column
-     */
-    id: string;
-    /**
-     * Header content to display
-     */
-    header: ReactNode;
-    /**
-     * Key to access data from the row object
-     */
-    accessorKey?: keyof TData;
-    /**
-     * Custom cell renderer function
-     * @param row - The data row
-     */
-    cell?: (row: TData) => ReactNode;
-    /**
-     * Whether sorting is enabled for this column
-     * @default true
-     */
-    enableSorting?: boolean;
-    /**
-     * Column metadata for styling and layout
-     */
-    meta?: RemoteDataTableColumnMeta;
-};
-/**
- * Pagination state for the table
- */
-export type PaginationState = {
-    /**
-     * Current page index (zero-based)
-     */
-    pageIndex: number;
-    /**
-     * Number of rows per page
-     */
-    pageSize: number;
-};
-/**
- * Sorting state for the table
- */
-export type SortingState = Array<{
-    /**
-     * Column identifier to sort by
-     */
-    id: string;
-    /**
-     * Whether to sort in descending order
-     */
-    desc: boolean;
-}>;
-/**
- * Generic change handler function
- *
- * @template T - The type of value being changed
- * @param updaterOrValue - New value or updater function
- */
-export type OnChangeFn<T> = (updaterOrValue: T | ((old: T) => T)) => void;
-/**
- * Query filter operation types
- */
-export type QuerySpecOp = "eq" | "neq" | "lt" | "lte" | "gt" | "gte" | "ilike" | "in" | "isnull";
-/**
- * Field data types for query filters
- */
-export type QuerySpecFieldType = "string" | "number" | "boolean" | "date" | "datetime";
-/**
- * Option for select/dropdown fields in query builder
- */
-export type QuerySpecFieldOption = {
-    /**
-     * Display label for the option
-     */
-    label: string;
-    /**
-     * Value of the option
-     */
-    value: string;
-};
-/**
- * Field specification for query builder
- */
-export type QuerySpecField = {
-    /**
-     * Field name/identifier
-     */
-    name: string;
-    /**
-     * Display label for the field
-     */
-    label: string;
-    /**
-     * Data type of the field
-     * @default "string"
-     */
-    type?: QuerySpecFieldType;
-    /**
-     * Allowed operations for this field
-     */
-    ops?: QuerySpecOp[];
-    /**
-     * Placeholder text for input
-     */
-    placeholder?: string;
-    /**
-     * Options for select/dropdown fields
-     */
-    options?: QuerySpecFieldOption[];
-};
-/**
- * Active filter in the query builder
- */
-export type QuerySpecFilter = {
-    /**
-     * Unique identifier for the filter
-     */
-    id: string;
-    /**
-     * Field name being filtered
-     */
-    field: string;
-    /**
-     * Filter operation
-     */
-    op: QuerySpecOp;
-    /**
-     * Filter value
-     */
-    value?: string;
-};
-/**
- * Props for the query builder component
- */
-export type RemoteDataTableQueryBuilderProps = {
-    /**
-     * Available fields for filtering
-     */
-    fields: QuerySpecField[];
-    /**
-     * Current active filters
-     */
-    filters: QuerySpecFilter[];
-    /**
-     * Callback when filters change
-     * @param filters - Updated filters
-     */
-    onFiltersChange: (filters: QuerySpecFilter[]) => void;
-    /**
-     * Placeholder text for the query input
-     */
-    placeholder?: string;
-    /**
-     * Custom formatter for filter summary display
-     * @param filters - Current filters
-     * @param fields - Available fields
-     */
-    summaryFormatter?: (filters: QuerySpecFilter[], fields: QuerySpecField[]) => string;
-};

package/dist/RemoteDataTable/RemoteDataTableBody.d.ts

@@ -1,13 +0,0 @@
-import { RemoteDataTableColumn, SortingState } from './RemoteDataTable.types';
-type RemoteDataTableBodyProps<TData> = {
-    data: TData[];
-    columns: RemoteDataTableColumn<TData>[];
-    loading: boolean;
-    emptyMessage: string;
-    sorting?: SortingState;
-    onSortingChange?: (sorting: SortingState) => void;
-    onRowClick?: (row: TData) => void;
-    getRowId?: (row: TData, index: number) => string;
-};
-export declare const RemoteDataTableBody: <TData>({ data, columns, loading, emptyMessage, sorting, onSortingChange, onRowClick, getRowId, }: RemoteDataTableBodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/RemoteDataTable/RemoteDataTableBody.mjs

@@ -1,87 +0,0 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { TableContainer as D, Table as j, TableHead as z, TableRow as s, TableCell as n, TableSortLabel as C, TableBody as K, Box as L, CircularProgress as k, Typography as v } from "@mui/material";
-const H = ({
-  data: o,
-  columns: c,
-  loading: l,
-  emptyMessage: T,
-  sorting: p = [],
-  onSortingChange: d,
-  onRowClick: h,
-  getRowId: x
-}) => {
-  const y = Math.max(c.length, 1), W = !l && o.length === 0, b = !!h, m = (e) => {
-    if (!d) return;
-    const i = p.find((a) => a.id === e);
-    i ? i.desc ? d([]) : d([{ id: e, desc: !0 }]) : d([{ id: e, desc: !1 }]);
-  }, g = (e) => {
-    const i = p.find((a) => a.id === e);
-    return i ? i.desc ? "desc" : "asc" : !1;
-  };
-  return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ f(j, { size: "small", "aria-busy": l, children: [
-    /* @__PURE__ */ t(z, { sx: { backgroundColor: "grey.50" }, children: /* @__PURE__ */ t(s, { children: c.map((e) => {
-      const i = g(e.id), a = e.enableSorting && d;
-      return /* @__PURE__ */ t(
-        n,
-        {
-          align: e.meta?.align,
-          sortDirection: i,
-          sx: {
-            fontWeight: 600,
-            color: "text.secondary",
-            width: e.meta?.width,
-            minWidth: e.meta?.minWidth,
-            maxWidth: e.meta?.maxWidth
-          },
-          children: a ? /* @__PURE__ */ t(
-            C,
-            {
-              active: i !== !1,
-              direction: i === !1 ? "asc" : i,
-              onClick: () => m(e.id),
-              children: e.header
-            }
-          ) : e.header
-        },
-        e.id
-      );
-    }) }) }),
-    /* @__PURE__ */ t(K, { children: l ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { colSpan: y, children: /* @__PURE__ */ f(L, { display: "flex", alignItems: "center", gap: 1, py: 2, children: [
-      /* @__PURE__ */ t(k, { size: 20 }),
-      /* @__PURE__ */ t(v, { variant: "body2", children: "Loading" })
-    ] }) }) }) : W ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { colSpan: y, children: /* @__PURE__ */ t(v, { variant: "body2", color: "text.secondary", py: 2, children: T }) }) }) : o.map((e, i) => {
-      const a = x ? x(e, i) : String(i);
-      return /* @__PURE__ */ t(
-        s,
-        {
-          hover: b,
-          onClick: h ? () => h(e) : void 0,
-          sx: b ? {
-            cursor: "pointer"
-          } : void 0,
-          children: c.map((r) => {
-            const S = r.accessorKey ? e[r.accessorKey] : void 0, B = r.cell ? r.cell(e) : String(S ?? "");
-            return /* @__PURE__ */ t(
-              n,
-              {
-                align: r.meta?.align,
-                sx: {
-                  width: r.meta?.width,
-                  minWidth: r.meta?.minWidth,
-                  maxWidth: r.meta?.maxWidth
-                },
-                children: B
-              },
-              r.id
-            );
-          })
-        },
-        a
-      );
-    }) })
-  ] }) });
-};
-export {
-  H as RemoteDataTableBody
-};
-//# sourceMappingURL=RemoteDataTableBody.mjs.map

package/dist/RemoteDataTable/RemoteDataTableBody.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteDataTableBody.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableBody.tsx"],"sourcesContent":["import {\n  Box,\n  CircularProgress,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  Typography,\n} from \"@mui/material\";\nimport type {\n  RemoteDataTableColumn,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableBodyProps<TData> = {\n  data: TData[];\n  columns: RemoteDataTableColumn<TData>[];\n  loading: boolean;\n  emptyMessage: string;\n  sorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  onRowClick?: (row: TData) => void;\n  getRowId?: (row: TData, index: number) => string;\n};\n\nexport const RemoteDataTableBody = <TData,>({\n  data,\n  columns,\n  loading,\n  emptyMessage,\n  sorting = [],\n  onSortingChange,\n  onRowClick,\n  getRowId,\n}: RemoteDataTableBodyProps<TData>) => {\n  const columnCount = Math.max(columns.length, 1);\n  const showEmpty = !loading && data.length === 0;\n  const isInteractive = Boolean(onRowClick);\n\n  const handleSort = (columnId: string) => {\n    if (!onSortingChange) return;\n\n    const existingSort = sorting.find((s) => s.id === columnId);\n    if (!existingSort) {\n      onSortingChange([{ id: columnId, desc: false }]);\n    } else if (!existingSort.desc) {\n      onSortingChange([{ id: columnId, desc: true }]);\n    } else {\n      onSortingChange([]);\n    }\n  };\n\n  const getSortDirection = (\n    columnId: string,\n  ): \"asc\" | \"desc\" | false | undefined => {\n    const sort = sorting.find((s) => s.id === columnId);\n    if (!sort) return false;\n    return sort.desc ? \"desc\" : \"asc\";\n  };\n\n  return (\n    <TableContainer>\n      <Table size=\"small\" aria-busy={loading}>\n        <TableHead sx={{ backgroundColor: \"grey.50\" }}>\n          <TableRow>\n            {columns.map((column) => {\n              const sortDirection = getSortDirection(column.id);\n              const canSort = column.enableSorting && onSortingChange;\n\n              return (\n                <TableCell\n                  key={column.id}\n                  align={column.meta?.align}\n                  sortDirection={sortDirection}\n                  sx={{\n                    fontWeight: 600,\n                    color: \"text.secondary\",\n                    width: column.meta?.width,\n                    minWidth: column.meta?.minWidth,\n                    maxWidth: column.meta?.maxWidth,\n                  }}\n                >\n                  {canSort ? (\n                    <TableSortLabel\n                      active={sortDirection !== false}\n                      direction={\n                        sortDirection === false ? \"asc\" : sortDirection\n                      }\n                      onClick={() => handleSort(column.id)}\n                    >\n                      {column.header}\n                    </TableSortLabel>\n                  ) : (\n                    column.header\n                  )}\n                </TableCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Box display=\"flex\" alignItems=\"center\" gap={1} py={2}>\n                  <CircularProgress size={20} />\n                  <Typography variant=\"body2\">Loading</Typography>\n                </Box>\n              </TableCell>\n            </TableRow>\n          ) : showEmpty ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Typography variant=\"body2\" color=\"text.secondary\" py={2}>\n                  {emptyMessage}\n                </Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            data.map((row, index) => {\n              const rowId = getRowId ? getRowId(row, index) : String(index);\n\n              return (\n                <TableRow\n                  key={rowId}\n                  hover={isInteractive}\n                  onClick={onRowClick ? () => onRowClick(row) : undefined}\n                  sx={\n                    isInteractive\n                      ? {\n                          cursor: \"pointer\",\n                        }\n                      : undefined\n                  }\n                >\n                  {columns.map((column) => {\n                    const value = column.accessorKey\n                      ? row[column.accessorKey]\n                      : undefined;\n                    const cellContent = column.cell\n                      ? column.cell(row)\n                      : String(value ?? \"\");\n\n                    return (\n                      <TableCell\n                        key={column.id}\n                        align={column.meta?.align}\n                        sx={{\n                          width: column.meta?.width,\n                          minWidth: column.meta?.minWidth,\n                          maxWidth: column.meta?.maxWidth,\n                        }}\n                      >\n                        {cellContent}\n                      </TableCell>\n                    );\n                  })}\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\n"],"names":["RemoteDataTableBody","data","columns","loading","emptyMessage","sorting","onSortingChange","onRowClick","getRowId","columnCount","showEmpty","isInteractive","handleSort","columnId","existingSort","s","getSortDirection","sort","TableContainer","jsxs","Table","jsx","TableHead","TableRow","column","sortDirection","canSort","TableCell","TableSortLabel","TableBody","Box","CircularProgress","Typography","row","index","rowId","value","cellContent"],"mappings":"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"}

package/dist/RemoteDataTable/RemoteDataTablePagination.d.ts

@@ -1,9 +0,0 @@
-import { OnChangeFn, PaginationState } from './RemoteDataTable.types';
-type RemoteDataTablePaginationProps = {
-    pagination: PaginationState;
-    onPaginationChange: OnChangeFn<PaginationState>;
-    rowCount: number;
-    pageSizeOptions: number[];
-};
-export declare const RemoteDataTablePagination: ({ pagination, onPaginationChange, rowCount, pageSizeOptions, }: RemoteDataTablePaginationProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/RemoteDataTable/RemoteDataTablePagination.mjs

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

package/dist/RemoteDataTable/RemoteDataTablePagination.mjs.map

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,6 +0,0 @@
-import { RemoteDataTableQueryBuilderProps as RemoteDataTableQueryBuilderConfig } from './RemoteDataTable.types';
-type RemoteDataTableQueryBuilderProps = {
-    queryBuilder: RemoteDataTableQueryBuilderConfig;
-};
-export declare const RemoteDataTableQueryBuilder: ({ queryBuilder, }: RemoteDataTableQueryBuilderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.mjs

@@ -1,296 +0,0 @@
-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: v,
-  fieldMap: y,
-  onFieldChange: x,
-  onOpChange: I,
-  onValueChange: a,
-  onRemove: i
-}) => {
-  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(
-          h,
-          {
-            select: !0,
-            size: "small",
-            label: "Field",
-            value: n.field,
-            onChange: (l) => x(n.id, l.target.value),
-            sx: { minWidth: 160 },
-            children: v.map((l) => /* @__PURE__ */ e(m, { value: l.name, children: l.label }, l.name))
-          }
-        ),
-        /* @__PURE__ */ e(
-          U,
-          {
-            exclusive: !0,
-            size: "small",
-            color: "primary",
-            value: n.op,
-            onChange: (l, F) => {
-              F !== null && I(n.id, F);
-            },
-            sx: { minWidth: 150, alignSelf: "center" },
-            children: z.map((l) => /* @__PURE__ */ e(Y, { value: l, children: Z[l] ?? l }, l))
-          }
-        ),
-        n.op === "isnull" ? /* @__PURE__ */ u(
-          h,
-          {
-            select: !0,
-            size: "small",
-            label: "Null state",
-            value: n.value ?? "true",
-            onChange: (l) => a(n.id, l.target.value),
-            sx: { minWidth: 160, flex: 1 },
-            children: [
-              /* @__PURE__ */ e(m, { value: "true", children: "Is null" }),
-              /* @__PURE__ */ e(m, { value: "false", children: "Is not null" })
-            ]
-          }
-        ) : O ? /* @__PURE__ */ e(
-          h,
-          {
-            select: !0,
-            size: "small",
-            label: c,
-            value: n.value ?? "",
-            onChange: (l) => a(n.id, l.target.value),
-            sx: { minWidth: 160, flex: 1 },
-            children: g.map((l) => /* @__PURE__ */ e(m, { value: l.value, children: l.label }, l.value))
-          }
-        ) : r?.type === "boolean" ? /* @__PURE__ */ u(
-          h,
-          {
-            select: !0,
-            size: "small",
-            label: c,
-            value: n.value ?? "true",
-            onChange: (l) => a(n.id, l.target.value),
-            sx: { minWidth: 160, flex: 1 },
-            children: [
-              /* @__PURE__ */ e(m, { value: "true", children: "True" }),
-              /* @__PURE__ */ e(m, { value: "false", children: "False" })
-            ]
-          }
-        ) : /* @__PURE__ */ e(
-          h,
-          {
-            size: "small",
-            type: b,
-            label: c,
-            value: n.value ?? "",
-            onChange: (l) => a(n.id, l.target.value),
-            placeholder: f,
-            InputLabelProps: w ? { shrink: !0 } : void 0,
-            sx: { minWidth: 160, flex: 1 }
-          }
-        ),
-        /* @__PURE__ */ e(
-          M,
-          {
-            size: "small",
-            "aria-label": "Remove filter",
-            onClick: () => i(n.id),
-            children: /* @__PURE__ */ e(N, { fontSize: "small" })
-          }
-        )
-      ]
-    }
-  );
-}, ue = ({
-  queryBuilder: n
-}) => {
-  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 = a[0], o = q(t)[0] ?? "eq", p = A(t, o);
-    r([
-      ...i,
-      { id: X(), field: t.name, op: o, value: p }
-    ]);
-  }, l = (t) => {
-    r(i.filter((s) => s.id !== t));
-  }, F = (t, s) => {
-    const o = $(a, s);
-    if (!o)
-      return;
-    const p = q(o);
-    r(
-      i.map((d) => {
-        if (d.id !== t)
-          return d;
-        const B = p.includes(d.op) ? d.op : p[0] ?? "eq", Q = A(o, B, d.value);
-        return {
-          ...d,
-          field: o.name,
-          op: B,
-          value: Q
-        };
-      })
-    );
-  }, 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 {
-          ...o,
-          op: s,
-          value: d
-        };
-      })
-    );
-  }, R = (t, s) => {
-    r(
-      i.map(
-        (o) => o.id === t ? {
-          ...o,
-          value: s
-        } : o
-      )
-    );
-  };
-  return /* @__PURE__ */ u(L, { children: [
-    /* @__PURE__ */ e(
-      C,
-      {
-        sx: {
-          borderBottom: "1px solid",
-          borderColor: "divider",
-          px: 2,
-          py: 1.5
-        },
-        children: /* @__PURE__ */ e(
-          h,
-          {
-            fullWidth: !0,
-            size: "small",
-            placeholder: z ?? "Add filters",
-            value: w,
-            onClick: f,
-            onFocus: f,
-            InputProps: {
-              readOnly: !0,
-              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: {
-              "& .MuiInputBase-root": { cursor: "pointer" },
-              "& .MuiInputBase-input": {
-                cursor: "pointer",
-                textOverflow: "ellipsis",
-                overflow: "hidden",
-                whiteSpace: "nowrap"
-              }
-            }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      G,
-      {
-        open: x,
-        anchorEl: v,
-        onClose: g,
-        disableRestoreFocus: !0,
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        transformOrigin: { vertical: "top", horizontal: "left" },
-        slotProps: {
-          paper: {
-            sx: {
-              width: I,
-              maxWidth: "calc(100vw - 32px)",
-              p: 2
-            }
-          }
-        },
-        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(T, { variant: "subtitle2", children: "Filters" }),
-                /* @__PURE__ */ u(C, { display: "flex", alignItems: "center", gap: 1, children: [
-                  /* @__PURE__ */ e(
-                    H,
-                    {
-                      size: "small",
-                      startIcon: /* @__PURE__ */ e(j, { fontSize: "small" }),
-                      onClick: O,
-                      disabled: a.length === 0,
-                      children: "Add filter"
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    M,
-                    {
-                      size: "small",
-                      "aria-label": "Close filters",
-                      onClick: g,
-                      children: /* @__PURE__ */ e(D, { fontSize: "small" })
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          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: a,
-              fieldMap: b,
-              onFieldChange: F,
-              onOpChange: P,
-              onValueChange: R,
-              onRemove: l
-            },
-            t.id
-          )) })
-        ] }) })
-      }
-    )
-  ] });
-};
-export {
-  ue as RemoteDataTableQueryBuilder
-};
-//# sourceMappingURL=RemoteDataTableQueryBuilder.mjs.map