slick-table 1.1.56 → 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/ContextMenu.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
-export declare const ContextMenu: FC;
+export declare const ContextMenu: FC<Props>;
+interface Props {
+    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,EAyBzB,CAAC"}
+{"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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slick-table",
-  "version": "1.1.56",
+  "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/ContextMenu.tsx

@@ -16,10 +16,10 @@ import { Print } from "./Print";
 
 import Styled from "./ContextMenu.style";
 
-export const ContextMenu: FC = () => {
+export const ContextMenu: FC<Props> = ({ tableId }) => {
 	const [isOpened, setIsOpened] = useState(false);
 
-	useSubscribeToEvent(setIsOpened);
+	useSubscribeToEvent(setIsOpened, tableId);
 
 	if (!isOpened) return null;
 
@@ -42,3 +42,7 @@ export const ContextMenu: FC = () => {
 		</Fragment>
 	);
 };
+
+interface Props {
+	tableId: string;
+}

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/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 />
-			<PopupSummary />
+			<HeaderContextMenu tableId={table.id} />
+			<ColumnFilters tableId={table.id} />
+			<ContextMenu tableId={table.id} />
+			<PopupSummary tableId={table.id} />
 		</Styled.Wrapper>
 	);
 };