slick-table 1.1.60 → 1.1.62

package/dist/styles/icons.scss

@@ -0,0 +1,16 @@
+@use './mixins' as *;
+
+$gray: #808080;
+$green: #228b22;
+$orange: #ff8c00;
+$red: #ff3737;
+
+@include svg("sgi-checkbox-multiple-outline", $gray , "M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,16H8V4H20V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16M18.53,8.06L17.47,7L12.59,11.88L10.47,9.76L9.41,10.82L12.59,14L18.53,8.06Z");
+@include svg("sgi-collapse-all-outline", $gray, "M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M19,17H13V15H19V17Z");
+@include svg("sgi-content-copy", $gray, "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z");
+@include svg("sgi-download", $gray, "M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z");
+@include svg("sgi-expand-all-outline", $gray, "M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M19,17H17V19H15V17H13V15H15V13H17V15H19V17Z");
+@include svg("sgi-link", $gray, "M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z");
+@include svg("sgi-link-off", $gray, "M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.43 19.12,14.63 17.79,15L19.25,16.44C20.88,15.61 22,13.95 22,12A5,5 0 0,0 17,7M16,11H13.81L15.81,13H16V11M2,4.27L5.11,7.38C3.29,8.12 2,9.91 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12C3.9,10.41 5.11,9.1 6.66,8.93L8.73,11H8V13H10.73L13,15.27V17H14.73L18.74,21L20,19.74L3.27,3L2,4.27Z");
+@include svg("sgi-notification-clear-all", $gray, "M5,13H19V11H5M3,17H17V15H3M7,7V9H21V7");
+@include svg("sgi-printer", $gray, "M18,3H6V7H18M19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12M16,19H8V14H16M19,8H5A3,3 0 0,0 2,11V17H6V21H18V17H22V11A3,3 0 0,0 19,8Z");

package/dist/styles/mixins.scss

@@ -0,0 +1,12 @@
+@mixin svg($className, $color, $d) {
+  .#{$className} {
+    $svg: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ctitle%3Ealpha-i-box-outline%3C/title%3E%3Cpath d="#{$d}" /%3E%3C/svg%3E');
+    mask: $svg no-repeat;
+    mask-size: 100% 100%;
+    -webkit-mask: $svg no-repeat;
+    -webkit-mask-size: 100% 100%;
+    height: 20px;
+    width: 20px;
+    background-color: #{$color};
+  }
+}

package/dist/styles/slick-table.scss

@@ -1,3 +1,5 @@
+@use './icons' as *;
+
 #slick-table-autocomplete {
   background-color: white;
   box-shadow: gray 0 0 5px 1px;

package/dist/types/features/column-filters/ui/SelectFilter/model/options/options.d.ts

@@ -1,6 +1,6 @@
 import { EColumnFiltersGroup } from '../../../../../../shared/model/enums';
-import { IContextSelectValue } from '../../../../../../shared/ui/ContextSelect';
+import { IMenuItem } from '../types';
 export declare const options: IOptions;
-type IOptions = Record<EColumnFiltersGroup, IContextSelectValue[]>;
+type IOptions = Record<EColumnFiltersGroup, IMenuItem[]>;
 export {};
 //# sourceMappingURL=options.d.ts.map

package/dist/types/features/column-filters/ui/SelectFilter/model/options/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/column-filters/ui/SelectFilter/model/options/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAkD9D,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC;AAEF,KAAK,QAAQ,GAAG,MAAM,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,CAAC,CAAC"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/column-filters/ui/SelectFilter/model/options/options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAkDrC,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC;AAEF,KAAK,QAAQ,GAAG,MAAM,CAAC,mBAAmB,EAAE,SAAS,EAAE,CAAC,CAAC"}

package/dist/types/features/column-filters/ui/SelectFilter/model/types/IMenuItem.d.ts

@@ -0,0 +1,6 @@
+import { EColumnFilter } from '../../../../../../shared/model/enums';
+export interface IMenuItem {
+    id: EColumnFilter;
+    name: string;
+}
+//# sourceMappingURL=IMenuItem.d.ts.map

package/dist/types/features/column-filters/ui/SelectFilter/model/types/IMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/column-filters/ui/SelectFilter/model/types/IMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,aAAa,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACb"}

