slick-table 0.0.12 → 0.0.14

package/src/index.scss

@@ -1,2 +0,0 @@
-@use './app/styles/slickgrid' as *;
-@use './app/styles/global' as *;

package/src/index.ts

@@ -1,5 +0,0 @@
-export {
-	DeletedRowsFilter,
-	SlickTable,
-	WithoutHotKeys,
-} from "shared/lib/slickgrid";

package/src/main.tsx

@@ -1,15 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import Sortable from "sortablejs";
-
-import App from "./App";
-import "./index.scss";
-
-createRoot(document.getElementById("root")!).render(
-	<StrictMode>
-		<App />
-	</StrictMode>,
-);
-
-// SortableJS is a hard dependency for the "slickgrid" library
-window.Sortable = Sortable;

package/src/pages/main/index.ts

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

package/src/pages/main/lib/columns.ts

@@ -1,33 +0,0 @@
-import { TextEditor } from "slickgrid";
-
-import {
-	DateFormatter,
-	EditorAmount,
-	EditorDate,
-	IColumn,
-	columnCheckboxSelector,
-	columnIsEdited,
-} from "shared/lib/slickgrid";
-
-export const columns: IColumn[] = [
-	columnCheckboxSelector,
-	columnIsEdited,
-	{ editor: TextEditor, field: "event", id: "event", name: "Event" },
-	{
-		cssClass: "text-center",
-		editor: EditorDate,
-		field: "date",
-		formatter: DateFormatter,
-		id: "date",
-		name: "Date",
-		width: 50,
-	},
-	{
-		cssClass: "text-right",
-		editor: EditorAmount,
-		field: "hours",
-		id: "hours",
-		name: "Hours",
-		width: 50,
-	},
-];

package/src/pages/main/lib/index.ts

@@ -1,3 +0,0 @@
-export { columns } from "./columns";
-export { options } from "./options";
-export { table } from "./table";

package/src/pages/main/lib/options.ts

@@ -1,6 +0,0 @@
-import { GridOption } from "slickgrid";
-
-export const options: GridOption = {
-	editable: true,
-	enableAddRow: true,
-};

package/src/pages/main/lib/table.ts

@@ -1,11 +0,0 @@
-import {
-	DefaultHotKeys,
-	DeletedRowsFilter,
-	SlickTable,
-} from "shared/lib/slickgrid";
-
-export const table = new SlickTable({
-	id: "slick-table",
-	hotKeys: new DefaultHotKeys(),
-	filter: new DeletedRowsFilter(),
-});

package/src/pages/main/ui/Main.style.ts

@@ -1,18 +0,0 @@
-import { Box, styled } from "@mui/material";
-
-const Wrapper = styled(Box)({
-	alignItems: "center",
-	display: "flex",
-	height: "100vh",
-	justifyContent: "center",
-	width: "100vw",
-});
-
-const Container = styled(Box)({
-	height: "70vh",
-	padding: "1em",
-	position: "relative",
-	width: "80vw",
-});
-
-export default { Container, Wrapper };

package/src/pages/main/ui/Main.tsx

@@ -1,30 +0,0 @@
-import { FC } from "react";
-
-import { SlickgridTable, WithTableStyles } from "shared/lib/slickgrid";
-
-import { columns, options, table } from "../lib";
-
-import Styled from "./Main.style";
-
-const items = [
-	{ date: "2025-01-15", event: "Festival", hours: 5, id: 1 },
-	{ date: "2025-03-24", event: "Holiday", hours: 7, id: 2 },
-	{ date: "2025-06-17", event: "Analysis", hours: 11, id: 3 },
-];
-
-export const Main: FC = () => {
-	return (
-		<WithTableStyles>
-			<Styled.Wrapper>
-				<Styled.Container>
-					<SlickgridTable
-						columns={columns}
-						items={items}
-						options={options}
-						table={table}
-					/>
-				</Styled.Container>
-			</Styled.Wrapper>
-		</WithTableStyles>
-	);
-};

package/src/pages/main/ui/index.ts

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

