2014400bed
* refactor: move web utils to packages * fix: build and lint errors * chore: update drag handle plugin * chore: update table cell type to fix build errors * fix: build errors * chore: sync few changes * fix: build errors * chore: minor fixes related to duplicate assets imports * fix: build errors * chore: minor changes
90 lines
2.8 KiB
TypeScript
90 lines
2.8 KiB
TypeScript
import { FC, useEffect } from "react";
|
|
import { observer } from "mobx-react";
|
|
// components
|
|
import type { IBlockUpdateData, IBlockUpdateDependencyData } from "@plane/types";
|
|
// hooks
|
|
import { useTimeLineChartStore } from "@/hooks/use-timeline-chart";
|
|
import { ChartViewRoot } from "./chart/root";
|
|
|
|
type GanttChartRootProps = {
|
|
border?: boolean;
|
|
title: string;
|
|
loaderTitle: string;
|
|
blockIds: string[];
|
|
blockUpdateHandler: (block: any, payload: IBlockUpdateData) => void;
|
|
blockToRender: (data: any) => React.ReactNode;
|
|
sidebarToRender: (props: any) => React.ReactNode;
|
|
quickAdd?: React.JSX.Element | undefined;
|
|
canLoadMoreBlocks?: boolean;
|
|
loadMoreBlocks?: () => void;
|
|
updateBlockDates?: (updates: IBlockUpdateDependencyData[]) => Promise<void>;
|
|
enableBlockLeftResize?: boolean | ((blockId: string) => boolean);
|
|
enableBlockRightResize?: boolean | ((blockId: string) => boolean);
|
|
enableBlockMove?: boolean | ((blockId: string) => boolean);
|
|
enableReorder?: boolean | ((blockId: string) => boolean);
|
|
enableAddBlock?: boolean | ((blockId: string) => boolean);
|
|
enableSelection?: boolean | ((blockId: string) => boolean);
|
|
bottomSpacing?: boolean;
|
|
showAllBlocks?: boolean;
|
|
showToday?: boolean;
|
|
isEpic?: boolean;
|
|
};
|
|
|
|
export const GanttChartRoot: FC<GanttChartRootProps> = observer((props) => {
|
|
const {
|
|
border = true,
|
|
title,
|
|
blockIds,
|
|
loaderTitle = "blocks",
|
|
blockUpdateHandler,
|
|
sidebarToRender,
|
|
blockToRender,
|
|
loadMoreBlocks,
|
|
canLoadMoreBlocks,
|
|
enableBlockLeftResize = false,
|
|
enableBlockRightResize = false,
|
|
enableBlockMove = false,
|
|
enableReorder = false,
|
|
enableAddBlock = false,
|
|
enableSelection = false,
|
|
bottomSpacing = false,
|
|
showAllBlocks = false,
|
|
showToday = true,
|
|
quickAdd,
|
|
updateBlockDates,
|
|
isEpic = false,
|
|
} = props;
|
|
|
|
const { setBlockIds } = useTimeLineChartStore();
|
|
|
|
// update the timeline store with updated blockIds
|
|
useEffect(() => {
|
|
setBlockIds(blockIds);
|
|
}, [blockIds]);
|
|
|
|
return (
|
|
<ChartViewRoot
|
|
border={border}
|
|
title={title}
|
|
blockIds={blockIds}
|
|
loadMoreBlocks={loadMoreBlocks}
|
|
canLoadMoreBlocks={canLoadMoreBlocks}
|
|
loaderTitle={loaderTitle}
|
|
blockUpdateHandler={blockUpdateHandler}
|
|
sidebarToRender={sidebarToRender}
|
|
blockToRender={blockToRender}
|
|
enableBlockLeftResize={enableBlockLeftResize}
|
|
enableBlockRightResize={enableBlockRightResize}
|
|
enableBlockMove={enableBlockMove}
|
|
enableReorder={enableReorder}
|
|
enableAddBlock={enableAddBlock}
|
|
enableSelection={enableSelection}
|
|
bottomSpacing={bottomSpacing}
|
|
showAllBlocks={showAllBlocks}
|
|
quickAdd={quickAdd}
|
|
showToday={showToday}
|
|
updateBlockDates={updateBlockDates}
|
|
isEpic={isEpic}
|
|
/>
|
|
);
|
|
});
|