react-weekly-planning 1.0.34 → 1.0.35

package/index.js

@@ -1,70 +1,70 @@
-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 "./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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-weekly-planning",
-  "version": "1.0.34",
+  "version": "1.0.35",
   "main": "index.js",
   "scripts": {
     "test": "jest --env=jsdom",

package/babel.config.js

@@ -1 +0,0 @@
-module.exports = {presets: ['@babel/preset-env']}

package/components/AddTask/index.tsx

@@ -1,43 +0,0 @@
-import { memo } from "react";
-import { AddTaskPropsType } from "../../definitions";
-
-const AddTask = ({
-  
-  currentGroup,
-  handleAddTask,
-  addTaskRender,
-  dayInfo,
-  addTaskStyle,
-  addTaskClassName,
-
-}: AddTaskPropsType) => {
-  if (addTaskRender) {
-    return (
-      <>
-        {addTaskRender({
-          currentGroup,
-          dayInfo,
-        })}
-      </>
-    );
-  }
-
-  const handleClick = () => {
-
-    if (!handleAddTask) return;
-    handleAddTask(currentGroup, dayInfo);
-
-  };
-
-  return (
-    <div
-      onClick={handleClick}
-      style={addTaskStyle}
-      className={`addPlanStyle ${addTaskClassName}`}
-    >
-      +
-    </div>
-  );
-};
-
-export default memo(AddTask);

package/components/CalendarForWeek.tsx

@@ -1,233 +0,0 @@
-
-import {
-  CalendarPropsType,
-  CalendarTablePropsType,
-  TaskFeildsType,
-} from "../definitions";
-import GroupContainer from "./GroupContainer";
-import GroupsHeadContainer from "./GroupsHeadContainer";
-
-import { groupTdStyle, theadTrStyle } from "../lib/slyles";
-import DayContainer from "./DayContainer";
-import SumHoursHead from "./SumHoursHead";
-
-import {
-  compareWeekOffset,
-  getSessionStorageRecordForDragAndDrop,
-  saveTasksToLocalStorage,
-  sumHoursByGroups,
-  updateOffsetWithDateCalendar,
-} from "../lib/utils";
-
-import TaskContainer from "./TaskContainer";
-
-import AddTask from "./AddTask";
-import SumHoursContainer from "./SumHoursContainer";
-import { memo, useEffect } from "react";
-import useCalendarDateState from "../hooks/useCalendarDateState";
-
-function CalendarForWeek(props: CalendarTablePropsType) {
-
-
-  const { dailyHours, weekDays } = useCalendarDateState(
-    props.date,
-    props.weekOffset,
-    props.timeZone
-  );
-
-  const handleDragOver = (event: React.DragEvent<HTMLTableCellElement>) => {
-    event.preventDefault();
-  };
-
-  useEffect(() => {
-    saveTasksToLocalStorage(props.tasks);
-  }, [props.tasks]);
-
-  return (
-    <table
-      className={`planningCalendar ${props.className}`}
-      style={{ ...props.style }}
-    >
-      <thead>
-        <tr
-          className={`${props.rowsClassName}`}
-          style={{ ...theadTrStyle, ...props.rowsStyle }}
-          key=""
-        >
-          <th
-            className={`dayTh ${props.groupsColsClassName}`}
-            style={{ ...props.groupsColsStyle }}
-          >
-            <GroupsHeadContainer
-              className={`${props.groupHeadContainerClassName}`}
-              style={props.groupHeadContainerStyle}
-              groupsHeadRender={props.groupsHeadRender}
-            />
-          </th>
-          {weekDays.map((day, i) => (
-            <th
-              key={i}
-              className={`${props.daysColsClassName}`}
-              style={{ ...props.daysColsStyle }}
-            >
-              <DayContainer
-                style={props.dayStyle}
-                className={props.dayClassName}
-                dayIndex={i}
-                dayRender={props.dayRender}
-                day={day.day}
-                dayOfTheMonth={day.dayOfTheMonth}
-                dayMonth={day.dayMonth}
-                dayYear={day.dayYear}
-              />
-            </th>
-          ))}
-          <th
-            className={`totalTh ${props.hoursColsClassName}`}
-            style={props.hoursColsStyle}
-          >
-            <SumHoursHead
-              className={props.sumHoursHeadClassName}
-              style={props.sumHoursHeadStyle}
-              sumHoursHeadRender={props.sumHoursHeadRender}
-            />
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        {props.groups?.map((group, i) => (
-          <tr
-            key={`${i} tr`}
-            className={`${props.rowsClassName}`}
-            style={{ ...props.rowsStyle }}
-          >
-            <td
-              className={`${props.groupsColsClassName}`}
-              key={i}
-              style={{ ...groupTdStyle, ...props.groupsColsStyle }}
-            >
-              <GroupContainer
-                style={props.groupContainerStyle}
-                className={props.groupContainerClassName}
-                groupRender={props.groupRender}
-                currentGroup={group}
-                handleClickGroup={props.handleClickGroup}
-              />
-            </td>
-            {dailyHours.map((_, positionDay) => (
-              <td
-                key={`td-${group.id}day-i${positionDay}`}
-                onDragOver={handleDragOver}
-                onDrop={(event) => {
-                  if (!props.handleDropTask || !props.tasks) return;
-                  const dropInfo = getSessionStorageRecordForDragAndDrop(
-                    props.tasks,
-                    positionDay,
-                    group.id
-                  );
-                  if (!dropInfo) return;
-                  props.handleDropTask(
-                    event,
-                    dropInfo.taskDropStart,
-                    dropInfo.taskDropEnd,
-                    dropInfo.taskDropDate,
-                    group.id,
-                    positionDay,
-                    dropInfo.newTask,
-                    dropInfo.newTasks
-                  );
-                }}
-                id={`td-${group.id}day-i`}
-                className={props.dayColsClassName}
-                style={props.dayColsStyle}
-              >
-                <div
-                  key={positionDay}
-                  style={{
-                    display: "flex",
-                    width: "100%",
-                    height: "100%",
-                    flexDirection: "column",
-                    padding: "5px",
-                  }}
-                >
-                  <>
-                    {props.tasks
-                      .map((task, taskKey) => {
-                        if (
-                          task.dayIndex === positionDay &&
-                          task.groupId === group.id &&
-                          compareWeekOffset(
-                            props.date,
-                            props.weekOffset || 0,
-                            task.taskDate,
-                            props.timeZone
-                          )
-                        ) {
-                          return (
-                            <TaskContainer
-                              key={`${taskKey} task`}
-                              handleDragTask={props.handleDragTask}
-                              taskRender={props.taskRender}
-                              handleDragTaskEnd={props.handleDragTaskEnd}
-                              style={props.taskContainerStyle}
-                              className={`${props.taskContainerClassName}`}
-                              currentTask={task}
-                              handleClickTask={props.handleClickTask}
-                            />
-                          );
-                        } else return "";
-                      })}
-                  </>
-
-                  <AddTask
-                    addTaskStyle={props.addTaskStyle}
-                    addTaskClassName={props.addTaskClassName}
-                    currentGroup={group}
-                    dayInfo={dailyHours[positionDay]}
-                    addTaskRender={props.addTaskRender}
-                    handleAddTask={props.handleAddTask}
-                  />
-                </div>
-              </td>
-            ))}
-            <td
-              key={`${i}sumHours`}
-              style={props.hoursColsStyle}
-              className={props.hoursColsClassName}
-            >
-              <SumHoursContainer
-                groupId={group.id}
-                tasks={props.tasks}
-                weekOffset={props.weekOffset || 0}
-                calendarDate={props.date}
-                sumHoursRender={props.sumHoursRender}
-                sumHoursByGroups={sumHoursByGroups(
-                  group.id,
-                  props.tasks,
-                  props.weekOffset || 0,
-                  props.date,
-                  props.timeZone
-                )}
-                className={props.sumHoursContainerClassName}
-                style={props.sumHoursContainerStyle}
-              />
-            </td>
-          </tr>
-        ))}
-      </tbody>
-    </table>
-  );
-}
-
-export default memo(
-  CalendarForWeek,
-  (
-    prevProps: Readonly<CalendarPropsType>,
-    nextProps: Readonly<CalendarPropsType>
-  ) =>
-    prevProps.tasks === nextProps.tasks &&
-    prevProps.date === nextProps.date &&
-    prevProps.groups === nextProps.groups &&
-    prevProps.weekOffset === nextProps.weekOffset
-);

package/components/CalendarForday.tsx

@@ -1,131 +0,0 @@
-
-import "../style.css";
-import { memo, useEffect } from "react";
-
-import { CalendarPropsType, CalendarTablePropsType } from "../definitions";
-import { compareWeekOffset, saveTasksToLocalStorage } from "../lib/utils";
-import useCalendarDateState from "../hooks/useCalendarDateState";
-
-import AddTask from "./AddTask";
-import TaskContainer from "./TaskContainer";
-import GroupContainer from "./GroupContainer";
-import DayContainer from "./DayContainer";
-
-function CalendarForDay(props: CalendarTablePropsType) {
-  const { dailyHours, weekDays } = useCalendarDateState(
-    props.date,
-    props.weekOffset,
-    props.timeZone
-  );
-
-  useEffect(() => {
-    saveTasksToLocalStorage(props.tasks);
-  }, [props.tasks]);
-
-  const currentDay = weekDays[props.dayOffset || 0];
-  const currentDailyHours = dailyHours[props.dayOffset || 0];
-
-  return (
-    <div
-      className={` CalendarTableForDay ${props.className}`}
-      style={{ ...props.style }}
-    >
-      {currentDay && (
-        <DayContainer
-          style={props.dayStyle}
-          className={props.dayClassName}
-          dayIndex={props.dayOffset || 0}
-          dayRender={props.dayRender}
-          day={currentDay.day}
-          dayOfTheMonth={currentDay.dayOfTheMonth}
-          dayMonth={currentDay.dayMonth}
-          dayYear={currentDay.dayYear}
-        />
-      )}
-      <div className={`CalendarTableForDayTasksContainer`}>
-        {currentDailyHours &&
-          props.groups.map((group, i) => {
-            return (
-              <div
-                key={i}
-                style={{
-                  width: "100%",
-                  height: "auto",
-                  padding: "5px",
-                  borderBottom: "1.5px solid #0f52737e",
-                  borderRight: "0.74px solid rgba(198, 219, 225, 0.68)",
-                  borderLeft: "0.74px solid rgba(198, 219, 225, 0.68)",
-                  ...props.rowsStyle,
-                }}
-                className={`CalendarTableForDayRow ${props.rowsClassName}`}
-              >
-                <div
-                  style={{
-                    width: "auto",
-                    height: "auto",
-                    ...props.groupsColsStyle,
-                  }}
-                  className={props.groupsColsClassName}
-                >
-                  <GroupContainer
-                    style={props.groupContainerStyle}
-                    className={props.groupContainerClassName}
-                    groupRender={props.groupRender}
-                    currentGroup={group}
-                    handleClickGroup={props.handleClickGroup}
-                  />
-                </div>
-                <div className="CalendarTableForDayGroupTasks">
-                  {props.tasks.map((task, taskKey) => {
-                    if (
-                      task.dayIndex === (props.dayOffset || 0) &&
-                      task.groupId === group.id &&
-                      compareWeekOffset(
-                        props.date,
-                        props.weekOffset || 0,
-                        task.taskDate,
-                        props.timeZone
-                      )
-                    ) {
-                      return (
-                        <TaskContainer
-                          key={`${taskKey} task`}
-                          handleDragTask={props.handleDragTask}
-                          taskRender={props.taskRender}
-                          handleDragTaskEnd={props.handleDragTaskEnd}
-                          style={props.taskContainerStyle}
-                          className={`${props.taskContainerClassName}`}
-                          currentTask={task}
-                          handleClickTask={props.handleClickTask}
-                        />
-                      );
-                    } else return "";
-                  })}
-                  <AddTask
-                    addTaskStyle={props.addTaskStyle}
-                    addTaskClassName={props.addTaskClassName}
-                    currentGroup={group}
-                    dayInfo={currentDailyHours}
-                    addTaskRender={props.addTaskRender}
-                    handleAddTask={props.handleAddTask}
-                  />
-                </div>
-              </div>
-            );
-          })}
-      </div>
-    </div>
-  );
-}
-
-export default memo(
-  CalendarForDay,
-  (
-    prevProps: Readonly<CalendarPropsType>,
-    nextProps: Readonly<CalendarPropsType>
-  ) =>
-    prevProps.tasks === nextProps.tasks &&
-    prevProps.date === nextProps.date &&
-    prevProps.groups === nextProps.groups &&
-    prevProps.weekOffset === nextProps.weekOffset
-);

package/components/DayContainer/index.tsx

@@ -1,36 +0,0 @@
-import { memo } from "react";
-import { DayPropsType } from "../../definitions";
-
-const DayContainer = ({
-  dayIndex,
-  dayOfTheMonth,
-  day,
-  dayMonth,
-  dayYear,
-  dayRender,
-  className,
-  style,
-}: DayPropsType) => {
-  
-  if (dayRender) {
-    return (
-      <>
-        {dayRender({
-          dayIndex,
-          day,
-          dayOfTheMonth,
-          dayMonth,
-          dayYear,
-        })}
-      </>
-    );
-  }
-
-  return (
-    <div className={`${className}`} style={style}>
-      {`${day}. ${dayOfTheMonth}`}
-    </div>
-  );
-};
-
-export default memo(DayContainer);

package/components/GroupContainer/index.tsx

@@ -1,42 +0,0 @@
-import { memo } from "react";
-import { GroupPropsType } from "../../definitions";
-import { groupContainerStyle } from "../../lib/slyles";
-
-const GroupContainer = ({
-  className,
-  style,
-  groupRender,
-  currentGroup,
-  handleClickGroup,
-}: GroupPropsType) => {
-  
-  if (groupRender) {
-    return <>{groupRender({ currentGroup })}</>;
-  }
-
-  const handleClick = () => {
-    if (!handleClickGroup) return;
-    handleClickGroup(currentGroup);
-  };
-
-  return (
-    <div
-      onClick={handleClick}
-      className={`${className}`}
-      style={{ ...groupContainerStyle, ...style }}
-    >
-      {currentGroup.imageUrl && (
-        <img
-          width={30}
-          height={30}
-          src={currentGroup.imageUrl}
-          alt="groupimg"
-        />
-      )}
-
-      <label>{currentGroup.label && currentGroup.label}</label>
-    </div>
-  );
-};
-
-export default memo(GroupContainer);

package/components/GroupsHeadContainer/index.tsx

@@ -1,19 +0,0 @@
-import { memo } from "react";
-import { GroupsHeadContainerPropsType } from "../../definitions";
-
-const GroupsHeadContainer = ({
-  groupsHeadRender,
-  style,
-  className,
-}: GroupsHeadContainerPropsType) => {
-  if (groupsHeadRender) {
-    return <>{groupsHeadRender()}</>;
-  }
-  return (
-    <div className={`${className}`} style={style}>
-      WeeklyCalendar
-    </div>
-  );
-};
-
-export default memo(GroupsHeadContainer);