slick-table 0.0.12 → 0.0.14

package/src/shared/lib/slickgrid/lib/editors/EditorSelectString.ts

@@ -1,95 +0,0 @@
-import {
-	Column,
-	Editor,
-	EditorArguments,
-	EditorValidationResult,
-	GridOption,
-	keyCode,
-} from "slickgrid";
-
-import { IColumn, ISlickRow } from "../../model";
-
-/** @description The final value is of type string */
-export class EditorSelectString<
-	TData = any,
-	C extends Column<TData> = Column<TData>,
-	O extends GridOption<C> = GridOption<C>,
-> implements Editor
-{
-	protected defaultOptions = { Yes: "Yes", No: "No" };
-	protected defaultValue: number | string;
-	protected select: HTMLSelectElement;
-	public keyCaptureList: number[];
-
-	constructor(protected args: EditorArguments<TData, C, O>) {
-		this.defaultValue = "";
-		this.keyCaptureList = [keyCode.UP, keyCode.DOWN, keyCode.ENTER];
-		this.select = document.createElement("select");
-		this.init();
-	}
-
-	init(): void {
-		this.select.classList.add("editor-yesno");
-		this.select.setAttribute("tabIndex", "0");
-		this.select.append(...sorted(this.htmlOptionElements()));
-		this.args.container.append(this.select);
-		this.select.focus();
-	}
-
-	htmlOptionElements(): HTMLOptionElement[] {
-		const column: IColumn = this.args.column;
-		const selectOptions = column.selectOptions || this.defaultOptions;
-		const result: HTMLOptionElement[] = [];
-		for (const key in selectOptions) {
-			const option = document.createElement("option");
-			option.value = key;
-			option.innerText = `${selectOptions[key as keyof typeof selectOptions]}`;
-			result.push(option);
-		}
-		return result;
-	}
-
-	destroy(): void {
-		this.select.remove();
-	}
-
-	focus(): void {
-		this.select.focus();
-	}
-
-	loadValue(item: ISlickRow): void {
-		this.defaultValue = item[this.args.column.field];
-		this.select.value = `${this.defaultValue}`;
-	}
-
-	serializeValue(): string {
-		return this.select.value;
-	}
-
-	applyValue(item: ISlickRow, state: string | number): void {
-		item[this.args.column.field] = state;
-	}
-
-	isValueChanged(): boolean {
-		if (!this.select.value && !this.defaultValue) {
-			return false;
-		} else {
-			return this.select.value != this.defaultValue;
-		}
-	}
-
-	validate(): EditorValidationResult {
-		if (this.args.column.validator) {
-			return this.args.column.validator(this.select.value, this.args);
-		}
-		return { valid: true };
-	}
-}
-
-function sorted(options: HTMLOptionElement[]): HTMLOptionElement[] {
-	return options.sort((a, b) => {
-		if (a.innerText.toLowerCase() > b.innerText.toLowerCase()) return 1;
-		if (a.innerText.toLowerCase() < b.innerText.toLowerCase()) return -1;
-		return 0;
-	});
-}

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

@@ -1,9 +0,0 @@
-export { EditorAmount } from "./EditorAmount";
-export {
-	Autocomplete,
-	EditorAutocomplete,
-	EditorSelectWithSearch,
-} from "./Autocomplete";
-export { EditorDate } from "./EditorDate";
-export { EditorSelectString } from "./EditorSelectString";
-export { EditorSelectNumber } from "./EditorSelectNumber";

package/src/shared/lib/slickgrid/lib/formatters/DateFormatter.ts

@@ -1,9 +0,0 @@
-import { dateToString } from "shared/lib/datetime";
-
-export const DateFormatter = (
-	_row: number,
-	_cell: number,
-	value: Date | string | null,
-) => {
-	return dateToString(value);
-};

package/src/shared/lib/slickgrid/lib/formatters/FormatterCheck.ts

@@ -1,11 +0,0 @@
-export const FormatterCheck = (_row: number, _cell: number, value: boolean) => {
-	return value ? "<span class='sgi sgi-check'></span>" : "";
-};
-
-export function FormatterCheckPrinter(
-	_row: number,
-	_cell: number,
-	value: boolean,
-) {
-	return value ? "yes" : "";
-}

