slick-table 0.0.12 → 0.0.14

package/src/shared/lib/slickgrid/model/SlickTable/printer/DefaultPrinter.ts

@@ -1,180 +0,0 @@
-import moment from "moment";
-import { SlickDataView, SlickGrid } from "slickgrid";
-
-import { removeHtml } from "shared/lib/strings";
-
-import { getDisplayedRows } from "../../../lib";
-import { IColumn, ISlickRow } from "../../types";
-import { SlickTable } from "../table";
-import { Printer, cssStyles } from "./model";
-
-export class DefaultPrinter implements Printer {
-	clientId = 0;
-	clientName = "";
-	cssStyles = cssStyles;
-
-	getClientName(): HTMLTableRowElement {
-		const result = document.createElement("tr");
-
-		const name = document.createElement("th");
-		name.classList.add("align_left");
-		name.setAttribute("colspan", "100%");
-		name.innerText = `${this.clientName} [${this.clientId}]`;
-		result.append(name);
-
-		return result;
-	}
-	columnNames(table: SlickTable): HTMLTableRowElement {
-		const result = document.createElement("tr");
-
-		const grid = table.grid;
-		const columns: IColumn[] = grid?.getColumns() || [];
-		const columnsFiltered = columns.filter((el) => el.forPrint);
-
-		columnsFiltered.forEach(({ name }) => {
-			const th = document.createElement("th");
-			th.classList.add("column_name");
-			if (typeof name === "string") {
-				th.innerText = name;
-			} else {
-				th.innerText = " ";
-			}
-			result.append(th);
-		});
-		return result;
-	}
-	tableNameAndTime(table: SlickTable): HTMLTableRowElement {
-		const result = document.createElement("tr");
-		result.classList.add("heading");
-
-		const tableName = document.createElement("th");
-		tableName.setAttribute("colspan", "2");
-		tableName.classList.add("table_name");
-		tableName.innerText = table.name || table.id;
-		result.append(tableName);
-
-		const dateStamp = document.createElement("th");
-		dateStamp.setAttribute("colspan", "100%");
-		dateStamp.classList.add("date_stamp");
-		dateStamp.innerText = moment().format("MM/DD/YYYY h:mm A");
-		result.append(dateStamp);
-
-		return result;
-	}
-	createStyleElement(): HTMLStyleElement {
-		const result = document.createElement("style");
-		result.innerHTML = this.cssStyles;
-		return result;
-	}
-	createTableElement(table: SlickTable): HTMLTableElement {
-		const result = document.createElement("table");
-		result.append(this.createThead(table));
-		result.append(this.createTbody(table));
-		return result;
-	}
-	createTbody(table: SlickTable): HTMLTableSectionElement {
-		const result = document.createElement("tbody");
-
-		const grid = table.grid;
-		if (!grid) return result;
-
-		const columns: IColumn[] = grid.getColumns();
-		const columnsFiltered = columns.filter((el) => el.forPrint);
-		const dataView: SlickDataView = grid.getData();
-		const displayedRows = getDisplayedRows(dataView);
-		displayedRows.forEach((_row, rowIndex) => {
-			const tr = this.createTr(columnsFiltered, rowIndex, grid);
-			result.append(tr);
-		});
-
-		result.append(...this.totals(table));
-
-		return result;
-	}
-	filters(table: SlickTable): HTMLTableRowElement[] {
-		const result: HTMLTableRowElement[] = [];
-		if (table.filter) {
-			const appliedFilters = table.filter.print(table);
-			if (appliedFilters.length) {
-				const tr = document.createElement("tr");
-				const th = document.createElement("th");
-				th.setAttribute("colspan", "100%");
-				th.classList.add("align_left");
-				th.innerText = "Applied filters";
-				tr.append(th);
-				result.push(tr);
-			}
-			appliedFilters.forEach((filter) => {
-				result.push(filter);
-			});
-		}
-		return result;
-	}
-	/** for tables with total calculations */
-	totals(_table: SlickTable): HTMLTableRowElement[] {
-		return [];
-	}
-	createThead(table: SlickTable): HTMLTableSectionElement {
-		const result = document.createElement("thead");
-		result.append(this.getClientName());
-		result.append(this.tableNameAndTime(table));
-		result.append(...this.filters(table));
-		result.append(this.columnNames(table));
-		return result;
-	}
-	createTr(
-		columns: IColumn[],
-		rowIndex: number,
-		grid: SlickGrid,
-	): HTMLTableRowElement {
-		const result = document.createElement("tr");
-		const dataView: SlickDataView<ISlickRow> = grid.getData();
-		const row = dataView.getItem(rowIndex);
-		const isGroupTitle = row.__group;
-		const isGroupTotal = row.__groupTotals;
-		if (isGroupTitle) {
-			const td = document.createElement("td");
-			td.setAttribute("colspan", "100%");
-			td.innerText = removeHtml(row.title);
-			result.append(td);
-		} else {
-			columns.forEach((column) => {
-				const td = document.createElement("td");
-				column.cssClass && td.classList.add(column.cssClass);
-				const field = column.field;
-				const metaData = dataView.getItemMetadata(rowIndex);
-				const formatterSpecific = metaData?.columns?.[field]?.formatter;
-				const formatter =
-					column.printer || formatterSpecific || column.formatter;
-				let value = row[field];
-				if (isGroupTotal) {
-					const totalsFormatter = column.groupTotalsFormatter;
-					value = totalsFormatter ? totalsFormatter(row, column, grid) : "";
-				} else if (formatter) {
-					value = formatter(0, 0, value, column, row, grid);
-				}
-				td.innerText = value || "";
-
-				result.append(td);
-			});
-		}
-		return result;
-	}
-	print(table: SlickTable, clientId: number, clientName: string): void {
-		this.clientId = clientId;
-		this.clientName = clientName;
-		const newTab = window.open() as Window;
-
-		const title = document.createElement("title");
-		title.innerText = table.name || table.id;
-
-		const head = newTab.document.querySelector("head") as HTMLHeadElement;
-		head.append(title);
-		head.append(this.createStyleElement());
-
-		const body = newTab.document.querySelector("body") as HTMLBodyElement;
-
-		body.append(this.createTableElement(table));
-		newTab.print();
-	}
-}

