slick-table 1.1.56 → 1.1.58

package/dist/types/entities/popup-summary/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useMakeVisible } from './useOpenPopup';
+export { useSubscribeToEvent } from './useSubscribeToEvent';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/entities/popup-summary/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/types/entities/popup-summary/lib/hooks/useOpenPopup.d.ts

@@ -0,0 +1,2 @@
+export declare function useMakeVisible(isOpened: boolean): void;
+//# sourceMappingURL=useOpenPopup.d.ts.map

package/dist/types/entities/popup-summary/lib/hooks/useOpenPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenPopup.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/lib/hooks/useOpenPopup.ts"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,QAS/C"}

package/dist/types/entities/popup-summary/lib/hooks/useSubscribeToEvent.d.ts

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

package/dist/types/entities/popup-summary/lib/hooks/useSubscribeToEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSubscribeToEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/lib/hooks/useSubscribeToEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAK5D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,EAC9C,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAC/C,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAC3C,OAAO,EAAE,MAAM,QAmBf"}

package/dist/types/entities/popup-summary/lib/index.d.ts

@@ -1,2 +1,3 @@
-export { getTotals } from './getTotals';
+export { getTotals } from './total';
+export { useMakeVisible, useSubscribeToEvent } from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/entities/popup-summary/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/entities/popup-summary/lib/total/getTotals.d.ts

@@ -0,0 +1,4 @@
+import { ISlickTable } from '../../../../shared/model/types';
+import { ITotal } from '../../model';
+export declare function getTotals(table: ISlickTable | undefined): ITotal;
+//# sourceMappingURL=getTotals.d.ts.map

package/dist/types/entities/popup-summary/lib/total/getTotals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTotals.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/lib/total/getTotals.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,wBAAgB,SAAS,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAuChE"}

package/dist/types/entities/popup-summary/lib/total/index.d.ts

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

package/dist/types/entities/popup-summary/lib/total/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/lib/total/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/entities/popup-summary/model/consts/id.d.ts

@@ -0,0 +1,2 @@
+export declare const SELECTED_ROWS_SUMMARY = "selected-rows-summary";
+//# sourceMappingURL=id.d.ts.map

package/dist/types/entities/popup-summary/model/consts/id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/model/consts/id.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/dist/types/entities/popup-summary/model/consts/index.d.ts

@@ -0,0 +1,2 @@
+export { SELECTED_ROWS_SUMMARY } from './id';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/entities/popup-summary/model/consts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/model/consts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,MAAM,CAAC"}

package/dist/types/entities/popup-summary/model/index.d.ts

@@ -1,2 +1,3 @@
+export { SELECTED_ROWS_SUMMARY } from './consts';
 export type { ITotal } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/entities/popup-summary/model/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/model/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/model/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC"}

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":"AAAA,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAY/C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CAyClC,CAAC;AAEF,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1,14 +1,17 @@
 declare const _default: {
     Button: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-    }, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-    Dialog: import('@emotion/styled').StyledComponent<import('@mui/material').DialogProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-    DialogTitle: import('@emotion/styled').StyledComponent<import('@mui/material').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    }, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    ButtonContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    RowsNumber: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    Title: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
     }, "className" | "style" | "classes" | "p" | "color" | "children" | "height" | "sx" | "variant" | "width" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-    List: import('@emotion/styled').StyledComponent<import('@mui/material').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-        ref?: ((instance: HTMLUListElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLUListElement> | null | undefined;
-    }, "className" | "style" | "classes" | "children" | "sx" | "dense" | "disablePadding" | "subheader"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    Ul: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
 };
 export default _default;
 //# sourceMappingURL=PopupSummary.style.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupSummary.style.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/ui/PopupSummary.style.ts"],"names":[],"mappings":";;;;;;;;;;;;AAsBA,wBAKE"}
+{"version":3,"file":"PopupSummary.style.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/ui/PopupSummary.style.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8BA,wBAME"}

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/model/consts/id.d.ts

@@ -1,2 +1,2 @@
-export declare const COLUMN_FILTERS = "column_filters";
+export declare const COLUMN_FILTERS = "column-filters";
 //# sourceMappingURL=id.d.ts.map

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

@@ -1,7 +1,7 @@
 declare const _default: {
     Button: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-    }, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    }, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 };
 export default _default;
 //# sourceMappingURL=ButtonReset.style.d.ts.map

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/model/consts/id.d.ts

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

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

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

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/dist/types/features/header-context-menu/ui/Item/Item.style.d.ts

@@ -3,7 +3,7 @@ declare const _default: {
     Checkbox: import('@emotion/styled').StyledComponent<CheckboxProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
     Button: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-    }, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    }, "className" | "style" | "classes" | "tabIndex" | "color" | "children" | "sx" | "variant" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 };
 export default _default;
 //# sourceMappingURL=Item.style.d.ts.map

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, eventContextMenu, 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, 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,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,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/eventSummary.d.ts