package/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom";

package/src/shared/lib/an-event/index.ts

@@ -1,31 +0,0 @@
-export class AnEvent implements Observable {
-	private readonly observers: Observer[];
-	constructor() {
-		this.observers = [];
-	}
-	subscribe(observer: Observer) {
-		const index = this.observers.indexOf(observer);
-		if (!~index) {
-			this.observers.push(observer);
-		}
-	}
-	unsubscribe(observer: Observer) {
-		const index = this.observers.indexOf(observer);
-		if (~this.observers.indexOf(observer)) {
-			this.observers.splice(index, 1);
-		}
-	}
-	notify() {
-		for (const observer of this.observers) {
-			observer();
-		}
-	}
-}
-
-interface Observable {
-	subscribe(observer: () => void): void;
-	unsubscribe(observer: () => void): void;
-	notify(): void;
-}
-
-type Observer = () => void;

package/src/shared/lib/datetime/dateToString.spec.ts

@@ -1,11 +0,0 @@
-import { dateToString } from "./dateToString";
-
-test("Return expected values", () => {
-	expect(dateToString("12/25/95")).toBe("12/25/95");
-	expect(dateToString("1/1/95")).toBe("01/01/95");
-	expect(dateToString("1/1/21")).toBe("01/01/21");
-	expect(dateToString("2022-05-25")).toBe("05/25/22");
-	expect(dateToString("2022-5-5")).toBe("05/05/22");
-	expect(dateToString("2022-11-15T00:00:00.000Z")).toBe("11/15/22");
-	expect(dateToString("2022-11-15T00:00:00.000Z")).toBe("11/15/22");
-});

package/src/shared/lib/datetime/dateToString.ts

@@ -1,8 +0,0 @@
-import moment from "moment";
-
-import { dateFormats } from "shared/model/consts";
-import { EDateFormat } from "shared/model/enums";
-
-export const dateToString = (date: Date | string | null): string => {
-	return date ? moment(date, dateFormats).format(EDateFormat.ui) : "";
-};

package/src/shared/lib/datetime/getTime.spec.ts

@@ -1,10 +0,0 @@
-import { getTime } from "./getTime";
-
-describe("getTime function", () => {
-	it("should return milliseconds", () => {
-		expect(getTime("2019-02-01")).toBe(1548979200000);
-	});
-	it("should return NaN", () => {
-		expect(getTime("")).toBe(NaN);
-	});
-});

package/src/shared/lib/datetime/getTime.ts

@@ -1,3 +0,0 @@
-export function getTime(date: string): number {
-	return new Date(date).getTime();
-}

package/src/shared/lib/datetime/index.ts

@@ -1,2 +0,0 @@
-export { dateToString } from "./dateToString";
-export { getTime } from "./getTime";

package/src/shared/lib/debounce/index.ts

@@ -1,11 +0,0 @@
-// todo define types
-export function debounce<T>(callBackFn: T, delay = 300): T {
-	let timeout: NodeJS.Timeout;
-	//@ts-ignore
-	return function (...args: any[]) {
-		//@ts-ignore
-		const fnCall = () => callBackFn.apply(this, args);
-		clearTimeout(timeout);
-		timeout = setTimeout(fnCall, delay);
-	};
-}

package/src/shared/lib/dom/elementNotVisible.spec.ts

