github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: rendering Issue in kanban swimlanes view for unassigned cycle or Modules (#3965)

Browse Source
This commit is contained in:
guru_sainath 2024-03-14 12:43:29 +05:30 committed by GitHub
parent 9c13dbd957
commit 43c75f4457
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 38 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
web/store/issue/helpers/issue-helper.store.ts
View File

@ -1,16 +1,17 @@
import orderBy from "lodash/orderBy";
import get from "lodash/get"; import get from "lodash/get";
import indexOf from "lodash/indexOf"; import indexOf from "lodash/indexOf";
import isEmpty from "lodash/isEmpty"; import isEmpty from "lodash/isEmpty";
import orderBy from "lodash/orderBy";
import values from "lodash/values"; import values from "lodash/values";
// types
import { TIssue, TIssueMap, TIssueGroupByOptions, TIssueOrderByOptions } from "@plane/types";
import { IIssueRootStore } from "../root.store";
// constants // constants
import { ISSUE_PRIORITIES } from "constants/issue"; import { ISSUE_PRIORITIES } from "constants/issue";
import { STATE_GROUPS } from "constants/state"; import { STATE_GROUPS } from "constants/state";
// helpers // helpers
import { renderFormattedPayloadDate } from "helpers/date-time.helper"; import { renderFormattedPayloadDate } from "helpers/date-time.helper";
// types
import { TIssue, TIssueMap, TIssueGroupByOptions, TIssueOrderByOptions } from "@plane/types";
// store
import { IIssueRootStore } from "../root.store";
export type TIssueDisplayFilterOptions = Exclude<TIssueGroupByOptions, null> | "target_date"; export type TIssueDisplayFilterOptions = Exclude<TIssueGroupByOptions, null> | "target_date";
@ -62,35 +63,35 @@ export class IssueHelperStore implements TIssueHelperStore {
issues: TIssueMap, issues: TIssueMap,
isCalendarIssues: boolean = false isCalendarIssues: boolean = false
) => { ) => {
const _issues: { [group_id: string]: string[] } = {}; const currentIssues: { [group_id: string]: string[] } = {};
if (!groupBy) return _issues; if (!groupBy) return currentIssues;
this.issueDisplayFiltersDefaultData(groupBy).forEach((group) => { this.issueDisplayFiltersDefaultData(groupBy).forEach((group) => {
_issues[group] = []; currentIssues[group] = [];
}); });
const projectIssues = this.issuesSortWithOrderBy(issues, orderBy); const projectIssues = this.issuesSortWithOrderBy(issues, orderBy);
for (const issue in projectIssues) { for (const issue in projectIssues) {
const _issue = projectIssues[issue]; const currentIssue = projectIssues[issue];
let groupArray = []; let groupArray = [];
if (groupBy === "state_detail.group") { if (groupBy === "state_detail.group") {
const state_group = // if groupBy state_detail.group is coming from the project level the we are using stateDetails from root store else we are looping through the stateMap
this.rootStore?.stateDetails?.find((_state) => _state.id === _issue?.state_id)?.group || "None"; const state_group = (this.rootStore?.stateMap || {})?.[currentIssue?.state_id]?.group || "None";
groupArray = [state_group]; groupArray = [state_group];
} else { } else {
const groupValue = get(_issue, ISSUE_FILTER_DEFAULT_DATA[groupBy]); const groupValue = get(currentIssue, ISSUE_FILTER_DEFAULT_DATA[groupBy]);
groupArray = groupValue !== undefined ? this.getGroupArray(groupValue, isCalendarIssues) : []; groupArray = groupValue !== undefined ? this.getGroupArray(groupValue, isCalendarIssues) : ["None"];
} }
for (const group of groupArray) { for (const group of groupArray) {
if (group && _issues[group]) _issues[group].push(_issue.id); if (group && currentIssues[group]) currentIssues[group].push(currentIssue.id);
else if (group) _issues[group] = [_issue.id]; else if (group) currentIssues[group] = [currentIssue.id];
} }
} }
return _issues; return currentIssues;
}; };
subGroupedIssues = ( subGroupedIssues = (
@ -99,45 +100,47 @@ export class IssueHelperStore implements TIssueHelperStore {
orderBy: TIssueOrderByOptions, orderBy: TIssueOrderByOptions,
issues: TIssueMap issues: TIssueMap
) => { ) => {
const _issues: { [sub_group_id: string]: { [group_id: string]: string[] } } = {}; const currentIssues: { [sub_group_id: string]: { [group_id: string]: string[] } } = {};
if (!subGroupBy || !groupBy) return _issues; if (!subGroupBy || !groupBy) return currentIssues;
this.issueDisplayFiltersDefaultData(subGroupBy).forEach((sub_group: any) => { this.issueDisplayFiltersDefaultData(subGroupBy).forEach((sub_group) => {
const groupByIssues: { [group_id: string]: string[] } = {}; const groupByIssues: { [group_id: string]: string[] } = {};
this.issueDisplayFiltersDefaultData(groupBy).forEach((group) => { this.issueDisplayFiltersDefaultData(groupBy).forEach((group) => {
groupByIssues[group] = []; groupByIssues[group] = [];
}); });
_issues[sub_group] = groupByIssues; currentIssues[sub_group] = groupByIssues;
}); });
const projectIssues = this.issuesSortWithOrderBy(issues, orderBy); const projectIssues = this.issuesSortWithOrderBy(issues, orderBy);
for (const issue in projectIssues) { for (const issue in projectIssues) {
const _issue = projectIssues[issue]; const currentIssue = projectIssues[issue];
let subGroupArray = []; let subGroupArray = [];
let groupArray = []; let groupArray = [];
if (subGroupBy === "state_detail.group" || groupBy === "state_detail.group") { if (subGroupBy === "state_detail.group" || groupBy === "state_detail.group") {
const state_group = const state_group = (this.rootStore?.stateMap || {})?.[currentIssue?.state_id]?.group || "None";
this.rootStore?.stateDetails?.find((_state) => _state.id === _issue?.state_id)?.group || "None";
subGroupArray = [state_group]; subGroupArray = [state_group];
groupArray = [state_group]; groupArray = [state_group];
} else { } else {
const subGroupValue = get(_issue, ISSUE_FILTER_DEFAULT_DATA[subGroupBy]); const subGroupValue = get(currentIssue, ISSUE_FILTER_DEFAULT_DATA[subGroupBy]);
const groupValue = get(_issue, ISSUE_FILTER_DEFAULT_DATA[groupBy]); const groupValue = get(currentIssue, ISSUE_FILTER_DEFAULT_DATA[groupBy]);
subGroupArray = subGroupValue != undefined ? this.getGroupArray(subGroupValue) : [];
groupArray = groupValue != undefined ? this.getGroupArray(groupValue) : []; subGroupArray = subGroupValue != undefined ? this.getGroupArray(subGroupValue) : ["None"];
groupArray = groupValue != undefined ? this.getGroupArray(groupValue) : ["None"];
} }
for (const subGroup of subGroupArray) { for (const subGroup of subGroupArray) {
for (const group of groupArray) { for (const group of groupArray) {
if (subGroup && group && _issues?.[subGroup]?.[group]) _issues[subGroup][group].push(_issue.id); if (subGroup && group && currentIssues?.[subGroup]?.[group])
else if (subGroup && group && _issues[subGroup]) _issues[subGroup][group] = [_issue.id]; currentIssues[subGroup][group].push(currentIssue.id);
else if (subGroup && group) _issues[subGroup] = { [group]: [_issue.id] }; else if (subGroup && group && currentIssues[subGroup]) currentIssues[subGroup][group] = [currentIssue.id];
else if (subGroup && group) currentIssues[subGroup] = { [group]: [currentIssue.id] };
} }
} }
} }
return _issues; return currentIssues;
}; };
unGroupedIssues = (orderBy: TIssueOrderByOptions, issues: TIssueMap) => unGroupedIssues = (orderBy: TIssueOrderByOptions, issues: TIssueMap) =>
@ -215,8 +218,8 @@ export class IssueHelperStore implements TIssueHelperStore {
const moduleMap = this.rootStore?.moduleMap; const moduleMap = this.rootStore?.moduleMap;
if (!moduleMap) break; if (!moduleMap) break;
for (const dataId of dataIdsArray) { for (const dataId of dataIdsArray) {
const _module = moduleMap[dataId]; const currentModule = moduleMap[dataId];
if (_module && _module.name) dataValues.push(_module.name.toLocaleLowerCase()); if (currentModule && currentModule.name) dataValues.push(currentModule.name.toLocaleLowerCase());
} }
break; break;
case "cycle_id": case "cycle_id":
@ -233,10 +236,10 @@ export class IssueHelperStore implements TIssueHelperStore {
} }
/** /**
* This Method is mainly used to filter out empty values in the begining * This Method is mainly used to filter out empty values in the beginning
* @param key key of the value that is to be checked if empty * @param key key of the value that is to be checked if empty
* @param object any object in which the key's value is to be checked * @param object any object in which the key's value is to be checked
* @returns 1 if emoty, 0 if not empty * @returns 1 if empty, 0 if not empty
*/ */
getSortOrderToFilterEmptyValues(key: string, object: any) { getSortOrderToFilterEmptyValues(key: string, object: any) {
const value = object?.[key]; const value = object?.[key];
@ -388,7 +391,7 @@ export class IssueHelperStore implements TIssueHelperStore {
getGroupArray(value: boolean | number | string | string[] | null, isDate: boolean = false): string[] { getGroupArray(value: boolean | number | string | string[] | null, isDate: boolean = false): string[] {
if (!value || value === null || value === undefined) return ["None"]; if (!value || value === null || value === undefined) return ["None"];
if (Array.isArray(value)) if (Array.isArray(value))
if (value.length) return value; if (value && value.length) return value;
else return ["None"]; else return ["None"];
else if (typeof value === "boolean") return [value ? "True" : "False"]; else if (typeof value === "boolean") return [value ? "True" : "False"];
else if (typeof value === "number") return [value.toString()]; else if (typeof value === "number") return [value.toString()];