@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/Table/table.types.d.ts

@@ -0,0 +1,138 @@
+import { default as React, ReactNode, MouseEvent } from 'react';
+/** Densidade vertical do grid. Afeta altura de row e padding de cell. */
+export type TableDensity = "compact" | "standard" | "comfortable";
+/** Direção de ordenação aplicada. null = sem ordenação. */
+export type SortDirection = "asc" | "desc" | null;
+/** Lado em que a coluna está fixa (sticky). undefined = fluida. */
+export type ColumnPinned = "left" | "right" | undefined;
+/** Alinhamento horizontal do conteúdo da cell. */
+export type CellAlign = "left" | "center" | "right";
+export type TableProps = {
+    density?: TableDensity;
+    /** Em px. Largura abaixo da qual o container vira card mode. `false` desativa. Default 768. */
+    cardBreakpoint?: number | false;
+    /** Renderiza bordas verticais entre colunas. Default true. */
+    cellBorders?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    /** Ref externa pro scroll container interno — necessário pra virtualização
+     *  (DataTable Fase F.3). Quando omitido, Table usa ref interna. */
+    scrollRef?: React.MutableRefObject<HTMLDivElement | null>;
+    children?: ReactNode;
+};
+export type TableHeadProps = {
+    /** Header sticky no topo durante scroll vertical. Default true. */
+    sticky?: boolean;
+    className?: string;
+    /** Props HTML extras spread no rowgroup root — `onScroll`, `data-*`, `aria-*`, etc. */
+    rootProps?: React.HTMLAttributes<HTMLDivElement>;
+    children?: ReactNode;
+};
+/**
+ * Propósito da cell — modifica padding/border conforme contexto especial:
+ *  - `"selection"`: remove padding pra acomodar Checkbox em width fixa
+ *    (SELECTION_COLUMN_WIDTH).
+ *  - `"actions"`: header em branco (sem texto/menu), border-right removida,
+ *    padding horizontal mínimo. Usado quando `type: "actions"` na ColumnDef.
+ *  Default: `"default"`.
+ */
+export type CellPurpose = "default" | "selection" | "actions";
+export type TableHeadCellProps = {
+    /** Field da coluna — usado pra data-field (resize highlight, etc). */
+    field?: string;
+    /** Largura em px. Se undefined, cell expande com flex. */
+    width?: number;
+    pinned?: ColumnPinned;
+    /** Propósito da cell — controla padding interno. Default "default". */
+    purpose?: CellPurpose;
+    /** Offset em px para sticky positioning. Calculado por use-column-widths. */
+    pinOffset?: number;
+    align?: CellAlign;
+    /** Mostra ícone de ordenação e cursor pointer. */
+    sortable?: boolean;
+    /** Estado visual atual do sort. null = sortable mas não ativo. */
+    sortDirection?: SortDirection;
+    /** Índice do sort (1, 2, 3) — renderiza chip brand com o número quando sortDirection != null. Default 1. */
+    sortIndex?: number;
+    onSortClick?: () => void;
+    /** Ícone do tipo de coluna renderizado à esquerda do label (Hash, User, AtSign…). */
+    icon?: React.ComponentType<{
+        className?: string;
+        size?: number;
+        strokeWidth?: number;
+        "aria-hidden"?: boolean;
+    }>;
+    /** Conteúdo do menu "..." no canto direito do header (aparece no hover). Renderize um Button DS aqui. */
+    headMenu?: React.ReactNode;
+    /** Habilita drag handle no edge direito. */
+    resizable?: boolean;
+    /** Chamado durante drag — delta acumulado em px desde o mousedown. */
+    onResize?: (deltaPx: number) => void;
+    /** Chamado no mouseup — width final em px. */
+    onResizeEnd?: (finalWidthPx: number) => void;
+    className?: string;
+    /** Style extra mesclado com o style interno (width/sticky offsets). Usado pra dnd transform. */
+    style?: React.CSSProperties;
+    /** Props HTML extras spread no root div — usado por wrappers (ex: dnd-kit attributes+listeners). */
+    rootProps?: React.HTMLAttributes<HTMLDivElement>;
+    children?: ReactNode;
+};
+export type TableBodyProps = {
+    className?: string;
+    /** Style inline — usado pra virtualization (height total + position relative).
+     *  Quando `virtualized={ totalHeight: N }`, body aplica height + position interna. */
+    style?: React.CSSProperties;
+    /** Props HTML extras spread no rowgroup root — `data-*`, `aria-*`, etc.
+     *  Útil pra interceptores de scroll/wheel ou attributes custom. */
+    rootProps?: React.HTMLAttributes<HTMLDivElement>;
+    /** Modo virtualizado — quando definido, body usa `position: relative + block`
+     *  com `height: totalHeight` pra acomodar rows absolutas do `@tanstack/react-virtual`.
+     *  Passe `totalHeight = virtualizer.getTotalSize()`. */
+    virtualized?: {
+        totalHeight: number;
+    };
+    children?: ReactNode;
+};
+export type TableRowProps = {
+    selected?: boolean;
+    /**
+     * Row está em foco pra detalhe (ex: click abriu drawer com info). Visual idêntico ao `selected`
+     * (bg brand-tinted + strip lateral brand) — mas semanticamente independente: pode coexistir com `selected`.
+     * Use pra padrão de "click row → abre detail panel", mantendo seleção (checkbox) separada.
+     */
+    open?: boolean;
+    /**
+     * Row tem foco de teclado (Fase E.1). Adiciona ring brand + outline visual + tabIndex=0.
+     * Quando false, tabIndex=-1 (fora da ordem de tab). Quando ANY row tem focused=true,
+     * só ela é tab-focusable — entrar via Tab vai pra essa linha.
+     */
+    focused?: boolean;
+    /** Cursor pointer + onClick disponível. */
+    clickable?: boolean;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    className?: string;
+    /** Props HTML extras spread no root div — usado por consumers (ex: onKeyDown pra keyboard nav). */
+    rootProps?: React.HTMLAttributes<HTMLDivElement>;
+    children?: ReactNode;
+};
+export type TableCellProps = {
+    /** Field da coluna — usado pra data-field (resize highlight, tooltip lookup, etc). */
+    field?: string;
+    /** Tooltip nativo (HTML title) — mostrado no hover. Util quando ellipsis=true e texto pode estar truncado. */
+    tooltip?: string;
+    width?: number;
+    pinned?: ColumnPinned;
+    pinOffset?: number;
+    align?: CellAlign;
+    /** Propósito da cell — controla padding interno. Default "default". */
+    purpose?: CellPurpose;
+    /** Trunca com `text-overflow: ellipsis`. Requer overflow:hidden no parent. */
+    ellipsis?: boolean;
+    /** Label da coluna usado no card mode (renderiza acima do valor). */
+    label?: string;
+    className?: string;
+    /** Props HTML extras spread no root div — usado por consumers (ex: onDoubleClick pra inline edit). */
+    rootProps?: React.HTMLAttributes<HTMLDivElement>;
+    children?: ReactNode;
+};
+//# sourceMappingURL=table.types.d.ts.map

