useSidebar.ts

import { Measurements_Grid } from "@web/views/Calendar/hooks/grid/useGridLayout";
import { DateCalcs } from "../../grid/useDateCalcs";
import { useSidebarEffects } from "./useSidebarEffects";
import { useSidebarState } from "./useSidebarState";
import { useSidebarUtil } from "./useSidebarUtil";

export const useSidebar = (
  measurements: Measurements_Grid,
  dateCalcs: DateCalcs,
) => {
  const state = useSidebarState(measurements);
  const util = useSidebarUtil(
    dateCalcs,
    state,
    state.setDraft,
    state.setIsDrafting,
  );
  useSidebarEffects(util);

  const _state = {
    draft: state.draft,
    draftType: state.draftType,
    existingIds: state.somedayWeekIds,
    isDraftingExisting: state.isDraftingExisting,
    isDraftingNew: state.isDraftingNew,
    isOverAllDayRow: state.isOverAllDayRow,
    isOverGrid: state.isOverGrid,
    isOverMainGrid: state.isOverMainGrid,
    mouseCoords: state.mouseCoords,
    somedayEvents: state.somedayEvents,
    shouldPreviewOnGrid: state.shouldPreviewOnGrid,
  };

  return {
    state: _state,
    util,
  };
};

export type SidebarProps = ReturnType<typeof useSidebar>;