slick-table 1.1.5 → 1.1.7

package/dist/types/features/header-context-menu/model/consts/id.d.ts

@@ -1,2 +1,2 @@
-export declare const HEADER_CONTEXT_MENU = "header_context_menu";
+export declare const HEADER_CONTEXT_MENU = "header-context-menu";
 //# sourceMappingURL=id.d.ts.map

package/dist/types/features/header-context-menu/ui/Title/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../../src/features/header-context-menu/ui/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,eAAO,MAAM,KAAK,EAAE,EAEnB,CAAC"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../../src/features/header-context-menu/ui/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,eAAO,MAAM,KAAK,EAAE,EAMnB,CAAC"}

package/dist/types/features/header-context-menu/ui/Title/Title.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.style.d.ts","sourceRoot":"","sources":["../../../../../../src/features/header-context-menu/ui/Title/Title.style.ts"],"names":[],"mappings":";;;;;AAOA,wBAA2B"}
+{"version":3,"file":"Title.style.d.ts","sourceRoot":"","sources":["../../../../../../src/features/header-context-menu/ui/Title/Title.style.ts"],"names":[],"mappings":";;;;;AAQA,wBAA2B"}

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.ts"],"names":[],"mappings":"AACA,OAAO,EACN,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EAOrB,MAAM,WAAW,CAAC;AAYnB,OAAO,EAAE,KAAK,EAAkB,MAAM,aAAa,CAAC;AAEpD,wBAAgB,OAAO,CAAC,EACvB,aAAiC,EACjC,kBAAkB,EAClB,SAAiB,EACjB,YAAqB,EACrB,OAAO,EACP,eAAe,EACf,MAAM,EACN,cAAqB,EACrB,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,iBAAkC,EAClC,qBAAqB,EACrB,OAAY,EACZ,KAAK,GACL,EAAE,KAAK,GAAG;IACV,WAAW,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,QA+GA"}
+{"version":3,"file":"useGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/hooks/useGrid.ts"],"names":[],"mappings":"AACA,OAAO,EACN,OAAO,EACP,oBAAoB,EACpB,qBAAqB,EAOrB,MAAM,WAAW,CAAC;AAYnB,OAAO,EAAE,KAAK,EAAkB,MAAM,aAAa,CAAC;AAEpD,wBAAgB,OAAO,CAAC,EACvB,aAAiC,EACjC,kBAAkB,EAClB,SAAiB,EACjB,YAAqB,EACrB,OAAO,EACP,eAAe,EACf,MAAM,EACN,cAAqB,EACrB,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,iBAAkC,EAClC,qBAAqB,EACrB,OAAY,EACZ,KAAK,GACL,EAAE,KAAK,GAAG;IACV,WAAW,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC3C,YAAY,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC7C,QAoHA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slick-table",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Enhanced version of SlickGrid library",
   "private": false,
   "type": "module",

package/src/features/header-context-menu/model/consts/id.ts

@@ -1 +1 @@
-export const HEADER_CONTEXT_MENU = "header_context_menu";
+export const HEADER_CONTEXT_MENU = "header-context-menu";

package/src/features/header-context-menu/ui/HeaderContextMenu.style.ts

@@ -8,7 +8,7 @@ const ButtonsGroup = styled(Box)({
 });
 
 const ItemsGroup = styled(Box)({
-	maxHeight: "20em",
+	maxHeight: "35em",
 	overflowY: "auto",
 });
 

package/src/features/header-context-menu/ui/HeaderContextMenu.tsx

@@ -51,7 +51,7 @@ export const HeaderContextMenu: FC = () => {
 							</Fragment>
 						))}
 				</Styled.ItemsGroup>
-				<Styled.ButtonsGroup>
+				<Styled.ButtonsGroup className={"header-context-menu-footer"}>
 					<ButtonCheckAll setChecked={setChecked} />
 					<ButtonUncheckAll checked={checked} setChecked={setChecked} />
 				</Styled.ButtonsGroup>