package/src/shared/lib/slickgrid/lib/formatters/PercentFormatter.spec.ts

@@ -1,11 +0,0 @@
-import { PercentFormatter } from "./PercentFormatter";
-
-describe("PercentFormatter", () => {
-	test("must return correct values", () => {
-		expect(PercentFormatter(0, 0, undefined)).toBe("");
-		expect(PercentFormatter(0, 0, null)).toBe("");
-		expect(PercentFormatter(0, 0, 0)).toBe("0.00%");
-		expect(PercentFormatter(0, 0, 55)).toBe("55.00%");
-		expect(PercentFormatter(0, 0, 10.0356)).toBe("10.04%");
-	});
-});

package/src/shared/lib/slickgrid/lib/formatters/PercentFormatter.ts

@@ -1,8 +0,0 @@
-export const PercentFormatter = function (
-	_row: number,
-	_cell: number,
-	value: number | undefined | null,
-): string {
-	const val = value ?? "";
-	return val === "" ? "" : `${val?.toFixed(2)}%`;
-};

package/src/shared/lib/slickgrid/lib/formatters/StringFormatter.ts

@@ -1,2 +0,0 @@
-export const StringFormatter = (_row: number, _cell: number, value: string) =>
-	value;

package/src/shared/lib/slickgrid/lib/formatters/getFormatterNumber.ts

@@ -1,17 +0,0 @@
-import { Formatter } from "slickgrid";
-
-import { IOptions, formatNumber } from "shared/lib/format";
-
-export function getFormatterNumber(options?: IOptions): Formatter {
-	// function name should match FORMATTER_NUMBER value
-	return function FormatterNumber(
-		_row: number,
-		_cell: number,
-		value?: string | number | null,
-	): string {
-		return formatNumber(value, options);
-	};
-}
-
-// value should match function name
-export const FORMATTER_NUMBER = "FormatterNumber";

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

@@ -1,5 +0,0 @@
-export { DateFormatter } from "./DateFormatter";
-export { FormatterCheck, FormatterCheckPrinter } from "./FormatterCheck";
-export { FORMATTER_NUMBER, getFormatterNumber } from "./getFormatterNumber";
-export { PercentFormatter } from "./PercentFormatter";
-export { StringFormatter } from "./StringFormatter";

package/src/shared/lib/slickgrid/lib/functions/addNewRow.ts

@@ -1,23 +0,0 @@
-import { SlickDataView, SlickGrid } from "slickgrid";
-
-import { getLastRow } from "./getLastRow";
-import { getMaxId } from "./getMaxId";
-
-export const addNewRow = <R>(
-	grid: SlickGrid,
-	item: R,
-	clientId: number,
-): void => {
-	const dataView: SlickDataView = grid.getData();
-	const lastRow = getLastRow<R>(dataView);
-	const maxId = getMaxId(grid);
-	const newRow = {
-		...lastRow,
-		...item,
-		id: maxId + 1,
-		isEdited: true,
-		isNew: true,
-		clientId,
-	};
-	dataView.addItem(newRow);
-};

package/src/shared/lib/slickgrid/lib/functions/commitCurrentEdit.ts

@@ -1,6 +0,0 @@
-import { SlickGlobalEditorLock } from "slickgrid";
-
-export const commitCurrentEdit = (): void => {
-	// apply cell edit value
-	SlickGlobalEditorLock.commitCurrentEdit();
-};

package/src/shared/lib/slickgrid/lib/functions/copySelectedRows.ts

