slick-table 1.1.28 → 1.1.30

package/dist/types/index.d.ts

@@ -6,5 +6,6 @@ export { HeaderContextMenu } from './features/header-context-menu';
 export { Autocomplete, ColumnPicker, ColumnSorter, DecoratorColumnFilter, DecoratorFilter, DefaultHotKeys, DefaultPrinter, DeletedRowsFilter, FORMATTER_NUMBER, Filter, HotKeysDecorator, PreventCopying, RedoUndoOnly, SlickTable, SlickgridTable, TotalCalculator, WithSummary, WithoutHotKeys, columnIsEdited, columnCheckboxSelector, commitCurrentEdit, copySelectedRows, formatterGroupTotals, getDisplayedRows, getFormatterNumber, getNextId, handleHeaderButtons, headerButtons, hotKeysCopy, hotKeysDelete, hotKeysRedo, hotKeysUndo, openColumnFilter, openContextMenu, 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';
 export { EColumnFilter, EColumnFiltersGroup, ESortType, } from './shared/model/enums';
 //# sourceMappingURL=index.d.ts.map

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,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,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,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,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,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,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,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,gBAAgB,EAChB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,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/ui/SlickgridTable/ui/SlickgridTable.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlickgridTable.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts"],"names":[],"mappings":";;;;;AA4DA,wBAA6B"}
+{"version":3,"file":"SlickgridTable.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts"],"names":[],"mappings":";;;;;AAoIA,wBAA6B"}

package/dist/types/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithTableStyles.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts"],"names":[],"mappings":";;;;;AA+GA,wBAA2B"}
+{"version":3,"file":"WithTableStyles.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts"],"names":[],"mappings":";;;;;AA0CA,wBAA2B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/ui/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/ui/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/shared/model/consts/cssClasses.d.ts

@@ -0,0 +1,5 @@
+/** The css class is used for making cell wink */
+export declare const WINK = "wink";
+/** The css class is used for increasing font weight */
+export declare const BOLD = "bold";
+//# sourceMappingURL=cssClasses.d.ts.map

package/dist/types/shared/model/consts/cssClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssClasses.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/consts/cssClasses.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,uDAAuD;AACvD,eAAO,MAAM,IAAI,SAAS,CAAC"}

package/dist/types/shared/model/consts/index.d.ts

@@ -1,4 +1,5 @@
 export { CHECKBOX_SELECTOR } from './columnId';
+export { BOLD, WINK } from './cssClasses';
 export { dateFormats } from './dateFormats';
 export { INVALID_DATE } from './invalidDate';
 export { NO_PRIVILEGES_MESSAGE } from './noPrivilegesMessage';

package/dist/types/shared/model/consts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/consts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/model/consts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC"}

package/package.json

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

package/src/index.ts

@@ -51,6 +51,7 @@ export type {
 	ISlickTable,
 	ITotalCalculator,
 } from "shared/model/types";
