slick-table 1.1.26 → 1.1.28

package/dist/types/shared/lib/slickgrid/lib/formatters/getFormatterNumber.d.ts

@@ -1,5 +1,5 @@
 import { Formatter } from 'slickgrid';
 import { IFormatterNumberOptions } from '../../../../model/types';
 export declare function getFormatterNumber(options?: IFormatterNumberOptions): Formatter;
-export declare const FORMATTER_NUMBER = "FormatterNumber";
+export declare const FORMATTER_NUMBER: string;
 //# sourceMappingURL=getFormatterNumber.d.ts.map

package/dist/types/shared/lib/slickgrid/lib/formatters/getFormatterNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFormatterNumber.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/lib/formatters/getFormatterNumber.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,wBAAgB,kBAAkB,CACjC,OAAO,CAAC,EAAE,uBAAuB,GAC/B,SAAS,CASX;AAGD,eAAO,MAAM,gBAAgB,oBAAoB,CAAC"}
+{"version":3,"file":"getFormatterNumber.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/lib/formatters/getFormatterNumber.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,wBAAgB,kBAAkB,CACjC,OAAO,CAAC,EAAE,uBAAuB,GAC/B,SAAS,CAQX;AAED,eAAO,MAAM,gBAAgB,QAA4B,CAAC"}

package/dist/types/shared/lib/slickgrid/model/SlickTable/column-picker/ColumnPicker.d.ts

@@ -2,9 +2,16 @@ import { IColumn, IColumnPicker } from '../../../../../model/types';
 export declare class ColumnPicker implements IColumnPicker {
     private _initialColumns;
     private _visibleColumnIds;
+    private _hiddenColumnIds;
+    constructor({ hiddenColumnIds }?: IOptions);
     get visibleColumnIds(): string[];
     set visibleColumnIds(ids: string[]);
     get initialColumns(): IColumn[];
     set initialColumns(columns: IColumn[]);
 }
+interface IOptions {
+    /** Columns with specified IDs will be initially hidden. */
+    hiddenColumnIds?: string[];
+}
+export {};
 //# sourceMappingURL=ColumnPicker.d.ts.map

package/dist/types/shared/lib/slickgrid/model/SlickTable/column-picker/ColumnPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnPicker.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/column-picker/ColumnPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE5D,qBAAa,YAAa,YAAW,aAAa;IACjD,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,iBAAiB,CAAgB;IAEzC,IAAI,gBAAgB,aAEnB;IACD,IAAI,gBAAgB,CAAC,GAAG,UAAA,EAEvB;IAED,IAAI,cAAc,cAEjB;IACD,IAAI,cAAc,CAAC,OAAO,WAAA,EAKzB;CACD"}
+{"version":3,"file":"ColumnPicker.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/model/SlickTable/column-picker/ColumnPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE5D,qBAAa,YAAa,YAAW,aAAa;IACjD,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,gBAAgB,CAAgB;gBAE5B,EAAE,eAAe,EAAE,GAAE,QAAa;IAI9C,IAAI,gBAAgB,aAEnB;IACD,IAAI,gBAAgB,CAAC,GAAG,UAAA,EAEvB;IAED,IAAI,cAAc,cAEjB;IACD,IAAI,cAAc,CAAC,OAAO,WAAA,EAOzB;CACD;AAED,UAAU,QAAQ;IACjB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"SlickgridTable.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA+CpC,CAAC"}
+{"version":3,"file":"SlickgridTable.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAS3B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAoDpC,CAAC"}

package/dist/types/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    Container: 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>, {}, {}>;
+};
+export default _default;
+//# sourceMappingURL=SlickgridTable.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlickgridTable.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/SlickgridTable/ui/SlickgridTable.style.ts"],"names":[],"mappings":";;;;;AA4DA,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":";;;;;AA4JA,wBAA2B"}
+{"version":3,"file":"WithTableStyles.style.d.ts","sourceRoot":"","sources":["../../../../../../../../src/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.ts"],"names":[],"mappings":";;;;;AA+GA,wBAA2B"}

package/package.json

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

package/src/shared/lib/format/formatNumber.spec.ts