@@ -1,35 +0,0 @@
-import { SlickDataView, SlickGrid } from "slickgrid";
-
-import { positionToPaste } from "../hotKeys";
-import { getDisplayedRows } from "./getDisplayedRows";
-import { getMaxId } from "./getMaxId";
-
-export const copySelectedRows = (grid: SlickGrid): void => {
-	const selectedRows = grid.getSelectedRows();
-	let maxId = getMaxId(grid);
-	const dataView: SlickDataView = grid.getData();
-	const displayedRows = getDisplayedRows(dataView);
-	const rows = dataView.getItems();
-	const newRows: any[] = [];
-	if (selectedRows.length) {
-		selectedRows.forEach((row: number) => {
-			const id = ++maxId;
-			newRows.push({
-				...displayedRows[row],
-				id,
-				isEdited: true,
-				isNew: true,
-			});
-		});
-	} else {
-		newRows.push({
-			id: ++maxId,
-			isEdited: true,
-			isNew: true,
-		});
-	}
-	rows.splice(positionToPaste(grid), 0, ...newRows);
-	dataView.setItems(rows);
-	grid.setSelectedRows([]);
-	grid.invalidate();
-};

package/src/shared/lib/slickgrid/lib/functions/deleteRows.ts

@@ -1,21 +0,0 @@
-import { SlickDataView } from "slickgrid";
-
-import { TGridRow } from "shared/model/types";
-
-import { SlickTable } from "../../model";
-
-export const deleteRows = (table: SlickTable): void => {
-	const grid = table.grid;
-	if (!grid) return;
-	const dataView: SlickDataView<TGridRow> = grid.getData();
-	const selectedRows = grid.getSelectedRows();
-	if (!selectedRows.length) return;
-	selectedRows.forEach((rowNumber): void => {
-		const row = dataView.getItem(rowNumber);
-		row.isDeleted = true;
-	});
-	table.isEdited = true;
-	table.hotKeysBehavior.pushToCommandQueue(grid);
-	dataView.refresh();
-	grid.setSelectedRows([]);
-};

package/src/shared/lib/slickgrid/lib/functions/getActiveRowId.ts

@@ -1,16 +0,0 @@
-import { SlickDataView, SlickGrid } from "slickgrid";
-
-import { getDisplayedRows } from "./getDisplayedRows";
-
-export const getActiveRowId = (grid: SlickGrid): number => {
-	const dataView: SlickDataView = grid.getData();
-	const displayedRows = getDisplayedRows(dataView);
-	const activeRowInd = grid.getActiveCell()?.row;
-	if (activeRowInd !== undefined) {
-		const activeRow =
-			displayedRows[activeRowInd] || displayedRows[displayedRows.length - 1];
-		return activeRow?.id;
-	} else {
-		return 0;
-	}
-};

package/src/shared/lib/slickgrid/lib/functions/getDisplayedRows.ts

@@ -1,13 +0,0 @@
-import { SlickDataView } from "slickgrid";
-
-/**
- * Returns only the rows that are displayed in the table.
- * Filtered out rows are not returned.
- */
-export const getDisplayedRows = <T = any>(dataView: SlickDataView<T>): T[] => {
-	const displayedRows = [];
-	for (let i = 0; i < dataView.getLength(); i++) {
-		displayedRows.push(dataView.getItem(i));
-	}
-	return displayedRows;
-};

package/src/shared/lib/slickgrid/lib/functions/getLastRow.ts

@@ -1,6 +0,0 @@
-import { SlickDataView } from "slickgrid";
-
-export const getLastRow = <R>(dataView: SlickDataView): R => {
-	const index = dataView.getLength() - 1;
-	return dataView.getItem<R>(index);
-};

package/src/shared/lib/slickgrid/lib/functions/getMaxId.ts

@@ -1,13 +0,0 @@
-import { SlickDataView, SlickGrid } from "slickgrid";
-
-export const getMaxId = (grid: SlickGrid): number => {
-	const dataView: SlickDataView<{ id: number }> = grid.getData();
-	const items = dataView.getItems();
-	let result = 0;
-	items.forEach((item) => {
-		if (item.id > result) {
-			result = item.id;
-		}
-	});
-	return result;
-};

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

@@ -1,10 +0,0 @@
-export { addNewRow } from "./addNewRow";
-export { commitCurrentEdit } from "./commitCurrentEdit";
-export { copySelectedRows } from "./copySelectedRows";
-export { deleteRows } from "./deleteRows";
-export { getActiveRowId } from "./getActiveRowId";
-export { getDisplayedRows } from "./getDisplayedRows";
-export { getMaxId } from "./getMaxId";
-export { getLastRow } from "./getLastRow";
-export { isDeletionDangerous } from "./isDeletionDangerous";
-export { wereEdited } from "./wereEdited";

