react-weekly-planning 1.0.23 → 1.0.25

package/README.md

@@ -11,7 +11,9 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
 
 ![Planning Screenshot](https://raw.githubusercontent.com/Yvesmorel/react-pweekly-planning/main/assets/planning-screenshot.webp)
 
+[See the demo](https://react-weekly-planning-demo.vercel.app)
 
+[Demo repository](https://github.com/Yvesmorel/react-weekly-planning-demo.git)
 
 #### `weekOffset`
 
@@ -68,6 +70,30 @@ It is possible to use either Weekoffset or Date, or even both simultaneously.
   <Calendar tasks={tasks} ... />
   ```
 
+- **Supplementary property** : If you want the tasks to be saved up to a date of your choice you can define the `taskExpiryDate` property. It's an idea of [Patrick Aimé](https://www.linkedin.com/in/patrick-aime?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app).
+
+- **Example**:Here's how to create a task that will expire in a day.
+```jsx
+  const tasks = [
+    { taskId: '1', taskStart:'Time in milliseconde', taskEnd:'Time in milliseconde', task: 'Task 1', taskDate: new Date(), groupId: '1', dayIndex: 0,taskExpiryDate:new Date(Date.now() + 86400000) ... }
+  ];
+
+  <Calendar tasks={tasks} ... />
+ ```
+
+ `taskExpiryDate` is used with `getSavedTasks()` To obtain the saved tasks.
+
+  **Example**:
+  ```jsx
+  import {getSavedTasks} from "react-weekly-planning";
+  const [tasks,setTasks]=useState([])
+
+  useEffect(()=>{
+     setTasks(getSavedTasks())
+  },[])
+
+  <Calendar tasks={tasks} ... />
+  ```
 ---
 ---
 

package/index.js

@@ -217,7 +217,7 @@ export const checkDuplicates = (tasks, taskStart, taskEnd, groupId) => {
             taskStart <= task.taskEnd)).filter((task) => task.groupId === groupId);
     return findDuplicates.length > 0;
 };
-export const getTasksSaved = () => {
+export const getSavedTasks = () => {
     const taskSavedString = window.localStorage.getItem("CalendarTaskSaved");
     if (!taskSavedString) {
         return [];

package/index.tsx

@@ -582,13 +582,14 @@ export const checkDuplicates = (
   return findDuplicates.length > 0;
 };
 
-export const getTasksSaved = () => {
+export const getSavedTasks = () => {
   const taskSavedString = window.localStorage.getItem("CalendarTaskSaved");
   if (!taskSavedString) {
     return [];
   }
   const tasksTable: TasksType = JSON.parse(taskSavedString);
-  const validTasks = tasksTable
+
+  const validTasks:TasksType | any = tasksTable
     .filter((task) => {
       if (task?.taskExpiryDate) {
         const taskDate = new Date(task?.taskExpiryDate);

package/lib/utils.js

@@ -466,15 +466,16 @@ const sumHoursByGroups = (groupId, tasks, weekOffset, calendarDate) => {
     return sum;
 };
 function saveTasksToLocalStorage(tasks) {
-    if (!window)
-        return;
-    const tasksSavedString = window.localStorage.getItem("CalendarTaskSaved");
-    const tasksString = JSON.stringify(tasks);
-    if (tasksSavedString === tasksString)
-        return;
-    if (tasksString === "[]")
-        return;
-    const backup = [...tasks.filter((task) => task.taskExpiryDate)];
-    window.localStorage.setItem("CalendarTaskSaved", JSON.stringify(backup));
+    if (typeof window !== "undefined") {
+        window.localStorage.setItem("Calendar", "je marche");
+        const tasksSavedString = window.localStorage.getItem("CalendarTaskSaved");
+        const tasksString = JSON.stringify(tasks);
+        if (tasksSavedString === tasksString)
+            return;
+        if (tasksString === "[]")
+            return;
+        const backup = [...tasks.filter((task) => task.taskExpiryDate)];
+        window.localStorage.setItem("CalendarTaskSaved", JSON.stringify(backup));
+    }
 }
 export { getWeeksListUpdate, saveTasksToLocalStorage, clickedDate, getCalandarDays, startDateMilliseconds, endDateMilliseconds, getDayHourly, millisecondsToDate, getWeekDays, formatDateToCustomFormat, displayDayOnModalLeft, millisecondsToInt, getWeekMonthAndYear, getWeeksList, getDoubleWeeksList, calculerEcartSemaine, calculateTimeOfDayRange, getSessionStorageRecordForDragAndDrop, compareWeekOffset, sumHoursByGroups, };

package/lib/utils.ts

@@ -600,13 +600,15 @@ const sumHoursByGroups = (
 };
 
 function saveTasksToLocalStorage(tasks: TasksType) {
-  if (!window) return;
+ if (typeof window !== "undefined") {
+  window.localStorage.setItem("Calendar","je marche");
   const tasksSavedString = window.localStorage.getItem("CalendarTaskSaved");
   const tasksString = JSON.stringify(tasks);
   if (tasksSavedString === tasksString) return;
   if (tasksString === "[]") return;
   const backup = [...tasks.filter((task) => task.taskExpiryDate)];
   window.localStorage.setItem("CalendarTaskSaved", JSON.stringify(backup));
+ }
 }
 
 export {

package/package.json

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