@evenicanpm/admin-integrate 1.2.2 → 1.3.0

package/src/pages/scheduler/schedule-drawer/schedule-drawer.tsx

@@ -1,101 +0,0 @@
-import { useTranslations } from "next-intl";
-import React, { useState } from "react";
-
-// API
-import {
-	ProcessScheduleGroupDetailsUpdate,
-	GetProcessScheduleByIdQuery,
-} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
-
-// MUI
-import { Theme, useTheme } from "@mui/material";
-import { Drawer, Box } from "@mui/material";
-
-// Local components
-import ScheduleDrawerGroup from "./schedule-drawer-group";
-import ScheduleDrawerLegacy from "./schedule-drawer-legacy";
-
-// Types
-import { Edited, initialEdited } from "./edited";
-import { DrawerOpen } from "../scheduler";
-
-export type ProcessScheduleById =
-	GetProcessScheduleByIdQuery["processScheduleById"];
-
-interface Props {
-	drawerOpen: DrawerOpen | null;
-	setDrawerOpen: (drawerOpen: DrawerOpen | null) => void;
-}
-
-export default function ScheduleDrawer(props: Props) {
-	const t = useTranslations("Integrate.Scheduler");
-
-	const theme = useTheme();
-	const styles = getStyles(theme);
-
-	const [edited, setEdited] = useState<Edited>(initialEdited);
-
-	const [detailsGroup, setDetailsGroup] =
-		useState<ProcessScheduleGroupDetailsUpdate | null>(null);
-	const [detailsLegacy, setDetailsLegacy] =
-		useState<ProcessScheduleById | null>(null);
-
-	const handleClose = () => {
-		const isEdited = Object.values(edited).some((value) => value);
-		if (isEdited) {
-			const confirmClose = confirm(t("unsavedChanges"));
-			if (!confirmClose) return;
-		}
-		setDetailsGroup(null);
-		setDetailsLegacy(null);
-		setEdited(initialEdited);
-		props.setDrawerOpen(null);
-	};
-
-	return (
-		<Drawer
-			open={props.drawerOpen !== null}
-			onClose={handleClose}
-			anchor="right"
-		>
-			<Box sx={styles.main}>
-				{props.drawerOpen && props.drawerOpen.group && (
-					<ScheduleDrawerGroup
-						drawerOpen={props.drawerOpen}
-						details={detailsGroup}
-						setDetails={setDetailsGroup}
-						edited={edited}
-						setEdited={setEdited}
-						handleClose={handleClose}
-					/>
-				)}
-				{props.drawerOpen && !props.drawerOpen.group && (
-					<ScheduleDrawerLegacy
-						drawerOpen={props.drawerOpen}
-						details={detailsLegacy}
-						setDetails={setDetailsLegacy}
-						edited={edited}
-						setEdited={setEdited}
-						handleClose={handleClose}
-					/>
-				)}
-			</Box>
-		</Drawer>
-	);
-}
-
-const getStyles = (theme: Theme) => {
-	return {
-		main: {
-			[theme.breakpoints.down("sm")]: {
-				width: theme.spacing(35),
-			},
-			[theme.breakpoints.up("sm")]: {
-				width: theme.spacing(55),
-			},
-			[theme.breakpoints.up("xl")]: {
-				width: theme.spacing(75),
-			},
-		},
-	};
-};

package/src/pages/scheduler/schedule-drawer/sortable-integration-row.tsx

@@ -1,93 +0,0 @@
-import React from "react";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-
-// Mui
-import { Box, Stack, IconButton, Typography } from "@mui/material";
-import { DragIndicator, DeleteOutline } from "@mui/icons-material";
-
-// Custom components
-import {
-	StyledTableCell,
-	StyledTableRow,
-	StyledIconButton,
-} from "@evenicanpm/admin-integrate/components/data-table/table-row";
-
-// Types
-import { Process } from "./schedule-details-integrations";
-import { Head } from "@evenicanpm/admin-integrate/components/data-table/table-header";
-import { TableCellProps } from "@mui/material";
-
-interface Props {
-	item: Process;
-	heading: Head[];
-	handleDeleteIntegration: (item: Process) => void;
-	readOnly?: boolean;
-}
-
-export default function SortableIntegrationRow(props: Props) {
-	const styles = getStyles();
-
-	const { attributes, listeners, setNodeRef, transform, transition } =
-		useSortable({ id: props.item.id });
-
-	const transformStyles = {
-		transform: CSS.Transform.toString(transform),
-		transition,
-	};
-
-	const handleClickDelete = () => {
-		if (!props.readOnly) {
-			props.handleDeleteIntegration(props.item);
-		}
-	};
-
-	const listenersProps = props.readOnly ? {} : listeners;
-
-	return (
-		<StyledTableRow
-			ref={setNodeRef}
-			sx={{ ...transformStyles, ...styles.row }}
-			{...attributes}
-		>
-			<StyledTableCell
-				align={props.heading[0].align as TableCellProps["align"]}
-				width={props.heading[0].width}
-				sx={{ padding: 0 }}
-			>
-				<IconButton {...listenersProps} disableRipple>
-					<DragIndicator />
-				</IconButton>
-			</StyledTableCell>
-			<StyledTableCell
-				align={props.heading[1].align as TableCellProps["align"]}
-				width={props.heading[1].width}
-			>
-				<Stack spacing={1} direction="row">
-					<Box display="flex" justifyContent="flex-end" alignItems="center">
-						{/* process icon */}
-					</Box>
-					<Box display="flex" justifyContent="flex-end" alignItems="center">
-						<Typography variant="caption">{props.item.name}</Typography>
-					</Box>
-				</Stack>
-			</StyledTableCell>
-			<StyledTableCell
-				align={props.heading[2].align as TableCellProps["align"]}
-				width={props.heading[2].width}
-			>
-				<StyledIconButton onClick={handleClickDelete} disabled={props.readOnly}>
-					<DeleteOutline color={props.readOnly ? "disabled" : "error"} />
-				</StyledIconButton>
-			</StyledTableCell>
-		</StyledTableRow>
-	);
-}
-
-const getStyles = () => {
-	return {
-		row: {
-			backgroundColor: "white",
-		},
-	};
-};