package/src/shared/lib/slickgrid/lib/functions/isDeletionDangerous.ts

@@ -1,22 +0,0 @@
-import { SlickDataView } from "slickgrid";
-
-import { TGridRow } from "shared/model/types";
-
-import { SlickTable } from "../../model";
-
-export function isDeletionDangerous(table: SlickTable): boolean {
-	const grid = table.grid;
-	if (!grid) return false;
-	const dataView: SlickDataView<TGridRow> = grid.getData();
-	const selectedRows = grid.getSelectedRows();
-	if (!selectedRows.length) return false;
-	let isDangerous = false;
-	for (const rowNumber of selectedRows) {
-		const row = dataView.getItem(rowNumber);
-		if (!row.isNew) {
-			isDangerous = true;
-			break;
-		}
-	}
-	return isDangerous;
-}

package/src/shared/lib/slickgrid/lib/functions/wereEdited.ts

@@ -1,12 +0,0 @@
-import { SlickTable } from "../../model";
-
-export function wereEdited(tables: SlickTable[]): boolean {
-	let result = false;
-	for (const table of tables) {
-		if (table.isEdited) {
-			result = true;
-			break;
-		}
-	}
-	return result;
-}

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

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

package/src/shared/lib/slickgrid/lib/grouping/sumTotalsFormatter.ts

@@ -1,22 +0,0 @@
-import { SlickGroup } from "slickgrid";
-
-import { formatNumber } from "shared/lib/format";
-
-import { IColumn } from "../../model";
-
-export const sumTotalsFormatter = (
-	totals: {
-		group: SlickGroup;
-		initialized: boolean;
-		sum: Record<string, number>;
-	},
-	columnDef: IColumn,
-): string => {
-	const val = totals.sum && totals.sum[columnDef.field];
-	if (val !== null) {
-		const groupLevel = totals.group.level; // level can be 0, 1, ...
-		const title = groupLevel ? "total" : "TOTAL";
-		return `${title}: ${formatNumber(val)}`;
-	}
-	return "";
-};

package/src/shared/lib/slickgrid/lib/highlighting/getColumnsHash.ts

@@ -1,8 +0,0 @@
-export function getColumnsHash(columnIds: string[]): {
-	[columnId: number | string]: any;
-} {
-	return columnIds.reduce((acc: Record<string, string>, columnId) => {
-		acc[columnId] = "wink";
-		return acc;
-	}, {});
-}

package/src/shared/lib/slickgrid/lib/highlighting/highlightCell.ts

@@ -1,21 +0,0 @@
-import { SlickDataView, SlickGrid } from "slickgrid";
-
-export const highlightCell = (
-	grid: SlickGrid,
-	rowId: number,
-	columnId: string,
-): void => {
-	const dataView: SlickDataView = grid.getData();
-	const rowNumber = dataView.getRowById(rowId);
-	if (rowNumber === undefined) return;
-	const columnIndex = grid.getColumnIndex(columnId);
-	grid.gotoCell(rowNumber, columnIndex);
-	grid.setCellCssStyles(`${rowNumber}`, {
-		[rowNumber]: {
-			[columnId]: "wink",
-		},
-	});
-	setTimeout(() => {
-		grid.removeCellCssStyles(`${rowNumber}`);
-	}, 1500);
-};

package/src/shared/lib/slickgrid/lib/highlighting/highlightColumns.ts

@@ -1,24 +0,0 @@
-import { CssStyleHash, SlickDataView, SlickGrid } from "slickgrid";
-
-import { getColumnsHash } from "./getColumnsHash";
-
-export function highlightColumns(grid: SlickGrid, columnIds: string[]): void {
-	const dataView: SlickDataView = grid.getData();
-	const rowsNumber = dataView.getLength();
-	const hash = getHash(rowsNumber, columnIds);
-	grid.setCellCssStyles("wink", hash);
-	setTimeout(() => {
-		grid.removeCellCssStyles("wink");
-	}, 1500);
-}
-
-function getHash(rowsNumber: number, columnIds: string[]): CssStyleHash {
-	const hashValue = getColumnsHash(columnIds);
-	const hash: CssStyleHash = {};
-	let i = 0;
-	while (i < rowsNumber) {
-		hash[i] = hashValue;
-		i++;
-	}
-	return hash;
-}

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

