@pautena/react-design-system 0.21.0 → 1.0.1

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.mjs

@@ -0,0 +1,296 @@
+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

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.mjs.map

@@ -0,0 +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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"}

package/dist/RemoteDataTable/index.d.ts

@@ -0,0 +1,3 @@
+export type { OnChangeFn, PaginationState, QuerySpecField, QuerySpecFieldOption, QuerySpecFieldType, QuerySpecFilter, QuerySpecOp, RemoteDataTableColumn, RemoteDataTableColumnMeta, RemoteDataTableProps, RemoteDataTableQueryBuilderProps, SortingState, } from './RemoteDataTable';
+export { buildQuerySpecParams, default, default as RemoteDataTable, } from './RemoteDataTable';
+export * from './use-remote-data-table';

package/dist/{remote-data-table → RemoteDataTable}/query-spec-utils.d.ts

@@ -1,4 +1,4 @@
-import { QuerySpecField, QuerySpecFilter, QuerySpecOp } from './remote-data-table.types';
+import { QuerySpecField, QuerySpecFilter, QuerySpecOp } from './RemoteDataTable.types';
 export declare const querySpecOpLabels: Record<QuerySpecOp, string>;
 export declare const createFilterId: () => string;
 export declare const getFieldByName: (fields: QuerySpecField[], name: string) => QuerySpecField | undefined;

package/dist/RemoteDataTable/query-spec-utils.mjs

@@ -0,0 +1,74 @@
+const c = ["eq"], m = {
+  eq: "is",
+  neq: "is not",
+  lt: "<",
+  lte: "<=",
+  gt: ">",
+  gte: ">=",
+  ilike: "contains",
+  in: "in",
+  isnull: "is null"
+}, d = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `filter-${Math.random().toString(36).slice(2, 10)}`, b = (e, t) => e.find((n) => n.name === t), g = (e) => e?.ops?.length ? e.ops : c, $ = (e, t, n) => t === "isnull" || e?.type === "boolean" ? n === "false" ? "false" : "true" : n ?? "", f = (e, t) => {
+  if (e.op === "isnull")
+    return e.value === "false" ? "false" : "true";
+  const n = (e.value ?? "").trim();
+  if (!n)
+    return "";
+  if (e.op === "in")
+    return n.split(",").map((o) => o.trim()).filter(Boolean).join(",");
+  if (t?.type === "date" || t?.type === "datetime") {
+    const o = new Date(n);
+    if (!Number.isNaN(o.getTime()))
+      return o.toISOString();
+  }
+  return t?.type === "boolean" ? n === "false" ? "false" : "true" : n;
+}, p = (e, t) => t?.options?.length ? t.options.find((n) => n.value === e)?.label ?? e : e, y = (e, t) => {
+  const n = t?.label ?? e.field, o = (e.value ?? "").trim();
+  if (e.op === "isnull")
+    return `${n} ${o !== "false" ? "is null" : "is not null"}`;
+  if (!o)
+    return "";
+  const s = m[e.op] ?? e.op;
+  if (e.op === "in") {
+    const l = o.split(",").map((u) => u.trim()).filter(Boolean).map((u) => p(u, t)).join(", ");
+    return `${n} ${s} (${l})`;
+  }
+  const r = p(o, t), i = !t?.type || t.type === "string" || t.type === "date" || t.type === "datetime" ? `"${r}"` : r;
+  return `${n} ${s} ${i}`;
+}, N = (e, t) => {
+  if (!e.length)
+    return "";
+  const n = new Map(t.map((o) => [o.name, o]));
+  return e.map((o) => y(o, n.get(o.field))).filter(Boolean).join(" AND ");
+}, F = (e, t) => {
+  const n = new Map(t.map((s) => [s.name, s])), o = {};
+  for (const s of e) {
+    const r = n.get(s.field);
+    if (!r)
+      continue;
+    const a = f(s, r);
+    if (!a && s.op !== "isnull")
+      continue;
+    const i = s.op === "eq" ? r.name : `${r.name}__${s.op}`;
+    if (s.op === "isnull")
+      o[i] = a !== "false";
+    else if (r.type === "boolean")
+      o[i] = a !== "false";
+    else if (r.type === "number" && s.op !== "in") {
+      const l = Number(a);
+      o[i] = Number.isNaN(l) ? a : l;
+    } else
+      o[i] = a;
+  }
+  return o;
+};
+export {
+  F as buildQuerySpecParams,
+  $ as coerceFilterValue,
+  d as createFilterId,
+  N as formatFiltersSummary,
+  b as getFieldByName,
+  g as getOpsForField,
+  m as querySpecOpLabels
+};
+//# sourceMappingURL=query-spec-utils.mjs.map

