react-weekly-planning 1.0.24 → 1.0.26

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,30 +582,24 @@ 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
-    .filter((task) => {
-      if (task?.taskExpiryDate) {
-        const taskDate = new Date(task?.taskExpiryDate);
-        return taskDate.getTime() >= Date.now();
-      }
-    })
-    .map((task) => {
-      const { taskDate, taskExpiryDate, ...rest } = task;
-      if (taskExpiryDate) {
-        return {
-          taskDate: new Date(taskDate),
-          taskExpiryDate: new Date(taskExpiryDate),
-         ...rest,
-        };
-      }
-    });
-  return validTasks;
+
+  const savedTasks: TasksType | any = tasksTable.map((task) => {
+    const { taskDate, taskExpiryDate, ...rest } = task;
+    if (taskExpiryDate) {
+      return {
+        taskDate: new Date(taskDate),
+        taskExpiryDate: new Date(taskExpiryDate),
+        ...rest,
+      };
+    }
+  });
+  return savedTasks;
 };
 
 export const deleteTaskSaved = (taskId: string) => {

package/lib/utils.js

@@ -468,14 +468,22 @@ const sumHoursByGroups = (groupId, tasks, weekOffset, calendarDate) => {
 function saveTasksToLocalStorage(tasks) {
     if (typeof window !== "undefined") {
         window.localStorage.setItem("Calendar", "je marche");
-        console.log(tasks);
         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)];
+        const backup = [
+            ...tasks.filter((task) => {
+                {
+                    if (task === null || task === void 0 ? void 0 : task.taskExpiryDate) {
+                        const taskDate = new Date(task === null || task === void 0 ? void 0 : task.taskExpiryDate);
+                        return taskDate.getTime() >= Date.now();
+                    }
+                }
+            }),
+        ];
         window.localStorage.setItem("CalendarTaskSaved", JSON.stringify(backup));
     }
 }

package/lib/utils.ts

@@ -600,16 +600,24 @@ const sumHoursByGroups = (
 };
 
 function saveTasksToLocalStorage(tasks: TasksType) {
- if (typeof window !== "undefined") {
-  window.localStorage.setItem("Calendar","je marche");
-  console.log(tasks);
-  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) => {
+        {
+          if (task?.taskExpiryDate) {
+            const taskDate = new Date(task?.taskExpiryDate);
+            return taskDate.getTime() >= Date.now();
+          }
+        }
+      }),
+    ];
+    window.localStorage.setItem("CalendarTaskSaved", JSON.stringify(backup));
+  }
 }
 
 export {

package/package.json

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