@snksergio/design-system 0.4.0 → 0.5.1

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.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":"AACA,OAAO,KAAK,EAAE,GAAG,EAAa,MAAM,OAAO,CAAC;AAmF5C,OAAO,KAAK,EACV,cAAc,EAEd,YAAY,EAOb,MAAM,oBAAoB,CAAC;AAg1D5B,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,73 @@
+/**
+ * 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<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            overlay?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            bulkBar?: import('tailwind-merge').ClassNameValue;
+            toolbarWrap?: import('tailwind-merge').ClassNameValue;
+            footerWrap?: import('tailwind-merge').ClassNameValue;
+            emptyWrap?: import('tailwind-merge').ClassNameValue;
+            emptyTitle?: import('tailwind-merge').ClassNameValue;
+            emptyDescription?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            overlay?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            bulkBar?: import('tailwind-merge').ClassNameValue;
+            toolbarWrap?: import('tailwind-merge').ClassNameValue;
+            footerWrap?: import('tailwind-merge').ClassNameValue;
+            emptyWrap?: import('tailwind-merge').ClassNameValue;
+            emptyTitle?: import('tailwind-merge').ClassNameValue;
+            emptyDescription?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    toolbarWrap: string[];
+    footerWrap: string[];
+    overlay: string[];
+    emptyWrap: string[];
+    emptyTitle: string[];
+    emptyDescription: string[];
+    bulkBar: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            overlay?: import('tailwind-merge').ClassNameValue;
+            root?: import('tailwind-merge').ClassNameValue;
+            bulkBar?: import('tailwind-merge').ClassNameValue;
+            toolbarWrap?: import('tailwind-merge').ClassNameValue;
+            footerWrap?: import('tailwind-merge').ClassNameValue;
+            emptyWrap?: import('tailwind-merge').ClassNameValue;
+            emptyTitle?: import('tailwind-merge').ClassNameValue;
+            emptyDescription?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    toolbarWrap: string[];
+    footerWrap: string[];
+    overlay: string[];
+    emptyWrap: string[];
+    emptyTitle: string[];
+    emptyDescription: string[];
+    bulkBar: string[];
+}, import('tailwind-variants').TVReturnType<unknown, {
+    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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoC1B,CAAC"}