slick-table 1.1.74 → 1.1.76

package/dist/types/shared/lib/localStrore/model/classes/ColumnWidths.d.ts

@@ -0,0 +1,8 @@
+export declare class ColumnWidths {
+    get(tableId: string): TColumnWidths | undefined;
+    reset(tableId: string): void;
+    set(tableId: string, columnWidths: TColumnWidths): void;
+}
+type TColumnWidths = Record<string | number, number | undefined>;
+export {};
+//# sourceMappingURL=ColumnWidths.d.ts.map

package/dist/types/shared/lib/localStrore/model/classes/ColumnWidths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnWidths.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/classes/ColumnWidths.ts"],"names":[],"mappings":"AAGA,qBAAa,YAAY;IACxB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS;IAI/C,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAK5B,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,GAAG,IAAI;CAKvD;AAED,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC"}

package/dist/types/shared/lib/localStrore/model/classes/index.d.ts

@@ -1,4 +1,5 @@
 export { ColumnFilters } from './ColumnFilters';
+export { ColumnWidths } from './ColumnWidths';
 export { HiddenColumns } from './HiddenColumns';
 export { Sorting } from './Sorting';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/shared/lib/localStrore/model/classes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/classes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/classes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/types/shared/lib/localStrore/model/enums/EStorageKey.d.ts