@@ -1,72 +0,0 @@
-import { elementNotVisible } from "./elementNotVisible";
-
-describe("elementNotVisible", () => {
-	let getBoundingClientRect: jest.Mock;
-	let originalScrollHeight: number;
-	let originalScrollWidth: number;
-
-	beforeAll(() => {
-		originalScrollHeight = document.documentElement.scrollHeight;
-		originalScrollWidth = document.documentElement.scrollWidth;
-		Object.defineProperty(document.documentElement, "scrollHeight", {
-			value: 1000,
-			writable: true,
-		});
-		Object.defineProperty(document.documentElement, "scrollWidth", {
-			value: 1000,
-			writable: true,
-		});
-		getBoundingClientRect = jest.fn();
-		document.querySelector = jest.fn();
-	});
-
-	afterAll(() => {
-		Object.defineProperty(document.documentElement, "scrollHeight", {
-			value: originalScrollHeight,
-			writable: true,
-		});
-		Object.defineProperty(document.documentElement, "scrollWidth", {
-			value: originalScrollWidth,
-			writable: true,
-		});
-		jest.clearAllMocks();
-	});
-
-	it("should return true if the container is not found", () => {
-		(document.querySelector as jest.Mock).mockReturnValue(null);
-		expect(elementNotVisible(".nonexistent")).toBe(true);
-	});
-
-	it("should return true if the container is out of view", () => {
-		(document.querySelector as jest.Mock).mockReturnValue({
-			getBoundingClientRect,
-		});
-		getBoundingClientRect.mockReturnValue({
-			bottom: -1,
-			left: 0,
-			right: 0,
-			top: 0,
-		});
-		expect(elementNotVisible(".out-of-view")).toBe(true);
-		getBoundingClientRect.mockReturnValue({
-			bottom: 0,
-			left: 1001,
-			right: 1002,
-			top: 0,
-		});
-		expect(elementNotVisible(".out-of-view")).toBe(true);
-	});
-
-	it("should return false if the container is within view", () => {
-		(document.querySelector as jest.Mock).mockReturnValue({
-			getBoundingClientRect,
-		});
-		getBoundingClientRect.mockReturnValue({
-			bottom: 500,
-			left: 100,
-			right: 200,
-			top: 100,
-		});
-		expect(elementNotVisible(".in-view")).toBe(false);
-	});
-});

package/src/shared/lib/dom/elementNotVisible.ts

@@ -1,9 +0,0 @@
-export function elementNotVisible(selector: string): boolean {
-	const container = document.querySelector(selector);
-	if (!container) return true;
-	const { scrollHeight, scrollWidth } = document.documentElement;
-	const { bottom, left, right, top } = container.getBoundingClientRect();
-	return (
-		bottom <= 0 || left >= scrollWidth || right <= 0 || top >= scrollHeight
-	);
-}

package/src/shared/lib/dom/index.ts

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

package/src/shared/lib/format/IOptions.ts

@@ -1,11 +0,0 @@
-export interface IOptions {
-	decimalPlaces?: number;
-	decimalSeparator?: string;
-	thousandsSeparator?: string;
-	negativeInParentheses?: boolean;
-	zeroAsBlank?: boolean;
-	currencySymbol?: string;
-	positiveClass?: string;
-	negativeClass?: string;
-	noHTML?: boolean;
-}

package/src/shared/lib/format/addParentheses.spec.ts

@@ -1,9 +0,0 @@
-import { addParentheses } from "./addParentheses";
-
-describe("addParentheses", () => {
-	test("must add parentheses", () => {
-		expect(addParentheses("-5")).toBe("(5)");
-		expect(addParentheses("-5.125")).toBe("(5.125)");
-		expect(addParentheses("5")).toBe("(5)");
-	});
-});

package/src/shared/lib/format/addParentheses.ts

@@ -1,7 +0,0 @@
-export function addParentheses(value: string): string {
-	return `(${removeMinus(value)})`;
-}
-
-function removeMinus(value: string): string {
-	return value.replace("-", "");
-}

package/src/shared/lib/format/formatNumber.spec.ts

