@oscarpalmer/tabela 0.11.0 → 0.13.0

package/dist/tabela.js

@@ -1,102 +0,0 @@
-import { BodyComponent } from "./components/body.component.js";
-import { FooterComponent } from "./components/footer.component.js";
-import { HeaderComponent } from "./components/header.component.js";
-import { ColumnManager } from "./managers/column.manager.js";
-import { DataManager } from "./managers/data.manager.js";
-import { EventManager } from "./managers/event.manager.js";
-import { FilterManager } from "./managers/filter.manager.js";
-import { NavigationManager } from "./managers/navigation.manager.js";
-import { RenderManager } from "./managers/render.manager.js";
-import { RowManager } from "./managers/row.manager.js";
-import { SelectionManager } from "./managers/selection.manager.js";
-import { SortManager } from "./managers/sort.manager.js";
-var Tabela = class {
-	#components = {
-		header: void 0,
-		body: void 0,
-		footer: void 0
-	};
-	#element;
-	#id = getId();
-	#key;
-	#managers = {
-		column: void 0,
-		data: void 0,
-		event: void 0,
-		filter: void 0,
-		navigation: void 0,
-		render: void 0,
-		row: void 0,
-		selection: void 0,
-		sort: void 0
-	};
-	data;
-	filter;
-	selection;
-	sort;
-	get key() {
-		return this.#key;
-	}
-	constructor(element, options) {
-		this.#element = element;
-		element.innerHTML = "";
-		element.role = "table";
-		element.classList.add("tabela");
-		element.setAttribute("aria-label", options.label);
-		this.#key = options.key;
-		this.#components.header = new HeaderComponent();
-		this.#components.body = new BodyComponent();
-		this.#components.footer = new FooterComponent();
-		const state = {
-			element,
-			options,
-			components: this.#components,
-			id: this.#id,
-			key: this.#key,
-			managers: this.#managers
-		};
-		this.#managers.column = new ColumnManager(state);
-		this.#managers.data = new DataManager(state);
-		this.#managers.event = new EventManager(state);
-		this.#managers.filter = new FilterManager(state);
-		this.#managers.navigation = new NavigationManager(state);
-		this.#managers.render = new RenderManager(state);
-		this.#managers.row = new RowManager(state);
-		this.#managers.selection = new SelectionManager(state);
-		this.#managers.sort = new SortManager(state);
-		element.append(this.#components.header.elements.group, this.#components.body.elements.group, this.#components.footer.elements.group);
-		this.#managers.data.set(options.data);
-		this.data = this.#managers.data.handlers;
-		this.filter = this.#managers.filter.handlers;
-		this.selection = this.#managers.selection.handlers;
-		this.sort = this.#managers.sort.handlers;
-	}
-	destroy() {
-		const components = this.#components;
-		const managers = this.#managers;
-		const element = this.#element;
-		components.body.destroy();
-		components.footer.destroy();
-		components.header.destroy();
-		managers.column.destroy();
-		managers.data.destroy();
-		managers.event.destroy();
-		managers.filter.destroy();
-		managers.render.destroy();
-		managers.row.destroy();
-		managers.selection.destroy();
-		managers.sort.destroy();
-		element.innerHTML = "";
-		element.role = "";
-		element.classList.remove("tabela");
-		element.removeAttribute("aria-label");
-		element.removeAttribute("role");
-		this.#element = void 0;
-	}
-};
-function getId() {
-	id += 1;
-	return id;
-}
-var id = 0;
-export { Tabela };

package/types/components/body.component.d.ts

@@ -1,6 +0,0 @@
-import type { BodyElements } from '../models/body.model';
-export declare class BodyComponent {
-    readonly elements: BodyElements;
-    constructor();
-    destroy(): void;
-}

package/types/components/column.component.d.ts

@@ -1,13 +0,0 @@
-import type { TabelaColumn, TabelaColumnOptions } from '../models/column.model';
-export declare class ColumnComponent {
-    elements: ColumnElements;
-    options: TabelaColumn;
-    constructor(options: TabelaColumnOptions);
-    destroy(): void;
-}
-type ColumnElements = {
-    content: HTMLDivElement;
-    sorter: HTMLDivElement;
-    wrapper: HTMLDivElement;
-};
-export {};

package/types/components/footer.component.d.ts

@@ -1,8 +0,0 @@
-import type { FooterElements } from '../models/footer.model';
-import type { ColumnComponent } from './column.component';
-export declare class FooterComponent {
-    readonly elements: FooterElements;
-    constructor();
-    destroy(): void;
-    update(columns: ColumnComponent[]): void;
-}

package/types/components/header.component.d.ts

@@ -1,8 +0,0 @@
-import type { HeaderElements } from '../models/header.model';
-import type { ColumnComponent } from './column.component';
-export declare class HeaderComponent {
-    readonly elements: HeaderElements;
-    constructor();
-    destroy(): void;
-    update(columns: ColumnComponent[]): void;
-}