package/dist-lib/src/components/ui/Table/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/table.types.ts"],"names":[],"mappings":"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"}

package/dist-lib/src/components/ui/Table/use-column-resize.d.ts

@@ -0,0 +1,24 @@
+export type UseColumnResizeParams = {
+    currentWidth: number;
+    minWidth?: number;
+    maxWidth?: number;
+    /** Disparado a cada `mousemove` durante o drag.
+     *  Tipicamente usado pra side-effect "live preview" pelo consumer.
+     *  Em consumers React, prefira `onResizeEnd` pra evitar re-render storm —
+     *  use `onResizeLiveDOM` pra DOM mutation síncrona sem state. */
+    onResize?: (widthPx: number) => void;
+    /** Disparado no `mouseup` com largura final em px.
+     *  Pra consumers React: ideal pra commit no state (1 update por drag). */
+    onResizeEnd?: (widthPx: number) => void;
+    /** Callback síncrono pra DOM mutation durante drag (sem state React).
+     *  Recomendado pra atualizar inline styles em massa (ex: <Cell width>) sem
+     *  causar re-render storm. Chamado a cada mousemove em paralelo com `onResize`.
+     *  Pattern: consumer query DOM via ref + aplica `style.width` direto. */
+    onResizeLiveDOM?: (widthPx: number) => void;
+};
+export type UseColumnResizeResult = {
+    onMouseDown: (e: React.MouseEvent) => void;
+    isDragging: boolean;
+};
+export declare function useColumnResize({ currentWidth, minWidth, maxWidth, onResize, onResizeEnd, onResizeLiveDOM, }: UseColumnResizeParams): UseColumnResizeResult;
+//# sourceMappingURL=use-column-resize.d.ts.map