@@ -1,50 +0,0 @@
-import { formatNumber } from "./formatNumber";
-
-describe("formatMoney", () => {
-	test("must return empty string", () => {
-		expect(formatNumber(0, { zeroAsBlank: true })).toBe("");
-		expect(formatNumber("0", { zeroAsBlank: true })).toBe("");
-		expect(formatNumber(null)).toBe("");
-		expect(formatNumber(undefined)).toBe("");
-		expect(formatNumber("")).toBe("");
-	});
-	test("must return zero", () => {
-		expect(formatNumber(0)).toBe("0.00");
-		expect(formatNumber("0", { decimalSeparator: "," })).toBe("0,00");
-	});
-	test("must return correct values", () => {
-		expect(formatNumber(0.1)).toBe("0.10");
-		expect(formatNumber(1000222.1, { decimalPlaces: 4 })).toBe(
-			"1,000,222.1000",
-		);
-		expect(formatNumber(-1000222.1, { currencySymbol: "$" })).toBe(
-			"($1,000,222.10)",
-		);
-		expect(
-			formatNumber(-1000222.1, {
-				decimalSeparator: ",",
-				decimalPlaces: 3,
-				thousandsSeparator: ".",
-				currencySymbol: "$",
-			}),
-		).toBe("($1.000.222,100)");
-		expect(formatNumber("1500.02")).toBe("1,500.02");
-		expect(formatNumber("1700500.02")).toBe("1,700,500.02");
-		expect(formatNumber("-1700500.02")).toBe("(1,700,500.02)");
-	});
-	test("must return add class name", () => {
-		expect(
-			formatNumber(5, { negativeClass: "neg", positiveClass: "pos" }),
-		).toBe('<span class="pos">5.00</span>');
-		expect(
-			formatNumber(-5, { negativeClass: "neg", positiveClass: "pos" }),
-		).toBe('<span class="neg">(5.00)</span>');
-		expect(
-			formatNumber(-5, {
-				negativeClass: "neg",
-				noHTML: true,
-				positiveClass: "pos",
-			}),
-		).toBe("(5.00)");
-	});
-});

package/src/shared/lib/format/formatNumber.ts

@@ -1,62 +0,0 @@
-import { IOptions } from "./IOptions";
-import { addParentheses } from "./addParentheses";
-
-/**
- * @param {(number | null | undefined)} value Money amount to be formatted.
- * @param {Object} [options] Formatting options.
- * @param {boolean} [options.currencySymbol = ""] Currency symbol.
- * @param {number} [options.decimalPlaces = 2] Number of decimal places.
- * @param {string} [options.decimalSeparator = "."] Decimal separator.
- * @param {boolean} options.negativeClass Style class name for negative numbers.
- * @param {boolean} [options.negativeInParentheses = true] Enclose negative numbers in parentheses.
- * @param {boolean} [options.noHTML = false] Return plain text without HTML.
- * @param {boolean} options.positiveClass Style class name for positive numbers.
- * @param {string} [options.thousandsSeparator = ","] Thousands separator.
- * @param {boolean} [options.zeroAsBlank = false] Display zero as en empty string.
- * */
-export function formatNumber(
-	value: number | string | null | undefined,
-	options: IOptions = {},
-): string {
-	const {
-		currencySymbol = "",
-		decimalPlaces = 2,
-		decimalSeparator = ".",
-		negativeClass,
-		negativeInParentheses = true,
-		noHTML = false,
-		positiveClass,
-		thousandsSeparator = ",",
-		zeroAsBlank = false,
-	} = options;
-	if (value === undefined || value === null || value === "") {
-		return "";
-	} else if (!Number(value) && zeroAsBlank) return "";
-	const isNegative = (Number(value) || 0) < 0;
-	const valueFixed = Math.abs(Number(value) || 0).toFixed(decimalPlaces);
-	const integerPart = parseInt(valueFixed).toString();
-	const remainder = integerPart.length > 3 ? integerPart.length % 3 : 0;
-	const withThousandsSeparator =
-		(remainder ? integerPart.slice(0, remainder) + thousandsSeparator : "") +
-		integerPart
-			.slice(remainder)
-			.replace(/(\d{3})(?=\d)/g, `$1${thousandsSeparator}`);
-	const withDecimalPlaces =
-		withThousandsSeparator +
-		(decimalPlaces ? decimalSeparator + valueFixed.slice(-decimalPlaces) : "");
-	const withCurrency = `${currencySymbol}${withDecimalPlaces}`;
-	const withMinus = isNegative ? `-${withCurrency}` : withCurrency;
-	const withParentheses =
-		isNegative && negativeInParentheses ? addParentheses(withMinus) : withMinus;
-	if (noHTML) {
-		return withParentheses;
-	} else if (isNegative) {
-		return negativeClass
-			? `<span class="${negativeClass}">${withParentheses}</span>`
-			: withParentheses;
-	} else {
-		return positiveClass
-			? `<span class="${positiveClass}">${withParentheses}</span>`
-			: withParentheses;
-	}
-}

