@snksergio/design-system 0.5.0 → 0.17.0

package/dist-lib/src/components/ui/DataTable/column-types/definitions/phone-column-type.d.ts

@@ -0,0 +1,3 @@
+import { ColumnTypeDefinition } from '../column-types.types';
+export declare const PhoneColumnType: ColumnTypeDefinition;
+//# sourceMappingURL=phone-column-type.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/definitions/phone-column-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-column-type.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ui/DataTable/column-types/definitions/phone-column-type.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,eAAO,MAAM,eAAe,EAAE,oBAwD7B,CAAC"}

package/dist-lib/src/components/ui/DataTable/column-types/definitions/select-column-type.d.ts

@@ -0,0 +1,3 @@
+import { ColumnTypeDefinition } from '../column-types.types';
+export declare const SelectColumnType: ColumnTypeDefinition;
+//# sourceMappingURL=select-column-type.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/definitions/select-column-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-column-type.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ui/DataTable/column-types/definitions/select-column-type.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAWlE,eAAO,MAAM,gBAAgB,EAAE,oBAiD9B,CAAC"}

package/dist-lib/src/components/ui/DataTable/column-types/definitions/tags-column-type.d.ts

@@ -0,0 +1,3 @@
+import { ColumnTypeDefinition } from '../column-types.types';
+export declare const TagsColumnType: ColumnTypeDefinition;
+//# sourceMappingURL=tags-column-type.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/definitions/tags-column-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tags-column-type.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ui/DataTable/column-types/definitions/tags-column-type.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGlE,eAAO,MAAM,cAAc,EAAE,oBAuH5B,CAAC"}

package/dist-lib/src/components/ui/DataTable/column-types/definitions/text-column-type.d.ts

@@ -0,0 +1,3 @@
+import { ColumnTypeDefinition } from '../column-types.types';
+export declare const TextColumnType: ColumnTypeDefinition;
+//# sourceMappingURL=text-column-type.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/definitions/text-column-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-column-type.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ui/DataTable/column-types/definitions/text-column-type.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAUlE,eAAO,MAAM,cAAc,EAAE,oBA2D5B,CAAC"}

package/dist-lib/src/components/ui/DataTable/column-types/definitions/url-column-type.d.ts

@@ -0,0 +1,3 @@
+import { ColumnTypeDefinition } from '../column-types.types';
+export declare const UrlColumnType: ColumnTypeDefinition;
+//# sourceMappingURL=url-column-type.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/definitions/url-column-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-column-type.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ui/DataTable/column-types/definitions/url-column-type.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,eAAO,MAAM,aAAa,EAAE,oBA2D3B,CAAC"}

package/dist-lib/src/components/ui/DataTable/column-types/definitions/user-column-type.d.ts

@@ -0,0 +1,3 @@
+import { ColumnTypeDefinition } from '../column-types.types';
+export declare const UserColumnType: ColumnTypeDefinition;
+//# sourceMappingURL=user-column-type.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/definitions/user-column-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-column-type.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/ui/DataTable/column-types/definitions/user-column-type.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAwDlE,eAAO,MAAM,cAAc,EAAE,oBAsG5B,CAAC"}

package/dist-lib/src/components/ui/DataTable/column-types/index.d.ts

@@ -0,0 +1,33 @@
+import { TextColumnType } from './definitions/text-column-type';
+import { NumberColumnType } from './definitions/number-column-type';
+import { DateColumnType } from './definitions/date-column-type';
+import { SelectColumnType } from './definitions/select-column-type';
+import { MultiSelectColumnType } from './definitions/multi-select-column-type';
+import { BooleanColumnType } from './definitions/boolean-column-type';
+import { CurrencyColumnType } from './definitions/currency-column-type';
+import { PercentageColumnType } from './definitions/percentage-column-type';
+import { EmailColumnType } from './definitions/email-column-type';
+import { PhoneColumnType } from './definitions/phone-column-type';
+import { UrlColumnType } from './definitions/url-column-type';
+import { UserColumnType } from './definitions/user-column-type';
+import { BadgeColumnType, StatusColumnType } from './definitions/badge-column-type';
+import { TagsColumnType } from './definitions/tags-column-type';
+import { DatetimeColumnType } from './definitions/datetime-column-type';
+/**
+ * Column Types Registry — sistema extensivel de tipos de coluna do DataTable.
+ *
+ * Cada tipo declara:
+ *   - operators suportados
+ *   - render no modal Filtros (advanced)
+ *   - render no chip popover (fast filter)
+ *   - logica de match runtime (rows.filter)
+ *   - render do chip value (opcional, default uso simples)
+ *
+ * Default tipos registrados: text, number, date, select, multiSelect, boolean.
+ * Pra adicionar tipo customizado:
+ *   columnTypeRegistry.register({ type: "currency", operators: [...], renderFilterInput: ..., ... });
+ */
+export { columnTypeRegistry } from './column-type-registry';
+export type { ColumnTypeDefinition, ColumnTypeId, ColumnTypeOperator, ColumnOption, FilterInputProps, FastFilterInputProps, } from './column-types.types';
+export { TextColumnType, NumberColumnType, DateColumnType, SelectColumnType, MultiSelectColumnType, BooleanColumnType, CurrencyColumnType, PercentageColumnType, EmailColumnType, PhoneColumnType, UrlColumnType, UserColumnType, BadgeColumnType, StatusColumnType, TagsColumnType, DatetimeColumnType, };
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/src/components/ui/DataTable/column-types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DataTable/column-types/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EACV,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EACL,eAAe,EACf,gBAAgB,EACjB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAqBxE,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,GACnB,CAAC"}

