slick-table 0.0.12 → 0.0.14

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

@@ -1,42 +0,0 @@
-import { TextField } from "@mui/material";
-import { ChangeEvent, FC, Fragment } from "react";
-
-import { applyFilter } from "../../lib";
-import { IProps, label } from "../../model";
-
-export const NumberBetween: FC<Omit<IProps, "label">> = ({
-	setValue,
-	value,
-}) => {
-	function onChange1(event: ChangeEvent<HTMLInputElement>) {
-		const newValue = { ...value, 1: event.target.value };
-		setValue(newValue);
-		applyFilter(newValue);
-	}
-	function onChange2(event: ChangeEvent<HTMLInputElement>) {
-		const newValue = { ...value, 2: event.target.value };
-		setValue(newValue);
-		applyFilter(newValue);
-	}
-
-	return (
-		<Fragment>
-			<TextField
-				label={label.from}
-				value={value[1]}
-				type={"number"}
-				onChange={onChange1}
-				size={"small"}
-				autoComplete={"off"}
-			/>
-			<TextField
-				label={label.to}
-				value={value[2]}
-				type={"number"}
-				onChange={onChange2}
-				size={"small"}
-				autoComplete={"off"}
-			/>
-		</Fragment>
-	);
-};

package/src/features/column-filters/ui/NumberBetween/index.ts

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

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

@@ -1,24 +0,0 @@
-import { TextField } from "@mui/material";
-import { ChangeEvent, FC } from "react";
-
-import { applyFilter } from "../../lib";
-import { IProps } from "../../model";
-
-export const NumberInput: FC<IProps> = ({ label, setValue, value }) => {
-	function onChange(event: ChangeEvent<HTMLInputElement>) {
-		const newValue = { ...value, 1: event.target.value };
-		setValue(newValue);
-		applyFilter(newValue);
-	}
-
-	return (
-		<TextField
-			label={label}
-			value={value[1]}
-			type={"number"}
-			onChange={onChange}
-			size={"small"}
-			autoComplete={"off"}
-		/>
-	);
-};

package/src/features/column-filters/ui/NumberInput/index.ts

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

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

@@ -1 +0,0 @@
-export { SelectFilter } from "./ui";

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

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

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

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

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

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

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

@@ -1,50 +0,0 @@
-import { SelectChangeEvent } from "@mui/material";
-import { Dispatch, FC, SetStateAction } 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 list = options[eventOpenColumnFilters.group];
-	const value = list.some(({ id }) => id === filterId) ? filterId : list[0]?.id;
-
-	function onChange(event: SelectChangeEvent<string | number>) {
-		const { columnId, table } = eventOpenColumnFilters;
-		if (!columnId || !table) return;
-		const args = table.filter.args;
-		const id = event.target.value as number;
-		if (!args.columnFilters) return;
-		table.filter.args = {
-			...args,
-			columnFilters: {
-				...args.columnFilters,
-				[columnId]: {
-					...args.columnFilters[columnId],
-					filterId: id,
-				},
-			},
-		};
-		setFilterId(id);
-	}
-
-	if (!value) return null;
-
-	return (
-		<ContextSelect
-			name={""}
-			list={list}
-			onChange={onChange}
-			width={"100%"}
-			showSelect={false}
-			value={value}
-		/>
-	);
-};
-
-interface IProps {
-	filterId: EColumnFilter;
-	setFilterId: Dispatch<SetStateAction<EColumnFilter>>;
-}

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

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

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

@@ -1,23 +0,0 @@
-import { TextField } from "@mui/material";
-import { ChangeEvent, FC } from "react";
-
-import { applyFilter } from "../../lib";
-import { IProps, label } from "../../model";
-
-export const TextInput: FC<Omit<IProps, "label">> = ({ setValue, value }) => {
-	function onChange(event: ChangeEvent<HTMLInputElement>) {
-		const newValue = { ...value, 1: event.target.value };
-		setValue(newValue);
-		applyFilter(newValue);
-	}
-
-	return (
-		<TextField
-			label={label.filter}
-			value={value[1]}
-			onChange={onChange}
-			size={"small"}
-			autoComplete={"off"}
-		/>
-	);
-};

