react-weekly-planning 1.0.34 → 1.0.36

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());
@@ -263,7 +263,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 +277,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/{components → 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,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import "./style.css";
-import CalendarForWeek from "./components/CalendarForWeek";
-import CalendarForDay from "./components/CalendarForday";
+import CalendarForWeek from "./CalendarForWeek";
+import CalendarForDay from "./CalendarForday";
 /**
  * Calendar component to display tasks and groups in a weekly view.
  *
@@ -67,4 +67,3 @@ 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/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/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/{index.tsx → dist/types/components/index.d.ts}

@@ -1,77 +1,65 @@
-import "./style.css";
-import { CalendarPropsType } from "./definitions";
-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: CalendarPropsType) => {
-  return (
-    <>
-      {props.scope === "day" ? <CalendarForDay {...props} /> : <CalendarForWeek {...props} />}
-    </>
-  );
-};
-
-export default Calendar;
-
-export { CalendarForDay };
+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;