package/dist-lib/src/components/ui/Table/use-column-resize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-resize.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/use-column-resize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;qEAGiE;IACjE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;8EAC0E;IAC1E,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;6EAGyE;IACzE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3C,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAsB,EACtB,QAAsB,EACtB,QAAQ,EACR,WAAW,EACX,eAAe,GAChB,EAAE,qBAAqB,GAAG,qBAAqB,CA2F/C"}

package/dist-lib/src/components/ui/Table/use-column-widths.d.ts

@@ -0,0 +1,36 @@
+import { ColumnPinned } from './table.types';
+/** Minimal column shape this hook needs. Real ColumnDef do DataTable é superset. */
+export type WidthColumnInput = {
+    field: string;
+    width?: number;
+    /** Default width usado quando `width` undefined. */
+    defaultWidth?: number;
+    pinned?: ColumnPinned;
+};
+export type ColumnWidthsResult = {
+    /** Largura efetiva por field (px). */
+    widths: Record<string, number>;
+    /** Offset sticky por field (px). Só faz sentido pra colunas pinned. */
+    offsets: Record<string, number>;
+    /** Total de largura ocupada pelas colunas pinned left. Usado pra calcular shadow lateral. */
+    totalPinLeft: number;
+    /** Total de largura ocupada pelas colunas pinned right. */
+    totalPinRight: number;
+};
+/**
+ * Calcula widths efetivos e offsets sticky cumulativos.
+ *
+ * Algoritmo:
+ *   1. widths[field] = column.width ?? column.defaultWidth ?? DEFAULT_COLUMN_WIDTH
+ *   2. Para colunas pinned="left": offsets[field] = soma das widths das colunas pinned=left que vêm ANTES
+ *   3. Para colunas pinned="right": offsets[field] = soma das widths das colunas pinned=right que vêm DEPOIS
+ *   4. Colunas não-pinned: offset = undefined
+ *
+ * @example
+ *   useColumnWidths([{field:'a',width:50,pinned:'left'}, {field:'b',width:80,pinned:'left'}, {field:'c'}])
+ *   → widths: {a:50, b:80, c:160}
+ *   → offsets: {a:0, b:50}
+ *   → totalPinLeft: 130, totalPinRight: 0
+ */
+export declare function useColumnWidths(columns: ReadonlyArray<WidthColumnInput>): ColumnWidthsResult;
+//# sourceMappingURL=use-column-widths.d.ts.map

package/dist-lib/src/components/ui/Table/use-column-widths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-widths.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Table/use-column-widths.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,oFAAoF;AACpF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,uEAAuE;IACvE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,6FAA6F;IAC7F,YAAY,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,GACvC,kBAAkB,CAoCpB"}

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-filter-control.d.ts