package/types/components/row.component.d.ts

@@ -1,11 +0,0 @@
-import type { Key } from '@oscarpalmer/atoms/models';
-import type { RenderElementPool } from '../models/render.model';
-import type { TabelaState } from '../models/tabela.model';
-export declare function removeRow(pool: RenderElementPool, row: RowComponent): void;
-export declare function renderRow(state: TabelaState, row: RowComponent): void;
-export declare class RowComponent {
-    readonly key: Key;
-    cells: Record<string, HTMLDivElement>;
-    element: HTMLDivElement | undefined;
-    constructor(key: Key);
-}

package/types/helpers/dom.helpers.d.ts

@@ -1,10 +0,0 @@
-type RowGroupWithRow = {
-    group: HTMLDivElement;
-    row: HTMLDivElement;
-};
-export declare function createCell(width: number, body?: boolean): HTMLDivElement;
-export declare function createElement<TagName extends keyof HTMLElementTagNameMap>(tagName: TagName, properties: Partial<HTMLElementTagNameMap[TagName]>, attributes: Record<string, string>, style: Partial<CSSStyleDeclaration>): HTMLElementTagNameMap[TagName];
-export declare function createRowGroup(): RowGroupWithRow;
-export declare function createRowGroup(withRow: boolean): HTMLDivElement;
-export declare function createRow(): HTMLDivElement;
-export {};

package/types/helpers/misc.helpers.d.ts

@@ -1,2 +0,0 @@
-import type { Key } from '@oscarpalmer/atoms/models';
-export declare function getKey(value: unknown): Key | undefined;

package/types/helpers/style.helper.d.ts

@@ -1 +0,0 @@
-export declare const dragStyling: import("@oscarpalmer/toretto").StyleToggler;

package/types/index.d.ts

@@ -1,4 +0,0 @@
-import type { TabelaOptions } from './models/tabela.options';
-import { Tabela } from './tabela';
-export declare function tabela(element: HTMLElement, options: TabelaOptions): Tabela;
-export type { Tabela, TabelaOptions };

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

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

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

@@ -1,27 +0,0 @@
-import type { Key, PlainObject } from '@oscarpalmer/atoms/models';
-import type { DataValues } from '../models/data.model';
-import type { TabelaState } from '../models/tabela.model';
-export declare class DataManager {
-    state: TabelaState;
-    handlers: Readonly<{
-        add: (data: PlainObject[]) => undefined;
-        clear: () => undefined;
-        get: (active: boolean | undefined) => PlainObject[];
-        remove: (items: PlainObject[] | Key[]) => undefined;
-        synchronize: (data: PlainObject[], remove: boolean | undefined) => undefined;
-        update: (data: PlainObject[]) => undefined;
-    }>;
-    values: DataValues;
-    get size(): number;
-    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;
-    synchronize(data: PlainObject[], remove?: boolean): Promise<void>;
-    update(data: PlainObject[]): Promise<void>;
-}

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

@@ -1,7 +0,0 @@
-import type { TabelaState } from '../models/tabela.model';
-export declare class EventManager {
-    state: TabelaState;
-    constructor(state: TabelaState);
-    destroy(): void;
-    onSort(event: MouseEvent, target: HTMLElement): void;
-}

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

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

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

@@ -1,10 +0,0 @@
-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 +0,0 @@
-import type { Key } from '@oscarpalmer/atoms/models';
-import type { RemovableEventListener } from '@oscarpalmer/toretto/models';
-import type { RenderElementPool, RenderState } from '../models/render.model';
-import type { TabelaState } from '../models/tabela.model';
-export declare class RenderManager {
-    fragment: DocumentFragment;
-    listener: RemovableEventListener;
-    pool: RenderElementPool;
-    state: RenderState;
-    visible: Map<number, Key>;
-    constructor(state: TabelaState);
-    destroy(): void;
-    removeCells(fields: string[]): void;
-    getFragment(): DocumentFragment;
-    update(down: boolean, rerender?: boolean): void;
-}

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

@@ -1,13 +0,0 @@
-import type { Key } from '@oscarpalmer/atoms/models';
-import { RowComponent } from '../components/row.component';
-import type { TabelaState } from '../models/tabela.model';
-export declare class RowManager {
-    state: TabelaState;
-    components: Map<Key, RowComponent>;
-    constructor(state: TabelaState);
-    destroy(): void;
-    get(key: Key): RowComponent | undefined;
-    has(key: Key): boolean;
-    remove(key: Key): void;
-    update(key: Key): void;
-}

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