@@ -1,2 +0,0 @@
-export { highlightCell } from "./highlightCell";
-export { highlightColumns } from "./highlightColumns";

package/src/shared/lib/slickgrid/lib/hooks/eventClickOnTable.ts

@@ -1,18 +0,0 @@
-import { AnEvent } from "shared/lib/an-event";
-
-import { SlickTable } from "../../model";
-
-/** If there are several tables on a page we want to use hotkeys in one table only.
- * The event helps us to make all tables on the page inactive. */
-class EventClickOnTable extends AnEvent {
-	private _activeTable: SlickTable | null = null;
-
-	get activeTable() {
-		return this._activeTable;
-	}
-	set activeTable(table: SlickTable | null) {
-		this._activeTable = table;
-	}
-}
-
-export const eventClickOnTable = new EventClickOnTable();

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

@@ -1,3 +0,0 @@
-export { useHotKeys } from "./useHotKeys";
-export { useListenIfTablesWereEdited } from "./useListenIfTablesWereEdited";
-export { useUpdateTotal } from "./useUpdateTotal";

package/src/shared/lib/slickgrid/lib/hooks/useHotKeys.ts

@@ -1,38 +0,0 @@
-import { useEffect } from "react";
-
-import { SlickTable } from "../../model";
-import { eventClickOnTable } from "./eventClickOnTable";
-
-export const useHotKeys = (table: SlickTable): void => {
-	function makeNotActive() {
-		if (table.id !== eventClickOnTable.activeTable?.id) {
-			table.isActive = false;
-			const grid = table.grid;
-			grid?.resetActiveCell();
-			grid?.setSelectedRows([]);
-		}
-	}
-	function makeActive() {
-		table.isActive = true;
-		eventClickOnTable.activeTable = table;
-		eventClickOnTable.notify();
-	}
-
-	useEffect(() => {
-		eventClickOnTable.subscribe(makeNotActive);
-		//@ts-ignore
-		document.addEventListener("keydown", table.handleKeyboardEvent.bind(table));
-		const tableContainer = document.getElementById(table.id);
-		if (!tableContainer) return;
-		tableContainer.addEventListener("click", makeActive, true);
-		return () => {
-			eventClickOnTable.unsubscribe(makeNotActive);
-			document.removeEventListener(
-				"keydown",
-				//@ts-ignore
-				table.handleKeyboardEvent.bind(table),
-			);
-			tableContainer.removeEventListener("click", makeActive, true);
-		};
-	}, []);
-};

package/src/shared/lib/slickgrid/lib/hooks/useListenIfTablesWereEdited.ts

@@ -1,36 +0,0 @@
-import { useEffect, useState } from "react";
-
-import { SlickTable } from "../../model";
-
-export const useListenIfTablesWereEdited = (tables: SlickTable[]): boolean => {
-	const [editedTables, setEditedTables] = useState<Record<string, boolean>>(
-		getTablesIsEditedInfo(tables),
-	);
-
-	useEffect(() => {
-		const callback = (table: SlickTable): void => {
-			setEditedTables((prev) => ({
-				...prev,
-				[table.id]: table.isEdited,
-			}));
-		};
-		tables.forEach((table) => {
-			table.registerObservers(callback);
-		});
-		return () => {
-			tables.forEach((table) => {
-				table.deleteObserver(callback);
-			});
-		};
-	}, []);
-
-	return Object.values(editedTables).some((isEdited) => isEdited);
-};
-
-function getTablesIsEditedInfo(tables: SlickTable[]): Record<string, boolean> {
-	const tablesIsEditedInfo: Record<string, boolean> = {};
-	for (const table of tables) {
-		tablesIsEditedInfo[table.id] = table.isEdited;
-	}
-	return tablesIsEditedInfo;
-}