+export { BOLD, WINK } from "shared/model/consts";
 export {
 	EColumnFilter,
 	EColumnFiltersGroup,

package/src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts

@@ -1,15 +1,73 @@
 import { Box, styled } from "@mui/material";
 
+import { wink } from "../../styles";
+
 const fontSize = "0.75rem";
+const cellHeight = "24px";
 
 const Container = styled(Box)({
+	backgroundColor: "transparent",
+	fontFamily: "inherit",
+	height: "100%",
+	maxHeight: "100%",
+	maxWidth: "100%",
+	userSelect: "none",
+
 	"& .slick-header-column": {
+		"&.filter-active .slick-header-button::after": {
+			width: "7px",
+			height: "7px",
+			content: "''",
+			backgroundColor: "#2196f3",
+			position: "absolute",
+			borderRadius: "50%",
+			border: "2px solid #f8f8f8",
+			top: "3px",
+			right: "3px",
+		},
+		"&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
+			"& .slick-column-name": {
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap",
+				overflow: "hidden",
+				maxWidth: "calc(100% - 16px)",
+			},
+		},
+		"&.slick-state-hover": {
+			"&.filter-active .slick-header-button::after": {
+				border: "2px solid #e8e8e8",
+			},
+			"& .slick-header-button": {
+				"&::before": {
+					backgroundColor: "#e8e8e8",
+				},
+			},
+		},
 		"& .slick-column-name": {
 			fontSize,
 		},
+		"& .slick-header-button": {
+			width: "19px",
+			height: "12px",
+			"&::before": {
+				position: "absolute",
+				content: "''",
+				width: "19px",
+				height: "12px",
+				top: "6px",
+				right: "5px",
+				backgroundImage:
+					"repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
+				clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
+				backgroundColor: "#f8f8f8",
+			},
+		},
 	},
 
 	"& .slick-viewport": {
+		// Prevent displaying vertical scroll bar. Override this style when table exceeds available width
+		overflowX: "hidden !important",
+		backgroundColor: "transparent",
 		"& .slick-cell": {
 			display: "flex",
 			fontSize,
@@ -21,14 +79,28 @@ const Container = styled(Box)({
 				justifyContent: "end",
 				textAlign: "right",
 			},
+			"&.bold": {
+				fontWeight: "bold",
+			},
+			"&.wink": {
+				animation: `${wink} infinite 0.5s linear`,
+				"& input": {
+					animation: `${wink} infinite 0.5s linear`,
+				},
+			},
+			"& input.editor-text": {
+				textAlign: "inherit",
+			},
 			"& #autocomplete": {
+				boxShadow: "0 0 5px 1px gray",
+				fontSize,
 				margin: 0,
-				padding: 0,
 				maxHeight: "300px",
-				width: "100%",
+				minWidth: "100%",
 				overflow: "auto",
-				fontSize,
-				boxShadow: "0 0 5px 1px gray",
+				padding: 0,
+				position: "absolute",
+				top: cellHeight,
 				"& div": {
 					"&:hover": {
 						cursor: "pointer",

package/src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts

@@ -1,64 +1,10 @@
 import { Box, styled } from "@mui/material";
 
-import { wink } from "../keyframes";
-
 const Wrapper = styled(Box)(({ theme }) => ({
 	"& .slick-container": {
-		userSelect: "none",
-		maxWidth: "100%",
-		height: "100%",
-		maxHeight: "100%",
 		color: theme.palette.text.primary,
 		borderColor: theme.palette.background.paper,
-		fontFamily: "inherit",
 
-		"& .slick-header-column": {
-			"&.filter-active .slick-header-button::after": {
-				width: "7px",
-				height: "7px",
-				content: "''",
-				backgroundColor: "#2196f3",
-				position: "absolute",
-				borderRadius: "50%",
-				border: "2px solid #f8f8f8",
-				top: "3px",
-				right: "3px",
-			},
-			"&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
-				"& .slick-column-name": {
-					textOverflow: "ellipsis",
-					whiteSpace: "nowrap",
-					overflow: "hidden",
-					maxWidth: "calc(100% - 16px)",
-				},
-			},
-			"&.slick-state-hover": {
-				"&.filter-active .slick-header-button::after": {
-					border: "2px solid #e8e8e8",
-				},
-				"& .slick-header-button": {
-					"&::before": {
-						backgroundColor: "#e8e8e8",
-					},
-				},
-			},
-			"& .slick-header-button": {
-				width: "19px",
-				height: "12px",
-				"&::before": {
-					position: "absolute",
-					content: "''",
-					width: "19px",
-					height: "12px",
-					top: "6px",
-					right: "5px",
-					backgroundImage:
-						"repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
-					clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
-					backgroundColor: "#f8f8f8",
-				},
-			},
-		},
 		"& .slick-viewport": {
 			backgroundColor: theme.palette.background.paper,
 			"& .grid-canvas": {
@@ -76,21 +22,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
 						"&.selected": {
 							color: theme.palette.text.primary,
 						},
-						"&.text-right": {
-							textAlign: "right",
-						},
-						"&.bold": {
-							fontWeight: "bold",
-						},
-						"&.wink": {
-							animation: `${wink} infinite 0.5s linear`,
-							"& input": {
-								animation: `${wink} infinite 0.5s linear`,
-							},
-						},
-						"& input.editor-text": {
-							textAlign: "inherit",
-						},
 						"& select": {
 							color: theme.palette.text.primary,
 							backgroundColor: theme.palette.background.default,

package/src/shared/lib/slickgrid/ui/styles/index.ts

@@ -1 +1,2 @@
 export { WithTableStyles } from "./WithTableStyles";
+export { wink } from "./keyframes";

package/src/shared/model/consts/cssClasses.ts

@@ -0,0 +1,4 @@
+/** The css class is used for making cell wink */
+export const WINK = "wink";
+/** The css class is used for increasing font weight */
+export const BOLD = "bold";

package/src/shared/model/consts/index.ts

@@ -1,4 +1,5 @@
 export { CHECKBOX_SELECTOR } from "./columnId";
+export { BOLD, WINK } from "./cssClasses";
 export { dateFormats } from "./dateFormats";
 export { INVALID_DATE } from "./invalidDate";
 export { NO_PRIVILEGES_MESSAGE } from "./noPrivilegesMessage";