@12-apps/ui 1.5.0 → 1.5.2

package/src/components/data-display/DataViews/__tests__/DataViewsGrid.test.tsx

@@ -1,271 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { ThemeProvider, createTheme } from "../../../../mui/styles";
-
-import { DataViewsGrid } from "../DataViewsGrid";
-import type { DataViewColumn, FilterFieldConfig } from "../data-views-types";
-
-interface Row extends Record<string, unknown> {
-  id: string;
-  name: string;
-  status: string;
-}
-
-const rows: Row[] = [
-  { id: "1", name: "Ana", status: "ACTIVE" },
-  { id: "2", name: "Bruno", status: "INACTIVE" },
-  { id: "3", name: "Carla", status: "ACTIVE" },
-];
-
-const columns: DataViewColumn<Row>[] = [
-  { id: "name", header: "Nome", accessor: "name", searchable: true },
-  { id: "status", header: "Status", accessor: "status", searchable: true },
-  { id: "actions", header: "", type: "actions", hideable: false, cell: () => null },
-];
-
-const fields: FilterFieldConfig<Row>[] = [
-  {
-    id: "status",
-    label: "Status",
-    options: [
-      { value: "ACTIVE", label: "Ativo" },
-      { value: "INACTIVE", label: "Inativo" },
-    ],
-  },
-];
-
-function renderGrid(props: Partial<React.ComponentProps<typeof DataViewsGrid<Row>>> = {}) {
-  return render(
-    <ThemeProvider theme={createTheme()}>
-      <DataViewsGrid<Row>
-        rows={rows}
-        columns={columns}
-        fields={fields}
-        getRowId={(row) => row.id}
-        dataTestId="people"
-        testIdPrefix="people"
-        {...props}
-      />
-    </ThemeProvider>,
-  );
-}
-
-const counter = (): string => screen.getByTestId("people-counter").textContent ?? "";
-
-/** The panel keeps its fields mounted (visibility-hidden when closed), so they
- *  stay interactable in tests. Query the input directly — `getByRole` would skip
- *  the hidden panel. */
-function statusCheckbox(value: string): HTMLInputElement {
-  const input = screen.getByTestId(`people-filter-status-${value}`).querySelector("input");
-  if (!input) throw new Error(`checkbox input for ${value} not found`);
-  return input;
-}
-
-describe("DataViewsGrid", () => {
-  beforeEach(() => window.localStorage.clear());
-
-  it("renders every row and a matched/total counter", () => {
-    renderGrid();
-    expect(screen.getByText("Ana")).toBeInTheDocument();
-    expect(screen.getByText("Bruno")).toBeInTheDocument();
-    expect(counter()).toContain("3 de 3");
-  });
-
-  it("narrows via the keyword search (commit on blur) and updates the counter", async () => {
-    renderGrid();
-    const search = screen.getByTestId("people-search-all");
-    fireEvent.change(search, { target: { value: "car" } });
-    fireEvent.blur(search);
-    await waitFor(() => expect(screen.queryByText("Ana")).not.toBeInTheDocument());
-    expect(screen.getByText("Carla")).toBeInTheDocument();
-    expect(counter()).toContain("1 de 3");
-  });
-
-  it("applies a checkbox filter field and updates the counter", async () => {
-    renderGrid();
-    fireEvent.click(statusCheckbox("INACTIVE"));
-    await waitFor(() => expect(screen.queryByText("Ana")).not.toBeInTheDocument());
-    expect(screen.getByText("Bruno")).toBeInTheDocument();
-    expect(counter()).toContain("1 de 3");
-  });
-
-  it("reports state changes and re-applies a supplied view state", async () => {
-    const onStateChange = vi.fn();
-    const { rerender } = renderGrid({ onStateChange });
-    expect(onStateChange).toHaveBeenCalled();
-
-    rerender(
-      <ThemeProvider theme={createTheme()}>
-        <DataViewsGrid<Row>
-          rows={rows}
-          columns={columns}
-          fields={fields}
-          getRowId={(row) => row.id}
-          dataTestId="people"
-          testIdPrefix="people"
-          onStateChange={onStateChange}
-          appliedState={{ search: "", pills: { status: ["ACTIVE"] }, sortBy: [], visibleColumns: ["name", "status", "actions"] }}
-        />
-      </ThemeProvider>,
-    );
-
-    await waitFor(() => expect(screen.queryByText("Bruno")).not.toBeInTheDocument());
-    expect(counter()).toContain("2 de 3");
-  });
-
-  it("syncState re-applies the URL controls on change while preserving hidden columns", async () => {
-    // A stable appliedState hides the `status` column; only `syncState` changes
-    // between renders (as a URL back/forward would), so the appliedState effect
-    // never re-fires and we isolate the syncState merge.
-    const applied = { search: "", pills: {}, sortBy: [], visibleColumns: ["name", "actions"] };
-    const { rerender } = renderGrid({
-      appliedState: applied,
-      syncState: { search: "", pills: {}, ranges: {}, sortBy: [] },
-    });
-    // `name` header present (evidence the grid rendered) but `status` is hidden.
-    expect(screen.getByRole("columnheader", { name: "Nome" })).toBeInTheDocument();
-    await waitFor(() =>
-      expect(screen.queryByRole("columnheader", { name: "Status" })).not.toBeInTheDocument(),
-    );
-    expect(counter()).toContain("3 de 3");
-
-    // A new syncState reference applies a status filter (e.g. browser back/forward).
-    rerender(
-      <ThemeProvider theme={createTheme()}>
-        <DataViewsGrid<Row>
-          rows={rows}
-          columns={columns}
-          fields={fields}
-          getRowId={(row) => row.id}
-          dataTestId="people"
-          testIdPrefix="people"
-          appliedState={applied}
-          syncState={{ search: "", pills: { status: ["ACTIVE"] }, ranges: {}, sortBy: [] }}
-        />
-      </ThemeProvider>,
-    );
-
-    // The filter re-applied (Bruno is INACTIVE)...
-    await waitFor(() => expect(screen.queryByText("Bruno")).not.toBeInTheDocument());
-    expect(counter()).toContain("2 de 3");
-    // ...and the user's hidden `status` column was NOT resurrected by the re-sync.
-    await waitFor(() =>
-      expect(screen.queryByRole("columnheader", { name: "Status" })).not.toBeInTheDocument(),
-    );
-  });
-
-  it("the funnel toggle opens/closes the filter panel", async () => {
-    renderGrid();
-    const funnel = screen.getByTestId("people-filters-toggle");
-    expect(funnel).toHaveAttribute("aria-expanded", "false");
-    fireEvent.click(funnel);
-    await waitFor(() => expect(funnel).toHaveAttribute("aria-expanded", "true"));
-    // Counter stays visible in the toolbar regardless of panel state.
-    expect(screen.getByTestId("people-counter")).toBeInTheDocument();
-    fireEvent.click(funnel);
-    await waitFor(() => expect(funnel).toHaveAttribute("aria-expanded", "false"));
-  });
-
-  it("selects all rows, shows the count, and renders the bulk action", async () => {
-    const onBulk = vi.fn();
-    renderGrid({
-      bulkActions: (selected, clear) => (
-        <button
-          type="button"
-          data-testid="people-bulk"
-          onClick={() => {
-            onBulk(selected.length);
-            clear();
-          }}
-        >
-          Bulk {selected.length}
-        </button>
-      ),
-    });
-    // No selection: no count indicator, no bulk action.
-    await waitFor(() => expect(screen.queryByTestId("selected-count-indicator")).not.toBeInTheDocument());
-
-    fireEvent.click(screen.getByTestId("people-select-all"));
-    await waitFor(() =>
-      expect(screen.getByTestId("selected-count-indicator")).toHaveTextContent("3 items selected"),
-    );
-    const bulk = screen.getByTestId("people-bulk");
-    fireEvent.click(bulk);
-    expect(onBulk).toHaveBeenCalledWith(3);
-    // Bulk action clears the selection.
-    await waitFor(() => expect(screen.queryByTestId("selected-count-indicator")).not.toBeInTheDocument());
-  });
-
-  it("drives the row kebab AND the bulk menu from one rowActions list", async () => {
-    const onArchive = vi.fn();
-    const onEdit = vi.fn();
-    renderGrid({
-      // No actions column here so the grid appends its auto kebab from rowActions.
-      columns: [
-        { id: "name", header: "Nome", accessor: "name", searchable: true },
-        { id: "status", header: "Status", accessor: "status" },
-      ],
-      rowActions: [
-        // `bulk: false` → appears in the kebab but NOT the bulk menu.
-        { id: "edit", label: "Editar", bulk: false, onSelect: (r) => onEdit(r.length) },
-        { id: "archive", label: "Arquivar", color: "error", onSelect: (r) => onArchive(r.length) },
-      ],
-    });
-
-    // Per-row kebab: both actions present; Editar acts on the single row.
-    fireEvent.click(screen.getByTestId("people-actions-1"));
-    expect(screen.getByText("Editar")).toBeInTheDocument();
-    expect(screen.getByText("Arquivar")).toBeInTheDocument();
-    fireEvent.click(screen.getByText("Editar"));
-    expect(onEdit).toHaveBeenCalledWith(1);
-
-    // Select all → the bulk "Ações" menu shows only the bulk-eligible action.
-    fireEvent.click(screen.getByTestId("people-select-all"));
-    await waitFor(() => expect(screen.getByTestId("people-bulk-actions")).toBeInTheDocument());
-    fireEvent.click(screen.getByTestId("people-bulk-actions"));
-    await waitFor(() => expect(screen.getByText("Arquivar")).toBeInTheDocument());
-    // "Editar" is single-item only, so it must NOT appear in the bulk menu.
-    await waitFor(() => expect(screen.queryByText("Editar")).not.toBeInTheDocument());
-    fireEvent.click(screen.getByText("Arquivar"));
-    expect(onArchive).toHaveBeenCalledWith(3);
-  });
-
-  it("re-emits visible rows on a same-id content change, but not on a content-equal rerender", async () => {
-    // Local seed (not the shared module `rows`) so this test owns its data.
-    const seed: Row[] = [
-      { id: "1", name: "Ana", status: "ACTIVE" },
-      { id: "2", name: "Bruno", status: "INACTIVE" },
-    ];
-    const onVisibleRowsChange = vi.fn<(rows: Row[]) => void>();
-    const { rerender } = renderGrid({ onVisibleRowsChange, rows: seed });
-    await waitFor(() => expect(onVisibleRowsChange).toHaveBeenCalled());
-    const afterInitial = onVisibleRowsChange.mock.calls.length;
-
-    const rerenderWith = (next: Row[]): void =>
-      rerender(
-        <ThemeProvider theme={createTheme()}>
-          <DataViewsGrid<Row>
-            rows={next}
-            columns={columns}
-            fields={fields}
-            getRowId={(row) => row.id}
-            dataTestId="people"
-            testIdPrefix="people"
-            onVisibleRowsChange={onVisibleRowsChange}
-          />
-        </ThemeProvider>,
-      );
-
-    // Fresh array + row refs, identical values → no re-emit (guards the loop).
-    rerenderWith(seed.map((row) => ({ ...row })));
-    expect(onVisibleRowsChange.mock.calls.length).toBe(afterInitial);
-
-    // Same ids, changed values → must re-emit so the export isn't stale.
-    rerenderWith(seed.map((row) => (row.id === "1" ? { ...row, name: "Ana Editada" } : { ...row })));
-    await waitFor(() =>
-      expect(onVisibleRowsChange.mock.calls.length).toBeGreaterThan(afterInitial),
-    );
-    const emitted = onVisibleRowsChange.mock.calls.at(-1)?.[0] ?? [];
-    expect(emitted.find((row) => row.id === "1")?.name).toBe("Ana Editada");
-  });
-});

