slick-table 1.1.29 → 1.1.30

package/dist/index.es.js

@@ -21453,7 +21453,7 @@ class hW extends sh {
     n.isActive && (Vv(t) || jv(t)) && super.handleKeyboardEvent.call(this, t, n);
   }
 }
-const lu = "checkboxSelector";
+const lu = "checkboxSelector", fW = "wink", pW = "bold";
 //! moment.js
 //! version : 2.30.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
@@ -24053,7 +24053,7 @@ ie(sy)({
     fill: "white"
   }
 });
-class fW extends sh {
+class mW extends sh {
   handleKeyboardEvent(t, n) {
     if (n.isActive)
       if (QA(t)) {
@@ -24107,7 +24107,7 @@ let ON = class {
     return this._tableId;
   }
 };
-class mW extends ON {
+class yW extends ON {
   getFilterFn() {
     return (t) => !t?.isDeleted;
   }
@@ -24183,7 +24183,7 @@ class IN {
     return this.filter.tableId;
   }
 }
-function gW(e) {
+function vW(e) {
   return {
     tooltip: "Apply column filter",
     command: e
@@ -30908,13 +30908,8 @@ const MA = (e) => (t, { grid: n, item: o }) => {
 };
 ie(ro)(({ theme: e }) => ({
   "& .slick-container": {
-    userSelect: "none",
-    maxWidth: "100%",
-    height: "100%",
-    maxHeight: "100%",
     color: e.palette.text.primary,
     borderColor: e.palette.background.paper,
-    fontFamily: "inherit",
     "& .slick-viewport": {
       backgroundColor: e.palette.background.paper,
       "& .grid-canvas": {
@@ -30932,9 +30927,6 @@ ie(ro)(({ theme: e }) => ({
             "&.selected": {
               color: e.palette.text.primary
             },
-            "&.bold": {
-              fontWeight: "bold"
-            },
             "& select": {
               color: e.palette.text.primary,
               backgroundColor: e.palette.background.default
@@ -30956,6 +30948,12 @@ const Dm = Ys`
     background-color: #ffb1b1;
   }
 `, Ld = "0.75rem", NA = "24px", AA = ie(ro)({
+  backgroundColor: "transparent",
+  fontFamily: "inherit",
+  height: "100%",
+  maxHeight: "100%",
+  maxWidth: "100%",
+  userSelect: "none",
   "& .slick-header-column": {
     "&.filter-active .slick-header-button::after": {
       width: "7px",
@@ -31006,6 +31004,9 @@ const Dm = Ys`
     }
   },
   "& .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: Ld,
@@ -31017,6 +31018,9 @@ const Dm = Ys`
         justifyContent: "end",
         textAlign: "right"
       },
+      "&.bold": {
+        fontWeight: "bold"
+      },
       "&.wink": {
         animation: `${Dm} infinite 0.5s linear`,
         "& input": {
@@ -31062,7 +31066,7 @@ const Dm = Ys`
       }
     }
   }
-}), FA = { Container: AA }, yW = ({
+}), FA = { Container: AA }, bW = ({
   SlickDataView: e,
   applyCellCssStyles: t,
   assignIds: n,
@@ -31108,14 +31112,14 @@ const Dm = Ys`
     id: k.id,
     className: "slick-container"
   }
-)), vW = {
+)), wW = {
   id: lu,
   field: lu
 };
 function LA(e, t, n) {
   return n ? "<span>&#9998;</span>" : "";
 }
-const bW = {
+const CW = {
   id: "isEdited",
   name: "&#9998;",
   field: "isEdited",
@@ -31205,7 +31209,7 @@ const VA = new $A(), jA = [
   pn.Boolean,
   pn.Number
 ];
-class wW extends IN {
+class SW extends IN {
   filterFn(t, n) {
     if (!n.columnFilters) return !0;
     const o = this.grid;
@@ -33644,7 +33648,7 @@ function UA(e) {
   const { scrollHeight: n, scrollWidth: o } = document.documentElement, { bottom: r, left: i, right: a, top: l } = t.getBoundingClientRect();
   return r <= 0 || i >= o || a <= 0 || l >= n;
 }
-class CW {
+class _W {
   constructor(t) {
     this.columnPicker = null, this.downloadManager = new kD(), this.filter = new MN(), this.hotKeysBehavior = new ED(), this.summaryColumnIds = [], this._grid = null, this._grouping = {}, this._isActive = !1, this._isEdited = !1, this._lastActiveCell = { row: 0, cell: 0 }, this._observers = [], this._printer = new YA();
     const {
@@ -33858,7 +33862,7 @@ const wi = new sF(), iF = (e) => {
         ), o.removeEventListener("click", n, !0);
       };
   }, []);
-}, SW = (e) => {
+}, xW = (e) => {
   const [t, n] = fo(
     aF(e)
   );
@@ -34440,7 +34444,7 @@ class uF extends xm {
   }
 }
 uF.DefaultDecimalPlaces = Wv;
-class _W {
+class RW {
   constructor() {
     this.currentFocus = -1, this.defaultValue = "", this.id = "autocomplete", this.input = document.createElement("input"), this.keyCaptureList = [Hr.UP, Hr.DOWN, Hr.ENTER];
   }
@@ -35018,7 +35022,7 @@ function yF(e) {
     return Hv(r, e);
   };
 }
-const xW = yF().name, RW = (e, t) => {
+const TW = yF().name, kW = (e, t) => {
   const n = e.sum && e.sum[t.field];
   return n !== null ? `${e.group.level ? "total" : "TOTAL"}: ${Hv(n)}` : "";
 };
@@ -35161,7 +35165,7 @@ class SF {
   }
 }
 const _F = new SF();
-class TW {
+class EW {
   constructor(t, n) {
     this.columnsWithTitle = t, this.columnsWithValue = n;
   }
@@ -35278,7 +35282,7 @@ const zv = ie(Sy)({
   Dialog: EF,
   DialogTitle: PF,
   List: DF
-}, kW = () => {
+}, PW = () => {
   const [e, t] = fo(0), [n, o] = fo(!1), [r, i] = fo({});
   function a() {
     Go.open = !1;
@@ -45094,7 +45098,7 @@ const fB = ie(yc)({
   width: "12em"
 }), NB = {
   Wrapper: IB
-}, EW = () => {
+}, DW = () => {
   const [e, t] = fo(Hs), [n, o] = fo(
     We.TextContain
   ), [r, i] = fo(!1);
@@ -45267,7 +45271,7 @@ const WB = ({ setIsOpened: e }) => {
     /* @__PURE__ */ E.jsx(ln.Icon, { className: "sgi sgi-printer" }),
     "Print"
   ] });
-}, PW = ({ clientId: e, clientName: t }) => {
+}, OW = ({ clientId: e, clientName: t }) => {
   const [n, o] = fo(!1);
   return AB(o), n ? /* @__PURE__ */ E.jsxs(zr, { children: [
     /* @__PURE__ */ E.jsx(Ih, { setIsOpened: o }),
@@ -45399,7 +45403,7 @@ const XB = ({ setChecked: e }) => {
 }), sW = ie(ro)({
   maxHeight: "35em",
   overflowY: "auto"
-}), og = { ButtonsGroup: rW, ItemsGroup: sW }, DW = () => {
+}), og = { ButtonsGroup: rW, ItemsGroup: sW }, MW = () => {
   const [e, t] = fo([]), [n, o] = fo(!1);
   if (KB(o), Vn(() => {
     if (!n) return;
@@ -45430,38 +45434,40 @@ const XB = ({ setChecked: e }) => {
   ] }) : null;
 };
 export {
-  _W as Autocomplete,
-  EW as ColumnFilters,
+  RW as Autocomplete,
+  pW as BOLD,
+  DW as ColumnFilters,
   cW as ColumnPicker,
   SF as ColumnSorter,
-  PW as ContextMenu,
-  wW as DecoratorColumnFilter,
+  OW as ContextMenu,
+  SW as DecoratorColumnFilter,
   IN as DecoratorFilter,
   dW as DefaultHotKeys,
   YA as DefaultPrinter,
-  mW as DeletedRowsFilter,
+  yW as DeletedRowsFilter,
   We as EColumnFilter,
   pn as EColumnFiltersGroup,
   Uo as ESortType,
-  xW as FORMATTER_NUMBER,
+  TW as FORMATTER_NUMBER,
   ON as Filter,
-  DW as HeaderContextMenu,
+  MW as HeaderContextMenu,
   sh as HotKeysDecorator,
-  kW as PopupSummary,
+  PW as PopupSummary,
   uW as PreventCopying,
   hW as RedoUndoOnly,
   lW as Skeleton,
-  CW as SlickTable,
-  yW as SlickgridTable,
-  TW as TotalCalculator,
-  fW as WithSummary,
+  _W as SlickTable,
+  bW as SlickgridTable,
+  EW as TotalCalculator,
+  fW as WINK,
+  mW as WithSummary,
   ED as WithoutHotKeys,
-  vW as columnCheckboxSelector,
-  bW as columnIsEdited,
+  wW as columnCheckboxSelector,
+  CW as columnIsEdited,
   Lv as commitCurrentEdit,
   tF as copySelectedRows,
   Hv as formatNumber,
-  RW as formatterGroupTotals,
+  kW as formatterGroupTotals,
   Oh as getDisplayedRows,
   yF as getFormatterNumber,
   bu as getNextId,
@@ -45471,7 +45477,7 @@ export {
   ZA as hotKeysDelete,
   Vv as hotKeysRedo,
   jv as hotKeysUndo,
-  gW as openColumnFilter,
+  vW as openColumnFilter,
   oF as openContextMenu,
-  SW as useListenIfTablesWereEdited
+  xW as useListenIfTablesWereEdited
 };

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":";;;;;AAuHA,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":";;;;;AAkDA,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/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.29",
+  "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

@@ -6,6 +6,13 @@ 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",
@@ -58,6 +65,9 @@ const Container = styled(Box)({
 	},
 
 	"& .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,
@@ -69,6 +79,9 @@ const Container = styled(Box)({
 				justifyContent: "end",
 				textAlign: "right",
 			},
+			"&.bold": {
+				fontWeight: "bold",
+			},
 			"&.wink": {
 				animation: `${wink} infinite 0.5s linear`,
 				"& input": {

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

@@ -2,13 +2,8 @@ import { Box, styled } from "@mui/material";
 
 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-viewport": {
 			backgroundColor: theme.palette.background.paper,
@@ -27,9 +22,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
 						"&.selected": {
 							color: theme.palette.text.primary,
 						},
-						"&.bold": {
-							fontWeight: "bold",
-						},
 						"& select": {
 							color: theme.palette.text.primary,
 							backgroundColor: theme.palette.background.default,

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";