package/src/shared/lib/slickgrid/model/SlickTable/printer/index.ts

@@ -1,2 +0,0 @@
-export { DefaultPrinter } from "./DefaultPrinter";
-export type { Printer } from "./model";

package/src/shared/lib/slickgrid/model/SlickTable/printer/model/Printer.ts

@@ -1,24 +0,0 @@
-import { SlickGrid } from "slickgrid";
-
-import { IColumn } from "../../../types";
-import { SlickTable } from "../../table";
-
-export interface Printer {
-	clientId: number;
-	clientName: string;
-	cssStyles: string;
-	getClientName(): HTMLTableRowElement;
-	columnNames(table: SlickTable): HTMLTableRowElement;
-	tableNameAndTime(table: SlickTable): HTMLTableRowElement;
-	createStyleElement(): HTMLStyleElement;
-	createTableElement(table: SlickTable): HTMLTableElement;
-	createTbody(table: SlickTable): HTMLTableSectionElement;
-	createThead(table: SlickTable): HTMLTableSectionElement;
-	createTr(
-		columns: IColumn[],
-		rowIndex: number,
-		grid: SlickGrid,
-	): HTMLTableRowElement;
-	print(table: SlickTable, clientId: number, clientName: string): void;
-	totals(table: SlickTable): HTMLTableRowElement[];
-}

package/src/shared/lib/slickgrid/model/SlickTable/printer/model/consts/cssStyles.ts