@@ -10,6 +10,7 @@ describe("formatMoney", () => {
 	});
 	test("must return zero", () => {
 		expect(formatNumber(0)).toBe("0.00");
+		expect(formatNumber(0, { decimalPlaces: 0 })).toBe("0");
 		expect(formatNumber("0", { decimalSeparator: "," })).toBe("0,00");
 	});
 	test("must return correct values", () => {

package/src/shared/lib/slickgrid/lib/formatters/getFormatterNumber.ts

@@ -6,7 +6,6 @@ import { IFormatterNumberOptions } from "shared/model/types";
 export function getFormatterNumber(
 	options?: IFormatterNumberOptions,
 ): Formatter {
-	// function name should match FORMATTER_NUMBER value
 	return function FormatterNumber(
 		_row: number,
 		_cell: number,
@@ -16,5 +15,4 @@ export function getFormatterNumber(
 	};
 }
 
-// value should match function name
-export const FORMATTER_NUMBER = "FormatterNumber";
+export const FORMATTER_NUMBER = getFormatterNumber().name;

package/src/shared/lib/slickgrid/model/SlickTable/column-picker/ColumnPicker.ts

@@ -3,6 +3,11 @@ import { IColumn, IColumnPicker } from "shared/model/types";
 export class ColumnPicker implements IColumnPicker {
 	private _initialColumns: IColumn[] = [];
 	private _visibleColumnIds: string[] = [];
+	private _hiddenColumnIds: string[] = [];
+
+	constructor({ hiddenColumnIds }: IOptions = {}) {
+		if (hiddenColumnIds) this._hiddenColumnIds = hiddenColumnIds;
+	}
 
 	get visibleColumnIds() {
 		return this._visibleColumnIds;
@@ -16,8 +21,15 @@ export class ColumnPicker implements IColumnPicker {
 	}
 	set initialColumns(columns) {
 		if (!this.visibleColumnIds.length) {
-			this.visibleColumnIds = columns.map(({ id }) => id as string);
+			this.visibleColumnIds = columns
+				.map(({ id }) => id as string)
+				.filter((id) => !this._hiddenColumnIds.includes(id));
 		}
 		this._initialColumns = columns;
 	}
 }
+
+interface IOptions {
+	/** Columns with specified IDs will be initially hidden. */
+	hiddenColumnIds?: string[];
+}

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

@@ -0,0 +1,61 @@
+import { Box, styled } from "@mui/material";
+
+const fontSize = "0.75rem";
+
+const Container = styled(Box)({
+	"& .slick-header-column": {
+		"& .slick-column-name": {
+			fontSize,
+		},
+	},
+
+	"& .slick-viewport": {
+		"& .slick-cell": {
+			display: "flex",
+			fontSize,
+			"&.text-center": {
+				justifyContent: "center",
+				textAlign: "center",
+			},
+			"&.text-right": {
+				justifyContent: "end",
+				textAlign: "right",
+			},
+			"& #autocomplete": {
+				margin: 0,
+				padding: 0,
+				maxHeight: "300px",
+				width: "100%",
+				overflow: "auto",
+				fontSize,
+				boxShadow: "0 0 5px 1px gray",
+				"& div": {
+					"&:hover": {
+						cursor: "pointer",
+					},
+					"& strong": {
+						color: "#007bff",
+					},
+				},
+			},
+		},
+	},
+
+	"& .slick-footerrow": {
+		borderTop: "1px solid silver",
+		"& .slick-footerrow-column": {
+			height: "100%",
+			display: "flex",
+			justifyContent: "flex-end",
+			alignItems: "center",
+			paddingRight: "5px",
+			borderBottom: "none",
+			fontWeight: "bold",
+			"&:last-child": {
+				borderRight: "none",
+			},
+		},
+	},
+});
+
+export default { Container };

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

@@ -9,6 +9,8 @@ import {
 import { onAddNewRow as addNewRow, useGrid } from "../lib";
 import { Props } from "../model";
 
+import Styled from "./SlickgridTable.style";
+
 export const SlickgridTable: FC<Props> = ({
 	SlickDataView,
 	applyCellCssStyles,
@@ -55,5 +57,10 @@ export const SlickgridTable: FC<Props> = ({
 	useUpdateTotal(table);
 	useResizeCanvas(table);
 
-	return <div id={table.id} className={"slick-container"}></div>;
+	return (
+		<Styled.Container
+			id={table.id}
+			className={"slick-container"}
+		></Styled.Container>
+	);
 };

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

@@ -11,7 +11,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
 		color: theme.palette.text.primary,
 		borderColor: theme.palette.background.paper,
 		fontFamily: "inherit",
-		fontSize: "0.75rem",
 
 		"& .slick-header-column": {
 			"&.filter-active .slick-header-button::after": {
@@ -67,26 +66,14 @@ const Wrapper = styled(Box)(({ theme }) => ({
 					"&.even": {
 						backgroundColor: theme.palette.background.default,
 					},
-					// "&.odd": {
-					// 	backgroundColor: theme.palette.background.secondary,
-					// },
-					// "&:hover": {
-					// 	backgroundColor: theme.palette.background.row_hover,
-					// },
-					// "&.active": {
-					// 	backgroundColor: theme.palette.background.row_hover,
-					// },
 					"& .slick-cell": {
 						"&.active": {
-							// backgroundColor: theme.palette.background.row_hover,
 							borderColor: "#007bff",
 							"& input": {
-								// backgroundColor: theme.palette.background.row_hover,
 								color: theme.palette.text.primary,
 							},
 						},
 						"&.selected": {
-							// backgroundColor: theme.palette.background.cell_selected,
 							color: theme.palette.text.primary,
 						},
 						"&.text-right": {
@@ -109,26 +96,7 @@ const Wrapper = styled(Box)(({ theme }) => ({
 							backgroundColor: theme.palette.background.default,
 						},
 						"& #autocomplete": {
-							margin: 0,
-							padding: 0,
-							maxHeight: "300px",
-							width: "100%",
-							overflow: "auto",
 							backgroundColor: theme.palette.background.default,
-							fontSize: "12px",
-							boxShadow: "0 0 5px 1px gray",
-							"& div": {
-								"&:hover": {
-									// backgroundColor: theme.palette.background.row_hover,
-									cursor: "pointer",
-								},
-								"&.active": {
-									// backgroundColor: theme.palette.background.row_hover,
-								},
-								"& strong": {
-									color: "#007bff",
-								},
-							},
 						},
 					},
 				},
@@ -137,19 +105,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
 
 		"& .slick-footerrow": {
 			backgroundColor: theme.palette.background.default,
-			borderTop: "1px solid silver",
-			"& .slick-footerrow-column": {
-				height: "100%",
-				display: "flex",
-				justifyContent: "flex-end",
-				alignItems: "center",
-				paddingRight: "5px",
-				borderBottom: "none",
-				fontWeight: "bold",
-				"&:last-child": {
-					borderRight: "none",
-				},
-			},
 		},
 	},
 }));