slick-table 1.1.55 → 1.1.57

package/dist/types/entities/popup-summary/ui/PopupSummary.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
-export declare const PopupSummary: FC;
+export declare const PopupSummary: FC<Props>;
+interface Props {
+    tableId: string;
+}
+export {};
 //# sourceMappingURL=PopupSummary.d.ts.map

package/dist/types/entities/popup-summary/ui/PopupSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupSummary.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/ui/PopupSummary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAWhD,eAAO,MAAM,YAAY,EAAE,EAsD1B,CAAC"}
+{"version":3,"file":"PopupSummary.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/ui/PopupSummary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAWhD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAuDlC,CAAC;AAEF,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAC;CAChB"}

package/dist/types/features/column-filters/lib/hooks/useSubscribeToEvent.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
-export declare function useSubscribeToEvent(setIsOpened: Dispatch<SetStateAction<boolean>>): void;
+export declare function useSubscribeToEvent(setIsOpened: Dispatch<SetStateAction<boolean>>, tableId: string): void;
 //# sourceMappingURL=useSubscribeToEvent.d.ts.map

package/dist/types/features/column-filters/lib/hooks/useSubscribeToEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/column-filters/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAI5D,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAW9C"}
+{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/column-filters/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAI5D,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,OAAO,EAAE,MAAM,QAYf"}

package/dist/types/features/column-filters/ui/ColumnFilters.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
-export declare const ColumnFilters: FC;
+export declare const ColumnFilters: FC<Props>;
+interface Props {
+    tableId: string;
+}
+export {};
 //# sourceMappingURL=ColumnFilters.d.ts.map

package/dist/types/features/column-filters/ui/ColumnFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilters.d.ts","sourceRoot":"","sources":["../../../../../src/features/column-filters/ui/ColumnFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAe/C,eAAO,MAAM,aAAa,EAAE,EA4B3B,CAAC"}
+{"version":3,"file":"ColumnFilters.d.ts","sourceRoot":"","sources":["../../../../../src/features/column-filters/ui/ColumnFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAe/C,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CA4BnC,CAAC;AAEF,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAC;CAChB"}

package/dist/types/features/context-menu/lib/hooks/useSubscribeToEvent.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
-export declare function useSubscribeToEvent(setIsOpened: Dispatch<SetStateAction<boolean>>): void;
+export declare function useSubscribeToEvent(setIsOpened: Dispatch<SetStateAction<boolean>>, tableId: string): void;
 //# sourceMappingURL=useSubscribeToEvent.d.ts.map

package/dist/types/features/context-menu/lib/hooks/useSubscribeToEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAQ5D,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAiB9C"}
+{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAQ5D,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,OAAO,EAAE,MAAM,QAkBf"}

package/dist/types/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.d.ts

@@ -1,8 +1,6 @@
 import { Dispatch, FC, SetStateAction } from 'react';
 export declare const ButtonDownloadCSV: FC<TProps>;
 type TProps = {
-    clientId: number;
-    clientName: string;
     setIsOpened: Dispatch<SetStateAction<boolean>>;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonDownloadCSV.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAqBxC,CAAC;AAEF,KAAK,MAAM,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C,CAAC"}
+{"version":3,"file":"ButtonDownloadCSV.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAiBxC,CAAC;AAEF,KAAK,MAAM,GAAG;IACb,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C,CAAC"}

package/dist/types/features/context-menu/ui/ContextMenu.d.ts

@@ -1,8 +1,7 @@
 import { FC } from 'react';
 export declare const ContextMenu: FC<Props>;
 interface Props {
-    clientId: number;
-    clientName: string;
+    tableId: string;
 }
 export {};
 //# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/context-menu/ui/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAkB/C,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAiCjC,CAAC;AAEF,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/context-menu/ui/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAkB/C,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAyBjC,CAAC;AAEF,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAC;CAChB"}

package/dist/types/features/context-menu/ui/Print/ui/Print.d.ts

@@ -1,8 +1,6 @@
 import { Dispatch, FC, SetStateAction } from 'react';
 export declare const Print: FC<IProps>;
 interface IProps {
-    clientId: number;
-    clientName: string;
     setIsOpened: Dispatch<SetStateAction<boolean>>;
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Print.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/context-menu/ui/Print/ui/Print.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAY5B,CAAC;AAEF,UAAU,MAAM;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C"}
+{"version":3,"file":"Print.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/context-menu/ui/Print/ui/Print.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAY5B,CAAC;AAEF,UAAU,MAAM;IACf,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C"}

package/dist/types/features/header-context-menu/lib/hooks/useSubscribeToEvent.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
-export declare function useSubscribeToEvent(setIsOpened: Dispatch<SetStateAction<boolean>>): void;
+export declare function useSubscribeToEvent(setIsOpened: Dispatch<SetStateAction<boolean>>, tableId: string): void;
 //# sourceMappingURL=useSubscribeToEvent.d.ts.map

package/dist/types/features/header-context-menu/lib/hooks/useSubscribeToEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/header-context-menu/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAQ5D,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAiB9C"}
+{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/features/header-context-menu/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAQ5D,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,OAAO,EAAE,MAAM,QAkBf"}

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

@@ -1,3 +1,7 @@
 import { FC } from 'react';
-export declare const HeaderContextMenu: FC;
+export declare const HeaderContextMenu: FC<Props>;
+interface Props {
+    tableId: string;
+}
+export {};
 //# sourceMappingURL=HeaderContextMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/header-context-menu/ui/HeaderContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiC,MAAM,OAAO,CAAC;AAe1D,eAAO,MAAM,iBAAiB,EAAE,EA6C/B,CAAC"}
+{"version":3,"file":"HeaderContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/header-context-menu/ui/HeaderContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiC,MAAM,OAAO,CAAC;AAe1D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,KAAK,CA6CvC,CAAC;AAEF,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAC;CAChB"}

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export { Skeleton } from './entities/skeleton';
-export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, EditorAutocomplete, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, formatterGroupTotals, formatterCheckMark, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, highlightCell, highlightColumns, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, openContextMenu, printerCheckMark, useListenIfTablesWereEdited, } from './shared/lib/slickgrid';
+export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, EditorAutocomplete, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, eventContextMenu, formatterGroupTotals, formatterCheckMark, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, highlightCell, highlightColumns, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, openContextMenu, printerCheckMark, useListenIfTablesWereEdited, } from './shared/lib/slickgrid';
 export { formatNumber } from './shared/lib/format';
 export type { IColumn, IFilter, IFilterArguments, IFormatterNumberOptions, IHotKeysBehavior, IPrinter, ISlickTable, ITotalCalculator, } from './shared/model/types';
 export { BOLD, WINK } from './shared/model/consts';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,2BAA2B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EACX,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,SAAS,GACT,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,2BAA2B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EACX,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,SAAS,GACT,MAAM,oBAAoB,CAAC"}

package/dist/types/shared/lib/slickgrid/model/events/eventContextMenu.d.ts

@@ -1,6 +1,8 @@
 import { AnEvent } from '../../../an-event';
 import { ISlickTable } from '../../../../model/types';
 declare class EventContextMenu extends AnEvent {
+    clientId: number;
+    clientName: string;
     table?: ISlickTable | undefined;
     x: number;
     y: number;

package/dist/types/shared/lib/slickgrid/model/events/eventContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eventContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,gBAAiB,SAAQ,OAAO;IACrC,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,CAAC,SAAK;IACN,CAAC,SAAK;CACN;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}
+{"version":3,"file":"eventContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,gBAAiB,SAAQ,OAAO;IACrC,QAAQ,SAAK;IACb,UAAU,SAAM;IAChB,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,CAAC,SAAK;IACN,CAAC,SAAK;CACN;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}

package/package.json

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

package/src/entities/popup-summary/ui/PopupSummary.tsx

@@ -10,7 +10,7 @@ import { StyledDialogContentText } from "./styles";
 
 import Styled from "./PopupSummary.style";
 
-export const PopupSummary: FC = () => {
+export const PopupSummary: FC<Props> = ({ tableId }) => {
 	const [rowsNumber, setRowsNumber] = useState(0);
 	const [isOpened, setIsOpened] = useState(false);
 	const [totals, setTotals] = useState<ITotal>({});
@@ -21,7 +21,8 @@ export const PopupSummary: FC = () => {
 
 	useEffect(() => {
 		function callback() {
-			const open = eventSummary.open;
+			const { open, table } = eventSummary;
+			if (table?.id !== tableId) return;
 			if (open) {
 				const table = eventSummary.table;
 				const grid = table?.grid;
@@ -34,7 +35,7 @@ export const PopupSummary: FC = () => {
 		return () => {
 			eventSummary.unsubscribe(callback);
 		};
-	}, []);
+	}, [tableId]);
 
 	if (!isOpened) return null;
 
@@ -65,3 +66,7 @@ export const PopupSummary: FC = () => {
 		</Styled.Dialog>
 	);
 };
+
+interface Props {
+	tableId: string;
+}

package/src/features/column-filters/lib/hooks/useSubscribeToEvent.ts

@@ -4,14 +4,16 @@ import { eventOpenColumnFilters } from "shared/lib/slickgrid";
 
 export function useSubscribeToEvent(
 	setIsOpened: Dispatch<SetStateAction<boolean>>,
+	tableId: string,
 ) {
 	useEffect(() => {
 		function callback() {
+			if (eventOpenColumnFilters.table?.id !== tableId) return;
 			setIsOpened(true);
 		}
 		eventOpenColumnFilters.subscribe(callback);
 		return () => {
 			eventOpenColumnFilters.unsubscribe(callback);
 		};
-	}, []);
+	}, [tableId]);
 }

package/src/features/column-filters/ui/ColumnFilters.tsx

@@ -13,14 +13,14 @@ import { SelectFilter } from "./SelectFilter";
 
 import Styled from "./ColumnFilters.style";
 
-export const ColumnFilters: FC = () => {
+export const ColumnFilters: FC<Props> = ({ tableId }) => {
 	const [value, setValue] = useState<IColumnFilterValue>(defaultValue);
 	const [filterId, setFilterId] = useState<EColumnFilter>(
 		EColumnFilter.TextContain,
 	);
 	const [isOpened, setIsOpened] = useState(false);
 
-	useSubscribeToEvent(setIsOpened);
+	useSubscribeToEvent(setIsOpened, tableId);
 	useOpenMenu(isOpened, setFilterId, setValue);
 
 	if (!isOpened) return null;
@@ -42,3 +42,7 @@ export const ColumnFilters: FC = () => {
 		</Fragment>
 	);
 };
+
+interface Props {
+	tableId: string;
+}

package/src/features/context-menu/lib/hooks/useSubscribeToEvent.ts

@@ -8,14 +8,16 @@ import { CONTEXT_MENU } from "../../model";
 
 export function useSubscribeToEvent(
 	setIsOpened: Dispatch<SetStateAction<boolean>>,
+	tableId: string,
 ) {
 	useEffect(() => {
 		function callback() {
+			const { table, x, y } = eventContextMenu;
+			if (table?.id !== tableId) return;
 			setIsOpened(true);
 			setTimeout(() => {
 				const menu = document.getElementById(CONTEXT_MENU);
 				if (!menu) return;
-				const { x, y } = eventContextMenu;
 				makeVisible(menu, x, y);
 			}, 0);
 		}
@@ -23,5 +25,5 @@ export function useSubscribeToEvent(
 		return () => {
 			eventContextMenu.unsubscribe(callback);
 		};
-	}, []);
+	}, [tableId]);
 }

package/src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx

@@ -4,13 +4,9 @@ import { eventContextMenu } from "shared/lib/slickgrid";
 
 import Styled from "../ContextMenu.style";
 
-export const ButtonDownloadCSV: FC<TProps> = ({
-	clientId,
-	clientName,
-	setIsOpened,
-}) => {
+export const ButtonDownloadCSV: FC<TProps> = ({ setIsOpened }) => {
 	const onClick = (): void => {
-		const table = eventContextMenu.table;
+		const { clientId, clientName, table } = eventContextMenu;
 		const grid = table?.grid;
 		if (!table || !grid) {
 			setIsOpened(false);
@@ -28,7 +24,5 @@ export const ButtonDownloadCSV: FC<TProps> = ({
 };
 
 type TProps = {
-	clientId: number;
-	clientName: string;
 	setIsOpened: Dispatch<SetStateAction<boolean>>;
 };

package/src/features/context-menu/ui/ContextMenu.tsx

@@ -16,10 +16,10 @@ import { Print } from "./Print";
 
 import Styled from "./ContextMenu.style";
 
-export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
+export const ContextMenu: FC<Props> = ({ tableId }) => {
 	const [isOpened, setIsOpened] = useState(false);
 
-	useSubscribeToEvent(setIsOpened);
+	useSubscribeToEvent(setIsOpened, tableId);
 
 	if (!isOpened) return null;
 
@@ -28,17 +28,9 @@ export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
 			<Overlay setIsOpened={setIsOpened} />
 			<Popup id={CONTEXT_MENU}>
 				<Styled.Ul>
-					<Print
-						clientId={clientId}
-						clientName={clientName}
-						setIsOpened={setIsOpened}
-					/>
+					<Print setIsOpened={setIsOpened} />
 					<CopyToClipboard setIsOpened={setIsOpened} />
-					<ButtonDownloadCSV
-						clientId={clientId}
-						clientName={clientName}
-						setIsOpened={setIsOpened}
-					/>
+					<ButtonDownloadCSV setIsOpened={setIsOpened} />
 					<ButtonResetFilters setIsOpened={setIsOpened} />
 					<ButtonUngroup setIsOpened={setIsOpened} />
 					<ButtonGroup setIsOpened={setIsOpened} />
@@ -52,6 +44,5 @@ export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
 };
 
 interface Props {
-	clientId: number;
-	clientName: string;
+	tableId: string;
 }

package/src/features/context-menu/ui/Print/ui/Print.tsx

@@ -4,9 +4,9 @@ import { eventContextMenu } from "shared/lib/slickgrid";
 
 import Styled from "../../ContextMenu.style";
 
-export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
+export const Print: FC<IProps> = ({ setIsOpened }) => {
 	function onClick(): void {
-		const table = eventContextMenu.table;
+		const { clientId, clientName, table } = eventContextMenu;
 		table?.printer.print(table, clientId, clientName);
 		setIsOpened(false);
 	}
@@ -19,7 +19,5 @@ export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
 };
 
 interface IProps {
-	clientId: number;
-	clientName: string;
 	setIsOpened: Dispatch<SetStateAction<boolean>>;
 }

package/src/features/header-context-menu/lib/hooks/useSubscribeToEvent.ts

@@ -8,14 +8,16 @@ import { HEADER_CONTEXT_MENU } from "../../model";
 
 export function useSubscribeToEvent(
 	setIsOpened: Dispatch<SetStateAction<boolean>>,
+	tableId: string,
 ) {
 	useEffect(() => {
 		function callback() {
+			const { table, x, y } = eventHeaderContextMenu;
+			if (table?.id !== tableId) return;
 			setIsOpened(true);
 			setTimeout(() => {
 				const menu = document.getElementById(HEADER_CONTEXT_MENU);
 				if (!menu) return;
-				const { x, y } = eventHeaderContextMenu;
 				makeVisible(menu, x, y);
 			}, 0);
 		}
@@ -23,5 +25,5 @@ export function useSubscribeToEvent(
 		return () => {
 			eventHeaderContextMenu.unsubscribe(callback);
 		};
-	}, []);
+	}, [tableId]);
 }

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

@@ -13,11 +13,11 @@ import { Title } from "./Title";
 
 import Styled from "./HeaderContextMenu.style";
 
-export const HeaderContextMenu: FC = () => {
+export const HeaderContextMenu: FC<Props> = ({ tableId }) => {
 	const [checked, setChecked] = useState<string[]>([]);
 	const [isOpened, setIsOpened] = useState(false);
 
-	useSubscribeToEvent(setIsOpened);
+	useSubscribeToEvent(setIsOpened, tableId);
 
 	useEffect(() => {
 		if (!isOpened) return;
@@ -59,3 +59,7 @@ export const HeaderContextMenu: FC = () => {
 		</Fragment>
 	);
 };
+
+interface Props {
+	tableId: string;
+}

package/src/index.ts

@@ -23,6 +23,7 @@ export {
 	columnCheckboxSelector,
 	commitCurrentEdit,
 	copySelectedRows,
+	eventContextMenu,
 	formatterGroupTotals,
 	formatterCheckMark,
 	getDisplayedRows,

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

@@ -2,6 +2,8 @@ import { AnEvent } from "shared/lib/an-event";
 import { ISlickTable } from "shared/model/types";
 
 class EventContextMenu extends AnEvent {
+	clientId = 0;
+	clientName = "";
 	table?: ISlickTable | undefined;
 	x = 0;
 	y = 0;

package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx

@@ -37,7 +37,7 @@ export const SlickgridTable: FC<Props> = ({
 		return <Styled.Skeleton animation="wave" variant={"rectangular"} />;
 
 	return (
-		<Styled.Wrapper id={"slick-table"}>
+		<Styled.Wrapper className={"slick-table"}>
 			<Table
 				SlickDataView={SlickDataView}
 				applyCellCssStyles={applyCellCssStyles}
@@ -59,10 +59,10 @@ export const SlickgridTable: FC<Props> = ({
 				options={options}
 				table={table}
 			/>
-			<HeaderContextMenu />
-			<ColumnFilters />
-			<ContextMenu clientId={5} clientName={"BostonMart"} />
-			<PopupSummary />
+			<HeaderContextMenu tableId={table.id} />
+			<ColumnFilters tableId={table.id} />
+			<ContextMenu tableId={table.id} />
+			<PopupSummary tableId={table.id} />
 		</Styled.Wrapper>
 	);
 };