@oscarpalmer/tabela 0.10.0 → 0.11.0

package/types/managers/column.manager.d.ts

@@ -1,11 +1,10 @@
 import { ColumnComponent } from '../components/column.component';
 import type { TabelaColumnOptions } from '../models/column.model';
-import type { TabelaComponents, TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class ColumnManager {
-    managers: TabelaManagers;
-    components: TabelaComponents;
-    readonly items: ColumnComponent[];
-    constructor(managers: TabelaManagers, components: TabelaComponents, columns: TabelaColumnOptions[]);
+    state: TabelaState;
+    items: ColumnComponent[];
+    constructor(state: TabelaState);
     destroy(): void;
     remove(field: string): void;
     remove(fields: string[]): void;

package/types/managers/data.manager.d.ts

@@ -1,10 +1,8 @@
 import type { Key, PlainObject } from '@oscarpalmer/atoms/models';
 import type { DataValues } from '../models/data.model';
-import type { TabelaComponents, TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class DataManager {
-    managers: TabelaManagers;
-    components: TabelaComponents;
-    field: string;
+    state: TabelaState;
     handlers: Readonly<{
         add: (data: PlainObject[]) => undefined;
         clear: () => undefined;
@@ -13,13 +11,14 @@ export declare class DataManager {
         synchronize: (data: PlainObject[], remove: boolean | undefined) => undefined;
         update: (data: PlainObject[]) => undefined;
     }>;
-    readonly values: DataValues;
+    values: DataValues;
     get size(): number;
-    constructor(managers: TabelaManagers, components: TabelaComponents, field: string);
+    constructor(state: TabelaState);
     add(data: PlainObject[], render: boolean): Promise<void>;
     clear(): void;
     destroy(): void;
     get(active?: boolean): PlainObject[];
+    getIndex(key: Key): number;
     remove(items: Array<Key | PlainObject>, render: boolean): Promise<void>;
     render(): void;
     set(data: PlainObject[]): void;

package/types/managers/event.manager.d.ts

@@ -1,10 +1,7 @@
-import type { RemovableEventListener } from '@oscarpalmer/toretto/models';
-import type { TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class EventManager {
-    readonly managers: TabelaManagers;
-    listener: RemovableEventListener;
-    constructor(element: HTMLElement, managers: TabelaManagers);
+    state: TabelaState;
+    constructor(state: TabelaState);
     destroy(): void;
-    onClick(event: MouseEvent): void;
     onSort(event: MouseEvent, target: HTMLElement): void;
 }

package/types/managers/filter.manager.d.ts

@@ -1,7 +1,7 @@
 import type { FilterItem } from '../models/filter.model';
-import type { TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class FilterManager {
-    readonly managers: TabelaManagers;
+    state: TabelaState;
     handlers: Readonly<{
         add: (item: FilterItem) => void;
         clear: () => void;
@@ -9,7 +9,7 @@ export declare class FilterManager {
         set: (items: FilterItem[]) => void;
     }>;
     items: Record<string, FilterItem[]>;
-    constructor(managers: TabelaManagers);
+    constructor(state: TabelaState);
     add(item: FilterItem): void;
     clear(): void;
     destroy(): void;

package/types/managers/navigation.manager.d.ts

@@ -0,0 +1,10 @@
+import type { Key } from '@oscarpalmer/atoms/models';
+import type { TabelaState } from '../models/tabela.model';
+export declare class NavigationManager {
+    state: TabelaState;
+    active: Key | undefined;
+    constructor(state: TabelaState);
+    destroy(): void;
+    handle(event: KeyboardEvent): void;
+    setActive(key: Key | undefined, scroll?: boolean): void;
+}

package/types/managers/render.manager.d.ts

@@ -1,16 +1,14 @@
 import type { Key } from '@oscarpalmer/atoms/models';
 import type { RemovableEventListener } from '@oscarpalmer/toretto/models';
 import type { RenderElementPool, RenderState } from '../models/render.model';
-import type { TabelaComponents, TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class RenderManager {
-    managers: TabelaManagers;
-    components: TabelaComponents;
     fragment: DocumentFragment;
     listener: RemovableEventListener;
-    readonly pool: RenderElementPool;
-    readonly state: RenderState;
+    pool: RenderElementPool;
+    state: RenderState;
     visible: Map<number, Key>;
-    constructor(managers: TabelaManagers, components: TabelaComponents);
+    constructor(state: TabelaState);
     destroy(): void;
     removeCells(fields: string[]): void;
     getFragment(): DocumentFragment;

package/types/managers/row.manager.d.ts

@@ -1,11 +1,10 @@
 import type { Key } from '@oscarpalmer/atoms/models';
 import { RowComponent } from '../components/row.component';
-import type { TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class RowManager {
-    readonly managers: TabelaManagers;
-    readonly components: Map<Key, RowComponent>;
-    readonly height: number;
-    constructor(managers: TabelaManagers, rowHeight: number);
+    state: TabelaState;
+    components: Map<Key, RowComponent>;
+    constructor(state: TabelaState);
     destroy(): void;
     get(key: Key): RowComponent | undefined;
     has(key: Key): boolean;

package/types/managers/selection.manager.d.ts

@@ -1,12 +1,11 @@
 import type { Key } from '@oscarpalmer/atoms/models';
-import type { TabelaManagers, TabelaSelection } from '../models/tabela.model';
+import type { TabelaSelection, TabelaState } from '../models/tabela.model';
 export declare class SelectionManager {
-    element: HTMLElement;
-    readonly managers: TabelaManagers;
+    state: TabelaState;
     handlers: Readonly<TabelaSelection>;
     items: Set<Key>;
     last: Key | undefined;
-    constructor(element: HTMLElement, managers: TabelaManagers);
+    constructor(state: TabelaState);
     clear(): void;
     deselect(keys: Key[]): void;
     destroy(): void;

package/types/managers/sort.manager.d.ts

@@ -1,9 +1,9 @@
 import { type ArrayKeySorter } from '@oscarpalmer/atoms/array';
 import type { PlainObject } from '@oscarpalmer/atoms/models';
 import type { SortDirection, SortItem } from '../models/sort.model';
-import type { TabelaManagers } from '../models/tabela.model';
+import type { TabelaState } from '../models/tabela.model';
 export declare class SortManager {
-    readonly managers: TabelaManagers;
+    state: TabelaState;
     handlers: Readonly<{
         add: (field: string, direction: SortDirection | undefined) => void;
         flip: (field: string) => void;
@@ -11,8 +11,8 @@ export declare class SortManager {
         remove: (field: string) => void;
         set: (items: SortItem[]) => void;
     }>;
-    readonly items: ArrayKeySorter<PlainObject>[];
-    constructor(managers: TabelaManagers);
+    items: ArrayKeySorter<PlainObject>[];
+    constructor(state: TabelaState);
     add(field: string, direction?: SortDirection): void;
     addOrSet(event: MouseEvent, field: string): void;
     clear(): void;

package/types/models/render.model.d.ts

@@ -1,3 +1,4 @@
+import type { TabelaState } from './tabela.model';
 export type RenderElementPool = {
     cells: Record<string, HTMLDivElement[]>;
     rows: HTMLDivElement[];
@@ -9,4 +10,4 @@ export type RenderRange = {
 export type RenderState = {
     active: boolean;
     top: number;
-};
+} & TabelaState;

package/types/models/tabela.model.d.ts

@@ -6,12 +6,14 @@ import type { ColumnManager } from '../managers/column.manager';
 import type { DataManager } from '../managers/data.manager';
 import type { EventManager } from '../managers/event.manager';
 import type { FilterManager } from '../managers/filter.manager';
+import type { NavigationManager } from '../managers/navigation.manager';
 import type { RenderManager } from '../managers/render.manager';
 import type { RowManager } from '../managers/row.manager';
 import type { SelectionManager } from '../managers/selection.manager';
 import type { SortManager } from '../managers/sort.manager';
 import type { FilterItem } from './filter.model';
 import type { SortDirection, SortItem } from './sort.model';
+import type { TabelaOptions } from './tabela.options';
 export type TabelaComponents = {
     body: BodyComponent;
     footer: FooterComponent;
@@ -38,6 +40,7 @@ export type TabelaManagers = {
     data: DataManager;
     event: EventManager;
     filter: FilterManager;
+    navigation: NavigationManager;
     row: RowManager;
     selection: SelectionManager;
     sort: SortManager;
@@ -56,3 +59,11 @@ export type TabelaSort = {
     remove(field: string): void;
     set(items: SortItem[]): void;
 };
+export type TabelaState = {
+    readonly components: TabelaComponents;
+    readonly element: HTMLElement;
+    readonly id: number;
+    readonly key: string;
+    readonly managers: TabelaManagers;
+    readonly options: TabelaOptions;
+};