package/src/features/column-filters/ui/TextInput/index.ts

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

package/src/features/column-filters/ui/index.ts

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

package/src/features/context-menu/index.ts

@@ -1 +0,0 @@
-export { ContextMenu } from "./ui";

package/src/features/context-menu/lib/hooks/index.ts

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

package/src/features/context-menu/lib/hooks/useSubscribeToEvent.ts

@@ -1,25 +0,0 @@
-import { Dispatch, SetStateAction, useEffect } from "react";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import { PORTAL_ID, makeVisible } from "entities/portal";
-
-export function useSubscribeToEvent(
-	setIsOpened: Dispatch<SetStateAction<boolean>>,
-) {
-	useEffect(() => {
-		function callback() {
-			setIsOpened(true);
-			setTimeout(() => {
-				const menu = document.getElementById(PORTAL_ID);
-				if (!menu) return;
-				const { x, y } = eventContextMenu;
-				makeVisible(menu, x, y);
-			}, 0);
-		}
-		eventContextMenu.subscribe(callback);
-		return () => {
-			eventContextMenu.unsubscribe(callback);
-		};
-	}, []);
-}

package/src/features/context-menu/lib/index.ts

@@ -1 +0,0 @@
-export { useSubscribeToEvent } from "./hooks";

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

@@ -1,34 +0,0 @@
-import { Dispatch, FC, SetStateAction } from "react";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import Styled from "../ContextMenu.style";
-
-export const ButtonDownloadCSV: FC<TProps> = ({
-	clientId,
-	clientName,
-	setIsOpened,
-}) => {
-	const onClick = (): void => {
-		const table = eventContextMenu.table;
-		const grid = table?.grid;
-		if (!table || !grid) {
-			setIsOpened(false);
-			return;
-		}
-		table.downloadManager.download(table, clientId, clientName);
-		setIsOpened(false);
-	};
-
-	return (
-		<Styled.Li onClick={onClick}>
-			<Styled.Icon className={"sgi sgi-download"}></Styled.Icon>Download as CSV
-		</Styled.Li>
-	);
-};
-
-type TProps = {
-	clientId: number;
-	clientName: string;
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-};

package/src/features/context-menu/ui/ButtonDownloadCSV/index.ts

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

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