package/src/shared/lib/slickgrid/lib/hooks/useUpdateTotal.ts

@@ -1,18 +0,0 @@
-import { useEffect } from "react";
-
-import { SlickTable } from "../../model";
-import { updateTotals } from "../totals-row";
-
-export const useUpdateTotal = (table: SlickTable): void => {
-	useEffect(() => {
-		function callback(table: SlickTable): void {
-			const grid = table.grid;
-			if (!grid) return;
-			updateTotals(grid);
-		}
-		table.registerObservers(callback);
-		return () => {
-			table.deleteObserver(callback);
-		};
-	}, []);
-};

package/src/shared/lib/slickgrid/lib/hotKeys/hotKeysCopy.ts

@@ -1,7 +0,0 @@
-import { OnKeyDownEventArgs, SlickEventData } from "slickgrid";
-
-import { EKeyCode } from "shared/model/enums";
-
-export function hotKeysCopy(event: SlickEventData<OnKeyDownEventArgs>) {
-	return event.ctrlKey && event.keyCode === EKeyCode.KeyB;
-}

package/src/shared/lib/slickgrid/lib/hotKeys/hotKeysDelete.ts

@@ -1,7 +0,0 @@
-import { OnKeyDownEventArgs, SlickEventData } from "slickgrid";
-
-import { EKeyCode } from "shared/model/enums";
-
-export function hotKeysDelete(event: SlickEventData<OnKeyDownEventArgs>) {
-	return event.shiftKey && event.keyCode === EKeyCode.KeyDel;
-}

package/src/shared/lib/slickgrid/lib/hotKeys/hotKeysRedo.ts

@@ -1,7 +0,0 @@
-import { OnKeyDownEventArgs, SlickEventData } from "slickgrid";
-
-import { EKeyCode } from "shared/model/enums";
-
-export function hotKeysRedo(event: SlickEventData<OnKeyDownEventArgs>) {
-	return event.ctrlKey && event.keyCode === EKeyCode.KeyY;
-}

package/src/shared/lib/slickgrid/lib/hotKeys/hotKeysReverse.ts

@@ -1,7 +0,0 @@
-import { OnKeyDownEventArgs, SlickEventData } from "slickgrid";
-
-import { EKeyCode } from "shared/model/enums";
-
-export function hotKeysReverse(event: SlickEventData<OnKeyDownEventArgs>) {
-	return event.altKey && event.keyCode === EKeyCode.KeyR;
-}

package/src/shared/lib/slickgrid/lib/hotKeys/hotKeysUndo.ts

@@ -1,7 +0,0 @@
-import { OnKeyDownEventArgs, SlickEventData } from "slickgrid";
-
-import { EKeyCode } from "shared/model/enums";
-
-export function hotKeysUndo(event: SlickEventData<OnKeyDownEventArgs>) {
-	return event.ctrlKey && event.keyCode === EKeyCode.KeyZ;
-}

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

@@ -1,7 +0,0 @@
-export { hotKeysCopy } from "./hotKeysCopy";
-export { hotKeysDelete } from "./hotKeysDelete";
-export { hotKeysRedo } from "./hotKeysRedo";
-export { hotKeysReverse } from "./hotKeysReverse";
-export { hotKeysUndo } from "./hotKeysUndo";
-export { nothingToCopy } from "./nothingToCopy";
-export { positionToPaste } from "./positionToPaste";

package/src/shared/lib/slickgrid/lib/hotKeys/nothingToCopy.ts

@@ -1,14 +0,0 @@
-import { SlickGrid } from "slickgrid";
-
-import { showNotification } from "shared/ui/notification";
-
-/** Check if the user has selected rows or clicked on a row to make it active */
-export function nothingToCopy(grid: SlickGrid): boolean {
-	const activeCell = grid.getActiveCell();
-	const selectedRows = grid.getSelectedRows();
-	const result = !selectedRows.length && !activeCell;
-	if (result) {
-		showNotification("Select a row to copy", "info");
-	}
-	return result;
-}