package/src/shared/lib/format/index.ts

@@ -1,2 +0,0 @@
-export { formatNumber } from "./formatNumber";
-export type { IOptions } from "./IOptions";

package/src/shared/lib/numbers/index.ts

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

package/src/shared/lib/numbers/toNumber.spec.ts

@@ -1,25 +0,0 @@
-import { toNumber } from "./toNumber";
-
-test("Return expected values", () => {
-	expect(toNumber()).toBe(0);
-	expect(toNumber(null)).toBe(0);
-	expect(toNumber(NaN)).toBe(0);
-	expect(toNumber("")).toBe(0);
-	expect(toNumber(0)).toBe(0);
-	expect(toNumber("0")).toBe(0);
-	expect(toNumber("0.00")).toBe(0);
-	expect(toNumber("0a")).toBe(0);
-	expect(toNumber(50)).toBe(50);
-	expect(toNumber(-50.035)).toBe(-50.035);
-	expect(toNumber("$50.035")).toBe(50.035);
-	expect(toNumber("-50.035")).toBe(-50.035);
-	expect(toNumber("-$50.035")).toBe(-50.035);
-	expect(toNumber("($50.035)")).toBe(-50.035);
-	expect(toNumber("103613.10")).toBe(103613.1);
-	expect(toNumber("-103613.10")).toBe(-103613.1);
-	expect(toNumber("50")).toBe(50);
-	expect(toNumber("50,000,000.00")).toBe(50000000);
-	expect(toNumber("50,000,000.12345")).toBe(50000000.12345);
-	expect(toNumber("-sdf,ffg,g,h,,hfg,")).toBe(0);
-	expect(toNumber(".")).toBe(0);
-});

package/src/shared/lib/numbers/toNumber.ts

@@ -1,11 +0,0 @@
-export const toNumber = (value?: string | number | null): number => {
-	if (!value) return 0;
-	if (typeof value === "number") return value;
-	const stringWithoutCommas = value.replace(/\$|,|\s/g, "");
-	const absValueString = stringWithoutCommas.replace(/\(|\)/g, "");
-	if (isNaN(Number(absValueString))) return 0;
-	return stringWithoutCommas.startsWith("(") &&
-		stringWithoutCommas.endsWith(")")
-		? 0 - Number(absValueString)
-		: Number(stringWithoutCommas);
-};

package/src/shared/lib/regexp/dates.spec.ts

@@ -1,23 +0,0 @@
-import { Dates } from "./dates";
-
-describe("Dates regexps", () => {
-	it("MMDDYYYY", () => {
-		expect(Dates.MMDDYYYY.test("01/05/2024")).toBeTruthy();
-		expect(Dates.MMDDYYYY.test("01/05/24")).toBeFalsy();
-	});
-
-	it("MMDDYY", () => {
-		expect(Dates.MMDDYY.test("01/05/24")).toBeTruthy();
-		expect(Dates.MMDDYY.test("01/05/2024")).toBeFalsy();
-	});
-
-	it("MDY", () => {
-		expect(Dates.MDY.test("01/05/24")).toBeTruthy();
-		expect(Dates.MDY.test("01/05/2024")).toBeTruthy();
-	});
-
-	it("MD", () => {
-		expect(Dates.MD.test("01/24")).toBeTruthy();
-		expect(Dates.MD.test("1/4")).toBeTruthy();
-	});
-});

package/src/shared/lib/regexp/dates.ts

