chore: implemented new store and issue layouts for issues and updated new data structure for issues (#2843)

* fix: Implemented new workflow in the issue store and updated the quick add workflow in list layout

* fix: initial load and mutaion of issues in list layout

* dev: implemented the new project issues store with grouped, subGrouped and unGrouped issue computed functions

* dev: default display properties data made as a function

* conflict: merge conflict resolved

* dev: implemented quick add logic in kanban

* chore: implemented quick add logic in calendar and spreadsheet layout

* fix: spreadsheet layout quick add fix

* dev: optimised the issues workflow and handled the issues order_by filter

* dev: project issue CRUD operations in new issue store architecture

* dev: issues filtering in calendar layout

* fix: build error

* dev/issue_filters_store

* chore: updated filters computed structure

* conflict: merge conflicts resolved in project issues

* dev: implemented gantt chart for project issues using the new mobx store

* dev: initialized cycle and module issue filters store

* dev: issue store and list layout store updates

* dev: quick add and update, delete issue in the list

* refactor list root changes

* dev: store new structure

* refactor spreadsheet and gnatt project roots

* fix errors for base gantt and spreadsheet roots

* connect Calendar project view

* minor house keeping

* connect Kanban View to th enew store

* generalise base calendar issue actions

* dev: store project issues and issue filters

* dev: store project issues and filters

* dev: updated undefined with displayFilters in project issue store

* Add Quick add to all the layouts

* connect module views to store

* dev: Rendering list issues in project issues

* dev: removed console log

* dev: module filters store

* fix errors and connect modules list and quick add for list

* dev: module issue store

* dev: modle filter store issue fixed and updates cycle issue filters

* minor house keeping changes

* dev: cycle issues and cycle filters

* connecty cycles to teh store

* dev: project view issues and issue filtrs

* connect project views

* dev: updated applied filters in layouts

* dev: replaced project id with view id in project views

* dev: in cycle and module store made cycledId and moduleId as optional

* fix minor issues and build errots

* dev: project draft and archived issues store and filters

---------

Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Co-authored-by: rahulramesha <rahulramesham@gmail.com>

web/components/issues/issue-layouts/calendar/base-calendar-root.tsx

@@ -0,0 +1,89 @@
+import { FC, useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { DragDropContext, DropResult } from "@hello-pangea/dnd";
+// mobx store
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { CalendarChart } from "components/issues";
+// types
+import { IIssue } from "types";
+import { ICycleIssuesStore, IModuleIssuesStore, IProjectIssuesStore, IViewIssuesStore } from "store/issues";
+import { IIssueCalendarViewStore, IssueStore } from "store/issue";
+import { IQuickActionProps } from "../list/list-view-types";
+import { EIssueActions } from "../types";
+import { IGroupedIssues } from "store/issues/types";
+
+interface IBaseCalendarRoot {
+  issueStore: IProjectIssuesStore | IModuleIssuesStore | ICycleIssuesStore | IViewIssuesStore;
+  calendarViewStore: IIssueCalendarViewStore;
+  QuickActions: FC<IQuickActionProps>;
+  issueActions: {
+    [EIssueActions.DELETE]: (issue: IIssue) => void;
+    [EIssueActions.UPDATE]?: (issue: IIssue) => void;
+    [EIssueActions.REMOVE]?: (issue: IIssue) => void;
+  };
+  viewId?: string;
+}
+
+export const BaseCalendarRoot = observer((props: IBaseCalendarRoot) => {
+  const { issueStore, calendarViewStore, QuickActions, issueActions, viewId } = props;
+  const { projectIssuesFilter: issueFilterStore } = useMobxStore();
+
+  const displayFilters = issueFilterStore.issueFilters?.displayFilters;
+
+  const issues = issueStore.getIssues;
+  const groupedIssueIds = (issueStore.getIssuesIds ?? {}) as IGroupedIssues;
+
+  const onDragEnd = (result: DropResult) => {
+    if (!result) return;
+
+    // return if not dropped on the correct place
+    if (!result.destination) return;
+
+    // return if dropped on the same date
+    if (result.destination.droppableId === result.source.droppableId) return;
+
+    calendarViewStore?.handleDragDrop(result.source, result.destination);
+  };
+
+  const handleIssues = useCallback(
+    (date: string, issue: IIssue, action: EIssueActions) => {
+      if (issueActions[action]) {
+        issueActions[action]!(issue);
+      }
+    },
+    [issueStore]
+  );
+
+  return (
+    <div className="h-full w-full pt-4 bg-custom-background-100 overflow-hidden">
+      <DragDropContext onDragEnd={onDragEnd}>
+        <CalendarChart
+          issues={issues}
+          groupedIssueIds={groupedIssueIds}
+          layout={displayFilters?.calendar?.layout}
+          showWeekends={displayFilters?.calendar?.show_weekends ?? false}
+          handleIssues={handleIssues}
+          quickActions={(issue) => (
+            <QuickActions
+              issue={issue}
+              handleDelete={async () => handleIssues(issue.target_date ?? "", issue, EIssueActions.DELETE)}
+              handleUpdate={
+                issueActions[EIssueActions.UPDATE]
+                  ? async (data) => handleIssues(issue.target_date ?? "", data, EIssueActions.UPDATE)
+                  : undefined
+              }
+              handleRemoveFromView={
+                issueActions[EIssueActions.REMOVE]
+                  ? async () => handleIssues(issue.target_date ?? "", issue, EIssueActions.UPDATE)
+                  : undefined
+              }
+            />
+          )}
+          quickAddCallback={issueStore.quickAddIssue}
+          viewId={viewId}
+        />
+      </DragDropContext>
+    </div>
+  );
+});