@oscarpalmer/tabela 0.1.0 → 0.3.0

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

@@ -0,0 +1,86 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+declare class VirtualizationManager {
+	private readonly body;
+	private active;
+	private top;
+	private readonly visible;
+	constructor(body: BodyComponent);
+	update(down: boolean): void;
+	private onScroll;
+}
+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";
+export declare class ColumnComponent {
+	readonly tabela: Tabela;
+	readonly element: HTMLDivElement;
+	readonly options: TabelaColumn;
+	constructor(tabela: Tabela, options: TabelaColumnOptions);
+}
+declare class CellComponent {
+	readonly tabela: Tabela;
+	readonly column: ColumnComponent;
+	readonly row: RowComponent;
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, column: ColumnComponent, row: RowComponent);
+}
+declare class RowComponent {
+	readonly tabela: Tabela;
+	readonly data: PlainObject;
+	readonly cells: CellComponent[];
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, data: PlainObject);
+	render(): void;
+}
+declare class BodyComponent {
+	readonly tabela: Tabela;
+	readonly faker: HTMLDivElement;
+	readonly group: HTMLDivElement;
+	readonly rows: RowComponent[];
+	readonly virtualization: VirtualizationManager;
+	constructor(tabela: Tabela);
+	addData(data: PlainObject[]): Promise<void>;
+	private updateVirtualization;
+}
+declare class FooterComponent {
+	readonly tabela: Tabela;
+	readonly cells: HTMLDivElement[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+declare class HeaderComponent {
+	readonly tabela: Tabela;
+	readonly columns: ColumnComponent[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+declare class Tabela {
+	readonly element: HTMLElement;
+	readonly options: TabelaOptions;
+	readonly body: BodyComponent;
+	readonly footer: FooterComponent;
+	readonly header: HeaderComponent;
+	constructor(element: HTMLElement, options: TabelaOptions);
+}
+
+export {};

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

@@ -0,0 +1,8 @@
+import type { TabelaColumn, TabelaColumnOptions } from '../models/column.model';
+import type { Tabela } from '../tabela';
+export declare class ColumnComponent {
+    readonly tabela: Tabela;
+    readonly element: HTMLDivElement;
+    readonly options: TabelaColumn;
+    constructor(tabela: Tabela, options: TabelaColumnOptions);
+}

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

@@ -0,0 +1,86 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+declare class VirtualizationManager {
+	private readonly body;
+	private active;
+	private top;
+	private readonly visible;
+	constructor(body: BodyComponent);
+	update(down: boolean): void;
+	private onScroll;
+}
+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";
+declare class ColumnComponent {
+	readonly tabela: Tabela;
+	readonly element: HTMLDivElement;
+	readonly options: TabelaColumn;
+	constructor(tabela: Tabela, options: TabelaColumnOptions);
+}
+declare class CellComponent {
+	readonly tabela: Tabela;
+	readonly column: ColumnComponent;
+	readonly row: RowComponent;
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, column: ColumnComponent, row: RowComponent);
+}
+declare class RowComponent {
+	readonly tabela: Tabela;
+	readonly data: PlainObject;
+	readonly cells: CellComponent[];
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, data: PlainObject);
+	render(): void;
+}
+declare class BodyComponent {
+	readonly tabela: Tabela;
+	readonly faker: HTMLDivElement;
+	readonly group: HTMLDivElement;
+	readonly rows: RowComponent[];
+	readonly virtualization: VirtualizationManager;
+	constructor(tabela: Tabela);
+	addData(data: PlainObject[]): Promise<void>;
+	private updateVirtualization;
+}
+export declare class FooterComponent {
+	readonly tabela: Tabela;
+	readonly cells: HTMLDivElement[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+declare class HeaderComponent {
+	readonly tabela: Tabela;
+	readonly columns: ColumnComponent[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+declare class Tabela {
+	readonly element: HTMLElement;
+	readonly options: TabelaOptions;
+	readonly body: BodyComponent;
+	readonly footer: FooterComponent;
+	readonly header: HeaderComponent;
+	constructor(element: HTMLElement, options: TabelaOptions);
+}
+
+export {};

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

@@ -0,0 +1,8 @@
+import type { Tabela } from '../tabela';
+export declare class FooterComponent {
+    readonly tabela: Tabela;
+    readonly cells: HTMLDivElement[];
+    readonly group: HTMLDivElement;
+    readonly row: HTMLDivElement;
+    constructor(tabela: Tabela);
+}

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

@@ -0,0 +1,86 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+declare class VirtualizationManager {
+	private readonly body;
+	private active;
+	private top;
+	private readonly visible;
+	constructor(body: BodyComponent);
+	update(down: boolean): void;
+	private onScroll;
+}
+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";
+declare class ColumnComponent {
+	readonly tabela: Tabela;
+	readonly element: HTMLDivElement;
+	readonly options: TabelaColumn;
+	constructor(tabela: Tabela, options: TabelaColumnOptions);
+}
+declare class CellComponent {
+	readonly tabela: Tabela;
+	readonly column: ColumnComponent;
+	readonly row: RowComponent;
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, column: ColumnComponent, row: RowComponent);
+}
+declare class RowComponent {
+	readonly tabela: Tabela;
+	readonly data: PlainObject;
+	readonly cells: CellComponent[];
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, data: PlainObject);
+	render(): void;
+}
+declare class BodyComponent {
+	readonly tabela: Tabela;
+	readonly faker: HTMLDivElement;
+	readonly group: HTMLDivElement;
+	readonly rows: RowComponent[];
+	readonly virtualization: VirtualizationManager;
+	constructor(tabela: Tabela);
+	addData(data: PlainObject[]): Promise<void>;
+	private updateVirtualization;
+}
+declare class FooterComponent {
+	readonly tabela: Tabela;
+	readonly cells: HTMLDivElement[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export declare class HeaderComponent {
+	readonly tabela: Tabela;
+	readonly columns: ColumnComponent[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+declare class Tabela {
+	readonly element: HTMLElement;
+	readonly options: TabelaOptions;
+	readonly body: BodyComponent;
+	readonly footer: FooterComponent;
+	readonly header: HeaderComponent;
+	constructor(element: HTMLElement, options: TabelaOptions);
+}
+
+export {};

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

@@ -0,0 +1,9 @@
+import type { Tabela } from '../tabela';
+import { ColumnComponent } from './column.component';
+export declare class HeaderComponent {
+    readonly tabela: Tabela;
+    readonly columns: ColumnComponent[];
+    readonly group: HTMLDivElement;
+    readonly row: HTMLDivElement;
+    constructor(tabela: Tabela);
+}

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

@@ -0,0 +1,86 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+declare class VirtualizationManager {
+	private readonly body;
+	private active;
+	private top;
+	private readonly visible;
+	constructor(body: BodyComponent);
+	update(down: boolean): void;
+	private onScroll;
+}
+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";
+declare class ColumnComponent {
+	readonly tabela: Tabela;
+	readonly element: HTMLDivElement;
+	readonly options: TabelaColumn;
+	constructor(tabela: Tabela, options: TabelaColumnOptions);
+}
+declare class CellComponent {
+	readonly tabela: Tabela;
+	readonly column: ColumnComponent;
+	readonly row: RowComponent;
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, column: ColumnComponent, row: RowComponent);
+}
+export declare class RowComponent {
+	readonly tabela: Tabela;
+	readonly data: PlainObject;
+	readonly cells: CellComponent[];
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, data: PlainObject);
+	render(): void;
+}
+declare class BodyComponent {
+	readonly tabela: Tabela;
+	readonly faker: HTMLDivElement;
+	readonly group: HTMLDivElement;
+	readonly rows: RowComponent[];
+	readonly virtualization: VirtualizationManager;
+	constructor(tabela: Tabela);
+	addData(data: PlainObject[]): Promise<void>;
+	private updateVirtualization;
+}
+declare class FooterComponent {
+	readonly tabela: Tabela;
+	readonly cells: HTMLDivElement[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+declare class HeaderComponent {
+	readonly tabela: Tabela;
+	readonly columns: ColumnComponent[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+declare class Tabela {
+	readonly element: HTMLElement;
+	readonly options: TabelaOptions;
+	readonly body: BodyComponent;
+	readonly footer: FooterComponent;
+	readonly header: HeaderComponent;
+	constructor(element: HTMLElement, options: TabelaOptions);
+}
+
+export {};

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

@@ -0,0 +1,11 @@
+import type { PlainObject } from '@oscarpalmer/atoms/models';
+import type { Tabela } from '../tabela';
+import { CellComponent } from './cell.component';
+export declare class RowComponent {
+    readonly tabela: Tabela;
+    readonly data: PlainObject;
+    readonly cells: CellComponent[];
+    readonly element: HTMLDivElement;
+    constructor(tabela: Tabela, data: PlainObject);
+    render(): void;
+}

package/types/helpers/dom.helpers.d.cts

@@ -0,0 +1,12 @@
+// Generated by dts-bundle-generator v9.5.1
+
+export type RowGroupWithRow = {
+	group: HTMLDivElement;
+	row: HTMLDivElement;
+};
+export declare function createCell(width: number): HTMLDivElement;
+export declare function createRowGroup(): RowGroupWithRow;
+export declare function createRowGroup(withRow: boolean): HTMLDivElement;
+export declare function createRow(): HTMLDivElement;
+
+export {};

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

@@ -0,0 +1,9 @@
+type RowGroupWithRow = {
+    group: HTMLDivElement;
+    row: HTMLDivElement;
+};
+export declare function createCell(width: number): HTMLDivElement;
+export declare function createRowGroup(): RowGroupWithRow;
+export declare function createRowGroup(withRow: boolean): HTMLDivElement;
+export declare function createRow(): HTMLDivElement;
+export {};

package/types/index.d.cts

@@ -1,3 +1,87 @@
 // Generated by dts-bundle-generator v9.5.1
 
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+declare class VirtualizationManager {
+	private readonly body;
+	private active;
+	private top;
+	private readonly visible;
+	constructor(body: BodyComponent);
+	update(down: boolean): void;
+	private onScroll;
+}
+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";
+declare class ColumnComponent {
+	readonly tabela: Tabela;
+	readonly element: HTMLDivElement;
+	readonly options: TabelaColumn;
+	constructor(tabela: Tabela, options: TabelaColumnOptions);
+}
+declare class CellComponent {
+	readonly tabela: Tabela;
+	readonly column: ColumnComponent;
+	readonly row: RowComponent;
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, column: ColumnComponent, row: RowComponent);
+}
+declare class RowComponent {
+	readonly tabela: Tabela;
+	readonly data: PlainObject;
+	readonly cells: CellComponent[];
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, data: PlainObject);
+	render(): void;
+}
+declare class BodyComponent {
+	readonly tabela: Tabela;
+	readonly faker: HTMLDivElement;
+	readonly group: HTMLDivElement;
+	readonly rows: RowComponent[];
+	readonly virtualization: VirtualizationManager;
+	constructor(tabela: Tabela);
+	addData(data: PlainObject[]): Promise<void>;
+	private updateVirtualization;
+}
+declare class FooterComponent {
+	readonly tabela: Tabela;
+	readonly cells: HTMLDivElement[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+declare class HeaderComponent {
+	readonly tabela: Tabela;
+	readonly columns: ColumnComponent[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+export declare class Tabela {
+	readonly element: HTMLElement;
+	readonly options: TabelaOptions;
+	readonly body: BodyComponent;
+	readonly footer: FooterComponent;
+	readonly header: HeaderComponent;
+	constructor(element: HTMLElement, options: TabelaOptions);
+}
+export declare function tabela(element: HTMLElement, options: TabelaOptions): Tabela;
+
 export {};

package/types/index.d.ts

@@ -1 +1 @@
-export {};
+export * from './tabela';

package/types/managers/virtualization.manager.d.cts

@@ -0,0 +1,86 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+export declare class VirtualizationManager {
+	private readonly body;
+	private active;
+	private top;
+	private readonly visible;
+	constructor(body: BodyComponent);
+	update(down: boolean): void;
+	private onScroll;
+}
+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";
+declare class ColumnComponent {
+	readonly tabela: Tabela;
+	readonly element: HTMLDivElement;
+	readonly options: TabelaColumn;
+	constructor(tabela: Tabela, options: TabelaColumnOptions);
+}
+declare class CellComponent {
+	readonly tabela: Tabela;
+	readonly column: ColumnComponent;
+	readonly row: RowComponent;
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, column: ColumnComponent, row: RowComponent);
+}
+declare class RowComponent {
+	readonly tabela: Tabela;
+	readonly data: PlainObject;
+	readonly cells: CellComponent[];
+	readonly element: HTMLDivElement;
+	constructor(tabela: Tabela, data: PlainObject);
+	render(): void;
+}
+declare class BodyComponent {
+	readonly tabela: Tabela;
+	readonly faker: HTMLDivElement;
+	readonly group: HTMLDivElement;
+	readonly rows: RowComponent[];
+	readonly virtualization: VirtualizationManager;
+	constructor(tabela: Tabela);
+	addData(data: PlainObject[]): Promise<void>;
+	private updateVirtualization;
+}
+declare class FooterComponent {
+	readonly tabela: Tabela;
+	readonly cells: HTMLDivElement[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+declare class HeaderComponent {
+	readonly tabela: Tabela;
+	readonly columns: ColumnComponent[];
+	readonly group: HTMLDivElement;
+	readonly row: HTMLDivElement;
+	constructor(tabela: Tabela);
+}
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+declare class Tabela {
+	readonly element: HTMLElement;
+	readonly options: TabelaOptions;
+	readonly body: BodyComponent;
+	readonly footer: FooterComponent;
+	readonly header: HeaderComponent;
+	constructor(element: HTMLElement, options: TabelaOptions);
+}
+
+export {};

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

@@ -0,0 +1,10 @@
+import type { BodyComponent } from '../components/body.component';
+export declare class VirtualizationManager {
+    private readonly body;
+    private active;
+    private top;
+    private readonly visible;
+    constructor(body: BodyComponent);
+    update(down: boolean): void;
+    private onScroll;
+}

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

@@ -0,0 +1,17 @@
+// Generated by dts-bundle-generator v9.5.1
+
+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";
+
+export {};

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

@@ -0,0 +1,13 @@
+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/tabela.options.d.cts

@@ -0,0 +1,18 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { PlainObject } from '@oscarpalmer/atoms/models';
+
+export type TabelaColumnOptions = {
+	field: string;
+	title: string;
+	type: TabelaColumnType;
+	width?: number;
+};
+export type TabelaColumnType = "boolean" | "date" | "date-time" | "number" | "string" | "time";
+export type TabelaOptions = {
+	columns: TabelaColumnOptions[];
+	data: PlainObject[];
+	label: string;
+};
+
+export {};

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

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