@@ -1,6 +0,0 @@
-export const Dates = {
-	MMDDYYYY: new RegExp(/^\d{2}\/\d{2}\/(\d{4})$/),
-	MMDDYY: new RegExp(/^\d{2}\/\d{2}\/(\d{2})$/),
-	MDY: new RegExp(/^\d{1,2}\/\d{1,2}\/(\d{2}|\d{4})$/),
-	MD: new RegExp(/^\d{1,2}\/\d{1,2}$/),
-};

package/src/shared/lib/regexp/escapeSpecialChar.spec.ts

@@ -1,24 +0,0 @@
-import { escapeSpecialChar } from "./escapeSpecialChar";
-
-describe("Escape special characters", () => {
-	test("handles an empty string", () => {
-		const input = "";
-		const expectedOutput = "";
-		expect(escapeSpecialChar(input)).toBe(expectedOutput);
-	});
-	test("returns the same string if no special characters are present", () => {
-		const input = "HelloWorld";
-		const expectedOutput = "HelloWorld";
-		expect(escapeSpecialChar(input)).toBe(expectedOutput);
-	});
-	test("escapes special characters in a string", () => {
-		const input = "Hello. How are you?";
-		const expectedOutput = "Hello\\. How are you\\?";
-		expect(escapeSpecialChar(input)).toBe(expectedOutput);
-	});
-	test("handles strings with only special characters", () => {
-		const input = ".*+?^${}()|[]\\";
-		const expectedOutput = "\\.\\*\\+\\?\\^\\$\\{\\}\\(\\)\\|\\[\\]\\\\";
-		expect(escapeSpecialChar(input)).toBe(expectedOutput);
-	});
-});

package/src/shared/lib/regexp/escapeSpecialChar.ts

@@ -1,4 +0,0 @@
-/** @description Escapes special characters in string before using it in RegExp */
-export function escapeSpecialChar(value: string): string {
-	return value.replace(/[.*+?^${}()|[\]\\]/g, (match) => `\\${match}`);
-}

package/src/shared/lib/regexp/index.ts

@@ -1,2 +0,0 @@
-export { Dates } from "./dates";
-export { escapeSpecialChar } from "./escapeSpecialChar";

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

@@ -1,72 +0,0 @@
-export {
-	Autocomplete,
-	ColumnSorter,
-	DateFormatter,
-	DateValidator,
-	EditorAmount,
-	EditorAutocomplete,
-	EditorDate,
-	EditorSelectString,
-	EditorSelectNumber,
-	EditorSelectWithSearch,
-	EmptyStringValidator,
-	FORMATTER_NUMBER,
-	FormatterCheck,
-	getFormatterNumber,
-	LengthValidator,
-	PercentFormatter,
-	FormatterCheckPrinter,
-	StringFormatter,
-	columnSorter,
-	commitCurrentEdit,
-	deleteRows,
-	getDisplayedRows,
-	getLastRow,
-	getMaxId,
-	highlightCell,
-	highlightColumns,
-	isDeletionDangerous,
-	onCellChange,
-	onRowCountChanged,
-	onRowsChanged,
-	selectedRows,
-	sumTotalsFormatter,
-	totalAmountOf,
-	updateTotals,
-	useHotKeys,
-	getUpdates,
-	useListenIfTablesWereEdited,
-	useUpdateTotal,
-	wereEdited,
-} from "./lib";
-export {
-	DownloadManager,
-	DecoratorEndingDate,
-	DecoratorFilter,
-	DecoratorColumnFilter,
-	DecoratorPeriod,
-	DefaultHotKeys,
-	DefaultPrinter,
-	DeletedRowsFilter,
-	Filter,
-	type IColumn,
-	type IColumnFilterValue,
-	type ISlickRow,
-	PreventCopying,
-	type Printer,
-	RedoUndoOnly,
-	SlickTable,
-	WithConfirmationOfDeletion,
-	WithoutHotKeys,
-	eventContextMenu,
-} from "./model";
-export {
-	SlickgridTable,
-	WithTableStyles,
-	columnCheckboxSelector,
-	columnIsEdited,
-	eventOpenColumnFilters,
-	handleHeaderButtons,
-	headerButtons,
-	openColumnFilter,
-} from "./ui";