@evenicanpm/admin-integrate 1.1.0 → 1.2.0

package/documents/ProcessSchedule/fragments.ts

@@ -0,0 +1,24 @@
+import { gql } from "graphql-request";
+
+export const PROCESS_SCHEDULE_FRAGMENT_MD = gql`
+  fragment e4ProcessScheduleFragmentMD on ProcessSchedule {
+    id
+    name
+    code
+    startDate
+    interval
+    intervalUnitId
+    isMonday
+    isTuesday
+    isWednesday
+    isThursday
+    isFriday
+    isSaturday
+    isSunday
+    process {
+      id
+      sort
+      name
+    }
+  }
+`;

package/documents/ProcessSchedule/read.ts

@@ -0,0 +1,12 @@
+import { gql } from "graphql-request";
+
+import { PROCESS_SCHEDULE_FRAGMENT_MD } from "./fragments";
+
+const GetProcessSchedule = gql`
+  ${PROCESS_SCHEDULE_FRAGMENT_MD}
+  query GetProcessScheduleById($id: ID!) {
+    processScheduleById(id: $id) {
+      ...e4ProcessScheduleFragmentMD
+    }
+  }
+`;

package/documents/ProcessScheduleGroup/fragments.ts

@@ -0,0 +1,29 @@
+import { gql } from "graphql-request";
+
+export const PROCESS_SCHEDULE_GROUP_DETAILS_FRAGMENT_MD = gql`
+  fragment e4ProcessScheduleGroupDetailsFragmentMD on ProcessScheduleGroupDetails {
+    id
+    name
+    code
+    startDate
+    interval
+    intervalUnitId
+    isMonday
+    isTuesday
+    isWednesday
+    isThursday
+    isFriday
+    isSaturday
+    isSunday
+    isDisabled
+    processSchedule {
+      id
+      processes {
+        id
+        sort
+        name
+        processIcon
+      }
+    }
+  }
+`;

package/documents/ProcessScheduleGroup/read.ts

@@ -0,0 +1,12 @@
+import { gql } from "graphql-request";
+
+import { PROCESS_SCHEDULE_GROUP_DETAILS_FRAGMENT_MD } from "./fragments";
+
+const GetProcessScheduleGroupDetails = gql`
+  ${PROCESS_SCHEDULE_GROUP_DETAILS_FRAGMENT_MD}
+  query GetProcessScheduleGroupDetails($id: ID!) {
+    processScheduleGroupDetails(id: $id) {
+      ...e4ProcessScheduleGroupDetailsFragmentMD
+    }
+  }
+`;

package/documents/ScheduledProcess/fragments.ts

@@ -0,0 +1,24 @@
+import { gql } from "graphql-request";
+
+export const SCHEDULED_PROCESS_FRAGMENT_MD = gql`
+  fragment e4ScheduledProcessFragmentSM on ScheduledProcess {
+    id
+    name
+    processScheduleGroup {
+      id
+    }
+    startDate
+    interval
+    intervalUnitId
+    isMonday
+    isTuesday
+    isWednesday
+    isThursday
+    isFriday
+    isSaturday
+    isSunday
+    isDisabled
+    modified
+    scheduledIntegrations
+  }
+`;

package/documents/ScheduledProcess/list.ts

@@ -0,0 +1,27 @@
+import { gql } from "graphql-request";
+
+import { SCHEDULED_PROCESS_FRAGMENT_MD } from "./fragments";
+
+const GET_SCHEDULED_PROCESSES = gql`
+  ${SCHEDULED_PROCESS_FRAGMENT_MD}
+  query GetScheduledProcesses($input: ScheduledProcessInput) {
+    scheduledProcesses(input: $input) {
+      nodes {
+        ...e4ScheduledProcessFragmentSM
+      }
+      pageInfo {
+        resultsReturned
+        currentPage
+        hasNextPage
+        hasPreviousPage
+        skip
+        top
+        sort
+        sortDesc
+        search
+        daysOfTheWeek
+      }
+      recordCount
+    }
+  }
+`;

package/package.json