package/src/components/data-display/DataViews/__tests__/DataViewsTableBase.test.tsx

@@ -1,134 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { render, screen, waitFor } from "@testing-library/react";
-import { ThemeProvider, createTheme } from "../../../../mui/styles";
-
-import { DataViewsTableBase } from "../DataViewsTableBase";
-import type {
-  DataViewColumn,
-  DataViewPersistence,
-  DataViewRouter,
-  DataViewServer,
-  DataViewState,
-  FilterFieldConfig,
-} from "../data-views-types";
-
-interface Row extends Record<string, unknown> {
-  id: string;
-  name: string;
-  status: string;
-}
-
-const rows: Row[] = [
-  { id: "1", name: "Ana", status: "ACTIVE" },
-  { id: "2", name: "Bruno", status: "INACTIVE" },
-];
-
-const columns: DataViewColumn<Row>[] = [
-  { id: "name", header: "Nome", accessor: "name", searchable: true },
-  { id: "status", header: "Status", accessor: "status", searchable: true },
-  { id: "actions", header: "", type: "actions", hideable: false, cell: () => null },
-];
-
-const fields: FilterFieldConfig<Row>[] = [];
-
-const persistence: DataViewPersistence = {
-  create: vi.fn(async () => ({ ok: true as const })),
-  update: vi.fn(async () => ({ ok: true as const })),
-  remove: vi.fn(async () => ({ ok: true as const })),
-};
-const router: DataViewRouter = { syncViewParam: vi.fn(), refresh: vi.fn() };
-
-/** A server-mode wiring; `onQueryChange` is a no-op — we only assert the controls. */
-const server: DataViewServer = { totalCount: 2, page: 1, pageSize: 20, onQueryChange: vi.fn() };
-
-/** The URL-seeded controls a server page would parse off the address bar. */
-function urlState(search: string): DataViewState {
-  return { search, pills: {}, ranges: {}, sortBy: [], visibleColumns: [] };
-}
-
-function renderBase(props: Partial<React.ComponentProps<typeof DataViewsTableBase<Row>>> = {}) {
-  return render(
-    <ThemeProvider theme={createTheme()}>
-      <DataViewsTableBase<Row>
-        persistence={persistence}
-        router={router}
-        rows={rows}
-        columns={columns}
-        fields={fields}
-        getRowId={(row) => row.id}
-        views={[]}
-        dataTestId="people"
-        testIdPrefix="people"
-        {...props}
-      />
-    </ThemeProvider>,
-  );
-}
-
-const searchInput = (): HTMLInputElement =>
-  screen.getByTestId("people-search-all") as HTMLInputElement;
-
-describe("DataViewsTableBase — URL sync (FUT-180)", () => {
-  it("seeds the search box from initialState", () => {
-    renderBase({ server, initialState: urlState("maria") });
-    expect(searchInput().value).toBe("maria");
-  });
-
-  it("re-applies the URL controls on a later initialState change (server mode: back/forward)", async () => {
-    // A new initialState reference is exactly what a browser back/forward produces:
-    // the server component re-renders with the restored URL's controls. In server
-    // mode the base forwards them as the grid's reactive `syncState`, so the
-    // controls reconcile instead of staying stuck on the previous query.
-    const { rerender } = renderBase({ server, initialState: urlState("maria") });
-    expect(searchInput().value).toBe("maria");
-
-    rerender(
-      <ThemeProvider theme={createTheme()}>
-        <DataViewsTableBase<Row>
-          persistence={persistence}
-          router={router}
-          rows={rows}
-          columns={columns}
-          fields={fields}
-          getRowId={(row) => row.id}
-          views={[]}
-          dataTestId="people"
-          testIdPrefix="people"
-          server={server}
-          initialState={urlState("ana")}
-        />
-      </ThemeProvider>,
-    );
-
-    await waitFor(() => expect(searchInput().value).toBe("ana"));
-  });
-
-  it("does NOT reactively re-apply in client mode (no server): initialState only seeds on mount", () => {
-    // Client-mode lists don't keep their filters in the URL, so a changing
-    // initialState must not force the controls — only the mount seed applies.
-    // Without a `server` wiring the base forwards no `syncState`, so re-rendering
-    // with a new initialState leaves the seeded search untouched (a synchronous
-    // fact: no reconciling effect exists to fire).
-    const { rerender } = renderBase({ initialState: urlState("maria") });
-    expect(searchInput().value).toBe("maria");
-
-    rerender(
-      <ThemeProvider theme={createTheme()}>
-        <DataViewsTableBase<Row>
-          persistence={persistence}
-          router={router}
-          rows={rows}
-          columns={columns}
-          fields={fields}
-          getRowId={(row) => row.id}
-          views={[]}
-          dataTestId="people"
-          testIdPrefix="people"
-          initialState={urlState("ana")}
-        />
-      </ThemeProvider>,
-    );
-
-    expect(searchInput().value).toBe("maria");
-  });
-});

