slick-table 1.1.60 → 1.1.61

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.61",
   "description": "Enhanced version of SlickGrid library",
   "private": false,
   "type": "module",

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