package/dist/RemoteDataTable/query-spec-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-spec-utils.mjs","sources":["../../src/RemoteDataTable/query-spec-utils.ts"],"sourcesContent":["import type {\n  QuerySpecField,\n  QuerySpecFilter,\n  QuerySpecOp,\n} from \"./RemoteDataTable.types\";\n\nconst defaultQuerySpecOps: QuerySpecOp[] = [\"eq\"];\n\nexport const querySpecOpLabels: Record<QuerySpecOp, string> = {\n  eq: \"is\",\n  neq: \"is not\",\n  lt: \"<\",\n  lte: \"<=\",\n  gt: \">\",\n  gte: \">=\",\n  ilike: \"contains\",\n  in: \"in\",\n  isnull: \"is null\",\n};\n\nexport const createFilterId = () =>\n  typeof crypto !== \"undefined\" && typeof crypto.randomUUID === \"function\"\n    ? crypto.randomUUID()\n    : `filter-${Math.random().toString(36).slice(2, 10)}`;\n\nexport const getFieldByName = (fields: QuerySpecField[], name: string) =>\n  fields.find((field) => field.name === name);\n\nexport const getOpsForField = (field?: QuerySpecField) =>\n  field?.ops?.length ? field.ops : defaultQuerySpecOps;\n\nexport const coerceFilterValue = (\n  field: QuerySpecField | undefined,\n  op: QuerySpecOp,\n  value?: string,\n) => {\n  if (op === \"isnull\") {\n    return value === \"false\" ? \"false\" : \"true\";\n  }\n\n  if (field?.type === \"boolean\") {\n    return value === \"false\" ? \"false\" : \"true\";\n  }\n\n  return value ?? \"\";\n};\n\nconst normalizeFilterValue = (\n  filter: QuerySpecFilter,\n  field?: QuerySpecField,\n) => {\n  if (filter.op === \"isnull\") {\n    return filter.value === \"false\" ? \"false\" : \"true\";\n  }\n\n  const raw = (filter.value ?? \"\").trim();\n  if (!raw) {\n    return \"\";\n  }\n\n  if (filter.op === \"in\") {\n    return raw\n      .split(\",\")\n      .map((part) => part.trim())\n      .filter(Boolean)\n      .join(\",\");\n  }\n\n  if (field?.type === \"date\" || field?.type === \"datetime\") {\n    const parsed = new Date(raw);\n    if (!Number.isNaN(parsed.getTime())) {\n      return parsed.toISOString();\n    }\n  }\n\n  if (field?.type === \"boolean\") {\n    return raw === \"false\" ? \"false\" : \"true\";\n  }\n\n  return raw;\n};\n\nconst getOptionLabel = (value: string, field?: QuerySpecField) => {\n  if (!field?.options?.length) {\n    return value;\n  }\n\n  return field.options.find((option) => option.value === value)?.label ?? value;\n};\n\nconst formatFilterSummary = (\n  filter: QuerySpecFilter,\n  field?: QuerySpecField,\n) => {\n  const label = field?.label ?? filter.field;\n  const rawValue = (filter.value ?? \"\").trim();\n\n  if (filter.op === \"isnull\") {\n    const isNull = rawValue !== \"false\";\n    return `${label} ${isNull ? \"is null\" : \"is not null\"}`;\n  }\n\n  if (!rawValue) {\n    return \"\";\n  }\n\n  const opLabel = querySpecOpLabels[filter.op] ?? filter.op;\n\n  if (filter.op === \"in\") {\n    const values = rawValue\n      .split(\",\")\n      .map((part) => part.trim())\n      .filter(Boolean)\n      .map((value) => getOptionLabel(value, field))\n      .join(\", \");\n    return `${label} ${opLabel} (${values})`;\n  }\n\n  const displayValue = getOptionLabel(rawValue, field);\n  const needsQuotes =\n    !field?.type ||\n    field.type === \"string\" ||\n    field.type === \"date\" ||\n    field.type === \"datetime\";\n  const formattedValue = needsQuotes ? `\"${displayValue}\"` : displayValue;\n  return `${label} ${opLabel} ${formattedValue}`;\n};\n\nexport const formatFiltersSummary = (\n  filters: QuerySpecFilter[],\n  fields: QuerySpecField[],\n) => {\n  if (!filters.length) {\n    return \"\";\n  }\n\n  const fieldMap = new Map(fields.map((field) => [field.name, field]));\n  return filters\n    .map((filter) => formatFilterSummary(filter, fieldMap.get(filter.field)))\n    .filter(Boolean)\n    .join(\" AND \");\n};\n\nexport const buildQuerySpecParams = (\n  filters: QuerySpecFilter[],\n  fields: QuerySpecField[],\n) => {\n  const fieldMap = new Map(fields.map((field) => [field.name, field]));\n  const params: Record<string, string | number | boolean> = {};\n\n  for (const filter of filters) {\n    const field = fieldMap.get(filter.field);\n    if (!field) {\n      continue;\n    }\n\n    const normalized = normalizeFilterValue(filter, field);\n    if (!normalized && filter.op !== \"isnull\") {\n      continue;\n    }\n\n    const key = filter.op === \"eq\" ? field.name : `${field.name}__${filter.op}`;\n    if (filter.op === \"isnull\") {\n      params[key] = normalized !== \"false\";\n    } else if (field.type === \"boolean\") {\n      params[key] = normalized !== \"false\";\n    } else if (field.type === \"number\" && filter.op !== \"in\") {\n      const numeric = Number(normalized);\n      params[key] = Number.isNaN(numeric) ? normalized : numeric;\n    } else {\n      params[key] = normalized;\n    }\n  }\n\n  return params;\n};\n"],"names":["defaultQuerySpecOps","querySpecOpLabels","createFilterId","getFieldByName","fields","name","field","getOpsForField","coerceFilterValue","op","value","normalizeFilterValue","filter","raw","part","parsed","getOptionLabel","option","formatFilterSummary","label","rawValue","opLabel","values","displayValue","formattedValue","formatFiltersSummary","filters","fieldMap","buildQuerySpecParams","params","normalized","key","numeric"],"mappings":"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"}