@@ -1,19 +1,23 @@
 {
-  "name": "@evenicanpm/admin-integrate",
-  "version": "1.1.0",
-  "description": "e4Integrate Admin Panel",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "exports": {
-    ".": "./index.js",
-    "./*": "./*"
-  },
-  "author": "Evenica",
-  "license": "ISC",
-  "peerDependencies": {
-    "@xyflow/react": "^12.8.4",
-    "elkjs": "^0.10.0"
-  },
-  "gitHead": "0c9180f24435b0361dfc05ccba4a1f0e7ad19a7a"
+	"name": "@evenicanpm/admin-integrate",
+	"version": "1.2.0",
+	"description": "e4Integrate Admin Panel",
+	"type": "module",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
+	"author": "Evenica",
+	"license": "ISC",
+	"peerDependencies": {
+		"@dnd-kit/core": "^6.3.1",
+		"@dnd-kit/modifiers": "^9.0.0",
+		"@dnd-kit/sortable": "^10.0.0",
+		"@xyflow/react": "^12.8.4",
+		"elkjs": "^0.10.0"
+	},
+	"gitHead": "6a95e9f84f48a7e1e96bfdf4ee1a766a7d8808b6"
 }

package/src/api/dashboard/queries/get-process-executions.query.ts

@@ -1,48 +1,45 @@
 import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
 import { queryFn } from "./get-process-executions.server";
 
