react-weekly-planning 1.0.37 → 1.0.39

package/dist/components/TaskContainer/index.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from "react";
-import { millisecondsToDate } from "../../lib/utils";
-const TaskContainer = ({ handleDragTask, taskRender, handleDragTaskEnd, style, className, currentTask, handleClickTask, }) => {
-    const handleDragStart = (event) => {
-        if (!handleDragTask)
-            return;
-        event.dataTransfer.effectAllowed = "move";
-        event.dataTransfer.setData("text/plain", currentTask.taskId);
-        window.sessionStorage.setItem("calendardragtaskId", currentTask.taskId);
-        window.sessionStorage.setItem("calendardragtaskStart", `${currentTask.taskStart}`);
-        window.sessionStorage.setItem("calendardragtaskEnd", `${currentTask.taskEnd}`);
-        window.sessionStorage.setItem("calendardragdayIndex", `${currentTask.dayIndex}`);
-        handleDragTask(event, currentTask);
-    };
-    const handleDragEnd = (event) => {
-        if (!handleDragTaskEnd)
-            return;
-        handleDragTaskEnd(event);
-    };
-    const handleClick = () => {
-        if (!handleClickTask)
-            return;
-        handleClickTask(currentTask);
-    };
-    if (taskRender) {
-        return (_jsx("div", { onClick: handleClick, id: currentTask.taskId, className: `taskContainer ${className}`, style: Object.assign({}, style), draggable: true, onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: taskRender({
-                currentTask,
-            }) }));
-    }
-    return (_jsxs("div", { onClick: handleClick, id: currentTask.taskId, className: `taskContainer  ${className}`, style: Object.assign({}, style), draggable: true, onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: [_jsx("p", { className: "tasklabel", children: currentTask.task && currentTask.task }), _jsx("p", { className: "taskhour", children: currentTask.taskStart &&
-                    currentTask.taskEnd &&
-                    `${millisecondsToDate(currentTask.taskStart).formattedDate} - ${millisecondsToDate(currentTask.taskEnd).formattedDate}` })] }));
-};
-export default memo(TaskContainer);

package/dist/components/TaskList/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import TaskContainer from "../TaskContainer";
-const TaskList = ({ tasks }) => (_jsx("div", { style: { height: 300, width: "100%" }, children: _jsx("div", { style: { display: "flex", flexDirection: "column" }, children: tasks.map(task => _jsx(TaskContainer, { currentTask: task }, task.id)) }) }));
-export default TaskList;

package/dist/components/index.js

@@ -1,69 +0,0 @@
-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/components/style.css

@@ -1,123 +0,0 @@
-.addPlanStyle {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  background-color: #f2f8fb;
-  opacity: 0;
-  border-radius: 5px;
-  color: #0f5173;
-  transition: background-color 0.3s, opacity 0.3s;
-}
-
-.addPlanStyle:hover {
-  background-color: #c6dbe159;
-  opacity: 1;
-}
-.taskContainer {
-  box-shadow: 0px 7px 18px 0px rgba(15, 105, 115, 0.03),
-    0px 6px 10px 0px rgba(15, 105, 115, 0.04),
-    0px 3px 5px 0px rgba(15, 105, 115, 0.05);
-  display: flex;
-  justify-content: center;
-  column-gap: 10px;
-  flex-direction: column;
-  height: auto;
-  border-left: 5px solid #457993;
-  background-color: #f4ffff;
-  color: #457993;
-  cursor: pointer;
-  border-radius: 5px;
-  margin-bottom: 5px;
-  font-size: 13px;
-  overflow: auto;
-  padding: 2px;
-  z-index: 10;
-}
-
-.tasklabel {
-  color: #55585d;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 400;
-  margin-left: 5px;
-}
-
-.taskhour {
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 600;
-  margin-left: 5px;
-}
-
-.planningCalendar {
-  width: 100%;
-  height: 150px;
-  border-radius: 0.5rem;
-  z-index: 10;
-}
-
-.planningCalendar .dayTh {
-  color: #0f5173;
-  padding-left: 5px;
-}
-.planningCalendar .totalTh {
-  color: #0f5173;
-  width: 40px;
-  text-align: right;
-  padding-right: 2px;
-}
-
-.planningCalendar td {
-  -moz-box-sizing: border-box;
-  border-left: 0.74px solid rgba(198, 219, 225, 0.68);
-  border-right: 0.74px solid rgba(198, 219, 225, 0.68);
-  width: 8vw;
-}
-.planningCalendar tr {
-  border-bottom: 1.5px solid #0f52737e;
-  padding: 2px;
-}
-.planningCalendar tr:nth-child(1){
-  z-index: 200;
-}
-
-.CalendarTableForDay {
-  display: flex;
-  gap: 10px;
-  width: 100vw;
-  height: auto;
-}
-
-.CalendarTableForDayTasksContainer {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: auto;
-  padding: 10px;
-  position: relative;
-}
-
-.CalendarTableForDayRow {
-  display: flex !important;
-  flex-direction: row !important;
-  gap: 15px;
-  align-items: flex-start;
-  padding: 15px !important;
-}
-
-.CalendarTableForDayGroupTasks {
-  flex: 1;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 10px;
-}
-
-.CalendarTableForDayGroupTasks .taskContainer,
-.CalendarTableForDayGroupTasks .addPlanStyle {
-  margin-bottom: 0px;
-  height: 100%;
-  min-height: 80px;
-}
-

package/dist/contexts/CalendarContext.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const CalendarContext = createContext({
-    groups: [],
-    weekOffset: 0,
-    date: new Date()
-});
-const CalendarContextProvider = ({ groups, weekOffset, children, date }) => {
-    return (_jsx(CalendarContext.Provider, { value: { groups, weekOffset, date }, children: children }));
-};
-export const useCalendarContext = () => useContext(CalendarContext);
-export default CalendarContextProvider;

package/dist/definitions/index.js

@@ -1 +0,0 @@
-export {};

package/dist/hooks/useCalendarDateState.js

@@ -1,19 +0,0 @@
-import { useEffect, useState } from "react";
-import { calculerEcartSemaine, getDateObjectInTimeZone, getDayHourly, getWeekDays, } from "../lib/utils";
-function useCalendarDateState(date, weekOffset, timeZone) {
-    const [calendarDateState, setCalendarDateState] = useState({ dailyHours: [], weekDays: [] });
-    useEffect(() => {
-        const weekOffsetByDate = timeZone
-            ? calculerEcartSemaine(getDateObjectInTimeZone(timeZone), timeZone)
-            : calculerEcartSemaine(date, timeZone);
-        const weekDays = getWeekDays(weekOffsetByDate || weekOffset || 0, timeZone);
-        const dailyHours = getDayHourly(weekOffsetByDate || weekOffset || 0, timeZone);
-        const calData = {
-            dailyHours: dailyHours,
-            weekDays,
-        };
-        setCalendarDateState(calData);
-    }, [date, weekOffset]);
-    return Object.assign({}, calendarDateState);
-}
-export default useCalendarDateState;

package/dist/index.js

@@ -1,7 +0,0 @@
-// 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/slyles.js

@@ -1,21 +0,0 @@
-export const theadTrStyle = {
-    color: "#0f5173",
-    fontWeight: "300",
-    position: "sticky",
-    top: -1,
-};
-export const groupTdStyle = {
-    height: "auto",
-    width: "150px",
-};
-export const groupContainerStyle = {
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "0.75rem", // Correspond à gap-3
-    padding: "0.75rem", // Correspond à p-3
-    color: "#0f5173",
-    cursor: "pointer",
-};