react-weekly-planning 1.0.35 → 1.0.37

package/README.md

@@ -118,7 +118,7 @@ It is possible to use either Weekoffset or Date, or even both simultaneously.
 
   **Example**:
   ```jsx
-  import {getSavedTasks} from "react-weekly-planning/lib/utils";
+  import {getSavedTasks} from "react-weekly-planning";
   const [tasks,setTasks]=useState([])
 
   useEffect(()=>{
@@ -137,7 +137,7 @@ Here is a complete, minimal example showing how to set up the `Calendar` with si
 ```tsx
 import React, { useState } from "react";
 import Calendar from "react-pweekly-planning"; // Verify your exact import path based on package.json
-import "react-pweekly-planning/dist/style.css"; // Ensure CSS is imported depending on your setup
+
 
 const App = () => {
   const [date] = useState(new Date());
@@ -239,6 +239,20 @@ Props for the Calendar component.
 
 ## Additional Functions
 
+### `getCalendarDate`
+
+- **Description**: Returns the current date according to the selected timezone or the local time.
+- **Parameters**:
+  - `timeZone` (TimeZone, optional): The timezone to use for the date calculation.
+- **Returns**: A `Date` object representing the current time in the specified timezone (or local time if omitted).
+
+  **Example**:
+  ```javascript
+  import { getCalendarDate } from "react-weekly-planning";
+  const now = getCalendarDate("Europe/Paris");
+  console.log(now); // Logs the current date in Paris
+  ```
+
 ### `updateCalendarDateWithOffset`
 
 - **Description**: Updates the calendar date based on the week offset.
@@ -263,7 +277,7 @@ Props for the Calendar component.
 
   **Example**:
   ```javascript
-  import {updateOffsetWithDateCalendar} from "react-weekly-planning/lib/utils";
+  import {updateOffsetWithDateCalendar} from "react-weekly-planning";
   const offset = updateOffsetWithDateCalendar(new Date());
   console.log(offset); // Logs the week offset for the given date
   ```
@@ -277,7 +291,7 @@ Props for the Calendar component.
 
   **Example**:
   ```javascript
-  import {millisecondsToHours} from "react-weekly-planning/lib/utils";
+  import {millisecondsToHours} from "react-weekly-planning";
   const formattedTime = millisecondsToHours(1716905215397);
   console.log(formattedTime); // Logs the formatted time for 14h06
   ```

package/dist/components/CalendarForday.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "../style.css";
+import "./style.css";
 import { memo, useEffect } from "react";
 import { compareWeekOffset, saveTasksToLocalStorage } from "../lib/utils";
 import useCalendarDateState from "../hooks/useCalendarDateState";

package/{index.js → dist/components/index.js}

@@ -1,70 +1,69 @@
-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 "./CalendarForWeek";
+import CalendarForDay from "./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;

package/dist/index.js

@@ -0,0 +1,7 @@
+// src/index.ts
+// 1. Tu exportes ton composant principal
+export { default as Calendar } from './components/index';
+// 2. Tu exportes tout le contenu de ton fichier utils
+export * from './lib/utils';
+export * from './definitions/index';
+// OU exportes des éléments spécifiques : export { formatTime, generateSlots } from './utils';

package/dist/lib/utils.js

@@ -30,7 +30,7 @@ export const endDateMilliseconds = endDate.getTime();
 export function getDayHourly(weekOffset, timeZone) {
     const dailyHours = [];
     let dayOffset = weekOffset;
-    const resolvedCurrentDate = timeZone ? getDateObjectInTimeZone(timeZone) : new Date();
+    const resolvedCurrentDate = getCalendarDate(timeZone);
     const currentDayOfWeek = resolvedCurrentDate.getDay();
     const resolvedStartDate = new Date(resolvedCurrentDate);
     resolvedStartDate.setDate(resolvedStartDate.getDate() - currentDayOfWeek);
@@ -116,11 +116,11 @@ export function getWeekDays(jump, timeZone) {
         "Nov",
         "Dec",
     ];
-    const currentDate = timeZone ? getDateObjectInTimeZone(timeZone) : new Date();
+    const currentDate = getCalendarDate(timeZone);
     const currentDayOfWeek = currentDate.getDay();
     let weekDays = [];
     for (let i = 0; i < 7; i++) {
-        const day = timeZone ? getDateObjectInTimeZone(timeZone) : new Date();
+        const day = getCalendarDate(timeZone);
         const diff = i - currentDayOfWeek;
         if (currentDayOfWeek === 0) {
             day.setDate(currentDate.getDate() + diff + jump - 7);
@@ -171,11 +171,19 @@ function updateSelectedDateForEcartSemaine(dateSelectionnee) {
  * @returns The week difference in days.
  */
 export function calculerEcartSemaine(dateSelectionnee, timeZone) {
-    const dateActuelle = timeZone ? getDateObjectInTimeZone(timeZone) : new Date();
-    const recupDate = new Date(dateSelectionnee);
-    recupDate.setUTCDate(recupDate.getUTCDate() + 4 - (recupDate.getUTCDay() || 7));
-    dateActuelle.setUTCDate(dateActuelle.getUTCDate() + 4 - (dateActuelle.getUTCDay() || 7));
-    return Math.ceil((recupDate.getTime() - dateActuelle.getTime()) / 86400000);
+    const dateActuelle = getCalendarDate(timeZone);
+    // 1. Retrieve only the year, month, and day, and force it to midnight UTC.
+    // This eliminates any risk related to time zones and daylight saving time.
+    const utcSelected = Date.UTC(dateSelectionnee.getFullYear(), dateSelectionnee.getMonth(), dateSelectionnee.getDate());
+    const utcActuelle = Date.UTC(dateActuelle.getFullYear(), dateActuelle.getMonth(), dateActuelle.getDate());
+    const MS_PAR_JOUR = 86400000;
+    // 2. Resize each date to the Sunday of its corresponding week.
+    // getDay() returns a number from 0 (Sunday) to 6 (Saturday).
+    // By subtracting (day * ms_per_day), we arrive at Sunday at midnight.
+    const dimancheSelected = utcSelected - (dateSelectionnee.getDay() * MS_PAR_JOUR);
+    const dimancheActuelle = utcActuelle - (dateActuelle.getDay() * MS_PAR_JOUR);
+    const ecartJours = Math.round((dimancheSelected - dimancheActuelle) / MS_PAR_JOUR);
+    return ecartJours; // Retournera 0, 7, -7, 14, -14...
 }
 /**
  * Calculate the number of weeks since an arbitrary origin date (January 1, 2022).
@@ -216,10 +224,12 @@ export function compareWeekOffset(calendarDate, weekOffset, taskDate, timeZone)
     // if (taskDate.getDay() === 0 && calculerEcartSemaine(taskDate) === -7) {
     //   return true;
     // }
+    const currentDate = getCalendarDate(timeZone);
+    const currentWeekOffset = calculerEcartSemaine(currentDate, timeZone);
     const localTaskDate = getArbitraryDateInTimeZone(taskDate, timeZone);
     // if (calendarDate)
     //     return (calculerEcartSemaine(calendarDate) === calculerEcartSemaine(taskDate));
-    const ecartTask = calculerEcartSemaine(taskDate, timeZone) + (localTaskDate.getDay() === 0 ? 7 : 0);
+    const ecartTask = calculerEcartSemaine(taskDate, timeZone);
     return weekOffset === ecartTask;
 }
 export const sumHoursByGroups = (groupId, tasks, weekOffset, calendarDate, timeZone) => {
@@ -353,6 +363,14 @@ export function getDateObjectInTimeZone(timeZone) {
         return new Date();
     }
 }
+/**
+ * Returns the current date according to the selected timezone or the local time.
+ * @param timeZone - The optional timezone.
+ * @returns The current date.
+ */
+export function getCalendarDate(timeZone) {
+    return timeZone ? getDateObjectInTimeZone(timeZone) : new Date();
+}
 export function getArbitraryDateInTimeZone(date, timeZone) {
     if (!timeZone)
         return date;
@@ -437,7 +455,7 @@ export function getHoursByGroup(tasks, groupId, weekOffset, timeZone) {
     return sum;
 }
 export function getTaskProgression(task, timeZone) {
-    const now = timeZone ? getDateObjectInTimeZone(timeZone) : new Date();
+    const now = getCalendarDate(timeZone);
     if (task.taskStart >= now.getTime())
         return 0;
     if (now.getTime() >= task.taskEnd)

package/dist/types/components/AddTask/index.d.ts

@@ -0,0 +1,3 @@
+import { AddTaskPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ currentGroup, handleAddTask, addTaskRender, dayInfo, addTaskStyle, addTaskClassName, }: AddTaskPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/CalendarForWeek.d.ts

@@ -0,0 +1,4 @@
+import { CalendarTablePropsType } from "../definitions";
+declare function CalendarForWeek(props: CalendarTablePropsType): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CalendarForWeek>;
+export default _default;

package/dist/types/components/CalendarForday.d.ts

@@ -0,0 +1,5 @@
+import "./style.css";
+import { CalendarTablePropsType } from "../definitions";
+declare function CalendarForDay(props: CalendarTablePropsType): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof CalendarForDay>;
+export default _default;

package/dist/types/components/DayContainer/index.d.ts

@@ -0,0 +1,3 @@
+import { DayPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ dayIndex, dayOfTheMonth, day, dayMonth, dayYear, dayRender, className, style, }: DayPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/GroupContainer/index.d.ts

@@ -0,0 +1,3 @@
+import { GroupPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ className, style, groupRender, currentGroup, handleClickGroup, }: GroupPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/GroupsHeadContainer/index.d.ts

@@ -0,0 +1,3 @@
+import { GroupsHeadContainerPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ groupsHeadRender, style, className, }: GroupsHeadContainerPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/SumHoursContainer/index.d.ts

@@ -0,0 +1,3 @@
+import { SumHoursContainerPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ groupId, tasks, weekOffset, calendarDate, sumHoursByGroups, sumHoursRender, className, style, }: SumHoursContainerPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/SumHoursHead/index.d.ts

@@ -0,0 +1,3 @@
+import { SumHoursHeadContainerPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ sumHoursHeadRender, className, style, }: SumHoursHeadContainerPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/TaskContainer/index.d.ts

@@ -0,0 +1,3 @@
+import { TaskContainerPropsType } from "../../definitions";
+declare const _default: import("react").MemoExoticComponent<({ handleDragTask, taskRender, handleDragTaskEnd, style, className, currentTask, handleClickTask, }: TaskContainerPropsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/TaskList/index.d.ts

@@ -0,0 +1,5 @@
+import { TaskFeildsType } from "../../definitions";
+declare const TaskList: ({ tasks }: {
+    tasks: TaskFeildsType[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default TaskList;

package/dist/types/components/index.d.ts

@@ -0,0 +1,65 @@
+import "./style.css";
+import { CalendarPropsType } from "../definitions";
+/**
+ * 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.
+ */
+declare const Calendar: (props: CalendarPropsType) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/types/contexts/CalendarContext.d.ts

@@ -0,0 +1,15 @@
+import { GroupPropsType } from "../definitions";
+type CalendarContextProviderPropsType = {
+    children: React.ReactNode;
+    groups: GroupPropsType[];
+    weekOffset: number;
+    date: Date;
+};
+type CalendarContextType = {
+    groups: GroupPropsType[];
+    weekOffset: number;
+    date: Date;
+};
+declare const CalendarContextProvider: ({ groups, weekOffset, children, date }: CalendarContextProviderPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const useCalendarContext: () => CalendarContextType;
+export default CalendarContextProvider;

package/dist/types/definitions/index.d.ts

@@ -0,0 +1,395 @@
+/**
+ * Props for the Group component.
+ */
+export type GroupPropsType = {
+    /** Custom render function for the group. */
+    groupRender?: ({ currentGroup, }: {
+        currentGroup: GroupFeildsType;
+    }) => React.ReactNode;
+    /** Additional class names for the group component. */
+    className?: string;
+    /** Additional styles for the group component. */
+    style?: React.CSSProperties | undefined;
+    /** The current group data. */
+    currentGroup: GroupFeildsType;
+    /** Handler function for clicking the group. */
+    handleClickGroup?: (currentGroup: GroupFeildsType) => void;
+};
+/**
+ * Required fields for a group.
+ */
+type GroupRiquiredFieldsType = {
+    /** Label for the group. */
+    label?: string;
+    /** URL of the image representing the group. */
+    imageUrl?: string;
+    /** Unique identifier for the group. */
+    id: string;
+};
+/**
+ * Additional fields for a group.
+ */
+type GroupAdditionalFieldsType = Record<any, any>;
+/**
+ * Fields for a group, including both required and additional fields.
+ */
+export type GroupFeildsType = GroupRiquiredFieldsType & GroupAdditionalFieldsType;
+/**
+ * Props for the GroupComponent.
+ */
+export type GroupComponentPropsType = {
+    /** Custom render function for the group. */
+    groupRender?: ({ currentGroup, }: {
+        currentGroup: GroupFeildsType;
+    }) => React.ReactNode;
+    /** Additional class names for the group component. */
+    className?: string;
+    /** Additional styles for the group component. */
+    style?: React.CSSProperties | undefined;
+};
+/**
+ * Props for the Days component.
+ */
+export type DaysPropsType = {
+    /** Custom render function for a day. */
+    dayRender?: ({ dayIndex, day, dayOfTheMonth, dayMonth, dayYear, }: {
+        dayIndex?: number;
+        day?: string;
+        dayOfTheMonth?: number;
+        dayMonth?: string;
+        dayYear?: number;
+    }) => React.ReactNode;
+    /** Additional class names for the days component. */
+    className?: string;
+    /** Additional styles for the days component. */
+    style?: React.CSSProperties | undefined;
+};
+/**
+ * Props for a single day.
+ */
+export type DayPropsType = {
+    /** Index of the day. */
+    dayIndex: number;
+    /** Name of the day. */
+    day: string;
+    /** Day of the month. */
+    dayOfTheMonth: number;
+    /** Custom render function for a day. */
+    dayRender?: ({ dayIndex, day, dayOfTheMonth, dayMonth, dayYear, }: {
+        dayIndex: number;
+        day: string;
+        dayOfTheMonth: number;
+        dayMonth: string;
+        dayYear: number;
+    }) => React.ReactNode;
+    /** Month of the day. */
+    dayMonth: string;
+    /** Year of the day. */
+    dayYear: number;
+    /** Additional class names for the day component. */
+    className?: string;
+    /** Additional styles for the day component. */
+    style?: React.CSSProperties | undefined;
+};
+/**
+ * Props for the Calendar component.
+ */
+export type CalendarPropsType = {
+    scope?: "day" | "week";
+    /** Offset for the week (e.g., -7 for last week, 0 for current week, 7 for next week). */
+    weekOffset?: number;
+    /** Array of group data to be displayed in the calendar. */
+    groups: GroupFeildsType[];
+    /** Additional class names for the calendar component. */
+    className?: string;
+    /** Additional styles for the calendar component. */
+    style?: React.CSSProperties | undefined;
+    /** The current date to display in the calendar. */
+    date: Date;
+    /** Custom render function for a group. */
+    groupRender?: ({ currentGroup, }: {
+        currentGroup: GroupFeildsType;
+    }) => React.ReactNode;
+    /** Custom render function for a day. */
+    dayRender?: ({ dayIndex, day, dayOfTheMonth, dayMonth, dayYear, }: {
+        dayIndex: number;
+        day: string;
+        dayOfTheMonth: number;
+        dayMonth: string;
+        dayYear: number;
+    }) => React.ReactNode;
+    /** Custom render function for a task. */
+    taskRender?: ({ currentTask, }: {
+        currentTask: TaskFeildsType;
+    }) => React.ReactNode;
+    /** Additional styles for the rows. */
+    rowsStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the rows. */
+    rowsClassName?: string;
+    /** Additional styles for the group columns. */
+    groupsColsStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the group columns. */
+    groupsColsClassName?: string;
+    /** Additional styles for the day columns. */
+    daysColsStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the day columns. */
+    daysColsClassName?: string;
+    /** Additional class names for the add task button. */
+    addTaskClassName?: string;
+    /** Additional styles for the add task button. */
+    addTaskStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the groups. */
+    groupContainerClassName?: string;
+    /** Additional styles for the groups. */
+    groupContainerStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the days. */
+    dayClassName?: string;
+    /** Additional styles for the days. */
+    dayStyle?: React.CSSProperties | undefined;
+    /** Additional styles for the task container. */
+    taskContainerStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the task container. */
+    taskContainerClassName?: string;
+    /** Additional styles for the group head container. */
+    groupHeadContainerStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the group head container. */
+    groupHeadContainerClassName?: string;
+    /** Additional styles for the sum hours container. */
+    sumHoursContainerStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the sum hours container. */
+    sumHoursContainerClassName?: string;
+    /** Additional styles for the sum hours header. */
+    sumHoursHeadStyle?: React.CSSProperties | undefined;
+    /** Additional class names for the sum hours header. */
+    sumHoursHeadClassName?: string;
+    /** Handler function for adding a new task. */
+    handleAddTask?: (currentGroup: GroupFeildsType, dayInfo: dayInfoType) => void;
+    /** Custom render function for adding a task. */
+    addTaskRender?: ({ currentGroup, dayInfo, }: {
+        currentGroup: GroupFeildsType;
+        dayInfo: dayInfoType;
+    }) => React.ReactNode;
+    /** Array of tasks to be displayed in the calendar. */
+    tasks: TasksType;
+    /** Handler function for dragging a task. */
+    handleDragTask?: (event: React.DragEvent<HTMLDivElement>, currentTask: TaskFeildsType) => void;
+    /** Handler function for dropping a task. */
+    handleDropTask?: (event: React.DragEvent<HTMLDivElement>, taskStart: number, taskEnd: number, taskDate: Date, groupId: string, dayIndex: number, newTask: TaskFeildsType, newTasks: TasksType) => void;
+    /** Handler function for ending the drag of a task. */
+    handleDragTaskEnd?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /** Custom render function for the groups header. */
+    groupsHeadRender?: () => React.ReactNode;
+    /** Custom render function for the sum of hours. */
+    sumHoursRender?: ({ groupId, tasks, weekOffset, calendarDate, sumHoursByGroups, }: {
+        groupId: string;
+        tasks: TasksType;
+        weekOffset: number;
+        calendarDate: Date;
+        sumHoursByGroups: number;
+    }) => React.ReactNode;
+    /** Custom render function for the sum of hours header. */
+    sumHoursHeadRender?: () => React.ReactNode;
+    /** Handler function for clicking a task. */
+    handleClickTask?: (currentTask: TaskFeildsType) => void;
+    /** Handler function for clicking a group. */
+    handleClickGroup?: (currentGroup: GroupFeildsType) => void;
+    /** your timezones */
+    timeZone?: TimeZone;
+    /** day id */
+    dayOffset?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**day columns styles */
+    dayColsStyle?: React.CSSProperties | undefined;
+    /**day columns className*/
+    dayColsClassName?: string;
+    /**hours columns className*/
+    hoursColsStyle?: React.CSSProperties | undefined;
+    /**hours columns className*/
+    hoursColsClassName?: string;
+};
+/**
+ * Type for style props.
+ */
+export type StyleType = React.CSSProperties | undefined;
+/**
+ * Props for the AddTask component.
+ */
+export type AddTaskPropsType = {
+    /** The current group data. */
+    currentGroup: GroupFeildsType;
+    /** Additional styles for the add task button. */
+    addTaskStyle?: StyleType;
+    /** Additional class names for the add task button. */
+    addTaskClassName?: string;
+    /** Custom render function for adding a task. */
+    addTaskRender?: ({ currentGroup, dayInfo, }: {
+        currentGroup: GroupFeildsType;
+        dayInfo: dayInfoType;
+    }) => React.ReactNode;
+    /** Information about the day. */
+    dayInfo: dayInfoType;
+    /** Handler function for adding a new task. */
+    handleAddTask?: (currentGroup: GroupFeildsType, dayInfo: dayInfoType) => void;
+};
+/**
+ * Information about a day.
+ */
+export type dayInfoType = {
+    /** Position of the day. */
+    positionDay: number;
+    /** Date of the day. */
+    day: Date;
+    /** Start time of the day. */
+    start: number;
+    /** End time of the day. */
+    end: number;
+};
+/**
+ * Type for a task.
+ */
+export type TaskType = {
+    /** Start time of the task. */
+    taskStart: number;
+    /** End time of the task. */
+    taskEnd: number;
+    /** Description of the task. */
+    taskDescription?: string;
+    /** Description of the task. */
+    taskSummary?: string;
+    /** Date of the task. */
+    taskDate: Date;
+    /** ID of the group the task belongs to. */
+    groupId: string;
+    /** Index of the day the task belongs to. */
+    dayIndex: number;
+    /** Unique identifier for the task. */
+    taskId: string;
+    /** This is a prop to save the date in local storage until a date of your choice */
+    taskExpiryDate?: Date;
+    /**task created date */
+    taskCreatedAt?: Date;
+    /**task location */
+    taskLocation?: string;
+    /**task timezone */
+    taskTimzone?: string;
+};
+export type filterTaskType = {
+    /** Start time of the task. */
+    taskStart?: number;
+    /** End time of the task. */
+    taskEnd?: number;
+    /** Description of the task. */
+    taskDescription: string;
+    /** Description of the task. */
+    taskSummary: string;
+    /** Date of the task. */
+    taskDate?: Date;
+    /** ID of the group the task belongs to. */
+    groupId?: string;
+    /** Index of the day the task belongs to. */
+    dayIndex?: number;
+    /** Unique identifier for the task. */
+    taskId?: string;
+    /** This is a prop to save the date in local storage until a date of your choice */
+    taskExpiryDate?: Date;
+} & TaskAdditionalFieldsType;
+/**
+ * Props for the TaskContainer component.
+ */
+export type TaskContainerPropsType = {
+    /** Additional class names for the task container. */
+    className?: string;
+    /** Additional styles for the task container. */
+    style?: React.CSSProperties | undefined;
+    /** Handler function for dragging a task. */
+    handleDragTask?: (event: React.DragEvent<HTMLDivElement>, currentTask: TaskFeildsType) => void;
+    /** Custom render function for a task. */
+    taskRender?: ({ currentTask, }: {
+        currentTask: TaskFeildsType;
+    }) => React.ReactNode;
+    /** Handler function for ending the drag of a task. */
+    handleDragTaskEnd?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /** The current task data. */
+    currentTask: TaskFeildsType;
+    /** Handler function for clicking a task. */
+    handleClickTask?: (currentTask: TaskFeildsType) => void;
+};
+/**
+ * Props for the GroupsHeadContainer component.
+ */
+export type GroupsHeadContainerPropsType = {
+    /** Custom render function for the groups header. */
+    groupsHeadRender?: () => React.ReactNode;
+    /** Additional styles for the groups header container. */
+    style?: React.CSSProperties | undefined;
+    /** Additional class names for the groups header container. */
+    className?: string;
+};
+/**
+ * Props for the SumHoursHeadContainer component.
+ */
+export type SumHoursHeadContainerPropsType = {
+    /** Custom render function for the sum hours header. */
+    sumHoursHeadRender?: () => React.ReactNode;
+    /** Additional styles for the sum hours header container. */
+    style?: React.CSSProperties | undefined;
+    /** Additional class names for the sum hours header container. */
+    className?: string;
+};
+/**
+ * Additional fields for a task.
+ */
+type TaskAdditionalFieldsType = Record<any, any>;
+/**
+ * Fields for a task, including both required and additional fields.
+ */
+export type TaskFeildsType = TaskType & TaskAdditionalFieldsType;
+/**
+ * Type for an array of tasks.
+ */
+export type TasksType = TaskFeildsType[];
+/**
+ * Handler function type for ending the drag of a task.
+ */
+export type handleDragTaskEndType = (event: React.DragEvent<HTMLDivElement>) => void;
+/**
+ * Props for the SumHoursContainer component.
+ */
+export type SumHoursContainerPropsType = {
+    /** ID of the group. */
+    groupId: string;
+    /** Array of tasks to be displayed in the calendar. */
+    tasks: TasksType;
+    /** Offset for the week (e.g., -7 for last week, 0 for current week, 7 for next week). */
+    weekOffset: number;
+    /** The current date to display in the calendar. */
+    calendarDate: Date;
+    /** Sum of hours for the group. */
+    sumHoursByGroups: number;
+    /** Custom render function for the sum of hours. */
+    sumHoursRender?: ({ groupId, tasks, weekOffset, calendarDate, sumHoursByGroups, }: {
+        groupId: string;
+        tasks: TasksType;
+        weekOffset: number;
+        calendarDate: Date;
+        sumHoursByGroups: number;
+    }) => React.ReactNode;
+    /** Additional styles for the sum hours container. */
+    style?: React.CSSProperties | undefined;
+    /** Additional class names for the sum hours container. */
+    className?: string;
+};
+export type weekDaysType = {
+    day: string;
+    dayMonth: string;
+    dayYear: number;
+    dayOfTheMonth: number;
+}[];
+export type dailyHoursType = {
+    positionDay: number;
+    day: Date;
+    start: number;
+    end: number;
+}[];
+export type CalendarTablePropsType = CalendarPropsType;
+export type TimeZone = "Africa/Abidjan" | "Africa/Accra" | "Africa/Addis_Ababa" | "Africa/Algiers" | "Africa/Asmara" | "Africa/Asmera" | "Africa/Bamako" | "Africa/Bangui" | "Africa/Banjul" | "Africa/Bissau" | "Africa/Blantyre" | "Africa/Brazzaville" | "Africa/Bujumbura" | "Africa/Cairo" | "Africa/Casablanca" | "Africa/Ceuta" | "Africa/Conakry" | "Africa/Dakar" | "Africa/Dar_es_Salaam" | "Africa/Djibouti" | "Africa/Douala" | "Africa/El_Aaiun" | "Africa/Freetown" | "Africa/Gaborone" | "Africa/Harare" | "Africa/Johannesburg" | "Africa/Juba" | "Africa/Kampala" | "Africa/Khartoum" | "Africa/Kigali" | "Africa/Kinshasa" | "Africa/Lagos" | "Africa/Libreville" | "Africa/Lome" | "Africa/Luanda" | "Africa/Lubumbashi" | "Africa/Lusaka" | "Africa/Malabo" | "Africa/Maputo" | "Africa/Maseru" | "Africa/Mbabane" | "Africa/Mogadishu" | "Africa/Monrovia" | "Africa/Nairobi" | "Africa/Ndjamena" | "Africa/Niamey" | "Africa/Nouakchott" | "Africa/Ouagadougou" | "Africa/Porto-Novo" | "Africa/Sao_Tome" | "Africa/Timbuktu" | "Africa/Tripoli" | "Africa/Tunis" | "Africa/Windhoek" | "America/Adak" | "America/Anchorage" | "America/Anguilla" | "America/Antigua" | "America/Araguaina" | "America/Argentina/Buenos_Aires" | "America/Argentina/Catamarca" | "America/Argentina/ComodRivadavia" | "America/Argentina/Cordoba" | "America/Argentina/Jujuy" | "America/Argentina/La_Rioja" | "America/Argentina/Mendoza" | "America/Argentina/Rio_Gallegos" | "America/Argentina/Salta" | "America/Argentina/San_Juan" | "America/Argentina/San_Luis" | "America/Argentina/Tucuman" | "America/Argentina/Ushuaia" | "America/Aruba" | "America/Asuncion" | "America/Atikokan" | "America/Atka" | "America/Bahia" | "America/Bahia_Banderas" | "America/Barbados" | "America/Belem" | "America/Belize" | "America/Blanc-Sablon" | "America/Boa_Vista" | "America/Bogota" | "America/Boise" | "America/Buenos_Aires" | "America/Cambridge_Bay" | "America/Campo_Grande" | "America/Cancun" | "America/Caracas" | "America/Catamarca" | "America/Cayenne" | "America/Cayman" | "America/Chicago" | "America/Chihuahua" | "America/Ciudad_Juarez" | "America/Coral_Harbour" | "America/Cordoba" | "America/Costa_Rica" | "America/Creston" | "America/Cuiaba" | "America/Curacao" | "America/Danmarkshavn" | "America/Dawson" | "America/Dawson_Creek" | "America/Denver" | "America/Detroit" | "America/Dominica" | "America/Edmonton" | "America/Eirunepe" | "America/El_Salvador" | "America/Ensenada" | "America/Fort_Nelson" | "America/Fort_Wayne" | "America/Fortaleza" | "America/Glace_Bay" | "America/Godthab" | "America/Goose_Bay" | "America/Grand_Turk" | "America/Grenada" | "America/Guadeloupe" | "America/Guatemala" | "America/Guayaquil" | "America/Guyana" | "America/Halifax" | "America/Havana" | "America/Hermosillo" | "America/Indiana/Indianapolis" | "America/Indiana/Knox" | "America/Indiana/Marengo" | "America/Indiana/Petersburg" | "America/Indiana/Tell_City" | "America/Indiana/Vevay" | "America/Indiana/Vincennes" | "America/Indiana/Winamac" | "America/Indianapolis" | "America/Inuvik" | "America/Iqaluit" | "America/Jamaica" | "America/Jujuy" | "America/Juneau" | "America/Kentucky/Louisville" | "America/Kentucky/Monticello" | "America/Knox_IN" | "America/Kralendijk" | "America/La_Paz" | "America/Lima" | "America/Los_Angeles" | "America/Louisville" | "America/Lower_Princes" | "America/Maceio" | "America/Managua" | "America/Manaus" | "America/Marigot" | "America/Martinique" | "America/Matamoros" | "America/Mazatlan" | "America/Mendoza" | "America/Menominee" | "America/Merida" | "America/Metlakatla" | "America/Mexico_City" | "America/Miquelon" | "America/Moncton" | "America/Monterrey" | "America/Montevideo" | "America/Montreal" | "America/Montserrat" | "America/Nassau" | "America/New_York" | "America/Nipigon" | "America/Nome" | "America/Noronha" | "America/North_Dakota/Beulah" | "America/North_Dakota/Center" | "America/North_Dakota/New_Salem" | "America/Nuuk" | "America/Ojinaga" | "America/Panama" | "America/Pangnirtung" | "America/Paramaribo" | "America/Phoenix" | "America/Port-au-Prince" | "America/Port_of_Spain" | "America/Porto_Acre" | "America/Porto_Velho" | "America/Puerto_Rico" | "America/Punta_Arenas" | "America/Rainy_River" | "America/Rankin_Inlet" | "America/Recife" | "America/Regina" | "America/Resolute" | "America/Rio_Branco" | "America/Rosario" | "America/Santa_Isabel" | "America/Santarem" | "America/Santiago" | "America/Santo_Domingo" | "America/Sao_Paulo" | "America/Scoresbysund" | "America/Shiprock" | "America/Sitka" | "America/St_Barthelemy" | "America/St_Johns" | "America/St_Kitts" | "America/St_Lucia" | "America/St_Thomas" | "America/St_Vincent" | "America/Swift_Current" | "America/Tegucigalpa" | "America/Thule" | "America/Thunder_Bay" | "America/Tijuana" | "America/Toronto" | "America/Tortola" | "America/Vancouver" | "America/Virgin" | "America/Whitehorse" | "America/Winnipeg" | "America/Yakutat" | "America/Yellowknife" | "Antarctica/Casey" | "Antarctica/Davis" | "Antarctica/DumontDUrville" | "Antarctica/Macquarie" | "Antarctica/Mawson" | "Antarctica/McMurdo" | "Antarctica/Palmer" | "Antarctica/Rothera" | "Antarctica/South_Pole" | "Antarctica/Syowa" | "Antarctica/Troll" | "Antarctica/Vostok" | "Arctic/Longyearbyen" | "Asia/Aden" | "Asia/Almaty" | "Asia/Amman" | "Asia/Anadyr" | "Asia/Aqtau" | "Asia/Aqtobe" | "Asia/Ashgabat" | "Asia/Ashkhabad" | "Asia/Atyrau" | "Asia/Baghdad" | "Asia/Bahrain" | "Asia/Baku" | "Asia/Bangkok" | "Asia/Barnaul" | "Asia/Beirut" | "Asia/Bishkek" | "Asia/Brunei" | "Asia/Calcutta" | "Asia/Chita" | "Asia/Choibalsan" | "Asia/Chongqing" | "Asia/Chungking" | "Asia/Colombo" | "Asia/Dacca" | "Asia/Damascus" | "Asia/Dhaka" | "Asia/Dili" | "Asia/Dubai" | "Asia/Dushanbe" | "Asia/Famagusta" | "Asia/Gaza" | "Asia/Harbin" | "Asia/Hebron" | "Asia/Ho_Chi_Minh" | "Asia/Hong_Kong" | "Asia/Hovd" | "Asia/Irkutsk" | "Asia/Istanbul" | "Asia/Jakarta" | "Asia/Jayapura" | "Asia/Jerusalem" | "Asia/Kabul" | "Asia/Kamchatka" | "Asia/Karachi" | "Asia/Kashgar" | "Asia/Kathmandu" | "Asia/Katmandu" | "Asia/Khandyga" | "Asia/Kolkata" | "Asia/Krasnoyarsk" | "Asia/Kuala_Lumpur" | "Asia/Kuching" | "Asia/Kuwait" | "Asia/Macao" | "Asia/Macau" | "Asia/Magadan" | "Asia/Makassar" | "Asia/Manila" | "Asia/Muscat" | "Asia/Nicosia" | "Asia/Novokuznetsk" | "Asia/Novosibirsk" | "Asia/Omsk" | "Asia/Oral" | "Asia/Phnom_Penh" | "Asia/Pontianak" | "Asia/Pyongyang" | "Asia/Qatar" | "Asia/Qostanay" | "Asia/Qyzylorda" | "Asia/Rangoon" | "Asia/Riyadh" | "Asia/Saigon" | "Asia/Sakhalin" | "Asia/Samarkand" | "Asia/Seoul" | "Asia/Shanghai" | "Asia/Singapore" | "Asia/Srednekolymsk" | "Asia/Taipei" | "Asia/Tashkent" | "Asia/Tbilisi" | "Asia/Tehran" | "Asia/Tel_Aviv" | "Asia/Thimbu" | "Asia/Thimphu" | "Asia/Tokyo" | "Asia/Tomsk" | "Asia/Ujung_Pandang" | "Asia/Ulaanbaatar" | "Asia/Ulan_Bator" | "Asia/Urumqi" | "Asia/Ust-Nera" | "Asia/Vientiane" | "Asia/Vladivostok" | "Asia/Yakutsk" | "Asia/Yangon" | "Asia/Yekaterinburg" | "Asia/Yerevan" | "Atlantic/Azores" | "Atlantic/Bermuda" | "Atlantic/Canary" | "Atlantic/Cape_Verde" | "Atlantic/Faeroe" | "Atlantic/Faroe" | "Atlantic/Jan_Mayen" | "Atlantic/Madeira" | "Atlantic/Reykjavik" | "Atlantic/South_Georgia" | "Atlantic/St_Helena" | "Atlantic/Stanley" | "Australia/ACT" | "Australia/Adelaide" | "Australia/Brisbane" | "Australia/Broken_Hill" | "Australia/Canberra" | "Australia/Currie" | "Australia/Darwin" | "Australia/Eucla" | "Australia/Hobart" | "Australia/LHI" | "Australia/Lindeman" | "Australia/Lord_Howe" | "Australia/Melbourne" | "Australia/North" | "Australia/NSW" | "Australia/Perth" | "Australia/Queensland" | "Australia/South" | "Australia/Sydney" | "Australia/Tasmania" | "Australia/Victoria" | "Australia/West" | "Australia/Yancowinna" | "Brazil/Acre" | "Brazil/DeNoronha" | "Brazil/East" | "Brazil/West" | "Canada/Atlantic" | "Canada/Central" | "Canada/Eastern" | "Canada/Mountain" | "Canada/Newfoundland" | "Canada/Pacific" | "Canada/Saskatchewan" | "Canada/Yukon" | "CET" | "Chile/Continental" | "Chile/EasterIsland" | "CST6CDT" | "Cuba" | "EET" | "Egypt" | "Eire" | "EST" | "EST5EDT" | "Etc/GMT" | "Etc/GMT+0" | "Etc/GMT+1" | "Etc/GMT+10" | "Etc/GMT+11" | "Etc/GMT+12" | "Etc/GMT+2" | "Etc/GMT+3" | "Etc/GMT+4" | "Etc/GMT+5" | "Etc/GMT+6" | "Etc/GMT+7" | "Etc/GMT+8" | "Etc/GMT+9" | "Etc/GMT-0" | "Etc/GMT-1" | "Etc/GMT-10" | "Etc/GMT-11" | "Etc/GMT-12" | "Etc/GMT-13" | "Etc/GMT-14" | "Etc/GMT-2" | "Etc/GMT-3" | "Etc/GMT-4" | "Etc/GMT-5" | "Etc/GMT-6" | "Etc/GMT-7" | "Etc/GMT-8" | "Etc/GMT-9" | "Etc/GMT0" | "Etc/Greenwich" | "Etc/UCT" | "Etc/Universal" | "Etc/UTC" | "Etc/Zulu" | "Europe/Amsterdam" | "Europe/Andorra" | "Europe/Astrakhan" | "Europe/Athens" | "Europe/Belfast" | "Europe/Belgrade" | "Europe/Berlin" | "Europe/Bratislava" | "Europe/Brussels" | "Europe/Bucharest" | "Europe/Budapest" | "Europe/Busingen" | "Europe/Chisinau" | "Europe/Copenhagen" | "Europe/Dublin" | "Europe/Gibraltar" | "Europe/Guernsey" | "Europe/Helsinki" | "Europe/Isle_of_Man" | "Europe/Istanbul" | "Europe/Jersey" | "Europe/Kaliningrad" | "Europe/Kiev" | "Europe/Kirov" | "Europe/Kyiv" | "Europe/Lisbon" | "Europe/Ljubljana" | "Europe/London" | "Europe/Luxembourg" | "Europe/Madrid" | "Europe/Malta" | "Europe/Mariehamn" | "Europe/Minsk" | "Europe/Monaco" | "Europe/Moscow" | "Europe/Nicosia" | "Europe/Oslo" | "Europe/Paris" | "Europe/Podgorica" | "Europe/Prague" | "Europe/Riga" | "Europe/Rome" | "Europe/Samara" | "Europe/San_Marino" | "Europe/Sarajevo" | "Europe/Saratov" | "Europe/Simferopol" | "Europe/Skopje" | "Europe/Sofia" | "Europe/Stockholm" | "Europe/Tallinn" | "Europe/Tirane" | "Europe/Tiraspol" | "Europe/Ulyanovsk" | "Europe/Uzhgorod" | "Europe/Vaduz" | "Europe/Vatican" | "Europe/Vienna" | "Europe/Vilnius" | "Europe/Volgograd" | "Europe/Warsaw" | "Europe/Zagreb" | "Europe/Zaporozhye" | "Europe/Zurich" | "Factory" | "GB" | "GB-Eire" | "GMT" | "GMT+0" | "GMT-0" | "GMT0" | "Greenwich" | "Hongkong" | "HST" | "Iceland" | "Indian/Antananarivo" | "Indian/Chagos" | "Indian/Christmas" | "Indian/Cocos" | "Indian/Comoro" | "Indian/Kerguelen" | "Indian/Mahe" | "Indian/Maldives" | "Indian/Mauritius" | "Indian/Mayotte" | "Indian/Reunion" | "Iran" | "Israel" | "Jamaica" | "Japan" | "Kwajalein" | "Libya" | "MET" | "Mexico/BajaNorte" | "Mexico/BajaSur" | "Mexico/General" | "MST" | "MST7MDT" | "Navajo" | "NZ" | "NZ-CHAT" | "Pacific/Apia" | "Pacific/Auckland" | "Pacific/Bougainville" | "Pacific/Chatham" | "Pacific/Chuuk" | "Pacific/Easter" | "Pacific/Efate" | "Pacific/Enderbury" | "Pacific/Fakaofo" | "Pacific/Fiji" | "Pacific/Funafuti" | "Pacific/Galapagos" | "Pacific/Gambier" | "Pacific/Guadalcanal" | "Pacific/Guam" | "Pacific/Honolulu" | "Pacific/Johnston" | "Pacific/Kanton" | "Pacific/Kiritimati" | "Pacific/Kosrae" | "Pacific/Kwajalein" | "Pacific/Majuro" | "Pacific/Marquesas" | "Pacific/Midway" | "Pacific/Nauru" | "Pacific/Niue" | "Pacific/Norfolk" | "Pacific/Noumea" | "Pacific/Pago_Pago" | "Pacific/Palau" | "Pacific/Pitcairn" | "Pacific/Pohnpei" | "Pacific/Ponape" | "Pacific/Port_Moresby" | "Pacific/Rarotonga" | "Pacific/Saipan" | "Pacific/Samoa" | "Pacific/Tahiti" | "Pacific/Tarawa" | "Pacific/Tongatapu" | "Pacific/Truk" | "Pacific/Wake" | "Pacific/Wallis" | "Pacific/Yap" | "Poland" | "Portugal" | "PRC" | "PST8PDT" | "ROC" | "ROK" | "Singapore" | "Turkey" | "UCT" | "Universal" | "US/Alaska" | "US/Aleutian" | "US/Arizona" | "US/Central" | "US/East-Indiana" | "US/Eastern" | "US/Hawaii" | "US/Indiana-Starke" | "US/Michigan" | "US/Mountain" | "US/Pacific" | "US/Samoa" | "UTC" | "W-SU" | "WET" | "Zulu";
+export {};

package/dist/types/hooks/useCalendarDateState.d.ts

@@ -0,0 +1,6 @@
+import { dailyHoursType, TimeZone, weekDaysType } from "../definitions";
+declare function useCalendarDateState(date: Date, weekOffset: number | undefined, timeZone: TimeZone | undefined): {
+    weekDays: weekDaysType;
+    dailyHours: dailyHoursType;
+};
+export default useCalendarDateState;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Calendar } from './components/index';
+export * from './lib/utils';
+export * from './definitions/index';

package/dist/types/lib/slyles.d.ts

@@ -0,0 +1,4 @@
+import { StyleType } from "../definitions";
+export declare const theadTrStyle: StyleType;
+export declare const groupTdStyle: StyleType;
+export declare const groupContainerStyle: StyleType;

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,86 @@
+import { TasksType, TaskFeildsType, TimeZone, GroupFeildsType, dayInfoType } from "../definitions";
+export declare const DAY_IN_MILLISECONDS = 86400000;
+export declare const WEEK_IN_MILLISECONDS: number;
+export declare const startDateMilliseconds: number;
+export declare const endDateMilliseconds: number;
+export declare function getDayHourly(weekOffset: number, timeZone?: TimeZone): {
+    positionDay: number;
+    day: Date;
+    start: number;
+    end: number;
+}[];
+export declare function millisecondsToDate(milliseconds: number): {
+    formattedDate: string;
+    dayOfWeek: string;
+};
+export declare function millisecondsToInt(milliseconds: number): {
+    formattedDate: string;
+    dayOfWeek: string;
+};
+export declare function getWeekDays(jump: number, timeZone?: TimeZone): {
+    day: string;
+    dayMonth: string;
+    dayYear: number;
+    dayOfTheMonth: number;
+}[];
+/**
+ * Calculate the week difference between the selected date and the current date.
+ * @param dateSelectionnee - The selected date.
+ * @returns The week difference in days.
+ */
+export declare function calculerEcartSemaine(dateSelectionnee: Date, timeZone?: TimeZone): number;
+/**
+ * Calculate the number of weeks since an arbitrary origin date (January 1, 2022).
+ * @param annee - The year.
+ * @param numeroSemaine - The week number.
+ * @returns The number of weeks since the origin date.
+ */
+export declare function getSessionStorageRecordForDragAndDrop(tasks: TasksType, positionDay: number, dropGroupId: string): {
+    taskDropStart: number;
+    taskDropEnd: number;
+    taskDropDate: Date;
+    newTask: any;
+    newTasks: TasksType;
+} | undefined;
+export declare function compareWeekOffset(calendarDate: Date, weekOffset: number, taskDate: Date, timeZone?: TimeZone): boolean;
+export declare const sumHoursByGroups: (groupId: string, tasks: TasksType | any, weekOffset: number, calendarDate: Date, timeZone?: TimeZone) => number;
+export declare function saveTasksToLocalStorage(tasks: TasksType): void;
+export declare const updateCalendarDateWithOffset: (offset: number, calendarDate: Date) => Date;
+export declare const updateOffsetWithDateCalendar: (calendarDate: Date, timeZone?: TimeZone) => number;
+export declare const millisecondsToHours: (milliseconds: number) => string;
+export declare const checkDuplicates: (tasks: TasksType, taskStart: number, taskEnd: number, groupId: string) => boolean;
+export declare const getSavedTasks: () => any;
+export declare const deleteTaskSaved: (taskId: string) => void;
+export declare const deleteTasksSaved: () => void;
+export declare function getWeeksInMonth(year: number, month: number): number;
+export declare function getMonthNumber(monthName: string): number;
+export declare function getDateObjectInTimeZone(timeZone: string): Date;
+/**
+ * Returns the current date according to the selected timezone or the local time.
+ * @param timeZone - The optional timezone.
+ * @returns The current date.
+ */
+export declare function getCalendarDate(timeZone?: TimeZone): Date;
+export declare function getArbitraryDateInTimeZone(date: Date, timeZone?: string): Date;
+export declare function recurringTasks(allTasks: TasksType, task: TaskFeildsType, recurrenceType: "daily" | "weekly" | "monthly", occurrences: number, timeZone?: TimeZone): TaskFeildsType[];
+export declare function getHoursByday(tasks: TaskFeildsType[], dayIndex: 0 | 1 | 2 | 3 | 4 | 5 | 6, weekOffset?: number, timeZone?: TimeZone): number;
+export declare function getHoursByGroup(tasks: TaskFeildsType[], groupId: string, weekOffset?: number, timeZone?: TimeZone): number;
+export declare function getTaskProgression(task: TaskFeildsType, timeZone?: TimeZone): string | 0 | 100;
+export declare function convertTasksToIcsFormat(tasks: TaskFeildsType[]): string;
+export declare function addTask(tasks: TaskFeildsType[], task: TaskFeildsType): TaskFeildsType[];
+export declare function deleteTask(tasks: TaskFeildsType[], taskId: string): TaskFeildsType[];
+export declare function getTaskInfoById(tasks: TaskFeildsType[], groups: GroupFeildsType[], taskId: string): {
+    group: GroupFeildsType | undefined;
+    task: TaskFeildsType;
+};
+export declare function selectTask(task: TaskFeildsType): void;
+export declare function deSelectTask(task: TaskFeildsType): void;
+export declare function copyTasks(task: TaskFeildsType): void;
+export declare function cutTasks(task: TaskFeildsType, tasks: TaskFeildsType[]): TaskFeildsType[];
+export declare function getUnqueId(): string;
+export declare function pastTasks(dayInfo: dayInfoType, groupId: string, tasks: TaskFeildsType[], taskExpiryDate?: Date, timeZone?: TimeZone): TaskFeildsType[] | undefined;
+export declare function updateTask(tasks: TaskFeildsType[], taskId: string, newtask: TaskFeildsType): TaskFeildsType[];
+export declare function duplicateTasksForPeriod(periodStart: Date, periodEnd: Date, calendarOffset: number, allTasks: TasksType): TasksType;
+export declare function duplicateTaskForPeriod(periodStart: Date, periodEnd: Date, task: TaskFeildsType, ecartDay?: number, groupId?: string, taskExpiryDate?: Date): TasksType;
+export declare const GetTimeRangeByDay: (start: number, end: number) => number[];
+export declare function totalLabel(milliseconds: number): string;

package/package.json

@@ -1,7 +1,25 @@
 {
   "name": "react-weekly-planning",
-  "version": "1.0.35",
-  "main": "index.js",
+  "version": "1.0.37",
+  "main": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./utils": {
+      "types": "./dist/types/lib/utils.d.ts",
+      "default": "./dist/lib/utils.js"
+    },
+    "./definitions": {
+      "types": "./dist/types/definitions/index.d.ts",
+      "default": "./dist/definitions/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "test": "jest --env=jsdom",
     "test:watch": "jest --watch",

package/jsdoc.json

@@ -1,26 +0,0 @@
-{
-  "tags": {
-    "allowUnknownTags": true,
-    "dictionaries": ["jsdoc", "closure"]
-  },
-  "source": {
-    "include": ["definitions"],
-    "includePattern": "\\.(jsx|js|ts|tsx)$",
-    "excludePattern": "(^|\\/|\\\\)_"
-  },
-  "plugins": ["node_modules/better-docs/typescript"],
-  "typescript": {
-    "moduleRoot": "test"
-  },
-  "templates": {
-    "better-docs": {
-      "name": "Calendar"
-    }
-  },
-  "opts": {
-    "template": "node_modules/better-docs",
-    "destination": "docs",
-    "recurse": true,
-    "readme": "README.md"
-  }
-}