package/src/features/header-context-menu/ui/Title/Title.style.ts

@@ -2,7 +2,8 @@ import { Box, styled } from "@mui/material";
 
 const Wrapper = styled(Box)({
 	color: "#1e456f",
-	marginBottom: "0.5em",
+	marginBottom: "0.6em",
+	fontSize: "1rem",
 });
 
 export default { Wrapper };

package/src/features/header-context-menu/ui/Title/Title.tsx

@@ -3,5 +3,9 @@ import { FC } from "react";
 import Styled from "./Title.style";
 
 export const Title: FC = () => {
-	return <Styled.Wrapper>Columns</Styled.Wrapper>;
+	return (
+		<Styled.Wrapper className={"header-context-menu-header"}>
+			Columns
+		</Styled.Wrapper>
+	);
 };

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

@@ -140,6 +140,21 @@ export function useGrid({
 		} else {
 			grid.setColumns(columns);
 		}
+		if (table.columnPicker) {
+			if (!table.columnPicker.initialColumns.length) {
+				table.columnPicker.initialColumns = grid.getColumns();
+				table.columnPicker.visibleColumnIds = grid
+					.getColumns()
+					.map(({ id }) => id as string);
+			}
+			grid.setColumns(
+				grid.getColumns().filter(({ id }) => {
+					if (!table.columnPicker) return true;
+					if (!table.columnPicker.visibleColumnIds.length) return true;
+					return table.columnPicker.visibleColumnIds.includes(id as string);
+				}),
+			);
+		}
 		headerButtons.highlightAllColumns(table.filter.args, table.id);
 		table.filter.register(grid, table.id);
 		grid.invalidate();
@@ -147,14 +162,4 @@ export function useGrid({
 		table.notifyObservers();
 		columnSorter.restoreSorting(table);
 	}, [columns, items]);
-
-	useEffect(() => {
-		if (!table.columnPicker) return;
-		const grid = table.grid;
-		if (!grid) return;
-		table.columnPicker.initialColumns = grid.getColumns();
-		table.columnPicker.visibleColumnIds = grid
-			.getColumns()
-			.map(({ id }) => id as string);
-	}, [columns]);
 }

package/src/entities/popup/ui/Overlay/Overlay.test.tsx

@@ -1,19 +0,0 @@
-import { fireEvent, render } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-
-import { Overlay } from "./Overlay";
-
-describe("Overlay", () => {
-	it("should call setIsOpened with false on click or right-click", async () => {
-		const user = userEvent.setup();
-		const setIsOpened = jest.fn();
-		const { getByTestId } = render(<Overlay setIsOpened={setIsOpened} />);
-		const div = getByTestId("overlay");
-		expect(div).toBeInTheDocument();
-		await user.click(div);
-		expect(setIsOpened).toHaveBeenCalledWith(false);
-		fireEvent.contextMenu(div);
-		expect(setIsOpened).toHaveBeenCalledWith(false);
-		expect(setIsOpened).toHaveBeenCalledTimes(2);
-	});
-});

package/src/shared/lib/slickgrid/lib/grouping/formatterGroupTotals.test.ts

