slick-table 1.1.18 → 1.1.19

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

@@ -2,6 +2,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>, {}, {}>;
+    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"> & {
         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>, {}, {}>;

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":";;;;;;;;;;;AAgBA,wBAIE"}
+{"version":3,"file":"PopupSummary.style.d.ts","sourceRoot":"","sources":["../../../../../src/entities/popup-summary/ui/PopupSummary.style.ts"],"names":[],"mappings":";;;;;;;;;;;;AAsBA,wBAKE"}

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

@@ -1 +1 @@
-{"version":3,"file":"TotalByColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/ui/TotalByColumn/TotalByColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAM7E,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,MAAM,CA0BpC,CAAC;AAEF,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EACX,MAAM,GACN,WAAW,GACX,gBAAgB,GAChB,uBAAuB,GACvB,uBAAuB,CAAC;CAC3B"}
+{"version":3,"file":"TotalByColumn.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/ui/TotalByColumn/TotalByColumn.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAM7E,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,MAAM,CA6BpC,CAAC;AAEF,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EACX,MAAM,GACN,WAAW,GACX,gBAAgB,GAChB,uBAAuB,GACvB,uBAAuB,CAAC;CAC3B"}

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

@@ -1,9 +1,6 @@
 declare const _default: {
-    DialogContentText: import('@emotion/styled').StyledComponent<import('@mui/material').DialogContentTextOwnProps & 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>, {}, {}>;
     Icon: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-    Text: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    Total: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 };
 export default _default;
 //# sourceMappingURL=TotalByColumn.style.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TotalByColumn.style.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/ui/TotalByColumn/TotalByColumn.style.ts"],"names":[],"mappings":";;;;;;;AAkBA,wBAA0E"}
+{"version":3,"file":"TotalByColumn.style.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/ui/TotalByColumn/TotalByColumn.style.ts"],"names":[],"mappings":";;;;AAiBA,wBAA+B"}

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

@@ -1 +1 @@
-{"version":3,"file":"StyledDialogContentText.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/ui/styles/StyledDialogContentText.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;;6nDAIlC,CAAC"}
+{"version":3,"file":"StyledDialogContentText.d.ts","sourceRoot":"","sources":["../../../../../../src/entities/popup-summary/ui/styles/StyledDialogContentText.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB;;6nDAKlC,CAAC"}

package/package.json

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

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

@@ -1,4 +1,10 @@
-import { Button, DialogTitle, List, styled } from "@mui/material";
+import { Button, Dialog, DialogTitle, List, styled } from "@mui/material";
+
+const StyledDialog = styled(Dialog)({
+	"& .MuiPaper-root": {
+		minWidth: "25em",
+	},
+});
 
 const StyledDialogTitle = styled(DialogTitle)({
 	color: "#1E456F",
@@ -16,6 +22,7 @@ const StyledButton = styled(Button)({
 
 export default {
 	Button: StyledButton,
+	Dialog: StyledDialog,
 	DialogTitle: StyledDialogTitle,
 	List: StyledList,
 };

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

@@ -1,4 +1,4 @@
-import { Box, Dialog, DialogActions, DialogContent } from "@mui/material";
+import { Box, DialogActions, DialogContent } from "@mui/material";
 import { FC, useEffect, useState } from "react";
 
 import { eventSummary } from "shared/lib/slickgrid";
@@ -39,11 +39,11 @@ export const PopupSummary: FC = () => {
 	if (!isOpened) return null;
 
 	return (
-		<Dialog open={isOpened} onClose={onClose}>
+		<Styled.Dialog open={isOpened} onClose={onClose}>
 			<Styled.DialogTitle>Selected rows summary</Styled.DialogTitle>
 			<DialogContent>
 				<Styled.List>
-					<StyledDialogContentText>{`number of selected rows: ${rowsNumber}`}</StyledDialogContentText>
+					<StyledDialogContentText>{`Number of selected rows: ${rowsNumber}`}</StyledDialogContentText>
 					{Object.entries(totals).map(
 						([id, { label, total, totalFormatted }]) => (
 							<Box key={id}>
@@ -62,6 +62,6 @@ export const PopupSummary: FC = () => {
 					Close
 				</Styled.Button>
 			</DialogActions>
-		</Dialog>
+		</Styled.Dialog>
 	);
 };

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

@@ -1,14 +1,13 @@
-import { DialogContentText, styled } from "@mui/material";
+import { styled } from "@mui/material";
 
-const Text = styled("span")({
-	marginRight: "0.5em",
-});
-const StyledDialogContentText = styled(DialogContentText)({
+const Total = styled("span")({
 	display: "flex",
 	alignItems: "center",
 });
 
 const Icon = styled("span")({
+	marginLeft: "0.5em",
+	width: "20px",
 	cursor: "pointer",
 	backgroundColor: "#1E456F",
 	"&:hover": {
@@ -16,4 +15,4 @@ const Icon = styled("span")({
 	},
 });
 
-export default { DialogContentText: StyledDialogContentText, Icon, Text };
+export default { Icon, Total };

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

@@ -19,17 +19,20 @@ export const TotalByColumn: FC<IProps> = ({ label, total, totalFormatted }) => {
 
 	return (
 		<StyledDialogContentText>
-			<Styled.Text>{`total ${label}: ${totalFormatted}`}</Styled.Text>
-			{open ? (
-				<Styled.Icon className={"sgi sgi-check"}></Styled.Icon>
-			) : (
-				<Tooltip title={"Copy to clipboard"}>
-					<Styled.Icon
-						className={"sgi sgi-content-copy"}
-						onClick={copyToClipboard}
-					/>
-				</Tooltip>
-			)}
+			<span>{`Total ${label}:`}</span>
+			<Styled.Total>
+				<span>{`${totalFormatted}`}</span>
+				{open ? (
+					<Styled.Icon className={"sgi sgi-check"}></Styled.Icon>
+				) : (
+					<Tooltip title={"Copy to clipboard"}>
+						<Styled.Icon
+							className={"sgi sgi-content-copy"}
+							onClick={copyToClipboard}
+						/>
+					</Tooltip>
+				)}
+			</Styled.Total>
 		</StyledDialogContentText>
 	);
 };

package/src/entities/popup-summary/ui/styles/StyledDialogContentText.ts

@@ -4,4 +4,5 @@ export const StyledDialogContentText = styled(DialogContentText)({
 	alignItems: "center",
 	color: "#1E456F",
 	display: "flex",
+	justifyContent: "space-between",
 });