@@ -0,0 +1,40 @@
+/**
+ * useToolbarFilterControl — encapsula o state dos 2 modos de filtragem do
+ * split button da toolbar:
+ *   - SimpleFilter drawer (lateral direito, default UX)
+ *   - Advanced query builder popover (chevron do split, power users)
+ *
+ * Retorna state + handlers prontos pra plugar no `<ToolbarFilterControl>` ou
+ * em wire manual. Não tem dependência do filterModel — só gerencia abertura
+ * dos 2 paineis.
+ *
+ * @example
+ * ```tsx
+ * const ctl = useToolbarFilterControl();
+ *
+ * <ToolbarFilterControl
+ *   {...ctl}
+ *   columns={filterPopoverColumns}
+ *   filterModel={filterModel}
+ *   onFilterModelChange={setFilterModel}
+ * />
+ * ```
+ */
+export type UseToolbarFilterControlResult = {
+    /** Estado: drawer simples aberto. */
+    simpleDrawerOpen: boolean;
+    /** Estado: popover avançado aberto. */
+    advancedPopoverOpen: boolean;
+    /** Setter direto do drawer simples. */
+    setSimpleDrawerOpen: (open: boolean) => void;
+    /** Setter direto do popover avançado. */
+    setAdvancedPopoverOpen: (open: boolean) => void;
+    /** Abre o drawer simples. Fecha o advanced se estiver aberto. */
+    openSimple: () => void;
+    /** Toggle do advanced (fecha simple se estiver aberto). */
+    toggleAdvanced: () => void;
+    /** Fecha ambos. */
+    closeAll: () => void;
+};
+export declare function useToolbarFilterControl(): UseToolbarFilterControlResult;
+//# sourceMappingURL=use-toolbar-filter-control.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-filter-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toolbar-filter-control.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/hooks/use-toolbar-filter-control.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C,qCAAqC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,uCAAuC;IACvC,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,sBAAsB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,iEAAiE;IACjE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,uBAAuB,IAAI,6BAA6B,CA4BvE"}

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-filters.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Filtro genérico — mantém o shape mínimo necessário pra UI/lógica.
+ * O consumer pode estender via generics se precisar de campos custom.
+ */
+export type ToolbarFilterEntry = {
+    id: string;
+    columnKey: string;
+    op: string;
+    value: unknown;
+};
+export type UseToolbarFiltersOptions<T extends ToolbarFilterEntry = ToolbarFilterEntry> = {
+    /** Filtros iniciais */
+    initial?: T[];
+    /** Gerador de ID — default usa crypto.randomUUID() ou timestamp fallback */
+    generateId?: () => string;
+};
+export type UseToolbarFiltersResult<T extends ToolbarFilterEntry = ToolbarFilterEntry> = {
+    list: T[];
+    add: (entry: Omit<T, "id"> & {
+        id?: string;
+    }) => void;
+    remove: (id: string) => void;
+    update: (id: string, patch: Partial<T>) => void;
+    clear: () => void;
+    replaceAll: (next: T[]) => void;
+    /** Total de filtros com `value` truthy (válidos pra aplicar). */
+    count: number;
+};
+/**
+ * useToolbarFilters — helper opcional **standalone** pra gerenciar estado de
+ * filtros num `<TableToolbar>` montado à mão (fora do DataTable).
+ *
+ * ⚠️ **Fronteira**: NÃO é usado pelo DataTable — ele tem seu próprio pipeline
+ * (`useDataTableFilters` + `FilterModel` + adapters). Use este apenas em toolbars
+ * custom standalone. (`ToolbarFilterEntry` aqui ≠ `FilterItem` do DataTable.)
+ *
+ * Retorna:
+ *   - `list`: array de filtros
+ *   - `add(entry)`: adiciona um filtro (gera id automático se omitido)
+ *   - `remove(id)`: remove por id
+ *   - `update(id, patch)`: atualiza parcialmente
+ *   - `clear()`: zera tudo
+ *   - `replaceAll(next)`: substitui array completo
+ *   - `count`: total de filtros com `value` truthy (válidos pra aplicar)
+ *
+ * Uso (opcional — vc pode usar useState direto também):
+ *
+ *   const filters = useToolbarFilters({ initial: [...] });
+ *   filters.add({ columnKey: "status", op: "equals", value: "active" });
+ *   filters.remove("f_abc");
+ */
+export declare function useToolbarFilters<T extends ToolbarFilterEntry = ToolbarFilterEntry>(options?: UseToolbarFiltersOptions<T>): UseToolbarFiltersResult<T>;
+//# sourceMappingURL=use-toolbar-filters.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toolbar-filters.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/hooks/use-toolbar-filters.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI;IACxF,uBAAuB;IACvB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,IAAI;IACvF,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChD,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EACjF,OAAO,CAAC,EAAE,wBAAwB,CAAC,CAAC,CAAC,GACpC,uBAAuB,CAAC,CAAC,CAAC,CAuC5B"}

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-sort.d.ts