@@ -1,59 +0,0 @@
-import { SlickGroup } from "slickgrid";
-
-import { IColumn } from "shared/model/types";
-
-import { formatterGroupTotals } from "./formatterGroupTotals";
-
-describe("sumTotalsFormatter", () => {
-	it("should return an empty string when totals.sum is undefined", () => {
-		const totals = {
-			group: { level: 0 } as SlickGroup,
-			initialized: true,
-			sum: undefined,
-		};
-		const columnDef: IColumn = { field: "someField" };
-
-		const result = formatterGroupTotals(totals as any, columnDef);
-
-		expect(result).toBe("TOTAL: ");
-	});
-
-	it("should return 'TOTAL: 1,000.00' for group level 0", () => {
-		const totals = {
-			group: { level: 0 } as SlickGroup,
-			initialized: true,
-			sum: { someField: 1000 },
-		};
-		const columnDef: IColumn = { field: "someField" };
-
-		const result = formatterGroupTotals(totals as any, columnDef);
-
-		expect(result).toBe("TOTAL: 1,000.00");
-	});
-
-	it("should return 'total: 1,000.00' for group levels greater than 0", () => {
-		const totals = {
-			group: { level: 1 } as SlickGroup,
-			initialized: true,
-			sum: { someField: 1000 },
-		};
-		const columnDef: IColumn = { field: "someField" };
-
-		const result = formatterGroupTotals(totals as any, columnDef);
-
-		expect(result).toBe("total: 1,000.00");
-	});
-
-	it("should return an empty string when totals.sum[columnDef.field] is null", () => {
-		const totals = {
-			group: { level: 0 } as SlickGroup,
-			initialized: true,
-			sum: { someField: null },
-		};
-		const columnDef: IColumn = { field: "someField" };
-
-		const result = formatterGroupTotals(totals as any, columnDef);
-
-		expect(result).toBe("");
-	});
-});

package/src/shared/lib/slickgrid/model/SlickTable/filters/Filter.test.ts

@@ -1,80 +0,0 @@
-import { SlickGrid } from "slickgrid";
-
-import { Filter } from "./Filter";
-
-describe("shared | lib | slickgrid | Filter", () => {
-	it("should initialize with empty arguments and null grid", () => {
-		const filter = new Filter();
-		expect(filter.args).toEqual({});
-		expect(filter.grid).toBeNull();
-	});
-
-	it("should register the filter with the provided grid and table ID", () => {
-		const filter = new Filter();
-		const mockGrid = {
-			getData: jest.fn().mockReturnValue({
-				setFilter: jest.fn(),
-				setFilterArgs: jest.fn(),
-				refresh: jest.fn(),
-			}),
-		} as unknown as SlickGrid;
-		const tableId = "testTable";
-
-		filter.register(mockGrid, tableId);
-
-		expect(filter.grid).toBe(mockGrid);
-		expect(filter.tableId).toBe(tableId);
-		expect(mockGrid.getData().setFilter).toHaveBeenCalledWith(
-			expect.any(Function),
-		);
-		expect(mockGrid.getData().setFilterArgs).toHaveBeenCalledWith(filter.args);
-		expect(mockGrid.getData().refresh).toHaveBeenCalled();
-	});
-
-	it("should reset arguments to an empty object when reset is called", () => {
-		const filter = new Filter();
-		const mockGrid = {
-			getData: jest.fn().mockReturnValue({
-				setFilterArgs: jest.fn(),
-				refresh: jest.fn(),
-			}),
-		} as unknown as SlickGrid;
-		const initialArgs = { key: "value" };
-
-		filter.grid = mockGrid;
-		filter.args = initialArgs;
-
-		filter.reset();
-
-		expect(filter.args).toEqual({});
-		expect(mockGrid.getData().setFilterArgs).toHaveBeenCalledWith({});
-		expect(mockGrid.getData().refresh).toHaveBeenCalled();
-	});
-
-	it("should return an empty array from the print method", () => {
-		const filter = new Filter();
-		const result = filter.print();
-		expect(Array.isArray(result)).toBe(true);
-		expect(result).toEqual([]);
-		expect(result.length).toBe(0);
-	});
-
-	it("should not attempt to reset if grid is null", () => {
-		const filter = new Filter();
-		filter.grid = null;
-
-		filter.reset();
-
-		expect(filter.args).toEqual({});
-	});
-
-	it("should not attempt to update data view if grid is null when setting args", () => {
-		const filter = new Filter();
-		const newArgs = { key: "value" };
-
-		filter.grid = null;
-		filter.args = newArgs;
-
-		expect(filter.args).toEqual(newArgs);
-	});
-});

