react-weekly-planning 1.0.33 → 1.0.35

package/{lib → dist/lib}/utils.js

@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import moment from "moment";
 import dayjs from "dayjs";
 import { v4 as uuidv4 } from "uuid";
 export const DAY_IN_MILLISECONDS = 86400000;
@@ -184,18 +183,6 @@ export function calculerEcartSemaine(dateSelectionnee, timeZone) {
  * @param numeroSemaine - The week number.
  * @returns The number of weeks since the origin date.
  */
-function semainesDepuisOrigine(annee, numeroSemaine) {
-    const dateActuelle = new Date();
-    const dateOrigine = new Date(dateActuelle.getFullYear() - 2, 0, 1);
-    const anneeOrigine = dateOrigine.getFullYear();
-    const numeroSemaineOrigine = getWeekNumber(dateOrigine);
-    let nombreSemaines = 0;
-    for (let i = anneeOrigine; i < annee; i++) {
-        nombreSemaines += moment().year(i).isoWeeksInYear();
-    }
-    nombreSemaines += numeroSemaine - numeroSemaineOrigine;
-    return nombreSemaines;
-}
 export function getSessionStorageRecordForDragAndDrop(tasks, positionDay, dropGroupId) {
     const dragtaskId = window.sessionStorage.getItem("calendardragtaskId");
     const dragtaskStart = window.sessionStorage.getItem("calendardragtaskStart");

package/index.js

@@ -1,70 +1,70 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import "./style.css";
-import CalendarForWeek from "./components/CalendarForWeek";
-import CalendarForDay from "./components/CalendarForday";
-/**
- * Calendar component to display tasks and groups in a weekly view.
- *
- * @param {CalendarPropsType} props - The props for the Calendar component.
- * @param {number} [props.weekOffset] - Offset for the week (e.g., -7 for last week, 0 for current week, 7 for next week).
- * @param {GroupFeildsType[]} props.groups - Array of group data to be displayed in the calendar.
- * @param {string} [props.className] - Additional class names for the calendar component.
- * @param {React.CSSProperties} [props.style] - Additional styles for the calendar component.
- * @param {Date} props.date - The current date to display in the calendar.
- * @param {(currentGroup: { currentGroup: GroupFeildsType }) => React.ReactNode} [props.groupRender] - Custom render function for a group.
- * @param {({ dayIndex, day, dayOfTheMonth, dayMonth, dayYear }: { dayIndex: number; day: string; dayOfTheMonth: number; dayMonth: string; dayYear: number }) => React.ReactNode} [props.dayRender] - Custom render function for a day.
- * @param {(currentTask: { currentTask: TaskFeildsType }) => React.ReactNode} [props.taskRender] - Custom render function for a task.
- * @param {React.CSSProperties} [props.rowsStyle] - Additional styles for the rows.
- * @param {string} [props.rowsClassName] - Additional class names for the rows.
- * @param {React.CSSProperties} [props.groupsColsStyle] - Additional styles for the group columns.
- * @param {string} [props.groupsColsClassName] - Additional class names for the group columns.
- * @param {React.CSSProperties} [props.daysColsStyle] - Additional styles for the day columns.
- * @param {string} [props.daysColsClassName] - Additional class names for the day columns.
- * @param {string} [props.addTaskClassName] - Additional class names for the add-task button.
- * @param {React.CSSProperties} [props.addTaskStyle] - Additional styles for the add-task button.
- * @param {string} [props.groupContainerClassName] - Additional class names for the group containers.
- * @param {React.CSSProperties} [props.groupContainerStyle] - Additional styles for the group containers.
- * @param {string} [props.dayClassName] - Additional class names for the day elements.
- * @param {React.CSSProperties} [props.dayStyle] - Additional styles for the day elements.
- * @param {React.CSSProperties} [props.taskContainerStyle] - Additional styles for the task container.
- * @param {string} [props.taskContainerClassName] - Additional class names for the task container.
- * @param {React.CSSProperties} [props.groupHeadContainerStyle] - Additional styles for the group header container.
- * @param {string} [props.groupHeadContainerClassName] - Additional class names for the group header container.
- * @param {React.CSSProperties} [props.sumHoursContainerStyle] - Additional styles for the sum-of-hours container.
- * @param {string} [props.sumHoursContainerClassName] - Additional class names for the sum-of-hours container.
- * @param {React.CSSProperties} [props.sumHoursHeadStyle] - Additional styles for the sum-of-hours header.
- * @param {string} [props.sumHoursHeadClassName] - Additional class names for the sum-of-hours header.
- * @param {(currentGroup: GroupFeildsType, dayInfo: dayInfoType) => void} [props.handleAddTask] - Handler function for adding a new task.
- * @param {({ currentGroup, dayInfo }: { currentGroup: GroupFeildsType; dayInfo: dayInfoType }) => React.ReactNode} [props.addTaskRender] - Custom render function for adding a task.
- * @param {TasksType} props.tasks - Array of tasks to be displayed in the calendar.
- * @param {(event: React.DragEvent<HTMLDivElement>, currentTask: TaskFeildsType) => void} [props.handleDragTask] - Handler function for dragging a task.
- * @param {(event: React.DragEvent<HTMLDivElement>, taskStart: number, taskEnd: number, taskDate: Date, groupId: string, dayIndex: number, newTask: TaskFeildsType, newTasks: TasksType) => void} [props.handleDropTask] - Handler function for dropping a task.
- * @param {(event: React.DragEvent<HTMLDivElement>) => void} [props.handleDragTaskEnd] - Handler function for ending the drag of a task.
- * @param {() => React.ReactNode} [props.groupsHeadRender] - Custom render function for the groups header.
- * @param {({
- *   groupId,
- *   tasks,
- *   weekOffset,
- *   calendarDate,
- *   sumHoursByGroups
- * }: {
- *   groupId: string;
- *   tasks: TasksType;
- *   weekOffset: number;
- *   calendarDate: Date;
- *   sumHoursByGroups: number;
- * }) => React.ReactNode} [props.sumHoursRender] - Custom render function for the sum of hours.
- * @param {() => React.ReactNode} [props.sumHoursHeadRender] - Custom render function for the sum-of-hours header.
- * @param {(currentTask: TaskFeildsType) => void} [props.handleClickTask] - Handler function for clicking a task.
- * @param {(currentGroup: GroupFeildsType) => void} [props.handleClickGroup] - Handler function for clicking a group.
- * @param {0|1|2|3|4|5|6} [props.dayOffset] - Offset index for the day column (0 = first day of week, …, 6 = last day).
- * @param {React.CSSProperties} [props.dayColsStyle] - Additional styles for the day columns.
- * @param {string} [props.dayColsClassName] - Additional class names for the day columns.
- * @param {React.CSSProperties} [props.hoursColsStyle] - Additional styles for the hours columns.
- * @param {string} [props.hoursColsClassName] - Additional class names for the hours columns.
- */
-const Calendar = (props) => {
-    return (_jsx(_Fragment, { children: props.scope === "day" ? _jsx(CalendarForDay, Object.assign({}, props)) : _jsx(CalendarForWeek, Object.assign({}, props)) }));
-};
-export default Calendar;
-export { CalendarForDay };
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import "./style.css";
+import CalendarForWeek from "./components/CalendarForWeek";
+import CalendarForDay from "./components/CalendarForday";
+/**
+ * Calendar component to display tasks and groups in a weekly view.
+ *
+ * @param {CalendarPropsType} props - The props for the Calendar component.
+ * @param {number} [props.weekOffset] - Offset for the week (e.g., -7 for last week, 0 for current week, 7 for next week).
+ * @param {GroupFeildsType[]} props.groups - Array of group data to be displayed in the calendar.
+ * @param {string} [props.className] - Additional class names for the calendar component.
+ * @param {React.CSSProperties} [props.style] - Additional styles for the calendar component.
+ * @param {Date} props.date - The current date to display in the calendar.
+ * @param {(currentGroup: { currentGroup: GroupFeildsType }) => React.ReactNode} [props.groupRender] - Custom render function for a group.
+ * @param {({ dayIndex, day, dayOfTheMonth, dayMonth, dayYear }: { dayIndex: number; day: string; dayOfTheMonth: number; dayMonth: string; dayYear: number }) => React.ReactNode} [props.dayRender] - Custom render function for a day.
+ * @param {(currentTask: { currentTask: TaskFeildsType }) => React.ReactNode} [props.taskRender] - Custom render function for a task.
+ * @param {React.CSSProperties} [props.rowsStyle] - Additional styles for the rows.
+ * @param {string} [props.rowsClassName] - Additional class names for the rows.
+ * @param {React.CSSProperties} [props.groupsColsStyle] - Additional styles for the group columns.
+ * @param {string} [props.groupsColsClassName] - Additional class names for the group columns.
+ * @param {React.CSSProperties} [props.daysColsStyle] - Additional styles for the day columns.
+ * @param {string} [props.daysColsClassName] - Additional class names for the day columns.
+ * @param {string} [props.addTaskClassName] - Additional class names for the add-task button.
+ * @param {React.CSSProperties} [props.addTaskStyle] - Additional styles for the add-task button.
+ * @param {string} [props.groupContainerClassName] - Additional class names for the group containers.
+ * @param {React.CSSProperties} [props.groupContainerStyle] - Additional styles for the group containers.
+ * @param {string} [props.dayClassName] - Additional class names for the day elements.
+ * @param {React.CSSProperties} [props.dayStyle] - Additional styles for the day elements.
+ * @param {React.CSSProperties} [props.taskContainerStyle] - Additional styles for the task container.
+ * @param {string} [props.taskContainerClassName] - Additional class names for the task container.
+ * @param {React.CSSProperties} [props.groupHeadContainerStyle] - Additional styles for the group header container.
+ * @param {string} [props.groupHeadContainerClassName] - Additional class names for the group header container.
+ * @param {React.CSSProperties} [props.sumHoursContainerStyle] - Additional styles for the sum-of-hours container.
+ * @param {string} [props.sumHoursContainerClassName] - Additional class names for the sum-of-hours container.
+ * @param {React.CSSProperties} [props.sumHoursHeadStyle] - Additional styles for the sum-of-hours header.
+ * @param {string} [props.sumHoursHeadClassName] - Additional class names for the sum-of-hours header.
+ * @param {(currentGroup: GroupFeildsType, dayInfo: dayInfoType) => void} [props.handleAddTask] - Handler function for adding a new task.
+ * @param {({ currentGroup, dayInfo }: { currentGroup: GroupFeildsType; dayInfo: dayInfoType }) => React.ReactNode} [props.addTaskRender] - Custom render function for adding a task.
+ * @param {TasksType} props.tasks - Array of tasks to be displayed in the calendar.
+ * @param {(event: React.DragEvent<HTMLDivElement>, currentTask: TaskFeildsType) => void} [props.handleDragTask] - Handler function for dragging a task.
+ * @param {(event: React.DragEvent<HTMLDivElement>, taskStart: number, taskEnd: number, taskDate: Date, groupId: string, dayIndex: number, newTask: TaskFeildsType, newTasks: TasksType) => void} [props.handleDropTask] - Handler function for dropping a task.
+ * @param {(event: React.DragEvent<HTMLDivElement>) => void} [props.handleDragTaskEnd] - Handler function for ending the drag of a task.
+ * @param {() => React.ReactNode} [props.groupsHeadRender] - Custom render function for the groups header.
+ * @param {({
+ *   groupId,
+ *   tasks,
+ *   weekOffset,
+ *   calendarDate,
+ *   sumHoursByGroups
+ * }: {
+ *   groupId: string;
+ *   tasks: TasksType;
+ *   weekOffset: number;
+ *   calendarDate: Date;
+ *   sumHoursByGroups: number;
+ * }) => React.ReactNode} [props.sumHoursRender] - Custom render function for the sum of hours.
+ * @param {() => React.ReactNode} [props.sumHoursHeadRender] - Custom render function for the sum-of-hours header.
+ * @param {(currentTask: TaskFeildsType) => void} [props.handleClickTask] - Handler function for clicking a task.
+ * @param {(currentGroup: GroupFeildsType) => void} [props.handleClickGroup] - Handler function for clicking a group.
+ * @param {0|1|2|3|4|5|6} [props.dayOffset] - Offset index for the day column (0 = first day of week, …, 6 = last day).
+ * @param {React.CSSProperties} [props.dayColsStyle] - Additional styles for the day columns.
+ * @param {string} [props.dayColsClassName] - Additional class names for the day columns.
+ * @param {React.CSSProperties} [props.hoursColsStyle] - Additional styles for the hours columns.
+ * @param {string} [props.hoursColsClassName] - Additional class names for the hours columns.
+ */
+const Calendar = (props) => {
+    return (_jsx(_Fragment, { children: props.scope === "day" ? _jsx(CalendarForDay, Object.assign({}, props)) : _jsx(CalendarForWeek, Object.assign({}, props)) }));
+};
+export default Calendar;
+export { CalendarForDay };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-weekly-planning",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "main": "index.js",
   "scripts": {
     "test": "jest --env=jsdom",
@@ -41,13 +41,8 @@
   "dependencies": {
     "@babel/types": "^7.29.0",
     "@types/babel__generator": "^7.27.0",
-    "axios": "^1.13.6",
     "dayjs": "^1.11.19",
-    "ical": "^0.8.0",
-    "ics-to-json": "^2.0.2",
-    "moment": "^2.30.1",
     "react-window": "^2.2.7",
-    "sass": "^1.97.3",
     "ts-node": "^10.9.2",
     "uuid": "^13.0.0"
   },
@@ -60,12 +55,10 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/babel__core": "^7.20.5",
-    "@types/ical": "^0.8.3",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.14",
     "@types/react-window": "^2.0.0",
     "babel-jest": "^30.2.0",
-    "docdash": "^2.0.2",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "react": "^19.2.4",

package/__tests__/page.test.js

@@ -1,106 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import "@testing-library/jest-dom";
-import ical from "ical";
-export function parseICSToTasks(icsData, group) {
-    var _a;
-    const events = ical.parseICS(icsData);
-    const tasks = [];
-    for (const key in events) {
-        const event = events[key];
-        if (event.type === "VEVENT") {
-            const taskStart = event.start
-                ? new Date(event.start).getTime()
-                : new Date().getTime();
-            const taskEnd = event.end
-                ? new Date(event.end).getTime()
-                : new Date().getTime();
-            const taskDate = event.start ? new Date(event.start) : new Date();
-            const taskSummary = event.summary || "";
-            const taskLocation = event.location || "";
-            const taskTimezone = "";
-            const taskCreatedAt = event.created
-                ? new Date(event.created)
-                : new Date();
-            const taskExpiryDate = ((_a = event.rrule) === null || _a === void 0 ? void 0 : _a.options.until)
-                ? new Date(event.rrule.options.until)
-                : new Date();
-            const task = {
-                taskStart,
-                taskEnd,
-                taskDate,
-                taskSummary,
-                taskLocation,
-                taskTimzone: taskTimezone,
-                groupId: group,
-                dayIndex: taskDate.getDay() || 0,
-                taskId: event.uid || "",
-                taskCreatedAt,
-                taskExpiryDate,
-            };
-            tasks.push(task);
-            if (!event.start)
-                return [];
-            // Gestion des occurrences récurrentes
-            if (event.rrule) {
-                const occurrences = event.rrule.between(event.start, taskExpiryDate || new Date());
-                occurrences.forEach((occurrence) => {
-                    tasks.push(Object.assign(Object.assign({}, task), { taskStart: occurrence.getTime(), taskEnd: occurrence.getTime() + (taskEnd - taskStart), taskDate: new Date(occurrence.getTime()), dayIndex: new Date(occurrence.getTime()).getDay() }));
-                });
-            }
-        }
-    }
-    return tasks;
-}
-import axios from "axios";
-// Get ICS text however you like, example below
-// Make sure you have the right CORS settings if needed
-const convert = (fileLocation) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const task = fileLocation.map((link) => __awaiter(void 0, void 0, void 0, function* () {
-            const icsRes = yield axios.get(link);
-            const icstext = yield icsRes.data;
-            const data = parseICSToTasks(icstext, "morel");
-            return data;
-        }));
-        console.log(task);
-        return "success";
-    }
-    catch (error) {
-        return "error";
-    }
-});
-export function convertTasksToIcsFormat(tasks) {
-    const ics = tasks.reduce((previousIcs, task) => {
-        previousIcs += `
-
-        BEGIN:VCALENDAR
-        VERSION:1.0
-        BEGIN:VEVENT
-        DTSTART:${task.taskStart}
-        DTEND:${task.taskEnd}
-        LOCATION:
-        DESCRIPTION:Purpose: Provide example of this file type Document file type: ICS Version: 1.0 Created by http://www.online-convert.com More example files: http://www.online-convert.com/file-type License: http://creativecommons.org/licenses Feel free to use & share the file according to the license above.
-        SUMMARY:ICS test file
-        PRIORITY:3
-        END:VEVENT
-        END:VCALENDAR
-
-    `;
-        return previousIcs;
-    }, "");
-    return ics;
-}
-test("the fetch fails with an error", () => {
-    return convert([
-        "https://firebasestorage.googleapis.com/v0/b/ashtonv2.appspot.com/o/example.ics?alt=media&token=679cab97-cde2-4074-b96f-b63c10f1b7e2",
-        "https://firebasestorage.googleapis.com/v0/b/ashtonv2.appspot.com/o/example.ics?alt=media&token=679cab97-cde2-4074-b96f-b63c10f1b7e2",
-    ]).catch((error) => expect(error).toMatch("error"));
-});