@@ -3,6 +3,8 @@ import { ISlickTable } from '../../../../model/types';
 declare class EventSummary extends AnEvent {
     private _open;
     private _table;
+    x: number;
+    y: number;
     get open(): boolean;
     set open(open: boolean);
     get table(): ISlickTable | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"eventSummary.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventSummary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,YAAa,SAAQ,OAAO;IACjC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAA0B;IAExC,IAAI,IAAI,YAEP;IACD,IAAI,IAAI,CAAC,IAAI,SAAA,EAGZ;IAED,IAAI,KAAK,4BAER;IACD,IAAI,KAAK,CAAC,KAAK,yBAAA,EAEd;CACD;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}
+{"version":3,"file":"eventSummary.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventSummary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,YAAa,SAAQ,OAAO;IACjC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,MAAM,CAA0B;IACxC,CAAC,SAAK;IACN,CAAC,SAAK;IAEN,IAAI,IAAI,YAEP;IACD,IAAI,IAAI,CAAC,IAAI,SAAA,EAGZ;IAED,IAAI,KAAK,4BAER;IACD,IAAI,KAAK,CAAC,KAAK,yBAAA,EAEd;CACD;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/dist/types/shared/ui/ContextSelect/ContextSelect.style.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
     MenuItem: import('@emotion/styled').StyledComponent<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
         ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
-    }, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "dense" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters" | "divider"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    }, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 };
 export default _default;
 //# sourceMappingURL=ContextSelect.style.d.ts.map

package/package.json

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

package/src/entities/popup-summary/lib/hooks/index.ts

@@ -0,0 +1,2 @@
+export { useMakeVisible } from "./useOpenPopup";
+export { useSubscribeToEvent } from "./useSubscribeToEvent";

package/src/entities/popup-summary/lib/hooks/useOpenPopup.ts

@@ -0,0 +1,16 @@
+import { useEffect } from "react";
+
+import { eventSummary } from "shared/lib/slickgrid";
+
+import { SELECTED_ROWS_SUMMARY } from "../../model";
+
+export function useMakeVisible(isOpened: boolean) {
+	useEffect(() => {
+		if (!isOpened) return;
+		const popup = document.getElementById(SELECTED_ROWS_SUMMARY);
+		if (!popup) return;
+		popup.style.visibility = "visible";
+		popup.style.left = `${eventSummary.x}px`;
+		popup.style.top = `${eventSummary.y}px`;
+	}, [isOpened]);
+}

package/src/entities/popup-summary/lib/hooks/useSubscribeToEvent.ts

@@ -0,0 +1,31 @@
+import { Dispatch, SetStateAction, useEffect } from "react";
+
+import { eventSummary } from "shared/lib/slickgrid";
+
+import { getTotals } from "entities/popup-summary/lib";
+import { ITotal } from "entities/popup-summary/model";
+
+export function useSubscribeToEvent(
+	setIsOpened: Dispatch<SetStateAction<boolean>>,
+	setRowsNumber: Dispatch<SetStateAction<number>>,
+	setTotals: Dispatch<SetStateAction<ITotal>>,
+	tableId: string,
+) {
+	useEffect(() => {
+		function callback() {
+			const { open, table } = eventSummary;
+			if (table?.id !== tableId) return;
+			if (open) {
+				const table = eventSummary.table;
+				const grid = table?.grid;
+				setRowsNumber(grid?.getSelectedRows().length || 0);
+				setTotals(getTotals(table));
+			}
+			setIsOpened(open);
+		}
+		eventSummary.subscribe(callback);
+		return () => {
+			eventSummary.unsubscribe(callback);
+		};
+	}, [tableId]);
+}

package/src/entities/popup-summary/lib/index.ts

@@ -1 +1,2 @@
-export { getTotals } from "./getTotals";
+export { getTotals } from "./total";
+export { useMakeVisible, useSubscribeToEvent } from "./hooks";

package/src/entities/popup-summary/lib/{getTotals.ts → total/getTotals.ts}

@@ -1,8 +1,9 @@
 import { SlickDataView } from "slickgrid";
 
+import { formatNumber } from "shared/lib/format";
 import { ISlickTable } from "shared/model/types";
 
-import { ITotal } from "../model";
+import { ITotal } from "../../model";
 
 export function getTotals(table: ISlickTable | undefined): ITotal {
 	const result: ITotal = {};
@@ -39,7 +40,7 @@ export function getTotals(table: ISlickTable | undefined): ITotal {
 						item,
 						grid,
 					)
-				: `${result[id].total}`;
+				: `${formatNumber(result[id].total)}`;
 		});
 	});
 	return result;

package/src/entities/popup-summary/lib/total/index.ts

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

package/src/entities/popup-summary/model/consts/id.ts

@@ -0,0 +1 @@
+export const SELECTED_ROWS_SUMMARY = "selected-rows-summary";