package/dist/{remote-data-table → RemoteDataTable}/use-remote-data-table.d.ts

@@ -1,4 +1,4 @@
-import { OnChangeFn, PaginationState, QuerySpecFilter, SortingState } from './remote-data-table.types';
+import { OnChangeFn, PaginationState, QuerySpecFilter, SortingState } from './RemoteDataTable.types';
 export type UseRemoteDataTableOptions = {
     initialPagination?: Partial<PaginationState>;
     initialSorting?: SortingState;

package/dist/RemoteDataTable/use-remote-data-table.mjs

@@ -0,0 +1,40 @@
+import { useState as t } from "react";
+const F = {
+  pageIndex: 0,
+  pageSize: 10
+}, m = (c = {}) => {
+  const {
+    initialPagination: P = {},
+    initialSorting: n = [],
+    initialFilters: e = []
+  } = c, i = {
+    ...F,
+    ...P
+  }, [S, o] = t(
+    i
+  ), [p, s] = t(n), [A, a] = t(e), r = () => {
+    o(i);
+  }, g = () => {
+    s(n);
+  }, l = () => {
+    a(e);
+  };
+  return {
+    pagination: S,
+    onPaginationChange: o,
+    sorting: p,
+    onSortingChange: s,
+    filters: A,
+    onFiltersChange: a,
+    resetPagination: r,
+    resetSorting: g,
+    resetFilters: l,
+    resetAll: () => {
+      r(), g(), l();
+    }
+  };
+};
+export {
+  m as useRemoteDataTable
+};
+//# sourceMappingURL=use-remote-data-table.mjs.map

package/dist/RemoteDataTable/use-remote-data-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-remote-data-table.mjs","sources":["../../src/RemoteDataTable/use-remote-data-table.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecFilter,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\nexport type UseRemoteDataTableOptions = {\n  initialPagination?: Partial<PaginationState>;\n  initialSorting?: SortingState;\n  initialFilters?: QuerySpecFilter[];\n};\n\nexport type UseRemoteDataTableResult = {\n  pagination: PaginationState;\n  onPaginationChange: OnChangeFn<PaginationState>;\n  sorting: SortingState;\n  onSortingChange: OnChangeFn<SortingState>;\n  filters: QuerySpecFilter[];\n  onFiltersChange: (filters: QuerySpecFilter[]) => void;\n  resetPagination: () => void;\n  resetSorting: () => void;\n  resetFilters: () => void;\n  resetAll: () => void;\n};\n\nconst DEFAULT_PAGINATION: PaginationState = {\n  pageIndex: 0,\n  pageSize: 10,\n};\n\nexport const useRemoteDataTable = (\n  options: UseRemoteDataTableOptions = {},\n): UseRemoteDataTableResult => {\n  const {\n    initialPagination = {},\n    initialSorting = [],\n    initialFilters = [],\n  } = options;\n\n  const resolvedInitialPagination: PaginationState = {\n    ...DEFAULT_PAGINATION,\n    ...initialPagination,\n  };\n\n  const [pagination, setPagination] = useState<PaginationState>(\n    resolvedInitialPagination,\n  );\n  const [sorting, setSorting] = useState<SortingState>(initialSorting);\n  const [filters, setFilters] = useState<QuerySpecFilter[]>(initialFilters);\n\n  const resetPagination = () => {\n    setPagination(resolvedInitialPagination);\n  };\n\n  const resetSorting = () => {\n    setSorting(initialSorting);\n  };\n\n  const resetFilters = () => {\n    setFilters(initialFilters);\n  };\n\n  const resetAll = () => {\n    resetPagination();\n    resetSorting();\n    resetFilters();\n  };\n\n  return {\n    pagination,\n    onPaginationChange: setPagination,\n    sorting,\n    onSortingChange: setSorting,\n    filters,\n    onFiltersChange: setFilters,\n    resetPagination,\n    resetSorting,\n    resetFilters,\n    resetAll,\n  };\n};\n"],"names":["DEFAULT_PAGINATION","useRemoteDataTable","options","initialPagination","initialSorting","initialFilters","resolvedInitialPagination","pagination","setPagination","useState","sorting","setSorting","filters","setFilters","resetPagination","resetSorting","resetFilters"],"mappings":";AA2BA,MAAMA,IAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AACZ,GAEaC,IAAqB,CAChCC,IAAqC,OACR;AAC7B,QAAM;AAAA,IACJ,mBAAAC,IAAoB,CAAA;AAAA,IACpB,gBAAAC,IAAiB,CAAA;AAAA,IACjB,gBAAAC,IAAiB,CAAA;AAAA,EAAC,IAChBH,GAEEI,IAA6C;AAAA,IACjD,GAAGN;AAAA,IACH,GAAGG;AAAA,EAAA,GAGC,CAACI,GAAYC,CAAa,IAAIC;AAAA,IAClCH;AAAA,EAAA,GAEI,CAACI,GAASC,CAAU,IAAIF,EAAuBL,CAAc,GAC7D,CAACQ,GAASC,CAAU,IAAIJ,EAA4BJ,CAAc,GAElES,IAAkB,MAAM;AAC5B,IAAAN,EAAcF,CAAyB;AAAA,EACzC,GAEMS,IAAe,MAAM;AACzB,IAAAJ,EAAWP,CAAc;AAAA,EAC3B,GAEMY,IAAe,MAAM;AACzB,IAAAH,EAAWR,CAAc;AAAA,EAC3B;AAQA,SAAO;AAAA,IACL,YAAAE;AAAA,IACA,oBAAoBC;AAAA,IACpB,SAAAE;AAAA,IACA,iBAAiBC;AAAA,IACjB,SAAAC;AAAA,IACA,iBAAiBC;AAAA,IACjB,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAhBe,MAAM;AACrB,MAAAF,EAAA,GACAC,EAAA,GACAC,EAAA;AAAA,IACF;AAAA,EAYE;AAEJ;"}

package/dist/Select/Select.d.ts

@@ -0,0 +1,147 @@
+import { BoxProps } from '@mui/material/Box';
+import { CircularProgressProps } from '@mui/material/CircularProgress';
+import { FormControlProps } from '@mui/material/FormControl';
+import { InputLabelProps } from '@mui/material/InputLabel';
+import { LinearProgressProps } from '@mui/material/LinearProgress';
+import { SelectProps as MuiSelectProps } from '@mui/material/Select';
+import { JSXElementConstructor, ReactNode } from 'react';
+/**
+ * Select input size variants
+ */
+export type SelectSize = "small" | "medium";
+/**
+ * Interface representing the slots for the Select component.
+ */
+export interface SelectSlots {
+    /**
+     * Root form control component
+     */
+    formControl?: JSXElementConstructor<FormControlProps>;
+    /**
+     * Input label component
+     */
+    inputLabel?: JSXElementConstructor<InputLabelProps>;
+    /**
+     * Select component
+     */
+    select?: JSXElementConstructor<MuiSelectProps<any>>;
+    /**
+     * Render value container component
+     */
+    renderValueContainer?: JSXElementConstructor<BoxProps>;
+    /**
+     * Loading indicator component (when fetching)
+     */
+    loadingIndicator?: JSXElementConstructor<CircularProgressProps>;
+    /**
+     * Fetching indicator component (when loading)
+     */
+    fetchingIndicator?: JSXElementConstructor<LinearProgressProps>;
+}
+/**
+ * Interface representing the slot properties for the Select component.
+ */
+export interface SelectSlotProps {
+    /**
+     * Props for the form control
+     */
+    formControl?: Partial<FormControlProps>;
+    /**
+     * Props for the input label
+     */
+    inputLabel?: Partial<InputLabelProps>;
+    /**
+     * Props for the select (onChange is managed by the component)
+     */
+    select?: Partial<Omit<MuiSelectProps<any>, "onChange">>;
+    /**
+     * Props for the render value container
+     */
+    renderValueContainer?: Partial<BoxProps>;
+    /**
+     * Props for the loading indicator
+     */
+    loadingIndicator?: Partial<CircularProgressProps>;
+    /**
+     * Props for the fetching indicator
+     */
+    fetchingIndicator?: Partial<LinearProgressProps>;
+}
+/**
+ * Props for the Select component
+ *
+ * @template T - The type of the selected value
+ */
+export interface SelectProps<T> {
+    /**
+     * The label for the select input.
+     */
+    label: string;
+    /**
+     * The selected value.
+     */
+    value: T;
+    /**
+     * If true, the select input is in a loading state.
+     */
+    loading?: boolean;
+    /**
+     * If true, the select input is in a fetching state.
+     */
+    fetching?: boolean;
+    /**
+     * The size of the select input.
+     */
+    size?: SelectSize;
+    /**
+     * The color of the select input.
+     */
+    color?: string;
+    /**
+     * If true, the select input takes up the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * The child elements to be rendered within the select input.
+     */
+    children?: ReactNode;
+    /**
+     * The callback function to handle changes to the select input.
+     */
+    onChange?: MuiSelectProps<T>["onChange"];
+    /**
+     * Optional slots for custom rendering within the select
+     */
+    slots?: SelectSlots;
+    /**
+     * Optional props for the slots
+     */
+    slotProps?: SelectSlotProps;
+}
+/**
+ * A custom Select component that extends the functionality of the Material-UI Select component.
+ * This component supports additional features such as loading and fetching states, custom colors, and full-width display.
+ *
+ * Supports extensive customization through slots and slotProps.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Select label="Country" value={country} onChange={handleChange}>
+ *   <MenuItem value="us">United States</MenuItem>
+ *   <MenuItem value="uk">United Kingdom</MenuItem>
+ * </Select>
+ *
+ * // With custom loading indicator
+ * <Select
+ *   label="Status"
+ *   value={status}
+ *   loading
+ *   slotProps={{
+ *     loadingIndicator: { size: 24 }
+ *   }}
+ * />
+ * ```
+ */
+export declare function Select<T extends ReactNode>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, slots, slotProps, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Select;