package/src/components/data-display/DataViews/__tests__/SaveViewModal.test.tsx

@@ -1,83 +0,0 @@
-import { describe, expect, it, vi } from "vitest";
-import { fireEvent, render, screen, waitFor, within } from "@testing-library/react";
-import { ThemeProvider, createTheme } from "../../../../mui/styles";
-
-import { SaveViewModal } from "../SaveViewModal";
-import type { DataViewColumn, DataViewState, FilterFieldConfig } from "../data-views-types";
-
-interface Row extends Record<string, unknown> {
-  id: string;
-  name: string;
-  status: string;
-}
-
-const columns: DataViewColumn<Row>[] = [
-  { id: "name", header: "Nome" },
-  { id: "status", header: "Status" },
-];
-
-const fields: FilterFieldConfig<Row>[] = [
-  { id: "status", label: "Status", options: [{ value: "ACTIVE", label: "Ativo" }] },
-];
-
-const currentState: DataViewState = {
-  search: "",
-  pills: { status: ["ACTIVE"] },
-  sortBy: [],
-  visibleColumns: ["name", "status"],
-};
-
-function renderModal(onSave = vi.fn()) {
-  render(
-    <ThemeProvider theme={createTheme()}>
-      <SaveViewModal<Row>
-        open
-        onClose={vi.fn()}
-        currentState={currentState}
-        fields={fields}
-        columns={columns}
-        onSave={onSave}
-        testIdPrefix="views"
-      />
-    </ThemeProvider>,
-  );
-  return onSave;
-}
-
-describe("SaveViewModal", () => {
-  it("previews the current filters and columns", () => {
-    renderModal();
-    const filters = screen.getByTestId("views-preview-filters");
-    expect(within(filters).getByText("Status: Ativo")).toBeInTheDocument();
-    const cols = screen.getByTestId("views-preview-columns");
-    expect(within(cols).getByText("Nome")).toBeInTheDocument();
-  });
-
-  it("requires a name before saving", () => {
-    renderModal();
-    expect(screen.getByTestId("views-save-submit")).toBeDisabled();
-  });
-
-  it("saves the entered name + share toggle", () => {
-    const onSave = renderModal();
-    fireEvent.change(screen.getByTestId("views-save-name"), { target: { value: "Baixo estoque" } });
-    fireEvent.click(screen.getByTestId("views-save-shared")); // the switch input carries the testid
-    fireEvent.click(screen.getByTestId("views-save-submit"));
-    expect(onSave).toHaveBeenCalledWith(
-      expect.objectContaining({ name: "Baixo estoque", shared: true, pinned: false, isDefault: false }),
-    );
-  });
-
-  it("surfaces the error and keeps the modal open when the save is rejected", async () => {
-    const onSave = vi.fn().mockRejectedValue(new Error("Já existe uma visão com esse nome."));
-    renderModal(onSave);
-    fireEvent.change(screen.getByTestId("views-save-name"), { target: { value: "Duplicada" } });
-    fireEvent.click(screen.getByTestId("views-save-submit"));
-
-    await waitFor(() =>
-      expect(screen.getByTestId("views-save-error")).toHaveTextContent(/já existe uma visão/i),
-    );
-    // Still open + the button re-enabled for a retry.
-    expect(screen.getByTestId("views-save-submit")).toBeEnabled();
-  });
-});