package/dist/types/features/column-filters/ui/SelectFilter/model/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { IMenuItem } from './IMenuItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/features/column-filters/ui/SelectFilter/model/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/column-filters/ui/SelectFilter/model/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/types/features/column-filters/ui/SelectFilter/ui/SelectFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/column-filters/ui/SelectFilter/ui/SelectFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CAmCnC,CAAC;AAEF,UAAU,MAAM;IACf,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;CACrD"}
+{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/column-filters/ui/SelectFilter/ui/SelectFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,MAAM,CA2CnC,CAAC;AAEF,UAAU,MAAM;IACf,QAAQ,EAAE,aAAa,CAAC;IACxB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;CACrD"}

package/package.json

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

package/src/app/styles/slick-table.scss

@@ -1,3 +1,5 @@
+@use './icons' as *;
+
 #slick-table-autocomplete {
   background-color: white;
   box-shadow: gray 0 0 5px 1px;

package/src/features/column-filters/ui/SelectFilter/model/options/options.ts

@@ -1,48 +1,49 @@
 import { EColumnFilter, EColumnFiltersGroup } from "shared/model/enums";
-import { IContextSelectValue } from "shared/ui/ContextSelect";
 
-const dateBetween: IContextSelectValue = {
+import { IMenuItem } from "../types";
+
+const dateBetween: IMenuItem = {
 	id: EColumnFilter.DateBetween,
 	name: "Between",
 };
-const dateEqual: IContextSelectValue = {
+const dateEqual: IMenuItem = {
 	id: EColumnFilter.DateEqual,
 	name: "Equal",
 };
-const dateFrom: IContextSelectValue = {
+const dateFrom: IMenuItem = {
 	id: EColumnFilter.DateFrom,
 	name: "From",
 };
-const dateTo: IContextSelectValue = { id: EColumnFilter.DateTo, name: "To" };
-const numberBetween: IContextSelectValue = {
+const dateTo: IMenuItem = { id: EColumnFilter.DateTo, name: "To" };
+const numberBetween: IMenuItem = {
 	id: EColumnFilter.NumberBetween,
 	name: "Between",
 };
-const numberEqual: IContextSelectValue = {
+const numberEqual: IMenuItem = {
 	id: EColumnFilter.NumberEqual,
 	name: "Equal",
 };
-const numberFrom: IContextSelectValue = {
+const numberFrom: IMenuItem = {
 	id: EColumnFilter.NumberFrom,
 	name: "From",
 };
-const numberTo: IContextSelectValue = {
+const numberTo: IMenuItem = {
 	id: EColumnFilter.NumberTo,
 	name: "To",
 };
-const textContain: IContextSelectValue = {
+const textContain: IMenuItem = {
 	id: EColumnFilter.TextContain,
 	name: "Contains",
 };
-const textEqual: IContextSelectValue = {
+const textEqual: IMenuItem = {
 	id: EColumnFilter.TextEqual,
 	name: "Equal",
 };
-const textNotContain: IContextSelectValue = {
+const textNotContain: IMenuItem = {
 	id: EColumnFilter.TextNotContain,
 	name: "Does not contain",
 };
-const textNotEqual: IContextSelectValue = {
+const textNotEqual: IMenuItem = {
 	id: EColumnFilter.TextNotEqual,
 	name: "Not equal",
 };
@@ -63,4 +64,4 @@ export const options: IOptions = {
 	],
 };
 
-type IOptions = Record<EColumnFiltersGroup, IContextSelectValue[]>;
+type IOptions = Record<EColumnFiltersGroup, IMenuItem[]>;

package/src/features/column-filters/ui/SelectFilter/model/types/IMenuItem.ts

@@ -0,0 +1,6 @@
+import { EColumnFilter } from "shared/model/enums";
+
+export interface IMenuItem {
+	id: EColumnFilter;
+	name: string;
+}

package/src/features/column-filters/ui/SelectFilter/model/types/index.ts

@@ -0,0 +1 @@
+export type { IMenuItem } from "./IMenuItem";

package/src/features/column-filters/ui/SelectFilter/ui/SelectFilter.tsx

@@ -1,13 +1,13 @@
-import { SelectChangeEvent } from "@mui/material";
-import { Dispatch, FC, SetStateAction } from "react";
+import { MenuItem, Select, SelectChangeEvent } from "@mui/material";
+import { Dispatch, FC, SetStateAction, useRef } from "react";
 
 import { eventOpenColumnFilters } from "shared/lib/slickgrid";
 import { EColumnFilter } from "shared/model/enums";
-import { ContextSelect } from "shared/ui/ContextSelect";
 
 import { options } from "../model";
 
 export const SelectFilter: FC<IProps> = ({ filterId, setFilterId }) => {
+	const refSelect = useRef<HTMLDivElement>(null);
 	const list = options[eventOpenColumnFilters.group];
 	const value = list.some(({ id }) => id === filterId) ? filterId : list[0]?.id;
 
@@ -33,14 +33,21 @@ export const SelectFilter: FC<IProps> = ({ filterId, setFilterId }) => {
 	if (!value) return null;
 
 	return (
-		<ContextSelect
-			name={""}
-			list={list}
-			onChange={onChange}
-			width={"100%"}
-			showSelect={false}
+		<Select
 			value={value}
-		/>
+			onChange={onChange}
+			ref={refSelect}
+			size={"small"}
+			MenuProps={{
+				container: () => refSelect.current,
+			}}
+		>
+			{list.map(({ id, name }) => (
+				<MenuItem value={id} key={id}>
+					{name}
+				</MenuItem>
+			))}
+		</Select>
 	);
 };
 

package/dist/types/shared/ui/ContextSelect/ContextSelect.d.ts

@@ -1,23 +0,0 @@
-import { SelectChangeEvent } from '@mui/material';
-import { FC } from 'react';
-export declare const ContextSelect: FC<IProps>;
-interface IProps {
-    onChange: (event: SelectChangeEvent<string | number>) => void;
-    dataTestId?: string;
-    defaultValue?: number;
-    disabled?: boolean;
-    height?: string;
-    list: IContextSelectValue[];
-    name: string;
-    showSelect?: boolean;
-    value?: number | string;
-    width?: string;
-}
-export interface IContextSelectValue {
-    id: number | string;
-    name: string;
-    labelForSelect?: string;
-    isDisabled?: boolean;
-}
-export {};
-//# sourceMappingURL=ContextSelect.d.ts.map

package/dist/types/shared/ui/ContextSelect/ContextSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextSelect.d.ts","sourceRoot":"","sources":["../../../../../src/shared/ui/ContextSelect/ContextSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIN,iBAAiB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,MAAM,CAwDpC,CAAC;AAEF,UAAU,MAAM;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IACnC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/types/shared/ui/ContextSelect/ContextSelect.style.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    MenuItem: import('@emotion/styled').StyledComponent<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-        ref?: ((instance: HTMLLIElement | 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<HTMLLIElement> | null | undefined;
-    }, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "dense" | "disableGutters" | "divider"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-};
-export default _default;
-//# sourceMappingURL=ContextSelect.style.d.ts.map

package/dist/types/shared/ui/ContextSelect/ContextSelect.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextSelect.style.d.ts","sourceRoot":"","sources":["../../../../../src/shared/ui/ContextSelect/ContextSelect.style.ts"],"names":[],"mappings":";;;;;AAMA,wBAEE"}

package/dist/types/shared/ui/ContextSelect/index.d.ts

@@ -1,3 +0,0 @@
-export { ContextSelect } from './ContextSelect';
-export type { IContextSelectValue } from './ContextSelect';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/shared/ui/ContextSelect/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/ui/ContextSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/src/shared/ui/ContextSelect/ContextSelect.style.ts

@@ -1,9 +0,0 @@
-import { MenuItem, styled } from "@mui/material";
-
-const StyledMenuItem = styled(MenuItem)({
-	fontSize: "12px",
-});
-
-export default {
-	MenuItem: StyledMenuItem,
-};

package/src/shared/ui/ContextSelect/ContextSelect.tsx

@@ -1,87 +0,0 @@
-import {
-	FormControl,
-	InputLabel,
-	Select,
-	SelectChangeEvent,
-} from "@mui/material";
-import { FC } from "react";
-
-import Styled from "./ContextSelect.style";
-
-export const ContextSelect: FC<IProps> = ({
-	name,
-	list,
-	onChange,
-	defaultValue,
-	value,
-	showSelect = true,
-	dataTestId,
-	width = "12.8em",
-	height,
-	disabled = false,
-}) => {
-	return (
-		<FormControl variant="outlined" size={"small"}>
-			<InputLabel id="reportType">{name}</InputLabel>
-			<Select
-				labelId="reportType"
-				id={name}
-				label={name}
-				autoWidth={true}
-				value={`${value ?? (defaultValue || 0)}`}
-				defaultValue={`${defaultValue || 0}`}
-				onChange={onChange}
-				disabled={disabled}
-				data-testid={dataTestId}
-				MenuProps={{
-					anchorOrigin: {
-						vertical: "bottom",
-						horizontal: "left",
-					},
-					transformOrigin: {
-						vertical: "top",
-						horizontal: "left",
-					},
-					disableScrollLock: true,
-				}}
-				sx={{ height, width }}
-			>
-				{showSelect && (
-					<Styled.MenuItem value={0} id="Select">
-						Select
-					</Styled.MenuItem>
-				)}
-				{list.map((el, index: number) => (
-					<Styled.MenuItem
-						value={el.id}
-						key={index}
-						id="selectedReport"
-						disabled={el.isDisabled}
-					>
-						{el.labelForSelect || el.name}
-					</Styled.MenuItem>
-				))}
-			</Select>
-		</FormControl>
-	);
-};
-
-interface IProps {
-	onChange: (event: SelectChangeEvent<string | number>) => void;
-	dataTestId?: string;
-	defaultValue?: number;
-	disabled?: boolean;
-	height?: string;
-	list: IContextSelectValue[];
-	name: string;
-	showSelect?: boolean;
-	value?: number | string;
-	width?: string;
-}
-
-export interface IContextSelectValue {
-	id: number | string;
-	name: string;
-	labelForSelect?: string;
-	isDisabled?: boolean;
-}

package/src/shared/ui/ContextSelect/index.ts

@@ -1,2 +0,0 @@
-export { ContextSelect } from "./ContextSelect";
-export type { IContextSelectValue } from "./ContextSelect";