@@ -1,46 +0,0 @@
-export const cssStyles = `
-		html body {
-			font-family: "Courier", "sans-serif";
-			font-size: 12px;
-		}
-		body table {
-			margin: 0 auto;
-			border-collapse: collapse;
-			font-size: 12px;
-		}
-		table thead {
-			border-bottom: 2px solid gray;
-		}
-		table th,
-		table td {
-			padding: 0 10px;
-			font-weight: normal;
-		}
-		table td.text-center {
-			text-align: center;
-		}
-		table td.text-right {
-			text-align: right;
-		}
-		.heading {
-			height: 30px;
-		}
-		.heading .table_name {
-			text-align: left;
-			padding-bottom: 20px;
-		}
-		.heading .date_stamp {
-			text-align: right;
-			padding-bottom: 20px;
-		}
-		.column_name {
-			padding-top: 1em;
-			font-weight: bold;
-		}
-		.align_right {
-			text-align: right;
-		}
-		.align_left {
-			text-align: left;
-		}
-	`;

package/src/shared/lib/slickgrid/model/SlickTable/printer/model/consts/index.ts

@@ -1 +0,0 @@
-export { cssStyles } from "./cssStyles";

package/src/shared/lib/slickgrid/model/SlickTable/printer/model/index.ts

@@ -1,2 +0,0 @@
-export { cssStyles } from "./consts";
-export type { Printer } from "./Printer";

package/src/shared/lib/slickgrid/model/SlickTable/table/SlickTable.ts

@@ -1,139 +0,0 @@
-import {
-	Column,
-	GridOption,
-	OnKeyDownEventArgs,
-	SlickDataView,
-	SlickEventData,
-	SlickGrid,
-} from "slickgrid";
-
-import { elementNotVisible } from "shared/lib/dom";
-
-import { getOnKeyDownCallback } from "../../../lib";
-import { IGrouping } from "../../types";
-import { DownloadManager, IDownloadManager } from "../csvDownloadManager";
-import { IFilter, WithoutFilter } from "../filters";
-import { HotKeysBehavior, WithoutHotKeys } from "../hotKeys";
-import { DefaultPrinter, Printer } from "../printer";
-
-export class SlickTable {
-	public readonly id: string;
-	public readonly name: string;
-	public readonly hotKeysBehavior: HotKeysBehavior = new WithoutHotKeys();
-	public printer: Printer = new DefaultPrinter();
-	public filter: IFilter = new WithoutFilter();
-	public downloadManager: IDownloadManager = new DownloadManager();
-
-	private _grid: SlickGrid | null = null;
-	private _grouping: IGrouping = {};
-	private _isActive = false;
-	private _isEdited = false;
-	private readonly _observers: Observer[] = [];
-
-	constructor(args: {
-		id: string;
-		name?: string;
-		hotKeys?: HotKeysBehavior;
-		filter?: IFilter;
-		printer?: Printer;
-		downloadManager?: IDownloadManager;
-	}) {
-		const { downloadManager, filter, hotKeys, id, name, printer } = args;
-		this.id = id;
-		this.name = name || "";
-		if (hotKeys) this.hotKeysBehavior = hotKeys;
-		if (printer) this.printer = printer;
-		if (filter) this.filter = filter;
-		if (downloadManager) this.downloadManager = downloadManager;
-	}
-
-	public createGrid(
-		dataView: SlickDataView,
-		columns: Column[],
-		options: GridOption,
-	): SlickGrid {
-		this.reset();
-		const grid = new SlickGrid(`#${this.id}`, dataView, columns, options);
-		this.grid = grid;
-		grid.onKeyDown.subscribe(getOnKeyDownCallback(grid));
-		this.filter.register(grid, this.id);
-		return this.grid;
-	}
-
-	public handleKeyboardEvent(event: SlickEventData<OnKeyDownEventArgs>): void {
-		if (elementNotVisible(`#${this.id}`)) return;
-		this.hotKeysBehavior.handleKeyboardEvent(event, this);
-	}
-
-	public get grid(): SlickGrid | null {
-		return this._grid;
-	}
-	public get grouping(): IGrouping {
-		return this._grouping;
-	}
-	public get isEdited(): boolean {
-		return this._isEdited;
-	}
-
-	private set grid(grid: SlickGrid | null) {
-		this._grid = grid;
-	}
-	public set grouping(grouping: IGrouping) {
-		this._grouping = { ...this._grouping, ...grouping };
-		if (!this.grid) return;
-		const dataView = this.grid.getData<SlickDataView>();
-		if (this.grouping.isGrouped) {
-			dataView.setGrouping(this.grouping.groups || []);
-		} else {
-			dataView.setGrouping([]);
-		}
-	}
-	public set isEdited(isEdited: boolean) {
-		this._isEdited = isEdited;
-		this.notifyObservers();
-	}
-
-	public setPrinter(printer: Printer): void {
-		this.printer = printer;
-	}
-
-	public get isActive(): boolean {
-		return this._isActive;
-	}
-	public set isActive(isActive: boolean) {
-		this._isActive = isActive;
-	}
-
-	public resizeCanvas(): void {
-		console.log(""); // doesn't resize without this code line O_o
-		this.grid?.resizeCanvas();
-	}
-
-	public registerObservers(observer: Observer): void {
-		if (!~this._observers.indexOf(observer)) {
-			this._observers.push(observer);
-		}
-	}
-	public notifyObservers(): void {
-		for (const observer of this._observers) {
-			observer(this);
-		}
-	}
-	public deleteObserver(observer: Observer): void {
-		const index = this._observers.indexOf(observer);
-		this._observers.splice(index, 1);
-	}
-
-	public reset(): void {
-		this.grid?.onKeyDown.unsubscribe(getOnKeyDownCallback(this.grid));
-		if (this.grid?.getSelectionModel()) {
-			this.grid.setSelectedRows([]);
-		}
-		this.hotKeysBehavior.resetQueue();
-		this.isEdited = false;
-		this.isActive = false;
-		this.grid = null;
-	}
-}
-
-type Observer = (table: SlickTable) => void;