@@ -0,0 +1,41 @@
+import { SortDirection } from '../table-toolbar.types';
+export type { SortDirection };
+export type ToolbarSortEntry = {
+    columnKey: string;
+    direction: SortDirection;
+};
+export type UseToolbarSortOptions = {
+    initial?: ToolbarSortEntry[];
+    /** Limite máximo de colunas ordenadas simultaneamente. Default: Infinity. */
+    maxColumns?: number;
+};
+export type UseToolbarSortResult = {
+    list: ToolbarSortEntry[];
+    toggle: (columnKey: string) => void;
+    set: (columnKey: string, direction: SortDirection) => void;
+    remove: (columnKey: string) => void;
+    clear: () => void;
+    replaceAll: (next: ToolbarSortEntry[]) => void;
+    count: number;
+    directionOf: (columnKey: string) => SortDirection | undefined;
+};
+/**
+ * useToolbarSort — helper opcional **standalone** pra ordenação multi-coluna
+ * num `<TableToolbar>` montado à mão (fora do DataTable).
+ *
+ * ⚠️ **Fronteira**: NÃO é usado pelo DataTable — ele tem seu próprio pipeline
+ * (`useDataTableSort` + `SortModel` + adapter). Use este apenas em toolbars
+ * custom standalone.
+ *
+ * Retorna:
+ *   - `list`: array de { columnKey, direction }
+ *   - `toggle(columnKey)`: cicla asc → desc → off (remove)
+ *   - `set(columnKey, direction)`: força um valor
+ *   - `remove(columnKey)`: remove a ordenação de uma coluna
+ *   - `clear()`: zera
+ *   - `replaceAll(next)`: substitui
+ *   - `count`: tamanho da lista
+ *   - `directionOf(columnKey)`: lookup helper
+ */
+export declare function useToolbarSort(options?: UseToolbarSortOptions): UseToolbarSortResult;
+//# sourceMappingURL=use-toolbar-sort.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/hooks/use-toolbar-sort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toolbar-sort.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/hooks/use-toolbar-sort.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAG5D,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,GAAG,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;CAC/D,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,CAuEpF"}

package/dist-lib/src/components/ui/TableToolbar/index.d.ts

