@snksergio/design-system 0.4.0 → 0.5.1

package/dist-lib/src/components/ui/TableToolbar/popovers/add-view-modal.d.ts

@@ -0,0 +1,23 @@
+export type AddViewModalSubmit = {
+    name: string;
+    isPublic: boolean;
+};
+export type AddViewModalProps = {
+    /** Controlled open. */
+    open: boolean;
+    /** Callback de fechamento (X, ESC, overlay click, ou apos submit). */
+    onClose: () => void;
+    /** Disparado quando user clica em Salvar Visao com nome valido. */
+    onSubmit?: (data: AddViewModalSubmit) => void | Promise<void>;
+};
+/**
+ * Modal "Adicionar nova visao" — replica do sandbox /design-and-table-v2.
+ * Header: icon container (Eye) + titulo + sub + X custom no canto direito.
+ * Body: campo "Nome da visao" + toggle card "Tornar publica".
+ * Footer: Fechar (outline secondary) + Salvar Visao (primary, disabled se nome vazio).
+ *
+ * Reseta state ao fechar. Card toggle inteiro eh <label> — click em qualquer
+ * area liga o Switch. Enter no input dispara submit.
+ */
+export declare function AddViewModal({ open, onClose, onSubmit }: AddViewModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=add-view-modal.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/add-view-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-view-modal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/add-view-modal.tsx"],"names":[],"mappings":"AAuBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/D,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA+F1E"}

package/dist-lib/src/components/ui/TableToolbar/popovers/add-view-modal.styles.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Slots tv() pro AddViewModal — replica literal do modal do sandbox
+ * /design-and-table-v2 (TblViewsModal).
+ *
+ * Valores fora da escala DS (14px gap, 18px gap, 22px py, 13.5/17px font,
+ * 3px gap) usados como arbitrary — calibração visual exata do sandbox.
+ * Quando o token semantico existe na medida certa (form-lg, form-md,
+ * radius-lg, pad-4xl=24, etc), usar o token.
+ */
+export declare const dialog: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * Close button manual — substitui o padrão do DialogContent (que usa
+ * opacity-70 + cor herdada). Sandbox: 28×28, text-fg-muted, opacity 0.55 →
+ * 1 no hover + bg-muted no hover.
+ */
+export declare const closeBtn: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const head: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const headIcon: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const headTitleWrap: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const title: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const sub: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "m-0 text-body-xs font-normal text-fg-muted leading-[1.45]", unknown, unknown, undefined>>;
+export declare const body: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-[18px] px-pad-4xl py-[22px]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex flex-col gap-[18px] px-pad-4xl py-[22px]", unknown, unknown, undefined>>;
+export declare const toggleRow: import('tailwind-variants').TVReturnType<{
+    on: {
+        true: string;
+    };
+}, undefined, string[], {
+    on: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    on: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toggleIcon: import('tailwind-variants').TVReturnType<{
+    on: {
+        true: string;
+    };
+}, undefined, string[], {
+    on: {
+        true: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    on: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toggleText: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex-1 min-w-0 flex flex-col gap-[3px]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "flex-1 min-w-0 flex flex-col gap-[3px]", unknown, unknown, undefined>>;
+export declare const toggleLabel: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-md font-semibold text-fg-default leading-[1.3]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-md font-semibold text-fg-default leading-[1.3]", unknown, unknown, undefined>>;
+export declare const toggleDesc: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "text-body-xs font-normal text-fg-muted leading-[1.45]", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "text-body-xs font-normal text-fg-muted leading-[1.45]", unknown, unknown, undefined>>;
+export declare const foot: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+//# sourceMappingURL=add-view-modal.styles.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/add-view-modal.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-view-modal.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/add-view-modal.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,eAAO,MAAM,MAAM,sMAUjB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,QAAQ,sMAWnB,CAAC;AAEH,eAAO,MAAM,IAAI,sMAMf,CAAC;AAEH,eAAO,MAAM,QAAQ,sMAOnB,CAAC;AAEH,eAAO,MAAM,aAAa,sMAOxB,CAAC;AAEH,eAAO,MAAM,KAAK,sMAShB,CAAC;AAEH,eAAO,MAAM,GAAG,4SAEd,CAAC;AAEH,eAAO,MAAM,IAAI,oRAEf,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;qDAYpB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;qDAYrB,CAAC;AAEH,eAAO,MAAM,UAAU,sQAErB,CAAC;AAEH,eAAO,MAAM,WAAW,0SAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,oSAErB,CAAC;AAEH,eAAO,MAAM,IAAI,sMAKf,CAAC"}

package/dist-lib/src/components/ui/TableToolbar/popovers/cols-popover.d.ts

@@ -0,0 +1,48 @@
+import { ComponentType, ReactNode } from 'react';
+export type ColsPopoverColumn = {
+    key: string;
+    label: ReactNode;
+    /** Ícone do tipo (lucide component) */
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+};
+export type ColsPopoverProps = {
+    trigger: ReactNode;
+    columns: ColsPopoverColumn[];
+    visibleCols: Set<string>;
+    onVisibleChange: (next: Set<string>) => void;
+    pinnedCols: Set<string>;
+    onPinnedChange: (next: Set<string>) => void;
+    /**
+     * Callback de reordenação. Quando passado, ativa o grip drag handle
+     * e as linhas se tornam arrastáveis (HTML5 drag).
+     */
+    onColumnsReorder?: (next: ColsPopoverColumn[]) => void;
+    title?: ReactNode;
+    hideShowAll?: boolean;
+    hideOnlyPinned?: boolean;
+    showAllLabel?: ReactNode;
+    onlyPinnedLabel?: ReactNode;
+    align?: "start" | "center" | "end";
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+/**
+ * ColsPopover — popover de gerenciamento de colunas da tabela.
+ *
+ * Funcionalidades:
+ *   - Toggle visibility (checkbox por coluna)
+ *   - Toggle pin (botão pin que aparece em hover ou quando fixado)
+ *   - Drag-reorder (HTML5 nativo, ativado pelo grip — quando `onColumnsReorder` é passado)
+ *   - Atalhos "Mostrar todas" / "Só fixadas" no footer
+ *
+ * Dumb: visible/pinned/order vêm do consumer via props.
+ *
+ * NOTA: usa HTML5 drag nativo em vez de dnd-kit pra evitar conflito com o
+ * `transform` aplicado pelo Radix Popover (Floating UI) — coordenadas do
+ * dnd-kit ficam off quando dentro do popover.
+ */
+export declare function ColsPopover({ trigger, columns, visibleCols, onVisibleChange, pinnedCols, onPinnedChange, onColumnsReorder, title, hideShowAll, hideOnlyPinned, showAllLabel, onlyPinnedLabel, align, open, onOpenChange, className, }: ColsPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cols-popover.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/cols-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cols-popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/cols-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWrE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACzB,eAAe,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACxB,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,WAAW,EACX,eAAe,EACf,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,KAA0B,EAC1B,WAAW,EACX,cAAc,EACd,YAA8B,EAC9B,eAA8B,EAC9B,KAAa,EACb,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,gBAAgB,2CAiNlB"}

package/dist-lib/src/components/ui/TableToolbar/popovers/filter-popover.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+export type FilterPopoverColumn = {
+    key: string;
+    /** Label da coluna (exibido no select) */
+    label: string;
+    /** Tipo do valor — define o input renderizado. Default `"text"`. */
+    type?: "text" | "number" | "select";
+    /** Opções pro select (quando `type="select"`) */
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    /** Tipo original do ColumnTypeRegistry (date, currency, etc) — opcional,
+     *  passado pelo DataTable pra `renderValueInput` resolver o input correto. */
+    filterType?: string;
+};
+export type FilterPopoverOperator = {
+    id: string;
+    label: string;
+};
+export type FilterPopoverEntry = {
+    id: string;
+    columnKey: string;
+    op: string;
+    /** Valor do filtro — `unknown` pra carregar string, array (multiSelect/tags),
+     *  tupla (between/date range), número, etc. Native fallback rendering coage
+     *  pra string via toString; `renderValueInput` recebe o valor puro. */
+    value: unknown;
+};
+export type FilterPopoverProps = {
+    /** Botão que abre o popover */
+    trigger: ReactNode;
+    /** Lista de colunas filtráveis */
+    columns: FilterPopoverColumn[];
+    /** Lista de operadores. Default `DEFAULT_FILTER_OPERATORS` (eq/neq/contains/gt/lt) */
+    operators?: FilterPopoverOperator[];
+    /** Array de filtros atuais */
+    filters: FilterPopoverEntry[];
+    onFiltersChange: (next: FilterPopoverEntry[]) => void;
+    /** Habilita a tab "Avançado" com textarea livre. Default `false`. */
+    enableAdvanced?: boolean;
+    /** Título (default "Filtros") */
+    title?: ReactNode;
+    /** Label do conjuntor — primeiro item / demais */
+    conjLabels?: {
+        first: ReactNode;
+        rest: ReactNode;
+    };
+    /** Override do input de valor — Fase G.1.
+     *  Quando passado, FilterPopover delega o render do input pro consumer
+     *  (que conhece o tipo da coluna e usa ColumnTypeRegistry). Sem este prop,
+     *  cai no fallback nativo (select/number/text por `column.type`).
+     *  `value` e `onChange` são `unknown` pra suportar arrays (multiSelect/tags),
+     *  tuplas (between), datas, etc — sem perder shape via stringify. */
+    renderValueInput?: (params: {
+        column: FilterPopoverColumn;
+        operator: string;
+        value: unknown;
+        onChange: (next: unknown) => void;
+    }) => ReactNode;
+    /** Alinhamento */
+    align?: "start" | "center" | "end";
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+export declare const DEFAULT_FILTER_OPERATORS: FilterPopoverOperator[];
+/**
+ * FilterPopover — popover de filtros estilo query builder.
+ *
+ * Modo Visual (default):
+ *   - Lista de condições com campo/operador/valor
+ *   - Botão pra adicionar condição (sticky no rodapé do body, fora do scroll)
+ *   - Empty state com CTA
+ *
+ * Modo Avançado (opt-in via `enableAdvanced`):
+ *   - Textarea livre estilo SQL (sem parser real — apenas demo)
+ *
+ * Dumb: `filters` (array de entries) vem do consumer. Use o hook
+ * `useToolbarFilters()` se quiser gerenciamento de estado pronto.
+ */
+export declare function FilterPopover({ trigger, columns, operators, filters, onFiltersChange, enableAdvanced, title, conjLabels, renderValueInput, align, open, onOpenChange, className, }: FilterPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filter-popover.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/filter-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/filter-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACpC,iDAAiD;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD;kFAC8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX;;2EAEuE;IACvE,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+BAA+B;IAC/B,OAAO,EAAE,SAAS,CAAC;IAEnB,kCAAkC;IAClC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,sFAAsF;IACtF,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAEpC,8BAA8B;IAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAEtD,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kDAAkD;IAClD,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;IAEnD;;;;;yEAKqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAC1B,MAAM,EAAE,mBAAmB,CAAC;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,OAAO,CAAC;QACf,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;KACnC,KAAK,SAAS,CAAC;IAEhB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,qBAAqB,EAM3D,CAAC;AAoMF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,SAAoC,EACpC,OAAO,EACP,eAAe,EACf,cAAc,EACd,KAAiB,EACjB,UAAuC,EACvC,gBAAgB,EAChB,KAAa,EACb,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,2CAsUpB"}

package/dist-lib/src/components/ui/TableToolbar/popovers/filter-sql-parser.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Parser SQL-like simples — converte texto livre em FilterPopoverEntry[].
+ *
+ * Subset suportado:
+ *   `field operator value`
+ *   `field operator "quoted value"`
+ *   `field1 = X AND field2 > Y`
+ *   `field1 = X OR field2 = Y`
+ *
+ * Operadores: `=` `!=` `<>` `>` `<` `>=` `<=` `contains` `like`
+ * Logical: AND, OR (case-insensitive). Sem parenteses, sem nested.
+ *
+ * Output: { entries, logicOperator } ou { error: string }.
+ *
+ * Mapeamento de operadores texto → FilterPopoverEntry.op:
+ *   = | ==     → "eq"
+ *   != | <>    → "neq"
+ *   contains   → "contains"
+ *   like       → "contains"
+ *   >          → "gt"
+ *   <          → "lt"
+ *   >=         → "gte"
+ *   <=         → "lte"
+ */
+export type ParsedFilterEntry = {
+    field: string;
+    op: "eq" | "neq" | "contains" | "gt" | "lt" | "gte" | "lte";
+    value: string;
+};
+export type ParseResult = {
+    ok: true;
+    entries: ParsedFilterEntry[];
+    logicOperator: "AND" | "OR";
+} | {
+    ok: false;
+    error: string;
+};
+export declare function parseSqlFilter(input: string): ParseResult;
+/** Converte FilterPopoverEntry[] de volta pra string SQL-like. */
+export declare function entriesToSql(entries: ParsedFilterEntry[], logicOperator?: "AND" | "OR"): string;
+//# sourceMappingURL=filter-sql-parser.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/filter-sql-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-sql-parser.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/filter-sql-parser.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IAC5D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GACnB;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAAC,aAAa,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,GACvE;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAyBjC,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,CAyCzD;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAC1B,OAAO,EAAE,iBAAiB,EAAE,EAC5B,aAAa,GAAE,KAAK,GAAG,IAAY,GAClC,MAAM,CAiBR"}

package/dist-lib/src/components/ui/TableToolbar/popovers/more-menu.d.ts

@@ -0,0 +1,49 @@
+import { ReactNode } from 'react';
+import { DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator } from '../../../shadcn/dropdown-menu';
+export type MoreMenuProps = {
+    /** Botão que dispara o menu (geralmente `<ToolbarToolButton icon={<MoreHorizontal />}>`) */
+    trigger: ReactNode;
+    /** Itens do menu — use `MoreMenuItem`, `MoreMenuCheckboxItem`, `MoreMenuSeparator`. */
+    children: ReactNode;
+    /** Estado controlado (opcional — auto-gerencia se omitido). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Alinhamento do menu em relação ao trigger. Default `"end"` (alinha à direita). */
+    align?: "start" | "center" | "end";
+    /** Espaço entre trigger e menu (px). Default 6. */
+    sideOffset?: number;
+    /** className extra no DropdownMenuContent (caso queira ajustar min-width). */
+    className?: string;
+};
+/**
+ * MoreMenu — popover de "..." (mais ações) da TableToolbar.
+ *
+ * Wrapper fino do `<DropdownMenu>` do shadcn com defaults pra contexto de
+ * toolbar (`align="end"`, `sideOffset=6`). Pra customizar items use os aliases:
+ *
+ *   <MoreMenu trigger={<ToolbarToolButton ... />}>
+ *     <MoreMenuItem onSelect={...}>
+ *       <Grid3x3 />
+ *       Mostrar bordas entre colunas
+ *     </MoreMenuItem>
+ *     <MoreMenuItem onSelect={...}>
+ *       <Maximize2 />
+ *       Tela cheia
+ *     </MoreMenuItem>
+ *     <MoreMenuSeparator />
+ *     <MoreMenuItem variant="destructive" onSelect={...}>
+ *       <Trash2 />
+ *       Resetar visualização
+ *     </MoreMenuItem>
+ *   </MoreMenu>
+ *
+ * Aliases re-exportam os primitives equivalentes do DropdownMenu:
+ *   - `MoreMenuItem`            → `DropdownMenuItem`            (com variant?: "default" | "destructive")
+ *   - `MoreMenuCheckboxItem`    → `DropdownMenuCheckboxItem`    (toggle com check)
+ *   - `MoreMenuRadioGroup` + `MoreMenuRadioItem` → escolha única
+ *   - `MoreMenuSeparator`       → `DropdownMenuSeparator`       (1px divider)
+ *   - `MoreMenuLabel`           → `DropdownMenuLabel`           (heading discreto)
+ */
+export declare function MoreMenu({ trigger, children, open, onOpenChange, align, sideOffset, className, }: MoreMenuProps): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenuItem as MoreMenuItem, DropdownMenuCheckboxItem as MoreMenuCheckboxItem, DropdownMenuRadioGroup as MoreMenuRadioGroup, DropdownMenuRadioItem as MoreMenuRadioItem, DropdownMenuSeparator as MoreMenuSeparator, DropdownMenuLabel as MoreMenuLabel, };
+//# sourceMappingURL=more-menu.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/more-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"more-menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/more-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,wBAAwB,EAExB,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EAEtB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,4FAA4F;IAC5F,OAAO,EAAE,SAAS,CAAC;IACnB,uFAAuF;IACvF,QAAQ,EAAE,SAAS,CAAC;IACpB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,KAAa,EACb,UAAc,EACd,SAAS,GACV,EAAE,aAAa,2CAaf;AAGD,OAAO,EACL,gBAAgB,IAAI,YAAY,EAChC,wBAAwB,IAAI,oBAAoB,EAChD,sBAAsB,IAAI,kBAAkB,EAC5C,qBAAqB,IAAI,iBAAiB,EAC1C,qBAAqB,IAAI,iBAAiB,EAC1C,iBAAiB,IAAI,aAAa,GACnC,CAAC"}

package/dist-lib/src/components/ui/TableToolbar/popovers/sort-popover.d.ts

@@ -0,0 +1,54 @@
+import { ComponentType, ReactNode } from 'react';
+import { SortDirection } from '../table-toolbar.types';
+export type { SortDirection };
+export type SortPopoverColumn = {
+    key: string;
+    label: ReactNode;
+    /** Ícone do tipo (lucide component) */
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+};
+export type SortPopoverCriterion = {
+    /** Key da coluna sendo ordenada */
+    key: string;
+    /** Direção da ordenação */
+    dir: SortDirection;
+};
+export type SortPopoverProps = {
+    /** Botão que abre o popover */
+    trigger: ReactNode;
+    /** Lista completa de colunas disponíveis pra ordenação */
+    columns: SortPopoverColumn[];
+    /** Array de critérios atuais (na ordem de prioridade) */
+    sortBy: SortPopoverCriterion[];
+    onSortByChange: (next: SortPopoverCriterion[]) => void;
+    /** Título da section principal (default "Ordenação") */
+    title?: ReactNode;
+    /** Mensagem quando não há critérios (default "Sem critérios de ordenação.") */
+    emptyMessage?: ReactNode;
+    /** Label da section de adicionar (default "Adicionar ordenação por") */
+    addSectionLabel?: ReactNode;
+    /** Label do link "Limpar" no footer (default "Limpar") */
+    clearLabel?: ReactNode;
+    /** Alinhamento do popover. Default "end" */
+    align?: "start" | "center" | "end";
+    /** Estado controlado (opcional) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+/**
+ * SortPopover — popover de ordenação multi-coluna da tabela.
+ *
+ *   - Lista os critérios atuais (chave + direção asc/desc + prefixo posicional)
+ *   - Toggle de direção asc ↔ desc por critério
+ *   - Remove individual via X
+ *   - Section pra adicionar critérios novos (apenas colunas ainda não usadas)
+ *   - Footer "Limpar" quando há critérios
+ *
+ * Componente dumb: `sortBy` (array de critérios) vem do consumer.
+ * Use `useToolbarSort()` hook se quiser gerenciamento de estado pronto.
+ */
+export declare function SortPopover({ trigger, columns, sortBy, onSortByChange, title, emptyMessage, addSectionLabel, clearLabel, align, open, onOpenChange, className, }: SortPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sort-popover.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/sort-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/sort-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAI5D,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,+BAA+B;IAC/B,OAAO,EAAE,SAAS,CAAC;IAEnB,0DAA0D;IAC1D,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAE7B,yDAAyD;IACzD,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,cAAc,EAAE,CAAC,IAAI,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAEvD,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wEAAwE;IACxE,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,OAAO,EACP,MAAM,EACN,cAAc,EACd,KAAmB,EACnB,YAA4C,EAC5C,eAA2C,EAC3C,UAAqB,EACrB,KAAa,EACb,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,gBAAgB,2CAqKlB"}

package/dist-lib/src/components/ui/TableToolbar/popovers/views-popover.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from 'react';
+export type ViewsPopoverView = {
+    id: string;
+    name: ReactNode;
+    /**
+     * Quem é o dono da view. Se igual a `myOwnerKey` (default `"me"`), a view
+     * é considerada "minha" — mostra o botão de delete e cai na tab "Pessoais".
+     * Caso contrário, é uma view compartilhada (mostra autor).
+     */
+    owner: string;
+    /** Nome do autor exibido quando não é "minha" */
+    ownerName?: string;
+};
+export type ViewsPopoverProps = {
+    /** Botão que abre o popover (geralmente `<ToolbarSaveButton>`) */
+    trigger: ReactNode;
+    /** Lista completa de views disponíveis */
+    views: ViewsPopoverView[];
+    /** ID da view atualmente ativa */
+    activeViewId?: string;
+    /** Aplicar/selecionar uma view (clique no item) */
+    onApply?: (view: ViewsPopoverView) => void;
+    /** Excluir uma view "minha" */
+    onDelete?: (id: string) => void;
+    /** Clicar em "Salvar visão atual" (footer) */
+    onCreate?: () => void;
+    /**
+     * Key que identifica views "minhas" (default `"me"`).
+     * Views com `owner === myOwnerKey` mostram delete e ficam na tab Pessoais.
+     */
+    myOwnerKey?: string;
+    /** Esconde as tabs Todos/Pessoais (mostra todas as views direto) */
+    hideTabs?: boolean;
+    /** Esconde o input de busca */
+    hideSearch?: boolean;
+    /** Esconde o botão "Salvar visão atual" no footer */
+    hideCreate?: boolean;
+    /** Labels customizáveis */
+    allTabLabel?: ReactNode;
+    myTabLabel?: ReactNode;
+    searchPlaceholder?: string;
+    createLabel?: ReactNode;
+    /** Mensagem de estado vazio (com search ativa) */
+    emptySearchMessage?: (query: string) => ReactNode;
+    /** Mensagem de estado vazio (sem search) */
+    emptyMessage?: ReactNode;
+    /** Alinhamento do popover. Default "start" */
+    align?: "start" | "center" | "end";
+    /** Estado controlado (opcional) */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+};
+/**
+ * ViewsPopover — popover de visualizações salvas da tabela.
+ *
+ *   - Tabs `Todos` / `Pessoais` (filtra por `owner === myOwnerKey`)
+ *   - Search local por nome ou autor
+ *   - Lista com estado ativo + botão delete em views "minhas"
+ *   - Footer "Salvar visão atual" pra criar nova
+ *
+ * Dumb: `views` + `activeViewId` vêm do consumer. Tabs e search são state interno.
+ */
+export declare function ViewsPopover({ trigger, views, activeViewId, onApply, onDelete, onCreate, myOwnerKey, hideTabs, hideSearch, hideCreate, allTabLabel, myTabLabel, searchPlaceholder, createLabel, emptySearchMessage, emptyMessage, align, open, onOpenChange, className, }: ViewsPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=views-popover.d.ts.map

package/dist-lib/src/components/ui/TableToolbar/popovers/views-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"views-popover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/TableToolbar/popovers/views-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAU1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kEAAkE;IAClE,OAAO,EAAE,SAAS,CAAC;IAEnB,0CAA0C;IAC1C,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,4CAA4C;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAiB,EACjB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAqB,EACrB,UAAuB,EACvB,iBAA4B,EAC5B,WAAkC,EAClC,kBAAuD,EACvD,YAA0C,EAC1C,KAAe,EACf,IAAI,EACJ,YAAY,EACZ,SAAS,GACV,EAAE,iBAAiB,2CA6MnB"}

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

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+/**
+ * TableToolbar — container root da toolbar de tabela.
+ *
+ * Layout default: flex justify-between em duas zonas (left + actions).
+ * Dumb: recebe `left` e `actions` como slots ReactNode — o consumer monta
+ * livremente cada zona com as partes (`ToolbarSearch`, `ToolbarSegmented`,
+ * `ToolbarTabs`, `ToolbarToolButton`, `ToolbarDivider`).
+ *
+ * Modo bulk: quando `bulkBar` é passado, ele substitui o conteúdo inteiro
+ * da toolbar. Use com `<BulkActionsBar count={...}>` — ele auto-some quando
+ * `count === 0`, então passe-o direto na prop sem condicional externo:
+ *
+ *   <TableToolbar
+ *     left={...}
+ *     actions={...}
+ *     bulkBar={<BulkActionsBar count={selected.length} onClear={...}>...</BulkActionsBar>}
+ *   />
+ *
+ * Pra filtros aplicados (chips), use `<ToolbarApplied>` LOGO ABAIXO da toolbar.
+ */
+export type TableToolbarProps = {
+    /** Conteúdo da zona esquerda (search, view mode, tabs, "+"). */
+    left?: ReactNode;
+    /** Conteúdo da zona direita (filtrar, ordenar, cols, density, exportar). */
+    actions?: ReactNode;
+    /**
+     * Quando renderizado (não null/false), substitui left+actions pela view de
+     * ações em massa. Combina com `<BulkActionsBar>` (que retorna null quando
+     * count=0), assim o swap fica automático sem condicional no consumer.
+     */
+    bulkBar?: ReactNode;
+    className?: string;
+};
+export declare function TableToolbar({ left, actions, bulkBar, className, }: TableToolbarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=table-toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/TableToolbar/table-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,2CAUnB"}