package/src/shared/lib/slickgrid/model/SlickTable/table/index.ts

@@ -1 +0,0 @@
-export { SlickTable } from "./SlickTable";

package/src/shared/lib/slickgrid/model/events/eventContextMenu.ts

@@ -1,11 +0,0 @@
-import { AnEvent } from "shared/lib/an-event";
-
-import { SlickTable } from "../SlickTable";
-
-class EventContextMenu extends AnEvent {
-	table?: SlickTable | undefined;
-	x = 0;
-	y = 0;
-}
-
-export const eventContextMenu = new EventContextMenu();

package/src/shared/lib/slickgrid/model/events/index.ts

@@ -1 +0,0 @@
-export { eventContextMenu } from "./eventContextMenu";

package/src/shared/lib/slickgrid/model/index.ts

@@ -1,19 +0,0 @@
-export {
-	DownloadManager,
-	DecoratorEndingDate,
-	DecoratorFilter,
-	DecoratorColumnFilter,
-	DecoratorPeriod,
-	DefaultHotKeys,
-	DefaultPrinter,
-	DeletedRowsFilter,
-	Filter,
-	PreventCopying,
-	type Printer,
-	RedoUndoOnly,
-	SlickTable,
-	WithConfirmationOfDeletion,
-	WithoutHotKeys,
-} from "./SlickTable";
-export { eventContextMenu } from "./events";
-export type { IColumn, IColumnFilterValue, ISlickRow } from "./types";

package/src/shared/lib/slickgrid/model/types/IColumn.ts

@@ -1,13 +0,0 @@
-import { Column, Formatter } from "slickgrid";
-
-import { ESortType } from "shared/model/enums";
-
-export type IColumn<TData = any> = Column<TData> & {
-	sortAs?: ESortType;
-	forPrint?: boolean;
-	selectOptions?: Record<string, string | number>;
-	optionsList?: unknown[];
-	printer?: Formatter;
-	// display in the footer either the "Total:" text or sum of values
-	totalCellContent?: "title" | "sum";
-};

package/src/shared/lib/slickgrid/model/types/IColumnFilterValue.ts

@@ -1,4 +0,0 @@
-export interface IColumnFilterValue {
-	1: string;
-	2: string;
-}

package/src/shared/lib/slickgrid/model/types/IGrouping.ts