package/src/components/data-display/DataViews/__tests__/data-views-filter.test.ts

@@ -1,115 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { filterRows } from "../data-views-filter";
-import type {
-  DataViewColumn,
-  FilterFieldConfig,
-  RangeFieldConfig,
-} from "../data-views-types";
-
-interface Row extends Record<string, unknown> {
-  id: string;
-  name: string;
-  status: string;
-  tags: string[];
-  price: number;
-  stock: number | null;
-}
-
-const rows: Row[] = [
-  { id: "1", name: "Ana", status: "ACTIVE", tags: ["vip"], price: 10, stock: 5 },
-  { id: "2", name: "Bruno", status: "INACTIVE", tags: ["new"], price: 20, stock: 0 },
-  { id: "3", name: "Carla", status: "ACTIVE", tags: ["vip", "new"], price: 30, stock: null },
-];
-
-const rangeFields: RangeFieldConfig<Row>[] = [
-  { id: "price", label: "Preço", accessor: (row) => row.price },
-  { id: "stock", label: "Estoque", accessor: (row) => row.stock },
-];
-
-const columns: DataViewColumn<Row>[] = [
-  { id: "name", header: "Nome", accessor: "name", searchable: true },
-  { id: "status", header: "Status", accessor: "status" },
-];
-
-const fields: FilterFieldConfig<Row>[] = [
-  { id: "status", label: "Status", options: [
-    { value: "ACTIVE", label: "Ativo" },
-    { value: "INACTIVE", label: "Inativo" },
-  ] },
-  { id: "tags", label: "Tags", accessor: (row) => row.tags, options: [
-    { value: "vip", label: "VIP" },
-    { value: "new", label: "Novo" },
-  ] },
-];
-
-const ids = (result: Row[]): string[] => result.map((r) => r.id);
-
-describe("filterRows", () => {
-  it("returns every row with no search or pills", () => {
-    expect(ids(filterRows(rows, columns, fields, { search: "", pills: {} }))).toEqual(["1", "2", "3"]);
-  });
-
-  it("matches the search term across searchable columns only", () => {
-    expect(ids(filterRows(rows, columns, fields, { search: "car", pills: {} }))).toEqual(["3"]);
-    // status is not searchable, so a status term matches nothing by search.
-    expect(filterRows(rows, columns, fields, { search: "active", pills: {} })).toHaveLength(0);
-  });
-
-  it("narrows by a single-value pill", () => {
-    expect(ids(filterRows(rows, columns, fields, { search: "", pills: { status: ["ACTIVE"] } }))).toEqual(["1", "3"]);
-  });
-
-  it("treats a multi-value field via its accessor as OR membership", () => {
-    expect(ids(filterRows(rows, columns, fields, { search: "", pills: { tags: ["new"] } }))).toEqual(["2", "3"]);
-  });
-
-  it("combines search AND pills", () => {
-    const result = filterRows(rows, columns, fields, { search: "a", pills: { status: ["ACTIVE"] } });
-    // "a" matches Ana + Carla; ACTIVE keeps both.
-    expect(ids(result)).toEqual(["1", "3"]);
-  });
-
-  it("ignores a pill with an empty selection", () => {
-    expect(ids(filterRows(rows, columns, fields, { search: "", pills: { status: [] } }))).toEqual(["1", "2", "3"]);
-  });
-
-  describe("numeric ranges", () => {
-    const crit = (ranges: Record<string, { min?: number; max?: number }>) => ({
-      search: "",
-      pills: {},
-      ranges,
-    });
-
-    it("filters by a minimum bound", () => {
-      expect(ids(filterRows(rows, columns, fields, crit({ price: { min: 20 } }), rangeFields))).toEqual(["2", "3"]);
-    });
-
-    it("filters by a maximum bound", () => {
-      expect(ids(filterRows(rows, columns, fields, crit({ price: { max: 20 } }), rangeFields))).toEqual(["1", "2"]);
-    });
-
-    it("filters by an inclusive min+max window", () => {
-      expect(ids(filterRows(rows, columns, fields, crit({ price: { min: 10, max: 20 } }), rangeFields))).toEqual(["1", "2"]);
-    });
-
-    it("excludes rows whose value is null when a bound is set", () => {
-      // Carla (id 3) has null stock, so any bounded stock range drops her.
-      expect(ids(filterRows(rows, columns, fields, crit({ stock: { min: 0 } }), rangeFields))).toEqual(["1", "2"]);
-    });
-
-    it("ignores an empty range (no bounds)", () => {
-      expect(ids(filterRows(rows, columns, fields, crit({ price: {} }), rangeFields))).toEqual(["1", "2", "3"]);
-    });
-
-    it("ignores an inverted range (max < min) instead of filtering everything out", () => {
-      expect(ids(filterRows(rows, columns, fields, crit({ price: { min: 30, max: 10 } }), rangeFields))).toEqual(["1", "2", "3"]);
-    });
-
-    it("combines ranges with pills", () => {
-      const result = filterRows(rows, columns, fields, { search: "", pills: { status: ["ACTIVE"] }, ranges: { price: { min: 25 } } }, rangeFields);
-      // ACTIVE → Ana(10), Carla(30); price ≥ 25 → only Carla.
-      expect(ids(result)).toEqual(["3"]);
-    });
-  });
-});