@@ -1,18 +0,0 @@
-import type { Key } from '@oscarpalmer/atoms/models';
-import type { TabelaSelection, TabelaState } from '../models/tabela.model';
-export declare class SelectionManager {
-    state: TabelaState;
-    handlers: Readonly<TabelaSelection>;
-    items: Set<Key>;
-    last: Key | undefined;
-    constructor(state: TabelaState);
-    clear(): void;
-    deselect(keys: Key[]): void;
-    destroy(): void;
-    handle(event: MouseEvent, target: HTMLElement): void;
-    range(from: Key | HTMLElement, to: Key | HTMLElement): void;
-    select(keys: Key[]): void;
-    set(keys: Key[]): void;
-    toggle(): void;
-    update(removed: Key[]): void;
-}

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

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

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

@@ -1,4 +0,0 @@
-export type BodyElements = {
-    faker: HTMLDivElement;
-    group: HTMLDivElement;
-};

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

@@ -1,13 +0,0 @@
-export type TabelaColumn = {
-    field: string;
-    title: string;
-    type: TabelaColumnType;
-    width: number;
-};
-export type TabelaColumnOptions = {
-    field: string;
-    title: string;
-    type: TabelaColumnType;
-    width?: number;
-};
-export type TabelaColumnType = 'boolean' | 'date' | 'date-time' | 'number' | 'string' | 'time';

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

@@ -1,14 +0,0 @@
-import type { Key, PlainObject } from '@oscarpalmer/atoms/models';
-export type DataValues = {
-    keys: DataValuesKeys;
-    objects: DataValuesObjects;
-};
-type DataValuesKeys = {
-    active?: Key[];
-    original: Key[];
-};
-type DataValuesObjects = {
-    array: PlainObject[];
-    mapped: Map<Key, PlainObject>;
-};
-export {};

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

@@ -1,6 +0,0 @@
-export type FilterComparison = 'contains' | 'ends-with' | 'equals' | 'greater-than' | 'greater-than-or-equal' | 'less-than' | 'less-than-or-equal' | 'not-contains' | 'not-equals' | 'starts-with';
-export type FilterItem = {
-    comparison: FilterComparison;
-    field: string;
-    value: unknown;
-};

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

@@ -1,5 +0,0 @@
-export type FooterElements = {
-    cells: HTMLDivElement[];
-    group: HTMLDivElement;
-    row: HTMLDivElement;
-};

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

@@ -1,4 +0,0 @@
-export type HeaderElements = {
-    group: HTMLDivElement;
-    row: HTMLDivElement;
-};

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

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

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

@@ -1,5 +0,0 @@
-export type SortDirection = 'ascending' | 'descending';
-export type SortItem = {
-    direction: SortDirection;
-    field: string;
-};

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

@@ -1,69 +0,0 @@
-import type { Key, PlainObject } from '@oscarpalmer/atoms/models';
-import type { BodyComponent } from '../components/body.component';
-import type { FooterComponent } from '../components/footer.component';
-import type { HeaderComponent } from '../components/header.component';
-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;
-    header: HeaderComponent;
-};
-export type TabelaData = {
-    add(data: PlainObject[]): void;
-    clear(): void;
-    get(active?: boolean): PlainObject[];
-    remove(keys: Key[]): void;
-    remove(data: PlainObject[]): void;
-    synchronize(data: PlainObject[], remove?: boolean): void;
-    update(data: PlainObject[]): void;
-};
-export type TabelaFilter = {
-    add(item: FilterItem): void;
-    clear(): void;
-    remove(field: string): void;
-    remove(item: FilterItem): void;
-    set(items: FilterItem[]): void;
-};
-export type TabelaManagers = {
-    column: ColumnManager;
-    data: DataManager;
-    event: EventManager;
-    filter: FilterManager;
-    navigation: NavigationManager;
-    row: RowManager;
-    selection: SelectionManager;
-    sort: SortManager;
-    render: RenderManager;
-};
-export type TabelaSelection = {
-    clear(): void;
-    deselect(keys: Key[]): void;
-    select(keys: Key[]): void;
-    toggle(): void;
-};
-export type TabelaSort = {
-    add(field: string, direction?: SortDirection): void;
-    clear(): void;
-    flip(field: string): void;
-    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;
-};

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

@@ -1,9 +0,0 @@
-import type { PlainObject } from '@oscarpalmer/atoms/models';
-import type { TabelaColumnOptions } from './column.model';
-export type TabelaOptions = {
-    columns: TabelaColumnOptions[];
-    data: PlainObject[];
-    key: string;
-    label: string;
-    rowHeight: number;
-};

package/types/tabela.d.ts

@@ -1,12 +0,0 @@
-import type { TabelaData, TabelaFilter, TabelaSelection, TabelaSort } from './models/tabela.model';
-import type { TabelaOptions } from './models/tabela.options';
-export declare class Tabela {
-    #private;
-    readonly data: TabelaData;
-    readonly filter: TabelaFilter;
-    readonly selection: TabelaSelection;
-    readonly sort: TabelaSort;
-    get key(): string;
-    constructor(element: HTMLElement, options: TabelaOptions);
-    destroy(): void;
-}