forked from github/plane
116 lines
3.2 KiB
TypeScript
116 lines
3.2 KiB
TypeScript
// helpers
|
|
import { orderArrayBy } from "helpers/array.helper";
|
|
// types
|
|
import { IIssue, TIssueGroupByOptions, TIssueLayouts, TIssueOrderByOptions, TIssueParams } from "types";
|
|
// constants
|
|
import { ISSUE_DISPLAY_FILTERS_BY_LAYOUT } from "constants/issue";
|
|
|
|
type THandleIssuesMutation = (
|
|
formData: Partial<IIssue>,
|
|
oldGroupTitle: string,
|
|
selectedGroupBy: TIssueGroupByOptions,
|
|
issueIndex: number,
|
|
orderBy: TIssueOrderByOptions,
|
|
prevData?:
|
|
| {
|
|
[key: string]: IIssue[];
|
|
}
|
|
| IIssue[]
|
|
) =>
|
|
| {
|
|
[key: string]: IIssue[];
|
|
}
|
|
| IIssue[]
|
|
| undefined;
|
|
|
|
export const handleIssuesMutation: THandleIssuesMutation = (
|
|
formData,
|
|
oldGroupTitle,
|
|
selectedGroupBy,
|
|
issueIndex,
|
|
orderBy,
|
|
prevData
|
|
) => {
|
|
if (!prevData) return prevData;
|
|
|
|
if (Array.isArray(prevData)) {
|
|
const updatedIssue = {
|
|
...prevData[issueIndex],
|
|
...formData,
|
|
assignees: formData?.assignees_list ?? prevData[issueIndex]?.assignees,
|
|
labels: formData?.labels_list ?? prevData[issueIndex]?.labels,
|
|
};
|
|
|
|
prevData.splice(issueIndex, 1, updatedIssue);
|
|
|
|
return [...prevData];
|
|
} else {
|
|
const oldGroup = prevData[oldGroupTitle ?? ""] ?? [];
|
|
|
|
let newGroup: IIssue[] = [];
|
|
|
|
if (selectedGroupBy === "priority") newGroup = prevData[formData.priority ?? ""] ?? [];
|
|
else if (selectedGroupBy === "state") newGroup = prevData[formData.state ?? ""] ?? [];
|
|
|
|
const updatedIssue = {
|
|
...oldGroup[issueIndex],
|
|
...formData,
|
|
assignees: formData?.assignees_list ?? oldGroup[issueIndex]?.assignees,
|
|
labels: formData?.labels_list ?? oldGroup[issueIndex]?.labels,
|
|
};
|
|
|
|
if (selectedGroupBy !== Object.keys(formData)[0])
|
|
return {
|
|
...prevData,
|
|
[oldGroupTitle ?? ""]: orderArrayBy(
|
|
oldGroup.map((i) => (i.id === updatedIssue.id ? updatedIssue : i)),
|
|
orderBy
|
|
),
|
|
};
|
|
|
|
const groupThatIsUpdated = selectedGroupBy === "priority" ? formData.priority : formData.state;
|
|
|
|
return {
|
|
...prevData,
|
|
[oldGroupTitle ?? ""]: orderArrayBy(
|
|
oldGroup.filter((i) => i.id !== updatedIssue.id),
|
|
orderBy
|
|
),
|
|
[groupThatIsUpdated ?? ""]: orderArrayBy([...newGroup, updatedIssue], orderBy),
|
|
};
|
|
}
|
|
};
|
|
|
|
export const handleIssueQueryParamsByLayout = (
|
|
layout: TIssueLayouts | undefined,
|
|
viewType: "my_issues" | "issues" | "profile_issues" | "archived_issues" | "draft_issues"
|
|
): TIssueParams[] | null => {
|
|
const queryParams: TIssueParams[] = [];
|
|
|
|
if (!layout) return null;
|
|
|
|
const layoutOptions = ISSUE_DISPLAY_FILTERS_BY_LAYOUT[viewType][layout];
|
|
|
|
// add filters query params
|
|
layoutOptions.filters.forEach((option) => {
|
|
queryParams.push(option);
|
|
});
|
|
|
|
// add display filters query params
|
|
Object.keys(layoutOptions.display_filters).forEach((option) => {
|
|
queryParams.push(option as TIssueParams);
|
|
});
|
|
|
|
// add extra options query params
|
|
if (layoutOptions.extra_options.access) {
|
|
layoutOptions.extra_options.values.forEach((option) => {
|
|
queryParams.push(option);
|
|
});
|
|
}
|
|
|
|
// add start_target_date query param for the gantt_chart layout
|
|
if (layout === "gantt_chart") queryParams.push("start_target_date");
|
|
|
|
return queryParams;
|
|
};
|