package/src/shared/lib/slickgrid/model/SlickTable/filters/decorators/ColumnFilter/DecoratorColumnFilter.test.ts

@@ -1,216 +0,0 @@
-import { SlickGrid } from "slickgrid";
-
-import { headerButtons } from "shared/lib/slickgrid";
-import { EColumnFilter, EColumnFiltersGroup } from "shared/model/enums";
-import { IFilter } from "shared/model/types";
-
-import { DecoratorColumnFilter } from "./DecoratorColumnFilter";
-import { filter } from "./Filter";
-
-jest.mock("app/store/store");
-
-describe("DecoratorColumnFilter", () => {
-	let decoratorColumnFilter: DecoratorColumnFilter;
-	let mockFilter: IFilter;
-
-	beforeEach(() => {
-		mockFilter = {
-			getFilterFn: jest.fn(),
-			reset: jest.fn(),
-			print: jest.fn(),
-			args: {},
-			grid: {} as SlickGrid,
-			tableId: "test-table",
-		} as unknown as IFilter;
-		decoratorColumnFilter = new DecoratorColumnFilter(mockFilter);
-	});
-
-	it("should return true when args.columnFilters is undefined", () => {
-		const item = { id: 1, name: "Test" };
-		const args: any = {};
-
-		const result = decoratorColumnFilter.filterFn(item, args);
-
-		expect(result).toBe(true);
-	});
-
-	it("should return true when the grid is not available", () => {
-		const item = { id: 1, name: "Test" };
-		const args = {
-			columnFilters: {
-				name: {
-					filterId: EColumnFilter.TextContain,
-					group: EColumnFiltersGroup.Text,
-					value: { 1: "Test", 2: "" },
-				},
-			},
-		};
-		decoratorColumnFilter.grid = null;
-
-		const result = decoratorColumnFilter.filterFn(item, args);
-
-		expect(result).toBe(true);
-	});
-
-	it("should correctly apply filters for boolean column types", () => {
-		const mockGrid = {
-			getColumns: jest.fn(() => [{ id: "isActive", field: "isActive" }]),
-			getColumnIndex: jest.fn(() => 0),
-		} as unknown as SlickGrid;
-		decoratorColumnFilter.grid = mockGrid;
-
-		const item = { isActive: true };
-		const args = {
-			columnFilters: {
-				isActive: {
-					filterId: EColumnFilter.Boolean,
-					group: EColumnFiltersGroup.Boolean,
-					value: { 1: "true", 2: "" },
-				},
-			},
-		};
-
-		const result = decoratorColumnFilter.filterFn(item, args);
-
-		expect(result).toBe(true);
-		expect(mockGrid.getColumns).toHaveBeenCalled();
-		expect(mockGrid.getColumnIndex).toHaveBeenCalledWith("isActive");
-	});
-
-	it("should return false if any column filter fails", () => {
-		const mockGrid = {
-			getColumns: jest.fn(() => [
-				{ id: "name", field: "name" },
-				{ id: "age", field: "age" },
-			]),
-			getColumnIndex: jest.fn((id) => (id === "name" ? 0 : 1)),
-		} as unknown as SlickGrid;
-		decoratorColumnFilter.grid = mockGrid;
-
-		const item = { name: "John", age: 30 };
-		const args = {
-			columnFilters: {
-				name: {
-					filterId: EColumnFilter.TextContain,
-					group: EColumnFiltersGroup.Text,
-					value: { 1: "John", 2: "" },
-				},
-				age: {
-					filterId: EColumnFilter.NumberFrom,
-					group: EColumnFiltersGroup.Number,
-					value: { 1: "40", 2: "" },
-				},
-			},
-		};
-
-		jest
-			.spyOn(filter, "passed")
-			.mockReturnValueOnce(true) // For name filter
-			.mockReturnValueOnce(false); // For age filter
-
-		const result = decoratorColumnFilter.filterFn(item, args);
-
-		expect(result).toBe(false);
-		expect(mockGrid.getColumns).toHaveBeenCalled();
-		expect(mockGrid.getColumnIndex).toHaveBeenCalledWith("name");
-		expect(mockGrid.getColumnIndex).toHaveBeenCalledWith("age");
-		expect(filter.passed).toHaveBeenCalledTimes(2);
-	});
-
-	it("should use the formatter function for non-boolean and non-number column types", () => {
-		const mockGrid = {
-			getColumns: jest.fn(() => [
-				{
-					id: "name",
-					field: "name",
-					formatter: (_row: number, _cell: number, value: string) =>
-						`Formatted: ${value}`,
-				},
-				{ id: "age", field: "age" },
-			]),
-			getColumnIndex: jest.fn((id) => (id === "name" ? 0 : 1)),
-		} as unknown as SlickGrid;
-		decoratorColumnFilter.grid = mockGrid;
-
-		const item = { name: "John", age: 30 };
-		const args = {
-			columnFilters: {
-				name: {
-					filterId: EColumnFilter.TextContain,
-					group: EColumnFiltersGroup.Text,
-					value: { 1: "Formatted: John", 2: "" },
-				},
-				age: {
-					filterId: EColumnFilter.NumberFrom,
-					group: EColumnFiltersGroup.Number,
-					value: { 1: "30", 2: "" },
-				},
-			},
-		};
-
-		jest.spyOn(filter, "passed").mockReturnValue(true);
-
-		decoratorColumnFilter.filterFn(item, args);
-
-		expect(filter.passed).toHaveBeenCalledWith(
-			"Formatted: John",
-			{ 1: "Formatted: John", 2: "" },
-			EColumnFilter.TextContain,
-		);
-		expect(filter.passed).toHaveBeenCalledWith(
-			30,
-			{ 1: "30", 2: "" },
-			EColumnFilter.NumberFrom,
-		);
-	});
-
-	it("should correctly reset filters and highlight all columns", () => {
-		const mockFilter = {
-			reset: jest.fn(),
-		};
-		const mockHeaderButtons = {
-			highlightAllColumns: jest.fn(),
-		};
-		const mockArgs = { someArg: "value" };
-		const mockTableId = "test-table";
-
-		jest
-			.spyOn(headerButtons, "highlightAllColumns")
-			.mockImplementation(mockHeaderButtons.highlightAllColumns);
-
-		const decoratorColumnFilter = new DecoratorColumnFilter(mockFilter as any);
-		decoratorColumnFilter.args = mockArgs;
-		decoratorColumnFilter.tableId = mockTableId;
-
-		decoratorColumnFilter.reset();
-
-		expect(mockFilter.reset).toHaveBeenCalled();
-		expect(mockHeaderButtons.highlightAllColumns).toHaveBeenCalledWith(
-			mockArgs,
-			mockTableId,
-		);
-	});
-	it("should correctly reset filters and highlight all columns", () => {
-		const mockFilter = {
-			reset: jest.fn(),
-		};
-		const mockHeaderButtons = {
-			highlightAllColumns: jest.fn(),
-		};
-		const mockArgs = { someArg: "value" };
-		const mockTableId = "";
-
-		jest
-			.spyOn(headerButtons, "highlightAllColumns")
-			.mockImplementation(mockHeaderButtons.highlightAllColumns);
-
-		const decoratorColumnFilter = new DecoratorColumnFilter(mockFilter as any);
-		decoratorColumnFilter.args = mockArgs;
-		decoratorColumnFilter.tableId = mockTableId;
-
-		decoratorColumnFilter.reset();
-
-		expect(mockFilter.reset).toHaveBeenCalled();
-		expect(mockHeaderButtons.highlightAllColumns).not.toHaveBeenCalled();
-	});
-});