@@ -1,5 +1,6 @@
 export declare enum EStorageKey {
     columnFilters = "column-filters",
+    columnWidths = "column-widths",
     hiddenColumnIds = "hidden-column-ids",
     slickTable = "slick-table",
     sorting = "sorting"

package/dist/types/shared/lib/localStrore/model/enums/EStorageKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EStorageKey.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/enums/EStorageKey.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,aAAa,mBAAmB;IAChC,eAAe,sBAAsB;IACrC,UAAU,gBAAgB;IAC1B,OAAO,YAAY;CACnB"}
+{"version":3,"file":"EStorageKey.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/localStrore/model/enums/EStorageKey.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,aAAa,mBAAmB;IAChC,YAAY,kBAAkB;IAC9B,eAAe,sBAAsB;IACrC,UAAU,gBAAgB;IAC1B,OAAO,YAAY;CACnB"}

package/dist/types/shared/lib/localStrore/model/localStore.d.ts

@@ -1,6 +1,7 @@
-import { ColumnFilters, HiddenColumns, Sorting } from './classes';
+import { ColumnFilters, ColumnWidths, HiddenColumns, Sorting } from './classes';
 declare class LocalStore {
     columnFilters: ColumnFilters;
+    columnWidths: ColumnWidths;
     hiddenColumns: HiddenColumns;
     sorting: Sorting;
 }

package/dist/types/shared/lib/localStrore/model/localStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localStore.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/lib/localStrore/model/localStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAElE,cAAM,UAAU;IACf,aAAa,gBAAuB;IACpC,aAAa,gBAAuB;IACpC,OAAO,UAAiB;CACxB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC"}
+{"version":3,"file":"localStore.d.ts","sourceRoot":"","sources":["../../../../../../src/shared/lib/localStrore/model/localStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEhF,cAAM,UAAU;IACf,aAAa,gBAAuB;IACpC,YAAY,eAAsB;IAClC,aAAa,gBAAuB;IACpC,OAAO,UAAiB;CACxB;AAED,eAAO,MAAM,UAAU,YAAmB,CAAC"}

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/getOnColumnResized.d.ts

@@ -0,0 +1,3 @@
+import { Handler, OnColumnsResizedEventArgs } from 'slickgrid';
+export declare function getOnColumnResized(tableId: string): Handler<OnColumnsResizedEventArgs>;
+//# sourceMappingURL=getOnColumnResized.d.ts.map

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/getOnColumnResized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOnColumnResized.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/getOnColumnResized.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAC;AAI/D,wBAAgB,kBAAkB,CACjC,OAAO,EAAE,MAAM,GACb,OAAO,CAAC,yBAAyB,CAAC,CAYpC"}

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/index.d.ts

@@ -1,2 +1,3 @@
+export { getOnColumnResized } from './getOnColumnResized';
 export { onAddNewRow } from './onAddNewRow';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/lib/callbacks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

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,YAAY,EACZ,YAAY,EACZ,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,QA2HA"}
+{"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;AAanB,OAAO,EAAE,KAAK,EAAkB,MAAM,aAAa,CAAC;AAGpD,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,YAAY,EACZ,YAAY,EACZ,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,QAmIA"}

package/package.json

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

package/src/shared/lib/localStrore/model/classes/ColumnWidths.ts

@@ -0,0 +1,21 @@
+import { getFromStorage, updateStorage } from "../../lib";
+import { EStorageKey } from "../enums";
+
+export class ColumnWidths {
+	get(tableId: string): TColumnWidths | undefined {
+		const columnFilters = getFromStorage(EStorageKey.columnWidths);
+		return columnFilters[tableId];
+	}
+	reset(tableId: string): void {
+		const columnFilters = getFromStorage(EStorageKey.columnWidths);
+		columnFilters[tableId] = undefined;
+		updateStorage(EStorageKey.columnWidths, columnFilters);
+	}
+	set(tableId: string, columnWidths: TColumnWidths): void {
+		const columnFilters = getFromStorage(EStorageKey.columnWidths);
+		columnFilters[tableId] = columnWidths;
+		updateStorage(EStorageKey.columnWidths, columnFilters);
+	}
+}
+
+type TColumnWidths = Record<string | number, number | undefined>;

package/src/shared/lib/localStrore/model/classes/index.ts

@@ -1,3 +1,4 @@
 export { ColumnFilters } from "./ColumnFilters";
+export { ColumnWidths } from "./ColumnWidths";
 export { HiddenColumns } from "./HiddenColumns";
 export { Sorting } from "./Sorting";

package/src/shared/lib/localStrore/model/enums/EStorageKey.ts

@@ -1,5 +1,6 @@
 export enum EStorageKey {
 	columnFilters = "column-filters",
+	columnWidths = "column-widths",
 	hiddenColumnIds = "hidden-column-ids",
 	slickTable = "slick-table",
 	sorting = "sorting",

package/src/shared/lib/localStrore/model/localStore.ts

@@ -1,7 +1,8 @@
-import { ColumnFilters, HiddenColumns, Sorting } from "./classes";
+import { ColumnFilters, ColumnWidths, HiddenColumns, Sorting } from "./classes";
 
 class LocalStore {
 	columnFilters = new ColumnFilters();
+	columnWidths = new ColumnWidths();
 	hiddenColumns = new HiddenColumns();
 	sorting = new Sorting();
 }

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

@@ -0,0 +1,19 @@
+import { Handler, OnColumnsResizedEventArgs } from "slickgrid";
+
+import { localStore } from "shared/lib/localStrore";
+
+export function getOnColumnResized(
+	tableId: string,
+): Handler<OnColumnsResizedEventArgs> {
+	return function onColumnResized(_event, { grid }) {
+		const columns = grid.getColumns();
+		const widths = columns.reduce(
+			(acc: Record<string | number, number | undefined>, { id, width }) => {
+				acc[id] = width;
+				return acc;
+			},
+			{},
+		);
+		localStore.columnWidths.set(tableId, widths);
+	};
+}

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

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

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

@@ -11,6 +11,7 @@ import {
 	SlickDataView as SlickgridDataView,
 } from "slickgrid";
 
+import { localStore } from "shared/lib/localStrore";
 import { CHECKBOX_SELECTOR } from "shared/model/consts";
 
 import {
@@ -22,6 +23,7 @@ import {
 } from "../../../../lib";
 import { handleHeaderButtons, headerButtons } from "../../../HeaderButtons";
 import { Props, defaultOptions } from "../../model";
+import { getOnColumnResized } from "../callbacks";
 
 export function useGrid({
 	SlickDataView = SlickgridDataView,
@@ -85,6 +87,7 @@ export function useGrid({
 		onClick && grid.onClick.subscribe(onClick);
 		onDblClick && grid.onDblClick.subscribe(onDblClick);
 		grid.onSort.subscribe(columnSorter.getSortFunction(table.id));
+		grid.onColumnsResized.subscribe(getOnColumnResized(table.id));
 		grid.onContextMenu.subscribe(openContextMenu(table));
 		table.columnPicker &&
 			grid.onHeaderContextMenu.subscribe(openHeaderContextMenu(table));
@@ -139,16 +142,23 @@ export function useGrid({
 		const grid = table.grid;
 		if (!grid) return;
 		if (!columns.length) return;
-		if (columns[0].id === CHECKBOX_SELECTOR) {
+		const columnWidths = localStore.columnWidths.get(table.id);
+		const columnsWithRestoredWidth = columnWidths
+			? columns.map((column) => ({
+					...column,
+					width: columnWidths[column.id] || column.width,
+				}))
+			: columns;
+		if (columnsWithRestoredWidth[0].id === CHECKBOX_SELECTOR) {
 			const checkboxSelector = new SlickCheckboxSelectColumn();
 			grid.setColumns([
 				// @ts-ignore
 				{ ...checkboxSelector.getColumnDefinition(), focusable: false },
-				...columns.slice(1),
+				...columnsWithRestoredWidth.slice(1),
 			]);
 			grid.registerPlugin(checkboxSelector);
 		} else {
-			grid.setColumns(columns);
+			grid.setColumns(columnsWithRestoredWidth);
 		}
 		if (table.columnPicker) {
 			table.columnPicker.setInitialColumns(grid.getColumns(), table.id);