package/__tests__/page.test.tsx

@@ -1,129 +0,0 @@
-import { render } from "@testing-library/react";
-import Calendar from "..";
-import "@testing-library/jest-dom";
-import { TaskFeildsType } from "../definitions";
-import { icsToJson } from "ics-to-json";
-
-import ical from "ical";
-
-export function parseICSToTasks(
-  icsData: string,
-  group: string
-): TaskFeildsType[] {
-  const events = ical.parseICS(icsData);
-  const tasks: TaskFeildsType[] = [];
-
-  for (const key in events) {
-    const event = events[key];
-
-    if (event.type === "VEVENT") {
-      const taskStart = event.start
-        ? new Date(event.start).getTime()
-        : new Date().getTime();
-      const taskEnd = event.end
-        ? new Date(event.end).getTime()
-        : new Date().getTime();
-      const taskDate = event.start ? new Date(event.start) : new Date();
-      const taskSummary = event.summary || "";
-      const taskLocation = event.location || "";
-      const taskTimezone = "";
-      const taskCreatedAt = event.created
-        ? new Date(event.created)
-        : new Date();
-      const taskExpiryDate = event.rrule?.options.until
-        ? new Date(event.rrule.options.until)
-        : new Date();
-
-      const task: TaskFeildsType[][number] = {
-        taskStart,
-        taskEnd,
-        taskDate,
-        taskSummary,
-        taskLocation,
-        taskTimzone: taskTimezone,
-        groupId: group,
-        dayIndex: taskDate.getDay() || 0,
-        taskId: event.uid || "",
-        taskCreatedAt,
-        taskExpiryDate,
-      };
-
-      tasks.push(task);
-
-      if (!event.start) return [];
-
-      // Gestion des occurrences récurrentes
-      if (event.rrule) {
-        const occurrences = event.rrule.between(
-          event.start,
-          taskExpiryDate || new Date()
-        );
-
-        occurrences.forEach((occurrence) => {
-          tasks.push({
-            ...task,
-            taskStart: occurrence.getTime(),
-            taskEnd: occurrence.getTime() + (taskEnd - taskStart),
-            taskDate: new Date(occurrence.getTime()),
-            dayIndex: new Date(occurrence.getTime()).getDay(),
-          });
-        });
-      }
-    }
-  }
-
-  return tasks;
-}
-
-import axios from "axios";
-// Get ICS text however you like, example below
-// Make sure you have the right CORS settings if needed
-const convert = async (fileLocation: string[]) => {
-
-  try {
-    const task = fileLocation.map(async (link)  => {
-      const icsRes = await axios.get(link);
-      const icstext:string = await icsRes.data;
-      const data = parseICSToTasks(icstext, "morel");
-      return data;
-    });
-
-    console.log(task);
-    return "success";
-  } catch (error) {
-    return "error";
-  }
-};
-
-
-export function convertTasksToIcsFormat(tasks: TaskFeildsType[]) {
-  const ics = tasks.reduce((previousIcs: string, task: TaskFeildsType) => {
-    previousIcs += `
-
-        BEGIN:VCALENDAR
-        VERSION:1.0
-        BEGIN:VEVENT
-        DTSTART:${task.taskStart}
-        DTEND:${task.taskEnd}
-        LOCATION:
-        DESCRIPTION:Purpose: Provide example of this file type Document file type: ICS Version: 1.0 Created by http://www.online-convert.com More example files: http://www.online-convert.com/file-type License: http://creativecommons.org/licenses Feel free to use & share the file according to the license above.
-        SUMMARY:ICS test file
-        PRIORITY:3
-        END:VEVENT
-        END:VCALENDAR
-
-    `;
-
-    return previousIcs;
-  }, "");
-
-  return ics;
-}
-
-
-test("the fetch fails with an error", () => {
-  return convert([
-    "https://firebasestorage.googleapis.com/v0/b/ashtonv2.appspot.com/o/example.ics?alt=media&token=679cab97-cde2-4074-b96f-b63c10f1b7e2",
-    "https://firebasestorage.googleapis.com/v0/b/ashtonv2.appspot.com/o/example.ics?alt=media&token=679cab97-cde2-4074-b96f-b63c10f1b7e2",
-  ]).catch((error) => expect(error).toMatch("error"));
-});

package/babel.config.js

@@ -1 +0,0 @@
-module.exports = {presets: ['@babel/preset-env']}

package/components/AddTask/index.tsx

@@ -1,43 +0,0 @@
-import { memo } from "react";
-import { AddTaskPropsType } from "../../definitions";
-
-const AddTask = ({
-  
-  currentGroup,
-  handleAddTask,
-  addTaskRender,
-  dayInfo,
-  addTaskStyle,
-  addTaskClassName,
-
-}: AddTaskPropsType) => {
-  if (addTaskRender) {
-    return (
-      <>
-        {addTaskRender({
-          currentGroup,
-          dayInfo,
-        })}
-      </>
-    );
-  }
-
-  const handleClick = () => {
-
-    if (!handleAddTask) return;
-    handleAddTask(currentGroup, dayInfo);
-
-  };
-
-  return (
-    <div
-      onClick={handleClick}
-      style={addTaskStyle}
-      className={`addPlanStyle ${addTaskClassName}`}
-    >
-      +
-    </div>
-  );
-};
-
-export default memo(AddTask);