@@ -1,12 +0,0 @@
-import { Grouping } from "slickgrid";
-
-/** @description Describes table's grouping state
- * @property  isGrouped
- * Undefined: table has no groups;
- * False: table ungrouped;
- * True: table grouped
- *  */
-export interface IGrouping {
-	isGrouped?: boolean;
-	groups?: Grouping[];
-}

package/src/shared/lib/slickgrid/model/types/ISlickRow.ts

@@ -1 +0,0 @@
-export type ISlickRow = { id: string | number } & Record<string, any>;

package/src/shared/lib/slickgrid/model/types/index.ts

@@ -1,4 +0,0 @@
-export type { IColumn } from "./IColumn";
-export type { IColumnFilterValue } from "./IColumnFilterValue";
-export type { IGrouping } from "./IGrouping";
-export type { ISlickRow } from "./ISlickRow";

package/src/shared/lib/slickgrid/ui/HeaderButtons/index.ts

@@ -1,2 +0,0 @@
-export { handleHeaderButtons, headerButtons } from "./lib";
-export { eventOpenColumnFilters, openColumnFilter } from "./model";

package/src/shared/lib/slickgrid/ui/HeaderButtons/lib/handleClick/handleHeaderButtons.ts

@@ -1,27 +0,0 @@
-import { HeaderButtonOnCommandArgs, SlickEventData } from "slickgrid";
-
-import { EColumnFiltersGroup } from "shared/model/enums";
-
-import { SlickTable } from "../../../../model";
-import { eventOpenColumnFilters } from "../../model";
-import { headerButtons } from "../highlighting";
-
-export function handleHeaderButtons(table: SlickTable) {
-	headerButtons.highlightAllColumns(table.filter.args, table.id);
-	return function (
-		event: SlickEventData<HeaderButtonOnCommandArgs>,
-		args: HeaderButtonOnCommandArgs,
-	) {
-		event.preventDefault();
-
-		eventOpenColumnFilters.columnId = args.column.id || "";
-		eventOpenColumnFilters.group =
-			args.command as unknown as EColumnFiltersGroup;
-		eventOpenColumnFilters.table = table;
-		eventOpenColumnFilters.target = event.target as HTMLElement;
-		eventOpenColumnFilters.x = event.x || 0;
-		eventOpenColumnFilters.y = event.y || 0;
-
-		eventOpenColumnFilters.notify();
-	};
-}

package/src/shared/lib/slickgrid/ui/HeaderButtons/lib/handleClick/index.ts

@@ -1 +0,0 @@
-export { handleHeaderButtons } from "./handleHeaderButtons";

package/src/shared/lib/slickgrid/ui/HeaderButtons/lib/highlighting/headerButtons.ts

@@ -1,45 +0,0 @@
-import { SlickTable } from "../../../../model";
-
-class HeaderButtons {
-	highlightAllColumns(args: Record<string, any>, tableId: string): void {
-		const slickTable = document.getElementById(tableId);
-		if (!slickTable) return;
-		const columnIds: string[] = Object.keys(args.columnFilters || {});
-		if (!columnIds.length) {
-			const columns = slickTable.querySelectorAll(".slick-header-column");
-			for (const column of columns) {
-				column.classList.remove("filter-active");
-			}
-		} else {
-			for (const columnId of columnIds) {
-				const column = slickTable.querySelector(`[data-id="${columnId}"]`);
-				if (!column) return;
-				if (
-					args.columnFilters[columnId].value[1] ||
-					args.columnFilters[columnId].value[2]
-				) {
-					column.classList.add("filter-active");
-				} else {
-					column.classList.remove("filter-active");
-				}
-			}
-		}
-	}
-
-	highlightColumn(table: SlickTable, dataId: string | number): void {
-		const slickTable = document.getElementById(table.id);
-		if (!slickTable) return;
-		const column = slickTable.querySelector(`[data-id="${dataId}"]`);
-		if (!column) return;
-		column.classList.add("filter-active");
-	}
-	resetColumn(table: SlickTable, dataId: string | number): void {
-		const slickTable = document.getElementById(table.id);
-		if (!slickTable) return;
-		const column = slickTable.querySelector(`[data-id="${dataId}"]`);
-		if (!column) return;
-		column.classList.remove("filter-active");
-	}
-}
-
-export const headerButtons = new HeaderButtons();