-import {
-  GetProcessExecutionsQuery,
-  GetProcessExecutionsQueryVariables,
-} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import { GetProcessExecutionsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
 
 export const buildProcessExecutionsQueryKey = {
-  all: () => ["getProcessExecutions"] as const,
-  byInput: (variables?: GetProcessExecutionsQueryVariables) => [
-    "getProcessExecutions",
-    variables,
-  ],
+	all: () => ["getProcessExecutions"] as const,
+	byInput: (variables?: GetProcessExecutionsQueryVariables) => [
+		"getProcessExecutions",
+		variables,
+	],
 };
 
 export const getProcessExecutions = {
-  queryKey: buildProcessExecutionsQueryKey.all(),
+	queryKey: buildProcessExecutionsQueryKey.all(),
 
-  prefetch: (
-    queryClient: QueryClient,
-    variables?: GetProcessExecutionsQueryVariables,
-  ) =>
-    queryClient.prefetchQuery({
-      queryKey: buildProcessExecutionsQueryKey.byInput(variables),
-      queryFn: () => queryFn(variables),
-    }),
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessExecutionsQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessExecutionsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
 
-  fetchData: async (
-    queryClient: QueryClient,
-    variables?: GetProcessExecutionsQueryVariables,
-  ) => {
-    return await queryClient.fetchQuery({
-      queryKey: buildProcessExecutionsQueryKey.byInput(variables),
-      queryFn: () => queryFn(variables),
-    });
-  },
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessExecutionsQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessExecutionsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
 
-  useData: (
-    variables?: GetProcessExecutionsQueryVariables,
-    options?: UseQueryOptions,
-  ) =>
-    useQuery<GetProcessExecutionsQuery>({
-      queryKey: buildProcessExecutionsQueryKey.byInput(variables),
-      queryFn: () => queryFn(variables),
-      ...options,
-    }),
+	useData: (
+		variables: GetProcessExecutionsQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessExecutionsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
 };

package/src/api/dashboard/queries/get-process-executions.server.ts

@@ -3,9 +3,9 @@ import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.cl
 import { GetProcessExecutionsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
 
 export const queryFn = async (
-  variables?: GetProcessExecutionsQueryVariables,
+	variables: GetProcessExecutionsQueryVariables,
 ) => {
-  const sdk = await createGraphqlclient();
-  const { data } = await sdk.GetProcessExecutions(variables);
-  return data;
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessExecutions(variables);
+	return data;
 };

package/src/api/scheduler/queries/get-process-schedule-group-details.query.ts

@@ -0,0 +1,45 @@
+import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
+import { queryFn } from "./get-process-schedule-group-details.server";
+
+import { GetProcessScheduleGroupDetailsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export const buildProcessScheduleGroupDetailsQueryKey = {
+	all: () => ["getProcessScheduleGroupDetails"] as const,
+	byInput: (variables?: GetProcessScheduleGroupDetailsQueryVariables) => [
+		"getProcessScheduleGroupDetails",
+		variables,
+	],
+};
+
+export const getProcessScheduleGroupDetails = {
+	queryKey: buildProcessScheduleGroupDetailsQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessScheduleGroupDetailsQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessScheduleGroupDetailsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessScheduleGroupDetailsQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessScheduleGroupDetailsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetProcessScheduleGroupDetailsQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessScheduleGroupDetailsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/scheduler/queries/get-process-schedule-group-details.server.ts

@@ -0,0 +1,14 @@
+"use server";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+import {
+	GetProcessScheduleGroupDetailsQueryVariables,
+	GetProcessScheduleGroupDetailsQuery,
+} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export const queryFn = async (
+	variables: GetProcessScheduleGroupDetailsQueryVariables,
+): Promise<GetProcessScheduleGroupDetailsQuery> => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessScheduleGroupDetails(variables);
+	return data;
+};

package/src/api/scheduler/queries/get-process-schedule.query.ts

@@ -0,0 +1,45 @@
+import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
+import { queryFn } from "./get-process-schedule.server";
+
+import { GetProcessScheduleByIdQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export const buildProcessScheduleQueryKey = {
+	all: () => ["getProcessScheduleGroupById"] as const,
+	byInput: (variables?: GetProcessScheduleByIdQueryVariables) => [
+		"getProcessScheduleGroupById",
+		variables,
+	],
+};
+
+export const getProcessScheduleById = {
+	queryKey: buildProcessScheduleQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessScheduleByIdQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessScheduleQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessScheduleByIdQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessScheduleQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetProcessScheduleByIdQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessScheduleQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/scheduler/queries/get-process-schedule.server.ts

@@ -0,0 +1,14 @@
+"use server";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+import {
+	GetProcessScheduleByIdQueryVariables,
+	GetProcessScheduleByIdQuery,
+} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export const queryFn = async (
+	variables: GetProcessScheduleByIdQueryVariables,
+): Promise<GetProcessScheduleByIdQuery> => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessScheduleById(variables);
+	return data;
+};

package/src/api/scheduler/queries/get-scheduled-processes.query.ts

@@ -0,0 +1,45 @@
+import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
+import { queryFn } from "./get-scheduled-processes.server";
+
+import { GetScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export const buildScheduledProcessesQueryKey = {
+	all: () => ["getScheduledProcesses"] as const,
+	byInput: (variables?: GetScheduledProcessesQueryVariables) => [
+		"getScheduledProcesses",
+		variables,
+	],
+};
+
+export const getScheduledProcesses = {
+	queryKey: buildScheduledProcessesQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetScheduledProcessesQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildScheduledProcessesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetScheduledProcessesQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildScheduledProcessesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetScheduledProcessesQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildScheduledProcessesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/scheduler/queries/get-scheduled-processes.server.ts

@@ -0,0 +1,11 @@
+"use server";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+import { GetScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export const queryFn = async (
+	variables: GetScheduledProcessesQueryVariables,
+) => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetScheduledProcesses(variables);
+	return data;
+};

package/src/api/scheduler/queries/index.ts

@@ -0,0 +1,3 @@
+export { getScheduledProcesses } from "./get-scheduled-processes.query";
+export { getProcessScheduleGroupDetails } from "./get-process-schedule-group-details.query";
+export { getProcessScheduleById } from "./get-process-schedule.query";

package/src/components/breadcrumbs/breadcrumbs.tsx

@@ -5,38 +5,35 @@ import Link from "next/link";
 import styled from "@mui/material/styles/styled";
 import { Breadcrumbs, Typography } from "@mui/material";
 
+import { Crumb } from "./types";
+
 // STYLED COMPONENTS
 export const Wrapper = styled("div")(({ theme }) => ({
-  padding: theme.spacing(0, 1, 3),
+	padding: theme.spacing(0, 1, 3),
 }));
 
-export interface Crumb {
-  name: string;
-  url?: string;
-}
-
 type Props = {
-  breadcrumbs: Crumb[];
+	breadcrumbs: Crumb[];
 };
 
 export default function IntegrateBreadcrumbs({ breadcrumbs }: Props) {
-  return (
-    <Wrapper>
-      <Breadcrumbs>
-        {breadcrumbs.map((bc) =>
-          bc.url ? (
-            <Link href={bc.url} key={bc.name}>
-              <Typography variant="body1" color="info.main">
-                {bc.name}
-              </Typography>
-            </Link>
-          ) : (
-            <Typography variant="body1" key={bc.name} color="info.main">
-              {bc.name}
-            </Typography>
-          ),
-        )}
-      </Breadcrumbs>
-    </Wrapper>
-  );
+	return (
+		<Wrapper>
+			<Breadcrumbs>
+				{breadcrumbs.map((bc) =>
+					bc.url ? (
+						<Link href={bc.url} key={bc.name}>
+							<Typography variant="body1" color="info.main">
+								{bc.name}
+							</Typography>
+						</Link>
+					) : (
+						<Typography variant="body1" key={bc.name} color="info.main">
+							{bc.name}
+						</Typography>
+					),
+				)}
+			</Breadcrumbs>
+		</Wrapper>
+	);
 }

package/src/components/breadcrumbs/index.ts

@@ -1,2 +1,2 @@
 export { default as IntegrateBreadcrumbs } from "./breadcrumbs";
-export { Crumb } from "./breadcrumbs";
+export * from "./types";

package/src/components/breadcrumbs/types.tsx

@@ -0,0 +1,4 @@
+export interface Crumb {
+	name: string;
+	url?: string;
+}

package/src/components/button/outlined-icon-button.tsx

@@ -1,47 +1,35 @@
 import React from "react";
-import { IconButton, SxProps } from "@mui/material";
+import { IconButton, IconButtonProps } from "@mui/material";
 
-interface Props {
-  color?:
-    | "inherit"
-    | "default"
-    | "primary"
-    | "secondary"
-    | "error"
-    | "info"
-    | "success"
-    | "warning";
-  onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-  children: React.ReactNode;
-  sx?: SxProps;
+interface Props extends IconButtonProps {
+	children: React.ReactNode;
 }
 
-const OutlinedIconButton: React.FC<Props> = (props: Props) => {
-  const sx = {
-    // Default style
-    borderWidth: "2px",
-    borderStyle: "solid",
-    borderColor: `${props.color}.light`,
-    "&:hover": {
-      backgroundColor: "action.hover",
-      borderColor: `${props.color}.main`,
-    },
-    borderRadius: "8px",
+const OutlinedIconButton: React.FC<Props> = ({
+	children,
+	sx,
+	...props
+}: Props) => {
+	const defaultSx = {
+		// Default style
+		borderWidth: "2px",
+		borderStyle: "solid",
+		borderColor: props.disabled ? "grey.500" : `${props.color}.light`,
+		"&:hover": {
+			backgroundColor: "action.hover",
+			borderColor: `${props.color}.main`,
+		},
+		borderRadius: "8px",
 
-    // Override style
-    ...props.sx,
-  };
+		// Override style
+		...sx,
+	};
 
-  return (
-    <IconButton
-      centerRipple={false}
-      color={props.color || "inherit"}
-      sx={sx}
-      onClick={props.onClick}
-    >
-      {props.children}
-    </IconButton>
-  );
+	return (
+		<IconButton sx={defaultSx} {...props}>
+			{children}
+		</IconButton>
+	);
 };
 
 export default OutlinedIconButton;

package/src/components/core/date-time-popover.tsx

@@ -0,0 +1,32 @@
+import { Theme, useTheme } from "@mui/material";
+import { Popover, Box, Typography, PopoverProps } from "@mui/material";
+
+interface Props extends PopoverProps {
+	dateIsoString: string;
+}
+
+export default function DateTimePopover({
+	dateIsoString,
+	...popoverProps
+}: Props) {
+	const theme = useTheme();
+	const styles = getStyles(theme);
+
+	const date = new Date(dateIsoString);
+
+	return (
+		<Popover {...popoverProps}>
+			<Box sx={styles.popover}>
+				<Typography>{date.toString()}</Typography>
+			</Box>
+		</Popover>
+	);
+}
+
+const getStyles = (theme: Theme) => {
+	return {
+		popover: {
+			padding: theme.spacing(1),
+		},
+	};
+};

package/src/components/core/edited-typography.tsx

@@ -0,0 +1,20 @@
+import { useTranslations } from "next-intl";
+import { Typography } from "@mui/material";
+
+interface Props {
+	edited: boolean;
+}
+
+export default function EditedTypography(props: Props) {
+	const t = useTranslations("Integrate.Scheduler");
+
+	return (
+		<Typography
+			variant="caption"
+			color="grey"
+			visibility={props.edited ? "visible" : "hidden"}
+		>
+			{t("edited")}
+		</Typography>
+	);
+}

package/src/components/core/index.ts

@@ -1 +1,4 @@
 export { default as Loading } from "./loading";
+export { default as DateTimePopover } from "./date-time-popover";
+export { default as TitleEdit } from "./title-edit";
+export { default as EditedTypography } from "./edited-typography";