perf: Initial DataCubeComponents / dimension values query optimizations

app/charts/area/chart-area.tsx

@@ -56,6 +56,7 @@ export const ChartAreasVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/column/chart-column.tsx

@@ -70,6 +70,7 @@ export const ChartColumnsVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/combo/chart-combo-line-column.tsx

@@ -52,6 +52,7 @@ export const ChartComboLineColumnVisualization = (
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/combo/chart-combo-line-dual.tsx

@@ -52,6 +52,7 @@ export const ChartComboLineDualVisualization = (
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/combo/chart-combo-line-single.tsx

@@ -57,6 +57,7 @@ export const ChartComboLineSingleVisualization = (
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/line/chart-lines.tsx

@@ -57,6 +57,7 @@ export const ChartLinesVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/map/chart-map.tsx

@@ -60,6 +60,7 @@ export const ChartMapVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/pie/chart-pie.tsx

@@ -53,6 +53,7 @@ export const ChartPieVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/scatterplot/chart-scatterplot.tsx

@@ -65,6 +65,7 @@ export const ChartScatterplotVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/charts/table/chart-table.tsx

@@ -41,6 +41,7 @@ export const ChartTableVisualization = ({
         iri: cube.iri,
         componentIris,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/configurator/components/chart-options-selector.tsx

@@ -106,6 +106,7 @@ export const ChartOptionsSelector = ({
         cubeFilters: chartConfig.cubes.map((cube) => ({
           iri: cube.iri,
           joinBy: cube.joinBy,
+          loadValues: true,
         })),
       },
     });

app/configurator/components/chart-type-selector.tsx

@@ -50,6 +50,7 @@ export const ChartTypeSelector = (props: ChartTypeSelectorProps) => {
       cubeFilters: chartConfig.cubes.map((cube) => ({
         iri: cube.iri,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/configurator/configurator-state.tsx

@@ -6,7 +6,7 @@ import setWith from "lodash/setWith";
 import sortBy from "lodash/sortBy";
 import unset from "lodash/unset";
 import { NextRouter, useRouter } from "next/router";
-import { createContext, Dispatch, useContext, useEffect, useMemo } from "react";
+import { Dispatch, createContext, useContext, useEffect, useMemo } from "react";
 import { Reducer, useImmerReducer } from "use-immer";
 
 import {
@@ -34,20 +34,20 @@ import {
   ConfiguratorStatePublishing,
   ConfiguratorStateSelectingDataSet,
   DataSource,
-  decodeConfiguratorState,
-  enableLayouting,
-  Filters,
   FilterValue,
+  Filters,
   GenericField,
   GenericFields,
-  getChartConfig,
-  getChartConfigFilters,
   ImputationType,
   InteractiveFiltersConfig,
+  Layout,
+  decodeConfiguratorState,
+  enableLayouting,
+  getChartConfig,
+  getChartConfigFilters,
   isAreaConfig,
   isColorFieldInConfig,
   isTableConfig,
-  Layout,
   makeMultiFilter,
 } from "@/config-types";
 import { mapValueIrisToColor } from "@/configurator/components/ui-helpers";
@@ -59,9 +59,9 @@ import {
   DataCubeComponents,
   Dimension,
   DimensionValue,
+  ObservationValue,
   isGeoDimension,
   isMeasure,
-  ObservationValue,
 } from "@/domain/data";
 import { DEFAULT_DATA_SOURCE } from "@/domain/datasource";
 import { client } from "@/graphql/client";
@@ -359,7 +359,11 @@ const getCachedComponents = (
       sourceType: draft.dataSource.type,
       sourceUrl: draft.dataSource.url,
       locale,
-      cubeFilter: { iri: cubeFilter.iri, joinBy: cubeFilter.joinBy },
+      cubeFilter: {
+        iri: cubeFilter.iri,
+        joinBy: cubeFilter.joinBy,
+        loadValues: true,
+      },
     })!;
   });
 

app/configurator/interactive-filters/interactive-filters-configurator.tsx

@@ -43,6 +43,7 @@ export const InteractiveFiltersConfigurator = ({
       cubeFilters: chartConfig.cubes.map((cube) => ({
         iri: cube.iri,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });

app/configurator/table/table-chart-configurator.hook.tsx

@@ -28,6 +28,7 @@ export const useTableChartController = (
       cubeFilters: chartConfig.cubes.map((cube) => ({
         iri: cube.iri,
         joinBy: cube.joinBy,
+        loadValues: true,
       })),
     },
   });