package/dist-lib/src/components/ui/DataTable/context/data-table-context.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { TableDensity, ColumnPinned } from '../../Table';
+import { DataTableColumnDef, PaginationModel, GridSelectionState, GridRowId, FilterModel, SortModel } from '../data-table.types';
+export type DataTableContextValue<T = any> = {
+    /** Dados originais sem processar (filter/sort/paginate ficam no processor). */
+    rows: T[];
+    /** Colunas efetivas (já filtradas por visibility e ordenadas por columnOrder). */
+    effectiveColumns: DataTableColumnDef<T>[];
+    /** Widths em px por field. */
+    columnWidths: Record<string, number>;
+    /** Sticky offsets por field. */
+    stickyOffsets: Record<string, number>;
+    /** Order atual dos fields (filtrada por visibilidade). */
+    columnOrder: string[];
+    /** Set de fields hidden. */
+    hiddenColumns: Set<string>;
+    /** Map de pinned por field. */
+    pinnedColumns: Record<string, ColumnPinned>;
+    /** Multi-sort: array de criterios (primeiro = prioridade maior). */
+    sortModel: SortModel[];
+    /** Pagination state. */
+    paginationModel: PaginationModel;
+    /** Selection state. */
+    selection: {
+        state: GridSelectionState;
+        isRowSelected: (row: T) => boolean;
+        selectedCount: number;
+    };
+    /** Density state. */
+    density: TableDensity;
+    /** Search state. */
+    search: string;
+    /** Filter model. */
+    filterModel: FilterModel;
+    /** getRowId utility. */
+    getRowId: (row: T) => GridRowId;
+};
+export declare function DataTableProvider({ value, children, }: {
+    value: DataTableContextValue;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDataTableContext<T = any>(): DataTableContextValue<T>;
+//# sourceMappingURL=data-table-context.d.ts.map

package/dist-lib/src/components/ui/DataTable/context/data-table-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-context.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DataTable/context/data-table-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,SAAS,EACV,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,GAAG,IAAI;IAC3C,+EAA+E;IAC/E,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,kFAAkF;IAClF,gBAAgB,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1C,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,gCAAgC;IAChC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,0DAA0D;IAC1D,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,4BAA4B;IAC5B,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,+BAA+B;IAC/B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAE5C,oEAAoE;IACpE,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,wBAAwB;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,uBAAuB;IACvB,SAAS,EAAE;QACT,KAAK,EAAE,kBAAkB,CAAC;QAC1B,aAAa,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;QACnC,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,qBAAqB;IACrB,OAAO,EAAE,YAAY,CAAC;IACtB,oBAAoB;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,WAAW,EAAE,WAAW,CAAC;IAEzB,wBAAwB;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;CACjC,CAAC;AAIF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA;AAED,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,GAAG,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAMvE"}

package/dist-lib/src/components/ui/DataTable/data-table.constants.d.ts

@@ -0,0 +1,21 @@
+import { TableDensity } from '../Table';
+/**
+ * Constantes default do DataTable — centralizadas pra evitar magic numbers
+ * repetidos e drift silencioso entre arquivos.
+ */
+/** Breakpoint (px) abaixo do qual a tabela entra em card mode (quando habilitado). */
+export declare const DEFAULT_CARD_BREAKPOINT = 768;
+/** Linhas extra renderizadas acima/abaixo do viewport na virtualização. */
+export declare const DEFAULT_OVERSCAN = 10;
+/** Largura default da coluna `actions` (icon-only kebab + respiro). */
+export declare const ACTIONS_COLUMN_WIDTH = 120;
+/** Tempo mínimo (ms) que o spinner de refresh fica visível (feedback de UX). */
+export declare const MIN_REFRESH_SPINNER_MS = 400;
+/**
+ * Altura estimada da row por densidade (px) — usada pela virtualização
+ * (`estimateSize`). ⚠️ DEVE casar com as classes de altura em
+ * `Table/table.styles.ts` (`tableRow` density variants). Se mudar uma altura
+ * lá, atualizar aqui (e vice-versa) — senão o scroll virtual desalinha.
+ */
+export declare const DENSITY_ROW_HEIGHT: Record<TableDensity, number>;
+//# sourceMappingURL=data-table.constants.d.ts.map

package/dist-lib/src/components/ui/DataTable/data-table.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DataTable/data-table.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;;GAGG;AAEH,sFAAsF;AACtF,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,KAAK,CAAC;AAEnC,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,MAAM,CAAC;AAExC,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI3D,CAAC"}

package/dist-lib/src/components/ui/DataTable/data-table.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'react';
+import { DataTableProps, DataTableRef } from './data-table.types';
+type DataTableComponent = <T>(props: DataTableProps<T> & {
+    ref?: Ref<DataTableRef>;
+}) => React.ReactElement;
+export declare const DataTable: DataTableComponent;
+export {};
+//# sourceMappingURL=data-table.d.ts.map

package/dist-lib/src/components/ui/DataTable/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DataTable/data-table.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AA6D5C,OAAO,KAAK,EACV,cAAc,EAEd,YAAY,EAOb,MAAM,oBAAoB,CAAC;AA65D5B,KAAK,kBAAkB,GAAG,CAAC,CAAC,EAC1B,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;CAAE,KACnD,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,SAAS,EAAoC,kBAAkB,CAAC"}

package/dist-lib/src/components/ui/DataTable/data-table.styles.d.ts

@@ -0,0 +1,67 @@
+/**
+ * DataTable wrapper externo — agrupa toolbar + table + footer.
+ * Visual: card com border + radius. O <Table> interno tem o próprio wrapper
+ * com bg-bg-table; aqui o <div> raiz só posiciona toolbar e footer.
+ */
+export declare const dataTableStyles: import('tailwind-variants').TVReturnType<{
+    /**
+     * Tela cheia — container raiz vira overlay fixo ocupando a viewport, com
+     * bg do canvas + padding pra respiro. A tabela interna preenche o resto
+     * (min-h-0 já no `<Table className>`).
+     */
+    fullscreen: {
+        true: {
+            root: string[];
+        };
+    };
+}, {
+    root: string[];
+    toolbarWrap: string[];
+    footerWrap: string[];
+    overlay: string[];
+    emptyWrap: string[];
+    emptyTitle: string[];
+    emptyDescription: string[];
+    bulkBar: string[];
+}, undefined, {
+    /**
+     * Tela cheia — container raiz vira overlay fixo ocupando a viewport, com
+     * bg do canvas + padding pra respiro. A tabela interna preenche o resto
+     * (min-h-0 já no `<Table className>`).
+     */
+    fullscreen: {
+        true: {
+            root: string[];
+        };
+    };
+}, {
+    root: string[];
+    toolbarWrap: string[];
+    footerWrap: string[];
+    overlay: string[];
+    emptyWrap: string[];
+    emptyTitle: string[];
+    emptyDescription: string[];
+    bulkBar: string[];
+}, import('tailwind-variants').TVReturnType<{
+    /**
+     * Tela cheia — container raiz vira overlay fixo ocupando a viewport, com
+     * bg do canvas + padding pra respiro. A tabela interna preenche o resto
+     * (min-h-0 já no `<Table className>`).
+     */
+    fullscreen: {
+        true: {
+            root: string[];
+        };
+    };
+}, {
+    root: string[];
+    toolbarWrap: string[];
+    footerWrap: string[];
+    overlay: string[];
+    emptyWrap: string[];
+    emptyTitle: string[];
+    emptyDescription: string[];
+    bulkBar: string[];
+}, undefined, unknown, unknown, undefined>>;
+//# sourceMappingURL=data-table.styles.d.ts.map

package/dist-lib/src/components/ui/DataTable/data-table.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/DataTable/data-table.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAqCxB;;;;OAIG;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;;;;;;2CAaL,CAAC"}