package/src/entities/popup-summary/model/consts/index.ts

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

package/src/entities/popup-summary/model/index.ts

@@ -1 +1,2 @@
+export { SELECTED_ROWS_SUMMARY } from "./consts";
 export type { ITotal } from "./types";

package/src/entities/popup-summary/ui/PopupSummary.style.ts

@@ -1,17 +1,25 @@
-import { Button, Dialog, DialogTitle, List, styled } from "@mui/material";
+import { Box, Button, Typography, styled } from "@mui/material";
 
-const StyledDialog = styled(Dialog)({
-	"& .MuiPaper-root": {
-		minWidth: "25em",
-	},
+const Title = styled(Typography)({
+	color: "#1E456F",
+	marginBottom: "0.5em",
+	fontWeight: "600",
+	fontSize: "1.3rem",
+	letterSpacing: "-2%",
+	minWidth: "14em",
 });
 
-const StyledDialogTitle = styled(DialogTitle)({
+const RowsNumber = styled(Box)({
 	color: "#1E456F",
 });
 
-const StyledList = styled(List)({
-	padding: 0,
+const Ul = styled("ul")({
+	paddingLeft: "1.5em",
+});
+
+const ButtonContainer = styled(Box)({
+	display: "flex",
+	justifyContent: "end",
 });
 
 const StyledButton = styled(Button)({
@@ -22,7 +30,8 @@ const StyledButton = styled(Button)({
 
 export default {
 	Button: StyledButton,
-	Dialog: StyledDialog,
-	DialogTitle: StyledDialogTitle,
-	List: StyledList,
+	ButtonContainer,
+	RowsNumber,
+	Title,
+	Ul,
 };

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

@@ -1,16 +1,16 @@
-import { Box, DialogActions, DialogContent } from "@mui/material";
-import { FC, useEffect, useState } from "react";
+import { FC, Fragment, useState } from "react";
 
 import { eventSummary } from "shared/lib/slickgrid";
 
-import { getTotals } from "../lib";
-import { ITotal } from "../model";
+import { Overlay, Popup } from "entities/popup";
+
+import { useMakeVisible, useSubscribeToEvent } from "../lib";
+import { ITotal, SELECTED_ROWS_SUMMARY } from "../model";
 import { TotalByColumn } from "./TotalByColumn";
-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>({});
@@ -19,49 +19,40 @@ export const PopupSummary: FC = () => {
 		eventSummary.open = false;
 	}
 
-	useEffect(() => {
-		function callback() {
-			const open = eventSummary.open;
-			if (open) {
-				const table = eventSummary.table;
-				const grid = table?.grid;
-				setRowsNumber(grid?.getSelectedRows().length || 0);
-				setTotals(getTotals(table));
-			}
-			setIsOpened(open);
-		}
-		eventSummary.subscribe(callback);
-		return () => {
-			eventSummary.unsubscribe(callback);
-		};
-	}, []);
+	useMakeVisible(isOpened);
+	useSubscribeToEvent(setIsOpened, setRowsNumber, setTotals, tableId);
 
 	if (!isOpened) return null;
 
 	return (
-		<Styled.Dialog open={isOpened} onClose={onClose}>
-			<Styled.DialogTitle>Selected rows summary</Styled.DialogTitle>
-			<DialogContent>
-				<Styled.List>
-					<StyledDialogContentText>{`Number of selected rows: ${rowsNumber}`}</StyledDialogContentText>
+		<Fragment>
+			<Overlay setIsOpened={setIsOpened} />
+			<Popup id={SELECTED_ROWS_SUMMARY}>
+				<Styled.Title variant={"h6"}>Selected rows summary</Styled.Title>
+				<Styled.RowsNumber>{`Number of selected rows: ${rowsNumber}`}</Styled.RowsNumber>
+				<Styled.Ul>
 					{Object.entries(totals).map(
 						([id, { label, total, totalFormatted }]) => (
-							<Box key={id}>
+							<li key={id}>
 								<TotalByColumn
 									label={label}
 									total={total}
 									totalFormatted={totalFormatted}
 								/>
-							</Box>
+							</li>
 						),
 					)}
-				</Styled.List>
-			</DialogContent>
-			<DialogActions>
-				<Styled.Button variant={"outlined"} onClick={onClose}>
-					Close
-				</Styled.Button>
-			</DialogActions>
-		</Styled.Dialog>
+				</Styled.Ul>
+				<Styled.ButtonContainer>
+					<Styled.Button variant={"outlined"} onClick={onClose}>
+						Close
+					</Styled.Button>
+				</Styled.ButtonContainer>
+			</Popup>
+		</Fragment>
 	);
 };
+
+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/model/consts/id.ts

@@ -1 +1 @@
-export const COLUMN_FILTERS = "column_filters";
+export const COLUMN_FILTERS = "column-filters";