@@ -0,0 +1,58 @@
+export { TableToolbar } from './table-toolbar';
+export type { TableToolbarProps } from './table-toolbar';
+export { ToolbarSearch } from './parts/toolbar-search';
+export type { ToolbarSearchProps } from './parts/toolbar-search';
+export { ToolbarDivider } from './parts/toolbar-divider';
+export type { ToolbarDividerProps } from './parts/toolbar-divider';
+export { ToolbarSegmented } from './parts/toolbar-segmented';
+export type { ToolbarSegmentedProps } from './parts/toolbar-segmented';
+export { ToolbarTabs } from './parts/toolbar-tabs';
+export type { ToolbarTabsProps } from './parts/toolbar-tabs';
+export { ToolbarToolButton, ToolbarSaveButton, } from './parts/toolbar-tool-button';
+export type { ToolbarToolButtonProps, ToolbarSaveButtonProps, } from './parts/toolbar-tool-button';
+export { ToolbarApplied } from './parts/toolbar-applied';
+export type { ToolbarAppliedProps } from './parts/toolbar-applied';
+export { ToolbarActions } from './parts/toolbar-actions';
+export type { ToolbarActionsProps, ToolbarAction, ToolbarActionMenuItem, } from './parts/toolbar-actions';
+export { ToolbarFilterButton } from './parts/toolbar-filter-button';
+export type { ToolbarFilterButtonProps } from './parts/toolbar-filter-button';
+/**
+ * Mobile collapse pattern — consumido pelo `<DataTable>` automaticamente
+ * (controles secundários colapsam em viewports < md). Também disponível
+ * pra `<TableToolbar>` custom: usar `ToolbarMobileDialog` como icon button
+ * trigger e `ToolbarMobileSection` pra agrupar items dentro do dialog.
+ *
+ * `ToolbarMobileSheet` é alias legado de `ToolbarMobileDialog` (mesmo componente).
+ */
+export { ToolbarMobileDialog, ToolbarMobileSheet, ToolbarMobileSection, } from './parts/toolbar-mobile-sheet';
+export type { ToolbarMobileDialogProps, ToolbarMobileSheetProps, ToolbarMobileSectionProps, } from './parts/toolbar-mobile-sheet';
+export { BulkActionsBar, BulkActionButton } from './parts/bulk-actions-bar';
+export type { BulkActionsBarProps, BulkActionButtonProps, } from './parts/bulk-actions-bar';
+export type { ToolbarSegmentedItem, ToolbarTab, AppliedFilter, AppliedFilterOp, SortDirection, } from './table-toolbar.types';
+export { MoreMenu, MoreMenuItem, MoreMenuCheckboxItem, MoreMenuRadioGroup, MoreMenuRadioItem, MoreMenuSeparator, MoreMenuLabel, } from './popovers/more-menu';
+export type { MoreMenuProps } from './popovers/more-menu';
+export { ColsPopover, ColsPanel } from './popovers/cols-popover';
+export type { ColsPopoverProps, ColsPanelProps, ColsPopoverColumn, } from './popovers/cols-popover';
+export { SortPopover, SortPanel } from './popovers/sort-popover';
+export type { SortPopoverProps, SortPanelProps, SortPopoverColumn, SortPopoverCriterion, } from './popovers/sort-popover';
+export { ViewsPopover } from './popovers/views-popover';
+export type { ViewsPopoverProps, ViewsPopoverView, } from './popovers/views-popover';
+export { AddViewModal } from './popovers/add-view-modal';
+export type { AddViewModalProps, AddViewModalSubmit, } from './popovers/add-view-modal';
+export { TableToolbarViews } from './parts/table-toolbar-views';
+export type { TableToolbarViewsProps, TableToolbarViewsItem, } from './parts/table-toolbar-views';
+export { FilterPopover, FilterPanel, isFilterEntryActive, DEFAULT_FILTER_OPERATORS, } from './popovers/filter-popover';
+export type { FilterPopoverProps, FilterPanelProps, FilterPopoverColumn, FilterPopoverOperator, FilterPopoverEntry, } from './popovers/filter-popover';
+export { ToolbarSettingsMenu } from './parts/toolbar-settings-menu';
+export type { ToolbarSettingsMenuProps, ToolbarSettingsMenuView, } from './parts/toolbar-settings-menu';
+export { useToolbarFilters } from './hooks/use-toolbar-filters';
+export type { ToolbarFilterEntry, UseToolbarFiltersOptions, UseToolbarFiltersResult, } from './hooks/use-toolbar-filters';
+export { useToolbarSort } from './hooks/use-toolbar-sort';
+export type { ToolbarSortEntry, UseToolbarSortOptions, UseToolbarSortResult, } from './hooks/use-toolbar-sort';
+export { useToolbarFilterControl } from './hooks/use-toolbar-filter-control';
+export type { UseToolbarFilterControlResult } from './hooks/use-toolbar-filter-control';
+export { ToolbarFilterControl } from './parts/toolbar-filter-control';
+export type { ToolbarFilterControlProps } from './parts/toolbar-filter-control';
+export { ToolbarSimpleFilterDrawer } from './parts/toolbar-simple-filter-drawer';
+export type { ToolbarSimpleFilterDrawerProps } from './parts/toolbar-simple-filter-drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/index.ts"],"names":[],"mappings":"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"}

