576019e465
## Description 3 steps depending on the widget width. From bigger to tighter space: - Fully shown horizontal text - Rotated text - Rotated text with skipped ticks to avoid overlapping Also created common files for all constants for bar and pie charts. Since a lot of them are shared, they can be inherited from a common file. ## Video QA https://github.com/user-attachments/assets/fd58d412-1a8b-4bd6-a420-4c03767e98d5
169 lines
5.4 KiB
TypeScript
169 lines
5.4 KiB
TypeScript
import { type ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
|
|
import { GRAPH_DEFAULT_DATE_GRANULARITY } from '@/page-layout/widgets/graph/constants/GraphDefaultDateGranularity';
|
|
import { GRAPH_DEFAULT_ORDER_BY } from '@/page-layout/widgets/graph/constants/GraphDefaultOrderBy';
|
|
import { getGroupByOrderBy } from '@/page-layout/widgets/graph/utils/getGroupByOrderBy';
|
|
import { isRelationNestedFieldDateKind } from '@/page-layout/widgets/graph/utils/isRelationNestedFieldDateKind';
|
|
import {
|
|
type AggregateOrderByWithGroupByField,
|
|
type ObjectRecordOrderByForCompositeField,
|
|
type ObjectRecordOrderByForRelationField,
|
|
type ObjectRecordOrderByForScalarField,
|
|
type ObjectRecordOrderByWithGroupByDateField,
|
|
} from 'twenty-shared/types';
|
|
import { isDefined, isFieldMetadataDateKind } from 'twenty-shared/utils';
|
|
import {
|
|
type BarChartConfiguration,
|
|
type LineChartConfiguration,
|
|
} from '~/generated/graphql';
|
|
import {
|
|
buildGroupByFieldObject,
|
|
type GroupByFieldObject,
|
|
} from './buildGroupByFieldObject';
|
|
|
|
export const generateGroupByQueryVariablesFromBarOrLineChartConfiguration = ({
|
|
objectMetadataItem,
|
|
objectMetadataItems,
|
|
chartConfiguration,
|
|
aggregateOperation,
|
|
limit,
|
|
firstDayOfTheWeek,
|
|
}: {
|
|
objectMetadataItem: ObjectMetadataItem;
|
|
objectMetadataItems: ObjectMetadataItem[];
|
|
chartConfiguration: BarChartConfiguration | LineChartConfiguration;
|
|
aggregateOperation?: string;
|
|
limit?: number;
|
|
firstDayOfTheWeek?: number;
|
|
}) => {
|
|
const groupByFieldXId = chartConfiguration.primaryAxisGroupByFieldMetadataId;
|
|
|
|
const groupByFieldYId =
|
|
chartConfiguration.secondaryAxisGroupByFieldMetadataId;
|
|
|
|
const groupBySubFieldNameX =
|
|
chartConfiguration.primaryAxisGroupBySubFieldName ?? undefined;
|
|
|
|
const groupBySubFieldNameY =
|
|
chartConfiguration.secondaryAxisGroupBySubFieldName ?? undefined;
|
|
|
|
const groupByFieldX = objectMetadataItem.fields.find(
|
|
(field) => field.id === groupByFieldXId,
|
|
);
|
|
|
|
const groupByFieldY = isDefined(groupByFieldYId)
|
|
? objectMetadataItem.fields.find((field) => field.id === groupByFieldYId)
|
|
: undefined;
|
|
|
|
if (!isDefined(groupByFieldX) || !isDefined(groupByFieldXId)) {
|
|
throw new Error(
|
|
`Field with id ${groupByFieldXId} not found in object metadata`,
|
|
);
|
|
}
|
|
|
|
const isFieldXDate = isFieldMetadataDateKind(groupByFieldX.type);
|
|
|
|
const isFieldXNestedDate = isRelationNestedFieldDateKind({
|
|
relationField: groupByFieldX,
|
|
relationNestedFieldName: groupBySubFieldNameX,
|
|
objectMetadataItems,
|
|
});
|
|
|
|
const shouldApplyDateGranularityX = isFieldXDate || isFieldXNestedDate;
|
|
|
|
const groupBy: Array<GroupByFieldObject> = [];
|
|
|
|
groupBy.push(
|
|
buildGroupByFieldObject({
|
|
field: groupByFieldX,
|
|
subFieldName: groupBySubFieldNameX,
|
|
dateGranularity: shouldApplyDateGranularityX
|
|
? (chartConfiguration.primaryAxisDateGranularity ??
|
|
GRAPH_DEFAULT_DATE_GRANULARITY)
|
|
: undefined,
|
|
firstDayOfTheWeek,
|
|
isNestedDateField: isFieldXNestedDate,
|
|
}),
|
|
);
|
|
|
|
if (isDefined(groupByFieldY)) {
|
|
const isFieldYDate = isFieldMetadataDateKind(groupByFieldY.type);
|
|
|
|
const isFieldYNestedDate = isRelationNestedFieldDateKind({
|
|
relationField: groupByFieldY,
|
|
relationNestedFieldName: groupBySubFieldNameY,
|
|
objectMetadataItems,
|
|
});
|
|
|
|
const shouldApplyDateGranularityY = isFieldYDate || isFieldYNestedDate;
|
|
|
|
groupBy.push(
|
|
buildGroupByFieldObject({
|
|
field: groupByFieldY,
|
|
subFieldName: groupBySubFieldNameY,
|
|
dateGranularity: shouldApplyDateGranularityY
|
|
? (chartConfiguration.secondaryAxisGroupByDateGranularity ??
|
|
GRAPH_DEFAULT_DATE_GRANULARITY)
|
|
: undefined,
|
|
firstDayOfTheWeek,
|
|
isNestedDateField: isFieldYNestedDate,
|
|
}),
|
|
);
|
|
}
|
|
|
|
const orderBy: Array<
|
|
| AggregateOrderByWithGroupByField
|
|
| ObjectRecordOrderByForScalarField
|
|
| ObjectRecordOrderByWithGroupByDateField
|
|
| ObjectRecordOrderByForCompositeField
|
|
| ObjectRecordOrderByForRelationField
|
|
> = [];
|
|
|
|
orderBy.push(
|
|
getGroupByOrderBy({
|
|
graphOrderBy:
|
|
chartConfiguration.primaryAxisOrderBy ?? GRAPH_DEFAULT_ORDER_BY,
|
|
groupByField: groupByFieldX,
|
|
groupBySubFieldName: chartConfiguration.primaryAxisGroupBySubFieldName,
|
|
aggregateOperation,
|
|
dateGranularity: shouldApplyDateGranularityX
|
|
? (chartConfiguration.primaryAxisDateGranularity ??
|
|
GRAPH_DEFAULT_DATE_GRANULARITY)
|
|
: undefined,
|
|
}),
|
|
);
|
|
|
|
if (isDefined(groupByFieldY)) {
|
|
const isFieldYDateForOrderBy = isFieldMetadataDateKind(groupByFieldY.type);
|
|
|
|
const isFieldYNestedDateForOrderBy = isRelationNestedFieldDateKind({
|
|
relationField: groupByFieldY,
|
|
relationNestedFieldName: groupBySubFieldNameY,
|
|
objectMetadataItems,
|
|
});
|
|
|
|
const shouldApplyDateGranularityYForOrderBy =
|
|
isFieldYDateForOrderBy || isFieldYNestedDateForOrderBy;
|
|
|
|
orderBy.push(
|
|
getGroupByOrderBy({
|
|
graphOrderBy:
|
|
chartConfiguration.secondaryAxisOrderBy ?? GRAPH_DEFAULT_ORDER_BY,
|
|
groupByField: groupByFieldY,
|
|
groupBySubFieldName:
|
|
chartConfiguration.secondaryAxisGroupBySubFieldName,
|
|
aggregateOperation,
|
|
dateGranularity: shouldApplyDateGranularityYForOrderBy
|
|
? (chartConfiguration.secondaryAxisGroupByDateGranularity ??
|
|
GRAPH_DEFAULT_DATE_GRANULARITY)
|
|
: undefined,
|
|
}),
|
|
);
|
|
}
|
|
|
|
return {
|
|
groupBy,
|
|
orderBy,
|
|
...(isDefined(limit) && { limit }),
|
|
};
|
|
};
|