@iclips/ui 1.0.12 → 1.0.14

package/dist/components/ui/advanced-data-table.d.ts

@@ -0,0 +1,87 @@
+import { ColumnDef } from './table-types';
+import { FilterField } from './filter-builder';
+import * as React from "react";
+export interface AdvancedDataTableProps<T extends Record<string, any>> {
+    /**
+     * Dados a serem exibidos na tabela
+     */
+    data: T[];
+    /**
+     * Definições de colunas (header, render, sortable, etc.)
+     */
+    columns: ColumnDef<T>[];
+    /**
+     * Título opcional para exibir acima da tabela
+     */
+    title?: string;
+    /**
+     * Descrição opcional abaixo do título
+     */
+    description?: string;
+    /**
+     * Placeholder para o campo de busca
+     * @default "Buscar..."
+     */
+    searchPlaceholder?: string;
+    /**
+     * Colunas que serão pesquisadas pela busca global
+     * @default Auto-detecta primeira coluna com key 'nome', 'name', 'title' ou primeira coluna
+     */
+    searchableColumns?: (keyof T)[];
+    /**
+     * Campos disponíveis para filtros avançados
+     */
+    filterFields?: FilterField[];
+    /**
+     * Habilitar busca global
+     * @default true
+     */
+    enableSearch?: boolean;
+    /**
+     * Habilitar filtros avançados
+     * @default true (se filterFields fornecido)
+     */
+    enableFilters?: boolean;
+    /**
+     * Opções de tamanho de página
+     * @default [5, 10, 20, 50]
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Tamanho inicial da página
+     * @default 10
+     */
+    initialPageSize?: number;
+    /**
+     * Exibir em Card wrapper
+     * @default true
+     */
+    showCard?: boolean;
+    /**
+     * Padding do Card
+     * @default "p-6"
+     */
+    cardPadding?: string;
+    /**
+     * Ações customizadas na toolbar (botões, dropdowns, etc.)
+     * Passe qualquer React.ReactNode (botões, dropdowns, menus, etc.)
+     */
+    toolbarActions?: React.ReactNode;
+    /**
+     * Estado de loading (exibe skeleton/spinner)
+     */
+    isLoading?: boolean;
+    /**
+     * Mensagem quando não há dados
+     * @default "Nenhum resultado encontrado."
+     */
+    emptyMessage?: string;
+    /**
+     * Classes CSS adicionais
+     */
+    className?: string;
+}
+export declare const AdvancedDataTable: <T extends Record<string, any>>(props: AdvancedDataTableProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement;
+//# sourceMappingURL=advanced-data-table.d.ts.map

package/dist/components/ui/advanced-data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-data-table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/advanced-data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACnE;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IAEV;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IAEhC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkLD,eAAO,MAAM,iBAAiB,EAA+C,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzG,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC"}

package/dist/components/ui/index.d.ts

@@ -56,7 +56,12 @@ export * from './filter-builder';
 export * from './filter-chip';
 export * from './gantt-chart';
 export * from './kanban-card';
+export * from './kpi-card';
 export * from './saved-filters';
+export * from './data-table';
+export * from './advanced-data-table';
+export * from './table-types';
+export * from './table-pagination';
 export * from './sidebar';
 export * from './task-edit-dialog';
 export * from './time-picker';

package/dist/components/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAG1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAG1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/components/ui/kpi-card.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+export interface KPICardProps {
+    /**
+     * Título do KPI (ex: "Receita Mensal")
+     */
+    title: string;
+    /**
+     * Valor principal em destaque (ex: "R$ 127.361,23")
+     */
+    primaryContent: string;
+    /**
+     * Texto secundário descritivo (ex: "vs. mês anterior")
+     */
+    secondaryContent?: string;
+    /**
+     * Valor de tendência para exibir badge com seta
+     * Positivo = verde + seta para cima
+     * Negativo = vermelho + seta para baixo
+     */
+    trendValue?: number;
+    /**
+     * Label customizado para tendência (default: "+X%" ou "-X%")
+     */
+    trendLabel?: string;
+    /**
+     * Ícone a ser exibido no header (componente Lucide React)
+     */
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+    /**
+     * Estado de loading - exibe skeleton
+     */
+    isLoading?: boolean;
+    /**
+     * Handler de click - torna o card clicável com hover
+     */
+    onClick?: () => void;
+    /**
+     * Classes CSS adicionais
+     */
+    className?: string;
+}
+export declare const KPICard: React.ForwardRefExoticComponent<KPICardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=kpi-card.d.ts.map

package/dist/components/ui/kpi-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/kpi-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAEnD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,qFA4EnB,CAAC"}