@vincisys/eyeson 0.17.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DataTable/DataTable.d.ts +22 -2
- package/dist/components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +13 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/index.js +1876 -1730
- package/dist/styles/eyes-standalone.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ColumnDef, type OnChangeFn, type RowData, type SortingState, type TableMeta } from '@tanstack/react-table';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
2
3
|
import { type TableDividers, type TableStickyColumn } from '../Table/Table';
|
|
3
4
|
declare module '@tanstack/react-table' {
|
|
4
5
|
interface ColumnMeta<TData extends RowData, TValue> {
|
|
@@ -61,6 +62,19 @@ export interface DataTableProps<TData, TValue> {
|
|
|
61
62
|
pageSize?: DataTablePageSize;
|
|
62
63
|
/** Campo de busca opcional, renderizado acima da tabela. */
|
|
63
64
|
search?: DataTableSearch;
|
|
65
|
+
/**
|
|
66
|
+
* Conteúdo customizado no início da barra de ferramentas (acima da
|
|
67
|
+
* tabela), ocupando ~25% da largura — ex.: filtros de data, selects.
|
|
68
|
+
* Conteúdo maior que o slot quebra dentro dele. Omitido = sem slot.
|
|
69
|
+
*/
|
|
70
|
+
actionsStart?: ReactNode;
|
|
71
|
+
/**
|
|
72
|
+
* Conteúdo customizado à esquerda do campo de busca, ocupando ~15% da
|
|
73
|
+
* largura — ex.: ícones de filtro, botões de ação em massa. Conteúdo
|
|
74
|
+
* maior que o slot quebra dentro dele. Sem `search`, fica à direita
|
|
75
|
+
* do spacer. Omitido = sem slot.
|
|
76
|
+
*/
|
|
77
|
+
actionsEnd?: ReactNode;
|
|
64
78
|
/**
|
|
65
79
|
* Estado de ordenação manual (`@tanstack/react-table` `SortingState`),
|
|
66
80
|
* controlado pelo consumidor. Omitido junto com `onSortingChange` =
|
|
@@ -107,9 +121,13 @@ export interface DataTableProps<TData, TValue> {
|
|
|
107
121
|
* paginação server-side, loading e empty state são resolvidos
|
|
108
122
|
* internamente a partir de props de comportamento.
|
|
109
123
|
*
|
|
110
|
-
* Por padrão (`card`),
|
|
124
|
+
* Por padrão (`card`), toolbar, tabela e paginação vivem em um único cartão
|
|
111
125
|
* branco conectado — sem essa prop, cada bloco fica solto.
|
|
112
126
|
*
|
|
127
|
+
* A barra acima da tabela aceita slots opcionais: `actionsStart` (esquerda,
|
|
128
|
+
* ex. datas), `actionsEnd` (à esquerda da busca, ex. ícones de filtro) e
|
|
129
|
+
* `search`. Qualquer um deles faz a toolbar aparecer.
|
|
130
|
+
*
|
|
113
131
|
* Ordenação por coluna é opcional e sempre manual: passe `sorting` +
|
|
114
132
|
* `onSortingChange` para tornar os cabeçalhos clicáveis, e use o novo
|
|
115
133
|
* `SortingState` recebido para produzir os dados já ordenados — via busca
|
|
@@ -125,6 +143,8 @@ export interface DataTableProps<TData, TValue> {
|
|
|
125
143
|
* columns={columns}
|
|
126
144
|
* data={users}
|
|
127
145
|
* isLoading={isLoading}
|
|
146
|
+
* actionsStart={<DatePicker label="Data de Início" />}
|
|
147
|
+
* actionsEnd={<IconButton icon={Filter} label="Filtros" variant="outline" />}
|
|
128
148
|
* search={{ value: search, onChange: setSearch, placeholder: "Buscar usuário..." }}
|
|
129
149
|
* pagination={{ page, limit: pageSize, total: count }}
|
|
130
150
|
* onPageChange={setPage}
|
|
@@ -137,6 +157,6 @@ export interface DataTableProps<TData, TValue> {
|
|
|
137
157
|
* />
|
|
138
158
|
* ```
|
|
139
159
|
*/
|
|
140
|
-
export declare function DataTable<TData, TValue>({ columns, data, isLoading, error, pagination, onPageChange, pageSize, search, sorting, onSortingChange, emptyStateTitle, emptyStateDescription, meta, 'aria-label': ariaLabel, className, dividers, card, }: DataTableProps<TData, TValue>): import("react").JSX.Element;
|
|
160
|
+
export declare function DataTable<TData, TValue>({ columns, data, isLoading, error, pagination, onPageChange, pageSize, search, actionsStart, actionsEnd, sorting, onSortingChange, emptyStateTitle, emptyStateDescription, meta, 'aria-label': ariaLabel, className, dividers, card, }: DataTableProps<TData, TValue>): import("react").JSX.Element;
|
|
141
161
|
export default DataTable;
|
|
142
162
|
//# sourceMappingURL=DataTable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,YAAY,EACjB,KAAK,SAAS,EAId,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,YAAY,EACjB,KAAK,SAAS,EAId,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,EAEN,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,QAAQ,uBAAuB,CAAC;IAItC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QACjD;;;;;WAKG;QACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC3B;CACD;AAED,iFAAiF;AACjF,MAAM,WAAW,mBAAmB;IACnC,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;CACd;AAED,uEAAuE;AACvE,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IACjC,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM;IAC5C,uDAAuD;IACvD,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IACpC,mCAAmC;IACnC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACxB,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAmGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACxC,OAAO,EACP,IAAI,EACJ,SAAiB,EACjB,KAAK,EACL,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,UAAU,EACV,OAAO,EACP,eAAe,EACf,eAA+C,EAC/C,qBAAqB,EACrB,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,QAAQ,EACR,IAAW,GACX,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,+BAsQ/B;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -41,6 +41,16 @@ type DatePickerSharedProps = {
|
|
|
41
41
|
weekStartsOn?: WeekStartsOn;
|
|
42
42
|
/** Mês exibido ao abrir o popover quando não há data selecionada. @default new Date() */
|
|
43
43
|
defaultMonth?: Date;
|
|
44
|
+
/**
|
|
45
|
+
* Ano mínimo selecionável no seletor de ano do calendário.
|
|
46
|
+
* @default ano atual − 100
|
|
47
|
+
*/
|
|
48
|
+
fromYear?: number;
|
|
49
|
+
/**
|
|
50
|
+
* Ano máximo selecionável no seletor de ano do calendário.
|
|
51
|
+
* @default ano atual + 20
|
|
52
|
+
*/
|
|
53
|
+
toYear?: number;
|
|
44
54
|
/** Formato de exibição da data selecionada (padrão `date-fns`). */
|
|
45
55
|
dateFormat?: string;
|
|
46
56
|
/** Classe CSS extra aplicada ao elemento raiz. */
|
|
@@ -81,6 +91,9 @@ export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
|
81
91
|
* Suporta seleção de uma única data (`mode="single"`, padrão) ou de um
|
|
82
92
|
* intervalo (`mode="range"`).
|
|
83
93
|
*
|
|
94
|
+
* No cabeçalho do calendário, o mês e o ano são clicáveis: abrem grades
|
|
95
|
+
* para saltar direto ao mês/ano desejado (sem navegar mês a mês).
|
|
96
|
+
*
|
|
84
97
|
* @example
|
|
85
98
|
* ```tsx
|
|
86
99
|
* <DatePicker label="Data do voo" value={date} onValueChange={setDate} />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|