slick-table 1.1.54 → 1.1.56

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

@@ -1,8 +1,6 @@
 import { Dispatch, FC, SetStateAction } from 'react';
 export declare const ButtonDownloadCSV: FC<TProps>;
 type TProps = {
-    clientId: number;
-    clientName: string;
     setIsOpened: Dispatch<SetStateAction<boolean>>;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonDownloadCSV.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAqBxC,CAAC;AAEF,KAAK,MAAM,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C,CAAC"}
+{"version":3,"file":"ButtonDownloadCSV.d.ts","sourceRoot":"","sources":["../../../../../../src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMrD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAiBxC,CAAC;AAEF,KAAK,MAAM,GAAG;IACb,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/C,CAAC"}

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

@@ -1,8 +1,3 @@
 import { FC } from 'react';
-export declare const ContextMenu: FC<Props>;
-interface Props {
-    clientId: number;
-    clientName: string;
-}
-export {};
+export declare const ContextMenu: FC;
 //# 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,EAAE,CAAC,KAAK,CAiCjC,CAAC;AAEF,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACnB"}
+{"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"}

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

@@ -1,8 +1,6 @@
 import { Dispatch, FC, SetStateAction } from 'react';
 export declare const Print: FC<IProps>;
 interface IProps {
-    clientId: number;
-    clientName: string;
     setIsOpened: Dispatch<SetStateAction<boolean>>;
 }
 export {};

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

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

package/dist/types/index.d.ts

@@ -1,9 +1,5 @@
 export { Skeleton } from './entities/skeleton';
-export { PopupSummary } from './entities/popup-summary';
-export { ColumnFilters } from './features/column-filters';
-export { ContextMenu } from './features/context-menu';
-export { HeaderContextMenu } from './features/header-context-menu';
-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, 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, openContextMenu, 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,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,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,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,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"}

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

@@ -1,6 +1,8 @@
 import { AnEvent } from '../../../an-event';
 import { ISlickTable } from '../../../../model/types';
 declare class EventContextMenu extends AnEvent {
+    clientId: number;
+    clientName: string;
     table?: ISlickTable | undefined;
     x: number;
     y: number;

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

@@ -1 +1 @@
-{"version":3,"file":"eventContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,gBAAiB,SAAQ,OAAO;IACrC,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,CAAC,SAAK;IACN,CAAC,SAAK;CACN;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}
+{"version":3,"file":"eventContextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/shared/lib/slickgrid/model/events/eventContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,cAAM,gBAAiB,SAAQ,OAAO;IACrC,QAAQ,SAAK;IACb,UAAU,SAAM;IAChB,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,CAAC,SAAK;IACN,CAAC,SAAK;CACN;AAED,eAAO,MAAM,gBAAgB,kBAAyB,CAAC"}

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;AAE3B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmDpC,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;AAQ3B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAsDpC,CAAC"}

package/package.json

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

package/src/entities/popup/ui/Popup.style.ts

@@ -6,7 +6,7 @@ const Wrapper = styled(Box)({
 	backgroundColor: "#FFFFFF",
 	boxShadow: "1px 1px 1px 1px gray",
 	padding: "0.5em",
-	position: "absolute",
+	position: "fixed",
 	zIndex: 10,
 	userSelect: "none",
 	fontSize: "inherit",

package/src/features/context-menu/ui/ButtonDownloadCSV/ButtonDownloadCSV.tsx

@@ -4,13 +4,9 @@ import { eventContextMenu } from "shared/lib/slickgrid";
 
 import Styled from "../ContextMenu.style";
 
-export const ButtonDownloadCSV: FC<TProps> = ({
-	clientId,
-	clientName,
-	setIsOpened,
-}) => {
+export const ButtonDownloadCSV: FC<TProps> = ({ setIsOpened }) => {
 	const onClick = (): void => {
-		const table = eventContextMenu.table;
+		const { clientId, clientName, table } = eventContextMenu;
 		const grid = table?.grid;
 		if (!table || !grid) {
 			setIsOpened(false);
@@ -28,7 +24,5 @@ export const ButtonDownloadCSV: FC<TProps> = ({
 };
 
 type TProps = {
-	clientId: number;
-	clientName: string;
 	setIsOpened: Dispatch<SetStateAction<boolean>>;
 };

package/src/features/context-menu/ui/ContextMenu.tsx

@@ -16,7 +16,7 @@ import { Print } from "./Print";
 
 import Styled from "./ContextMenu.style";
 
-export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
+export const ContextMenu: FC = () => {
 	const [isOpened, setIsOpened] = useState(false);
 
 	useSubscribeToEvent(setIsOpened);
@@ -28,17 +28,9 @@ export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
 			<Overlay setIsOpened={setIsOpened} />
 			<Popup id={CONTEXT_MENU}>
 				<Styled.Ul>
-					<Print
-						clientId={clientId}
-						clientName={clientName}
-						setIsOpened={setIsOpened}
-					/>
+					<Print setIsOpened={setIsOpened} />
 					<CopyToClipboard setIsOpened={setIsOpened} />
-					<ButtonDownloadCSV
-						clientId={clientId}
-						clientName={clientName}
-						setIsOpened={setIsOpened}
-					/>
+					<ButtonDownloadCSV setIsOpened={setIsOpened} />
 					<ButtonResetFilters setIsOpened={setIsOpened} />
 					<ButtonUngroup setIsOpened={setIsOpened} />
 					<ButtonGroup setIsOpened={setIsOpened} />
@@ -50,8 +42,3 @@ export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
 		</Fragment>
 	);
 };
-
-interface Props {
-	clientId: number;
-	clientName: string;
-}

package/src/features/context-menu/ui/Print/ui/Print.tsx

@@ -4,9 +4,9 @@ import { eventContextMenu } from "shared/lib/slickgrid";
 
 import Styled from "../../ContextMenu.style";
 
-export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
+export const Print: FC<IProps> = ({ setIsOpened }) => {
 	function onClick(): void {
-		const table = eventContextMenu.table;
+		const { clientId, clientName, table } = eventContextMenu;
 		table?.printer.print(table, clientId, clientName);
 		setIsOpened(false);
 	}
@@ -19,7 +19,5 @@ export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
 };
 
 interface IProps {
-	clientId: number;
-	clientName: string;
 	setIsOpened: Dispatch<SetStateAction<boolean>>;
 }

package/src/index.ts

@@ -1,8 +1,4 @@
 export { Skeleton } from "entities/skeleton";
-export { PopupSummary } from "entities/popup-summary";
-export { ColumnFilters } from "features/column-filters";
-export { ContextMenu } from "features/context-menu";
-export { HeaderContextMenu } from "features/header-context-menu";
 export {
 	Autocomplete,
 	ColumnPicker,
@@ -27,6 +23,7 @@ export {
 	columnCheckboxSelector,
 	commitCurrentEdit,
 	copySelectedRows,
+	eventContextMenu,
 	formatterGroupTotals,
 	formatterCheckMark,
 	getDisplayedRows,

package/src/shared/lib/slickgrid/model/events/eventContextMenu.ts

@@ -2,6 +2,8 @@ import { AnEvent } from "shared/lib/an-event";
 import { ISlickTable } from "shared/model/types";
 
 class EventContextMenu extends AnEvent {
+	clientId = 0;
+	clientName = "";
 	table?: ISlickTable | undefined;
 	x = 0;
 	y = 0;

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

@@ -1,5 +1,11 @@
 import { FC } from "react";
 
+import { PopupSummary } from "entities/popup-summary";
+
+import { ColumnFilters } from "features/column-filters";
+import { ContextMenu } from "features/context-menu";
+import { HeaderContextMenu } from "features/header-context-menu";
+
 import { Props } from "../model";
 import { Table } from "./Table";
 
@@ -27,33 +33,36 @@ export const SlickgridTable: FC<Props> = ({
 	options,
 	table,
 }) => {
+	if (isLoading)
+		return <Styled.Skeleton animation="wave" variant={"rectangular"} />;
+
 	return (
-		<Styled.Wrapper>
-			{isLoading ? (
-				<Styled.Skeleton animation="wave" variant={"rectangular"} />
-			) : (
-				<Table
-					SlickDataView={SlickDataView}
-					applyCellCssStyles={applyCellCssStyles}
-					assignIds={assignIds}
-					columnSorter={columnSorter}
-					columns={columns}
-					getItemMetadata={getItemMetadata}
-					groups={groups}
-					idPropertyName={idPropertyName}
-					items={items}
-					onAddNewRow={onAddNewRow}
-					onBeforeEditCell={onBeforeEditCell}
-					onCellChange={onCellChange}
-					onClick={onClick}
-					onDblClick={onDblClick}
-					onHeaderMenuCommand={onHeaderMenuCommand}
-					onRowCountChanged={onRowCountChanged}
-					onSelectedRowsChanged={onSelectedRowsChanged}
-					options={options}
-					table={table}
-				/>
-			)}
+		<Styled.Wrapper id={"slick-table"}>
+			<Table
+				SlickDataView={SlickDataView}
+				applyCellCssStyles={applyCellCssStyles}
+				assignIds={assignIds}
+				columnSorter={columnSorter}
+				columns={columns}
+				getItemMetadata={getItemMetadata}
+				groups={groups}
+				idPropertyName={idPropertyName}
+				items={items}
+				onAddNewRow={onAddNewRow}
+				onBeforeEditCell={onBeforeEditCell}
+				onCellChange={onCellChange}
+				onClick={onClick}
+				onDblClick={onDblClick}
+				onHeaderMenuCommand={onHeaderMenuCommand}
+				onRowCountChanged={onRowCountChanged}
+				onSelectedRowsChanged={onSelectedRowsChanged}
+				options={options}
+				table={table}
+			/>
+			<HeaderContextMenu />
+			<ColumnFilters />
+			<ContextMenu />
+			<PopupSummary />
 		</Styled.Wrapper>
 	);
 };