react-weekly-planning 1.0.14 → 1.0.16

package/README.md

@@ -83,7 +83,7 @@ Props for the Calendar component.
 | `date`                       | Date                                                                                  | The current date to display in the calendar.                                                      |
 | `groupRender`                | ({ currentGroup }: { currentGroup: GroupFeildsType }) => React.ReactNode              | Custom render function for a group.                                                               |
 | `dayRender`                  | ({ dayIndex, day, dayOfTheMonth, dayMonth, dayYear }: { dayIndex: number; day: string; dayOfTheMonth: number; dayMonth: string; dayYear: number; }) => React.ReactNode | Custom render function for a day.                                                                 |
-| `taskRender`                 | ({ currentTask, handleDragTask }: { currentTask: TaskFeildsType; handleDragTask?: (event: React.DragEvent<HTMLDivElement>, currentTask: TaskFeildsType) => void; }) => React.ReactNode | Custom render function for a task. |
+| `taskRender`                 | ({ currentTask, handleDragTask }: { currentTask: TaskFeildsType}) => React.ReactNode             | Custom render function for a task. |
 | `rowsStyle`                  | React.CSSProperties \| undefined                                                      | Additional styles for the rows.                                                                   |
 | `rowsClassName`              | string                                                                                | Additional class names for the rows.                                                              |
 | `groupsColsStyle`            | React.CSSProperties \| undefined                                                      | Additional styles for the group columns.                                                          |
@@ -161,6 +161,15 @@ Props for the Calendar component.
   const formattedTime = millisecondsToHours(1716905215397);
   console.log(formattedTime); // Logs the formatted time for 14h06
   ```
+### `checkDuplicates`
+
+- **Description**: Checks if a new task overlaps with any existing tasks in the schedule. This function helps prevent overlapping tasks when scheduling.
+- **Parameters**:
+  - `tasks` (TasksType): An array of existing tasks. Each task should have `taskStart` and `taskEnd` properties representing the start and end times of the task.
+  - `taskStart` (number): The start time in milliseconds of the new task to be checked.
+  - `taskEnd` (number): The end time in milliseconds of the new task to be checked.
+- **Returns**: `boolean` - Returns `true` if there is an overlap with any existing task, otherwise returns `false`.
+
 
 ---
 

package/definitions/index.ts

@@ -152,13 +152,8 @@ export type CalendarPropsType = {
   /** Custom render function for a task. */
   taskRender?: ({
     currentTask,
-    handleDragTask,
   }: {
     currentTask: TaskFeildsType;
-    handleDragTask?: (
-      event: React.DragEvent<HTMLDivElement>,
-      currentTask: TaskFeildsType
-    ) => void;
   }) => React.ReactNode;
   /** Additional styles for the rows. */
   rowsStyle?: React.CSSProperties | undefined;
@@ -333,13 +328,8 @@ export type TaskContainerPropsType = {
   /** Custom render function for a task. */
   taskRender?: ({
     currentTask,
-    handleDragTask,
   }: {
     currentTask: TaskFeildsType;
-    handleDragTask?: (
-      event: React.DragEvent<HTMLDivElement>,
-      currentTask: TaskFeildsType
-    ) => void;
   }) => React.ReactNode;
   /** Handler function for ending the drag of a task. */
   handleDragTaskEnd?: (event: React.DragEvent<HTMLDivElement>) => void;

package/index.js

@@ -221,4 +221,13 @@ export const updateOffsetWithDateCalendar = (calendarDate) => {
 export const millisecondsToHours = (milliseconds) => {
     return millisecondsToDate(milliseconds).formattedDate;
 };
+export const checkDuplicates = (tasks, taskStart, taskEnd) => {
+    const findDuplicates = tasks === null || tasks === void 0 ? void 0 : tasks.filter((task) => (taskStart >= task.taskStart && taskStart < task.taskEnd) ||
+        (taskEnd > task.taskStart && taskEnd < task.taskEnd) ||
+        (taskStart <= task.taskStart &&
+            taskEnd > task.taskStart &&
+            taskEnd >= task.taskEnd &&
+            taskStart <= task.taskEnd));
+    return findDuplicates.length > 0;
+};
 export default Calendar;

package/index.tsx

@@ -9,6 +9,9 @@ import {
   GroupsHeadContainerPropsType,
   SumHoursContainerPropsType,
   SumHoursHeadContainerPropsType,
+  TaskType,
+  TaskFeildsType,
+  TasksType,
 } from "./definitions";
 import {
   getWeekDays,
@@ -588,4 +591,20 @@ export const millisecondsToHours = (milliseconds: number) => {
   return millisecondsToDate(milliseconds).formattedDate;
 };
 
+export const checkDuplicates = (
+  tasks: TasksType,
+  taskStart: number,
+  taskEnd: number
+) => {
+  const findDuplicates = tasks?.filter(
+    (task) =>
+      (taskStart >= task.taskStart && taskStart < task.taskEnd) ||
+      (taskEnd > task.taskStart && taskEnd < task.taskEnd) ||
+      (taskStart <= task.taskStart &&
+        taskEnd > task.taskStart &&
+        taskEnd >= task.taskEnd &&
+        taskStart <= task.taskEnd)
+  );
+  return findDuplicates.length > 0;
+};
 export default Calendar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-weekly-planning",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "main": "index.js",
   "scripts": {
     "test": "jest",