package/src/shared/lib/slickgrid/ui/HeaderButtons/lib/highlighting/index.ts

@@ -1 +0,0 @@
-export { headerButtons } from "./headerButtons";

package/src/shared/lib/slickgrid/ui/HeaderButtons/lib/index.ts

@@ -1,2 +0,0 @@
-export { handleHeaderButtons } from "./handleClick";
-export { headerButtons } from "./highlighting";

package/src/shared/lib/slickgrid/ui/HeaderButtons/model/buttons/index.ts

@@ -1 +0,0 @@
-export { openColumnFilter } from "./openColumnFilter";

package/src/shared/lib/slickgrid/ui/HeaderButtons/model/buttons/openColumnFilter.ts

@@ -1,10 +0,0 @@
-import { HeaderButtonItem } from "slickgrid";
-
-import { EColumnFiltersGroup } from "shared/model/enums";
-
-export function openColumnFilter(group: EColumnFiltersGroup): HeaderButtonItem {
-	return {
-		tooltip: "Apply column filter",
-		command: group,
-	};
-}

package/src/shared/lib/slickgrid/ui/HeaderButtons/model/event/eventOpenColumnFilters.ts

@@ -1,14 +0,0 @@
-import { AnEvent } from "shared/lib/an-event";
-import { EColumnFiltersGroup } from "shared/model/enums";
-
-import { SlickTable } from "../../../../model";
-
-class OpenColumnFilters extends AnEvent {
-	columnId: string | number = "";
-	group: EColumnFiltersGroup = EColumnFiltersGroup.Text;
-	table?: SlickTable | undefined;
-	target: HTMLElement | null = null;
-	x = 0;
-	y = 0;
-}
-export const eventOpenColumnFilters = new OpenColumnFilters();

package/src/shared/lib/slickgrid/ui/HeaderButtons/model/event/index.ts

@@ -1 +0,0 @@
-export { eventOpenColumnFilters } from "./eventOpenColumnFilters";

package/src/shared/lib/slickgrid/ui/HeaderButtons/model/index.ts

@@ -1,2 +0,0 @@
-export { openColumnFilter } from "./buttons";
-export { eventOpenColumnFilters } from "./event";

package/src/shared/lib/slickgrid/ui/SlickgridTable/index.ts

@@ -1 +0,0 @@
-export { SlickgridTable } from "./ui";

package/src/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/index.ts

@@ -1 +0,0 @@
-export { onAddNewRow } from "./onAddNewRow";

package/src/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/onAddNewRow.ts

@@ -1,33 +0,0 @@
-import {
-	Handler,
-	OnAddNewRowEventArgs,
-	SlickDataView,
-	SlickGrid,
-} from "slickgrid";
-
-import { getLastRow, getMaxId } from "../../../../lib";
-import { SlickTable } from "../../../../model";
-
-export const onAddNewRow =
-	(table: SlickTable): Handler<OnAddNewRowEventArgs> =>
-	(_e, { grid, item }): void => {
-		addNewRow(grid, item);
-		grid.updateRowCount();
-		grid.invalidate();
-		table.isEdited = true;
-		table.hotKeysBehavior.pushToCommandQueue(grid);
-	};
-
-const addNewRow = (grid: SlickGrid, item: Record<string, any>): void => {
-	const dataView: SlickDataView = grid.getData();
-	const lastRow = getLastRow<Record<string, any>>(dataView);
-	const maxId = getMaxId(grid);
-	const newRow = {
-		...lastRow,
-		...item,
-		id: maxId + 1,
-		isEdited: true,
-		isNew: true,
-	};
-	dataView.addItem(newRow);
-};

package/src/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/index.ts

@@ -1 +0,0 @@
-export { useGrid } from "./useGrid";