Félix Malfait
b27a97f2c5
## Summary This PR enforces the use of `@/` alias for imports instead of relative parent imports (`../`). ## Changes ### ESLint Configuration - Added `no-restricted-imports` pattern in `eslint.config.react.mjs` to block `../*` imports with the message "Relative parent imports are not allowed. Use @/ alias instead." - Removed the non-working `import/no-relative-parent-imports` rule (doesn't work properly in ESLint flat config) ### VS Code Settings - Added `javascript.preferences.importModuleSpecifier: non-relative` to `.vscode/settings.json` (TypeScript setting was already there) ### Code Fixes - Fixed **941 relative parent imports** across **706 files** in `packages/twenty-front` - All `../` imports converted to use `@/` alias ## Why - Consistent import style across the codebase - Easier to move files without breaking imports - Better IDE support for auto-imports - Clearer understanding of where imports come from
86 lines
2.9 KiB
TypeScript
86 lines
2.9 KiB
TypeScript
import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMetadataItemById';
|
|
import { getDefaultWidgetData } from '@/page-layout/utils/getDefaultWidgetData';
|
|
import { PageLayoutWidgetNoDataDisplay } from '@/page-layout/widgets/components/PageLayoutWidgetNoDataDisplay';
|
|
import { ChartSkeletonLoader } from '@/page-layout/widgets/graph/components/ChartSkeletonLoader';
|
|
import { GraphWidgetAggregateChartRenderer } from '@/page-layout/widgets/graph/graphWidgetAggregateChart/components/GraphWidgetAggregateChartRenderer';
|
|
import { GraphWidgetBarChartRenderer } from '@/page-layout/widgets/graph/graphWidgetBarChart/components/GraphWidgetBarChartRenderer';
|
|
import { GraphWidgetLineChartRenderer } from '@/page-layout/widgets/graph/graphWidgetLineChart/components/GraphWidgetLineChartRenderer';
|
|
import { GraphWidgetPieChartRenderer } from '@/page-layout/widgets/graph/graphWidgetPieChart/components/GraphWidgetPieChartRenderer';
|
|
import { areChartConfigurationFieldsValidForQuery } from '@/page-layout/widgets/graph/utils/areChartConfigurationFieldsValidForQuery';
|
|
import { lazy, Suspense } from 'react';
|
|
import { GraphType } from '~/generated/graphql';
|
|
import { useCurrentWidget } from '@/page-layout/widgets/hooks/useCurrentWidget';
|
|
|
|
const GraphWidgetGaugeChart = lazy(() =>
|
|
import(
|
|
'@/page-layout/widgets/graph/graphWidgetGaugeChart/components/GraphWidgetGaugeChart'
|
|
).then((module) => ({
|
|
default: module.GraphWidgetGaugeChart,
|
|
})),
|
|
);
|
|
|
|
export type GraphWidgetProps = {
|
|
objectMetadataId: string;
|
|
graphType: GraphType;
|
|
};
|
|
|
|
export const GraphWidget = ({
|
|
objectMetadataId,
|
|
graphType,
|
|
}: GraphWidgetProps) => {
|
|
const widget = useCurrentWidget();
|
|
|
|
const { objectMetadataItem } = useObjectMetadataItemById({
|
|
objectId: objectMetadataId,
|
|
});
|
|
|
|
const hasValidConfiguration = areChartConfigurationFieldsValidForQuery(
|
|
widget.configuration,
|
|
objectMetadataItem,
|
|
);
|
|
|
|
if (!hasValidConfiguration) {
|
|
return <PageLayoutWidgetNoDataDisplay />;
|
|
}
|
|
|
|
switch (graphType) {
|
|
case GraphType.AGGREGATE:
|
|
return <GraphWidgetAggregateChartRenderer />;
|
|
|
|
case GraphType.GAUGE: {
|
|
const gaugeData: any = getDefaultWidgetData(graphType);
|
|
if (!gaugeData) {
|
|
return null;
|
|
}
|
|
return (
|
|
<Suspense fallback={<ChartSkeletonLoader />}>
|
|
<GraphWidgetGaugeChart
|
|
data={{
|
|
value: gaugeData.value,
|
|
min: gaugeData.min,
|
|
max: gaugeData.max,
|
|
label: gaugeData.label,
|
|
}}
|
|
displayType="percentage"
|
|
showValue
|
|
id={`gauge-chart-${widget.id}`}
|
|
/>
|
|
</Suspense>
|
|
);
|
|
}
|
|
|
|
case GraphType.PIE:
|
|
return <GraphWidgetPieChartRenderer />;
|
|
|
|
case GraphType.VERTICAL_BAR:
|
|
case GraphType.HORIZONTAL_BAR:
|
|
return <GraphWidgetBarChartRenderer />;
|
|
|
|
case GraphType.LINE:
|
|
return <GraphWidgetLineChartRenderer />;
|
|
|
|
default:
|
|
return null;
|
|
}
|
|
};
|