@@ -1,28 +0,0 @@
-import { Dispatch, FC, SetStateAction } from "react";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import Styled from "../ContextMenu.style";
-
-export const ButtonGroup: FC<IProps> = ({ setIsOpened }) => {
-	const table = eventContextMenu.table;
-
-	function group() {
-		if (!table) return;
-		table.grouping = { isGrouped: true };
-		setIsOpened(false);
-	}
-
-	if (table?.grouping.isGrouped !== false) return null;
-
-	return (
-		<Styled.Li onClick={group}>
-			<Styled.Icon className={"sgi sgi-link"}></Styled.Icon>
-			Group
-		</Styled.Li>
-	);
-};
-
-interface IProps {
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/ButtonGroup/index.ts

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

package/src/features/context-menu/ui/ButtonResetFilters/index.ts

@@ -1 +0,0 @@
-export { ButtonResetFilters } from "./ui";

package/src/features/context-menu/ui/ButtonResetFilters/lib/index.ts

@@ -1 +0,0 @@
-export { hasFiltersApplied } from "./visibility";

package/src/features/context-menu/ui/ButtonResetFilters/lib/visibility/hasFiltersApplied.ts

@@ -1,8 +0,0 @@
-import { SlickTable } from "shared/lib/slickgrid";
-
-export function hasFiltersApplied(table?: SlickTable): boolean {
-	if (!table) return false;
-	return Object.values(table.filter.args.columnFilters || {}).some(
-		({ value }) => value[1] || value[2],
-	);
-}

package/src/features/context-menu/ui/ButtonResetFilters/lib/visibility/index.ts

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

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

@@ -1,39 +0,0 @@
-import { Divider } from "@mui/material";
-import { Dispatch, FC, Fragment, SetStateAction } from "react";
-
-import { eventContextMenu, headerButtons } from "shared/lib/slickgrid";
-
-import { hasFiltersApplied } from "../lib";
-
-import Styled from "../../ContextMenu.style";
-
-export const ButtonResetFilters: FC<IProps> = ({ setIsOpened }) => {
-	const table = eventContextMenu.table;
-	function onClick() {
-		if (!table) {
-			setIsOpened(false);
-			return;
-		}
-		const args = table.filter.args;
-		delete args.columnFilters;
-		table.filter.args = args;
-		headerButtons.highlightAllColumns(args, table.id);
-		setIsOpened(false);
-	}
-
-	if (!hasFiltersApplied(table)) return null;
-
-	return (
-		<Fragment>
-			<Divider />
-			<Styled.Li onClick={onClick}>
-				<Styled.Icon className={"sgi sgi-notification-clear-all"}></Styled.Icon>
-				Reset column filters
-			</Styled.Li>
-		</Fragment>
-	);
-};
-
-interface IProps {
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/ButtonResetFilters/ui/index.ts

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

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

@@ -1,28 +0,0 @@
-import { Dispatch, FC, SetStateAction } from "react";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import Styled from "../ContextMenu.style";
-
-export const ButtonUngroup: FC<IProps> = ({ setIsOpened }) => {
-	const table = eventContextMenu.table;
-
-	function group() {
-		if (!table) return;
-		table.grouping = { isGrouped: false };
-		setIsOpened(false);
-	}
-
-	if (!table?.grouping.isGrouped) return null;
-
-	return (
-		<Styled.Li onClick={group}>
-			<Styled.Icon className={"sgi sgi-link-off"}></Styled.Icon>
-			Ungroup
-		</Styled.Li>
-	);
-};
-
-interface IProps {
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/ButtonUngroup/index.ts

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

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

@@ -1,31 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { SlickDataView } from "slickgrid";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import Styled from "../ContextMenu.style";
-
-export const CollapseAll: React.FC<Props> = ({ setIsOpened }) => {
-	const table = eventContextMenu.table;
-
-	function onClick() {
-		const grid = table?.grid;
-		if (!grid) return;
-		const dataView: SlickDataView = grid.getData();
-		dataView.collapseAllGroups();
-		setIsOpened(false);
-	}
-
-	if (!table?.grouping.isGrouped) return null;
-
-	return (
-		<Styled.Li onClick={onClick}>
-			<Styled.Icon className={"sgi sgi-collapse-all-outline"}></Styled.Icon>
-			Collapse all groups
-		</Styled.Li>
-	);
-};
-
-interface Props {
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/CollapseAll/index.ts

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

package/src/features/context-menu/ui/ContextMenu.style.ts

@@ -1,29 +0,0 @@
-import { styled } from "@mui/material";
-
-const UlStyled = styled("ul")({
-	display: "flex",
-	flexDirection: "column",
-	rowGap: "0.5em",
-	margin: "0",
-	paddingLeft: "0.5em",
-});
-
-const LiStyled = styled("li")({
-	display: "flex",
-	alignItems: "center",
-	columnGap: "0.5em",
-	cursor: "pointer",
-	"&:hover": {
-		scale: "1.05",
-	},
-});
-
-const Icon = styled("span")(({ theme }) => ({
-	backgroundColor: theme.palette.text.primary,
-}));
-
-export default {
-	Ul: UlStyled,
-	Li: LiStyled,
-	Icon,
-};

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

@@ -1,51 +0,0 @@
-import { FC, useState } from "react";
-
-import { Portal } from "entities/portal";
-
-import { useSubscribeToEvent } from "../lib";
-import { ButtonDownloadCSV } from "./ButtonDownloadCSV";
-import { ButtonGroup } from "./ButtonGroup";
-import { ButtonResetFilters } from "./ButtonResetFilters";
-import { ButtonUngroup } from "./ButtonUngroup";
-import { CollapseAll } from "./CollapseAll";
-import { CopyToClipboard } from "./CopyToClipboard";
-import { ExpandAll } from "./ExpandAll";
-import { Print } from "./Print";
-
-import Styled from "./ContextMenu.style";
-
-export const ContextMenu: FC<Props> = ({ clientId, clientName }) => {
-	const [isOpened, setIsOpened] = useState(false);
-
-	useSubscribeToEvent(setIsOpened);
-
-	if (!isOpened) return null;
-
-	return (
-		<Portal setIsOpened={setIsOpened}>
-			<Styled.Ul>
-				<Print
-					clientId={clientId}
-					clientName={clientName}
-					setIsOpened={setIsOpened}
-				/>
-				<CopyToClipboard setIsOpened={setIsOpened} />
-				<ButtonDownloadCSV
-					clientId={clientId}
-					clientName={clientName}
-					setIsOpened={setIsOpened}
-				/>
-				<ButtonResetFilters setIsOpened={setIsOpened} />
-				<ButtonUngroup setIsOpened={setIsOpened} />
-				<ButtonGroup setIsOpened={setIsOpened} />
-				<ExpandAll setIsOpened={setIsOpened} />
-				<CollapseAll setIsOpened={setIsOpened} />
-			</Styled.Ul>
-		</Portal>
-	);
-};
-
-interface Props {
-	clientId: number;
-	clientName: string;
-}

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

@@ -1,42 +0,0 @@
-import { Dispatch, FC, SetStateAction } from "react";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-import { showNotification } from "shared/ui/notification";
-
-import Styled from "../ContextMenu.style";
-
-export const CopyToClipboard: FC<IProps> = ({ setIsOpened }) => {
-	function onClick() {
-		const table = eventContextMenu.table;
-		const grid = table?.grid;
-		if (!grid || !table) {
-			setIsOpened(false);
-			return;
-		}
-
-		window.navigator.clipboard
-			.writeText(table.downloadManager.createCSV(table))
-			.then((): void => {
-				showNotification("Copied to clipboard", "info");
-			})
-			.catch((): void => {
-				showNotification("Failed to copy to clipboard", "warning");
-			});
-
-		if (grid.getSelectionModel()) {
-			grid.setSelectedRows([]);
-		}
-		setIsOpened(false);
-	}
-
-	return (
-		<Styled.Li onClick={onClick}>
-			<Styled.Icon className={"sgi sgi-content-copy"}></Styled.Icon>Copy to
-			clipboard
-		</Styled.Li>
-	);
-};
-
-interface IProps {
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/CopyToClipboard/index.ts

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

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

@@ -1,30 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { SlickDataView } from "slickgrid";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import Styled from "../ContextMenu.style";
-
-export const ExpandAll: React.FC<Props> = ({ setIsOpened }) => {
-	const table = eventContextMenu.table;
-	function onClick() {
-		const grid = table?.grid;
-		if (!grid) return;
-		const dataView: SlickDataView = grid.getData();
-		dataView.expandAllGroups();
-		setIsOpened(false);
-	}
-
-	if (!table?.grouping.isGrouped) return null;
-
-	return (
-		<Styled.Li onClick={onClick}>
-			<Styled.Icon className={"sgi sgi-expand-all-outline"}></Styled.Icon>Expand
-			all groups
-		</Styled.Li>
-	);
-};
-
-interface Props {
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/ExpandAll/index.ts

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

package/src/features/context-menu/ui/Print/index.ts

@@ -1 +0,0 @@
-export { Print } from "./ui";

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

@@ -1,25 +0,0 @@
-import { Dispatch, FC, SetStateAction } from "react";
-
-import { eventContextMenu } from "shared/lib/slickgrid";
-
-import Styled from "../../ContextMenu.style";
-
-export const Print: FC<IProps> = ({ clientId, clientName, setIsOpened }) => {
-	function onClick(): void {
-		const table = eventContextMenu.table;
-		table?.printer.print(table, clientId, clientName);
-		setIsOpened(false);
-	}
-
-	return (
-		<Styled.Li onClick={onClick}>
-			<Styled.Icon className={"sgi sgi-printer"}></Styled.Icon>Print
-		</Styled.Li>
-	);
-};
-
-interface IProps {
-	clientId: number;
-	clientName: string;
-	setIsOpened: Dispatch<SetStateAction<boolean>>;
-}

package/src/features/context-menu/ui/Print/ui/index.ts

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

package/src/features/context-menu/ui/index.ts

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