package/dist-lib/src/components/ui/TableToolbar/parts/bulk-actions-bar.d.ts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+/**
+ * BulkActionsBar — barra de ações em massa (versão da toolbar quando há
+ * itens selecionados na tabela).
+ *
+ * Visual alinhado com `.tbl-bulk-bar` do design-and-table-v2:
+ *   - fundo brand-subtle, borda brand, radius xl
+ *   - contagem à esquerda (ícone Check + label dinâmica)
+ *   - ações no meio (botões outline primary; danger usa soft critical)
+ *   - link "Cancelar seleção" no final
+ *
+ * Renderização condicional: quando `count === 0`, retorna `null`.
+ * Use como `bulkBar` prop do `<TableToolbar>` pra trocar a view inteira,
+ * ou renderize solto onde precisar.
+ */
+export type BulkActionsBarProps = {
+    /** Quantidade de itens selecionados. Quando 0, o componente não renderiza. */
+    count: number;
+    /**
+     * Label da contagem. Default: `${count} selecionado(s)`.
+     * Recebe `count` pra você customizar singular/plural.
+     */
+    countLabel?: (count: number) => ReactNode;
+    /** Callback do link "Cancelar seleção". */
+    onClear?: () => void;
+    /** Texto do link de limpar. Default: "Cancelar seleção". */
+    clearLabel?: ReactNode;
+    /** Ações da barra — use `<BulkActionButton>` ou compose como quiser. */
+    children?: ReactNode;
+    className?: string;
+};
+export declare function BulkActionsBar({ count, countLabel, onClear, clearLabel, children, className, }: BulkActionsBarProps): import("react/jsx-runtime").JSX.Element | null;
+export type BulkActionButtonProps = {
+    icon?: ReactNode;
+    children?: ReactNode;
+    /** "default" usa primary outline; "danger" usa critical soft. */
+    variant?: "default" | "danger";
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
+    className?: string;
+    /** aria-label quando só ícone. */
+    "aria-label"?: string;
+};
+/**
+ * Helper que padroniza o botão de ação dentro da bulk bar.
+ * Usa `<Button>` do DS por baixo, com shape="pill":
+ *
+ *   default → primary outline pill xs
+ *     - light: bg-surface + border-brand + fg-brand
+ *     - dark : bg transparente + border + fg-brand (verde brilhante)
+ *
+ *   danger  → critical soft pill xs
+ *     - light/dark: bg-danger-muted + fg-danger (sem overrides)
+ */
+export declare function BulkActionButton({ icon, children, variant, onClick, disabled, className, ...rest }: BulkActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bulk-actions-bar.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/bulk-actions-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulk-actions-bar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/bulk-actions-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC1C,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,OAAO,EACP,UAA+B,EAC/B,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,kDA0BrB;AAID,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAuBvB"}

package/dist-lib/src/components/ui/TableToolbar/parts/table-toolbar-views.d.ts

@@ -0,0 +1,82 @@
+import { ReactNode } from 'react';
+import { ViewsPopoverView } from '../popovers/views-popover';
+import { AddViewModalSubmit } from '../popovers/add-view-modal';
+/** ID fixo da tab "Default" — virtual (nao tem entrada no storage). */
+export declare const DEFAULT_VIEW_ID = "__default__";
+export type TableToolbarViewsItem = ViewsPopoverView;
+export type TableToolbarViewsProps = {
+    /** Lista completa de views salvas (sem Default — esse e injetado internamente). */
+    views: TableToolbarViewsItem[];
+    /** ID da view atualmente aplicada. `null`/`undefined` ⇒ tab Default ativa. */
+    activeViewId?: string | null;
+    /** Aplicar uma view (click numa tab OU click num item do popover). */
+    onApply: (id: string) => void;
+    /** Resetar pra "Default" (limpar filtros, sort, cols, density). */
+    onApplyDefault: () => void;
+    /**
+     * Excluir PERMANENTEMENTE uma view do storage. So eh chamado apos
+     * confirmacao via AlertModal danger — disparado pelo lixinho no popover.
+     *
+     * X em tab NAO chama isso (apenas remove da barra — view continua salva).
+     */
+    onDelete: (id: string) => void | Promise<void>;
+    /** Disparado quando user salva uma nova view via modal. */
+    onSave: (data: AddViewModalSubmit) => void | Promise<void>;
+    /** Quantas tabs ficam visiveis (incluindo Default). Default 3 — Default + ate 2 views customizadas. */
+    maxTabs?: number;
+    /** Key que identifica views "minhas" (default `"me"`). Controla X em tab e delete no popover. */
+    myOwnerKey?: string;
+    /** Slot opcional pra divider antes das tabs (default renderiza um ToolbarDivider). */
+    divider?: ReactNode;
+    /** Esconde o divider default — usado quando ja ha um divider adjacente. */
+    hideDivider?: boolean;
+    /**
+     * Label da tab Default **quando ela é a única** (sem nenhuma view pré-definida
+     * nem salva). Evita a barra "vazia" mostrando só "Default" — troque por um
+     * título genérico do contexto (ex: "Lista de Clientes"). Default `"Default"`.
+     * Assim que houver ≥ 1 outra view, a tab volta a se chamar "Default" pra
+     * distinguir das views nomeadas.
+     */
+    soloLabel?: string;
+};
+/**
+ * TableToolbarViews — **compound component** (smart) de Saved Views.
+ *
+ * ⚠️ **Pattern compound smart** — este é um dos POUCOS componentes do TableToolbar
+ * que mantém estado interno (`tabViewIds`, `addModalOpen`, `confirmDeleteView`).
+ * É uma exceção consciente ao princípio dumb do toolbar: orquestra 4 filhos
+ * (ToolbarTabs + ViewsPopover + AddViewModal + AlertModal) como "bloco pronto".
+ *
+ * **Quando usar este compound**: caso de uso saved views completo (CRM admin).
+ * **Quando NÃO usar**: se precisar reordenar/customizar a interação entre os
+ * 4 filhos, COMPONHA OS PARTS DIRETAMENTE — ToolbarTabs + ViewsPopover +
+ * AddViewModal + AlertModal são exportados standalone pelo TableToolbar. Você
+ * controla os 4 states (open, deleting, etc) e a ordem visual.
+ *
+ * Renderiza no slot esquerdo do TableToolbar:
+ *   1. ToolbarDivider
+ *   2. ToolbarTabs com "Default" + ate (maxTabs - 1) views como tabs
+ *      - Default sem X (custom: false)
+ *      - Views minhas com X — X apenas remove da barra (view continua salva)
+ *   3. ViewsPopover via ToolbarSaveButton "+"
+ *      - Click no item: pina como tab + aplica + fecha popover
+ *      - Lixinho no item: abre AlertModal danger pra exclusao definitiva
+ *      - Footer "Salvar visao atual": abre AddViewModal mode create
+ *   4. AddViewModal (estado interno) — disparado pelo footer do popover
+ *   5. AlertModal danger (estado interno) — confirma exclusao definitiva
+ *
+ * Distinção crítica:
+ *   - X em tab            → unpin (cosmetico, view fica no popover/storage)
+ *   - Lixinho no popover  → confirm + delete permanente (chama onDelete)
+ *
+ * Comportamento de pin (push-out):
+ *   - `tabViewIds` eh um state local com as view IDs que ocupam slots de tab.
+ *   - Inicializa com as (maxTabs - 1) primeiras views.
+ *   - Click numa view que NAO esta como tab: pina (push out da ultima se cheio).
+ *   - X em tab: remove o ID daqui (sem promover proxima).
+ *   - View deletada permanente: remove o ID daqui (se estiver).
+ *   - View nova criada: anexa se ha slot livre.
+ *   - Re-mount (reload) reseta — pega as N-1 primeiras de novo.
+ */
+export declare function TableToolbarViews({ views, activeViewId, onApply, onApplyDefault, onDelete, onSave, maxTabs, myOwnerKey, divider, hideDivider, soloLabel, }: TableToolbarViewsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-toolbar-views.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/parts/table-toolbar-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar-views.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/parts/table-toolbar-views.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7E,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,4BAA4B,CAAC;AAGpC,uEAAuE;AACvE,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAE7C,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG;IACnC,mFAAmF;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,sEAAsE;IACtE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,mEAAmE;IACnE,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,2DAA2D;IAC3D,MAAM,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,uGAAuG;IACvG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,EACZ,OAAO,EACP,cAAc,EACd,QAAQ,EACR,MAAM,EACN,OAAW,EACX,UAAiB,EACjB,OAAO,EACP,WAAW,EACX,SAAqB,GACtB,EAAE,sBAAsB,2CAyKxB"}