package/src/components/data-display/DataViews/__tests__/data-views-preview.test.ts

@@ -1,53 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import { describeViewState } from "../data-views-preview";
-import type { DataViewColumn, DataViewState, FilterFieldConfig } from "../data-views-types";
-
-interface Row extends Record<string, unknown> {
-  id: string;
-  name: string;
-  status: string;
-}
-
-const columns: DataViewColumn<Row>[] = [
-  { id: "name", header: "Nome" },
-  { id: "status", header: "Status" },
-  { id: "actions", header: "", hideable: false },
-];
-
-const fields: FilterFieldConfig<Row>[] = [
-  { id: "status", label: "Status", options: [{ value: "ACTIVE", label: "Ativo" }] },
-];
-
-describe("describeViewState", () => {
-  it("summarizes search, pills, visible columns, and sort with labels", () => {
-    const state: DataViewState = {
-      search: "burg",
-      pills: { status: ["ACTIVE"] },
-      sortBy: [{ id: "name", dir: "asc" }],
-      visibleColumns: ["name", "status"],
-    };
-
-    const result = describeViewState(state, fields, columns);
-
-    expect(result.filters).toEqual(['Busca: "burg"', "Status: Ativo"]);
-    expect(result.columns).toEqual(["Nome", "Status"]);
-    expect(result.sort).toEqual(["Nome (crescente)"]);
-  });
-
-  it("returns empty sections for a pristine state", () => {
-    const state: DataViewState = { search: "", pills: {}, sortBy: [], visibleColumns: [] };
-    const result = describeViewState(state, fields, columns);
-    expect(result).toEqual({ filters: [], columns: [], sort: [] });
-  });
-
-  it("omits the actions column (non-hideable) from the columns summary", () => {
-    const state: DataViewState = {
-      search: "",
-      pills: {},
-      sortBy: [],
-      visibleColumns: ["name", "actions"],
-    };
-    expect(describeViewState(state, fields, columns).columns).toEqual(["Nome"]);
-  });
-});