From b46aaa5726ebe477636a4364a05fbe5f96f3b871 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Mon, 9 Sep 2024 16:53:31 +0200
Subject: [PATCH 01/11] fix: Tab labels

---
 app/components/chart-selection-tabs.tsx | 78 +++++++++++++------------
 1 file changed, 42 insertions(+), 36 deletions(-)

diff --git a/app/components/chart-selection-tabs.tsx b/app/components/chart-selection-tabs.tsx
index f49edea46..d0a883e65 100644
--- a/app/components/chart-selection-tabs.tsx
+++ b/app/components/chart-selection-tabs.tsx
@@ -6,7 +6,7 @@ import {
   Stack,
   tabClasses,
   Theme,
-  Typography
+  Typography,
 } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import clsx from "clsx";
@@ -145,13 +145,12 @@ const TabsEditable = (props: TabsEditableProps) => {
 
   const addNewDatasetFlag = useFlag("configurator.add-dataset.new");
 
-
   const switchChart = (key: string) => {
     dispatch({
       type: "SWITCH_ACTIVE_CHART",
       value: key,
     });
-  }
+  };
 
   return (
     <>
@@ -276,20 +275,23 @@ const TabsEditable = (props: TabsEditableProps) => {
           }}
           onClose={handleClose}
         >
-      {isConfiguringChart &&  <MenuActionItem 
-          as="menuitem"
-          type="button"
-          iconName="text"
-          label={<Trans id="chart-controls.edit-tab-label" >Edit tab label</Trans>}
-          onClick={() => {
+          {isConfiguringChart && (
+            <MenuActionItem
+              as="menuitem"
+              type="button"
+              iconName="text"
+              label={
+                <Trans id="chart-controls.edit-tab-label">Edit tab label</Trans>
+              }
+              onClick={() => {
                 switchChart(tabsState.activeChartKey);
                 dispatch({
                   type: "CHART_ACTIVE_FIELD_CHANGED",
-                  value: 'label'
+                  value: "label",
                 });
-          }}
-          
-        />}
+              }}
+            />
+          )}
           <DuplicateChartMenuActionItem
             chartConfig={getChartConfig(state, tabsState.activeChartKey)}
             onSuccess={handleClose}
@@ -590,8 +592,8 @@ export const useIconStyles = makeStyles<
   },
   chartIconWrapper: {
     minWidth: "fit-content",
-    display: 'flex',
-    alignItems: 'center',
+    display: "flex",
+    alignItems: "center",
     gap: spacing(2),
     color: (d) => (d.active ? palette.primary.main : palette.secondary.active),
   },
@@ -652,28 +654,32 @@ const TabContent = (props: {
   });
   return (
     <Flex className={classes.root}>
-      {label || showAddLabel ? (
-          <Button
-            variant="text"
-            className={classes.chartIconWrapper}  
-            onClick={() => {
-              onSwitchClick?.();
-           if (editable) {
-              dispatch({
-                type: "CHART_ACTIVE_FIELD_CHANGED",
-                value: undefined
-              });
-            }}
+      <Button
+        variant="text"
+        className={classes.chartIconWrapper}
+        onClick={() => {
+          onSwitchClick?.();
+          if (editable) {
+            dispatch({
+              type: "CHART_ACTIVE_FIELD_CHANGED",
+              value: undefined,
+            });
           }
-            sx={{
-              color: (t) =>
-                label ? "inherit" : `${t.palette.grey[500]} !important`,
-            }}
-          >
-             <Icon name={iconName} />
-           {label || `[ ${addLabel} ]`}
-          </Button>
-      ) : null}
+        }}
+      >
+        <Icon name={iconName} />
+        <Typography
+          variant="body2"
+          sx={{
+            color: (t) =>
+              label || !editable
+                ? "inherit"
+                : `${t.palette.grey[500]} !important`,
+          }}
+        >
+          {label || showAddLabel ? label || `[ ${addLabel} ]` : null}
+        </Typography>
+      </Button>
       {editable && (
         <Button
           variant="text"

From 2890e1edc91b70a8f700ce1cc557f7b5ed4e3fc9 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 09:50:34 +0200
Subject: [PATCH 02/11] chore: Remove tab label from dashboard annotator

---
 app/configurator/components/annotators.tsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/app/configurator/components/annotators.tsx b/app/configurator/components/annotators.tsx
index f4b794dfa..daff5946e 100644
--- a/app/configurator/components/annotators.tsx
+++ b/app/configurator/components/annotators.tsx
@@ -136,12 +136,12 @@ export const ChartAnnotator = () => {
           }
           mainLabel={getFieldLabel("description")}
         />
-          <ChartAnnotatorTabField
+        <ChartAnnotatorTabField
           value="label"
           icon="layoutTab"
           emptyValueWarning={
             <Trans id="controls.annotator.add-tab-label-warning">
-             Please add a tab label
+              Please add a tab label
             </Trans>
           }
           mainLabel={getFieldLabel("label")}
@@ -199,16 +199,6 @@ export const LayoutAnnotator = () => {
           }
           mainLabel={getFieldLabel("description")}
         />
-        <LayoutAnnotatorTabField
-          value="label"
-          icon="layoutTab"
-          emptyValueWarning={
-            <Trans id="controls.annotator.add-tab-label-warning">
-              Please add a tab label
-            </Trans>
-          }
-          mainLabel={getFieldLabel("label")}
-        />
       </ControlSectionContent>
     </ControlSection>
   );

From d66db8d120878a3aba235447d1919a8c7747f3a5 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 08:14:16 +0200
Subject: [PATCH 03/11] fix: Settings min chart height in free canvas layout

---
 app/components/chart-panel-layout-grid.tsx | 11 +----------
 app/components/react-grid.stories.tsx      |  1 -
 app/components/react-grid.tsx              | 19 +++++++++----------
 3 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/app/components/chart-panel-layout-grid.tsx b/app/components/chart-panel-layout-grid.tsx
index 4c140f0f6..bd1a3065d 100644
--- a/app/components/chart-panel-layout-grid.tsx
+++ b/app/components/chart-panel-layout-grid.tsx
@@ -5,10 +5,7 @@ import { useState } from "react";
 import { Layouts } from "react-grid-layout";
 
 import { ChartPanelLayoutTypeProps } from "@/components/chart-panel";
-import ChartGridLayout, {
-  getInitialTileHeight,
-  getInitialTileWidth,
-} from "@/components/react-grid";
+import ChartGridLayout from "@/components/react-grid";
 import { ReactGridLayoutsType, hasChartConfigs } from "@/configurator";
 import { useConfiguratorState } from "@/src";
 import { assert } from "@/utils/assert";
@@ -75,12 +72,6 @@ const ChartPanelLayoutCanvas = (props: ChartPanelLayoutTypeProps) => {
       resize={state.state === "LAYOUTING"}
       draggableHandle={`.${chartPanelLayoutGridClasses.dragHandle}`}
       onLayoutChange={(_l, allLayouts) => handleChangeLayouts(allLayouts)}
-      initialize={layouts["lg"].every((layout) => {
-        return (
-          layout.w === getInitialTileWidth() &&
-          layout.h === getInitialTileHeight()
-        );
-      })}
     >
       {chartConfigs.map((chartConfig) => props.renderChart(chartConfig))}
     </ChartGridLayout>
diff --git a/app/components/react-grid.stories.tsx b/app/components/react-grid.stories.tsx
index 021ec65d1..b4e99c382 100644
--- a/app/components/react-grid.stories.tsx
+++ b/app/components/react-grid.stories.tsx
@@ -91,7 +91,6 @@ export const Example = () => {
         onLayoutChange={(_layouts, allLayouts) => setLayouts(allLayouts)}
         layouts={layouts}
         resize
-        initialize={false}
       >
         {generateDOM({ count })}
       </ChartGridLayout>
diff --git a/app/components/react-grid.tsx b/app/components/react-grid.tsx
index 3cf13e3e7..3d651c933 100644
--- a/app/components/react-grid.tsx
+++ b/app/components/react-grid.tsx
@@ -1,10 +1,11 @@
 import { Theme } from "@mui/material/styles";
 import { makeStyles } from "@mui/styles";
 import clsx from "clsx";
+import isEqual from "lodash/isEqual";
 import map from "lodash/map";
 import mapValues from "lodash/mapValues";
 import range from "lodash/range";
-import { ComponentProps, useEffect, useRef, useState } from "react";
+import { ComponentProps, useEffect, useState } from "react";
 import { Layout, Responsive, WidthProvider } from "react-grid-layout";
 import { match } from "ts-pattern";
 
@@ -195,20 +196,18 @@ const useStyles = makeStyles((theme: Theme) => ({
   },
 }));
 
-export const CHART_GRID_MIN_HEIGHT = 100;
+export const CHART_GRID_MIN_HEIGHT = 150;
 
 export const ChartGridLayout = ({
   children,
   className,
   layouts,
   resize,
-  initialize,
   ...rest
 }: {
   className: string;
   onLayoutChange: Function;
   resize?: boolean;
-  initialize: boolean;
 } & ComponentProps<typeof ResponsiveReactGridLayout>) => {
   const classes = useStyles();
   const [mounted, setMounted] = useState(false);
@@ -226,7 +225,7 @@ export const ChartGridLayout = ({
           maxW: MAX_W,
           w: Math.min(MAX_W, chartLayout.w),
           resizeHandles: resize ? availableHandles : [],
-          minH: MIN_H,
+          minH: chartLayout.minH ?? MIN_H,
           h: Math.max(MIN_H, chartLayout.h),
         };
       });
@@ -237,9 +236,8 @@ export const ChartGridLayout = ({
     setMounted(true);
   }, []);
 
-  const hasBeenConstrained = useRef(!initialize);
   useEffect(() => {
-    if (!mountedForSomeTime || hasBeenConstrained.current) {
+    if (!mountedForSomeTime) {
       return;
     }
 
@@ -276,11 +274,12 @@ export const ChartGridLayout = ({
         };
       });
     });
-    setEnhancedLayouts(newLayouts);
-    hasBeenConstrained.current = true;
+
+    if (!isEqual(newLayouts, enhancedLayouts)) {
+      setEnhancedLayouts(newLayouts);
+    }
   }, [
     chartContainerClasses.chartContainer,
-    initialize,
     enhancedLayouts,
     mountedForSomeTime,
     resize,

From 910726c734fbe2e6ad5dfc72a6b44bdf57a3c843 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 08:24:34 +0200
Subject: [PATCH 04/11] refactor: Move props to function definitions

---
 app/components/chart-preview.tsx              | 59 +++++++++----------
 .../components/preview-breakpoint.tsx         |  1 -
 2 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/app/components/chart-preview.tsx b/app/components/chart-preview.tsx
index f90128039..c9f20974a 100644
--- a/app/components/chart-preview.tsx
+++ b/app/components/chart-preview.tsx
@@ -10,13 +10,7 @@ import { Trans } from "@lingui/macro";
 import { Box } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import Head from "next/head";
-import React, {
-  forwardRef,
-  ReactNode,
-  useCallback,
-  useMemo,
-  useState,
-} from "react";
+import { forwardRef, ReactNode, useCallback, useMemo, useState } from "react";
 
 import { DataSetTable } from "@/browse/datatable";
 import { LoadingStateProvider } from "@/charts/shared/chart-loading-state";
@@ -70,12 +64,7 @@ import { useTransitionStore } from "@/stores/transition";
 import { useTheme } from "@/themes";
 import { createSnapCornerToCursor } from "@/utils/dnd";
 
-type ChartPreviewProps = {
-  dataSource: DataSource;
-};
-
-export const ChartPreview = (props: ChartPreviewProps) => {
-  const { dataSource } = props;
+export const ChartPreview = ({ dataSource }: { dataSource: DataSource }) => {
   const [state] = useConfiguratorState(hasChartConfigs);
   const editing = isConfiguring(state);
   const { layout } = state;
@@ -128,13 +117,15 @@ const useStyles = makeStyles(() => ({
   },
 }));
 
-const DashboardPreview = (
-  props: ChartPreviewProps & {
-    layoutType: Extract<Layout, { type: "dashboard" }>["layout"];
-    editing?: boolean;
-  }
-) => {
-  const { dataSource, layoutType, editing } = props;
+const DashboardPreview = ({
+  dataSource,
+  layoutType,
+  editing,
+}: {
+  dataSource: DataSource;
+  layoutType: Extract<Layout, { type: "dashboard" }>["layout"];
+  editing?: boolean;
+}) => {
   const [state, dispatch] = useConfiguratorState(hasChartConfigs);
   const theme = useTheme();
   const transition = useTransitionStore();
@@ -331,12 +322,13 @@ const DndChartPreview = (props: CommonChartPreviewProps) => {
   );
 };
 
-type SingleURLsPreviewProps = ChartPreviewProps & {
+const SingleURLsPreview = ({
+  dataSource,
+  layout,
+}: {
+  dataSource: DataSource;
   layout: Extract<Layout, { type: "singleURLs" }>;
-};
-
-const SingleURLsPreview = (props: SingleURLsPreviewProps) => {
-  const { dataSource, layout } = props;
+}) => {
   const [state, dispatch] = useConfiguratorState(hasChartConfigs);
   const renderChart = useCallback(
     (chartConfig: ChartConfig) => {
@@ -386,14 +378,17 @@ const SingleURLsPreview = (props: SingleURLsPreviewProps) => {
   );
 };
 
-type ChartPreviewInnerProps = ChartPreviewProps & {
+const ChartPreviewInner = ({
+  children,
+  dataSource,
+  chartKey,
+  actionElementSlot,
+}: {
+  children?: ReactNode;
+  dataSource: DataSource;
   chartKey?: string | null;
   actionElementSlot?: ReactNode;
-  children?: React.ReactNode;
-};
-
-const ChartPreviewInner = (props: ChartPreviewInnerProps) => {
-  const { dataSource, chartKey, actionElementSlot } = props;
+}) => {
   const [state, dispatch] = useConfiguratorState();
   const configuring = isConfiguring(state);
   const chartConfig = getChartConfig(state, chartKey);
@@ -435,7 +430,7 @@ const ChartPreviewInner = (props: ChartPreviewInnerProps) => {
 
   return (
     <Box className={chartClasses.root}>
-      {props.children}
+      {children}
       <ChartErrorBoundary resetKeys={[state]}>
         {hasChartConfigs(state) && (
           <>
diff --git a/app/configurator/components/preview-breakpoint.tsx b/app/configurator/components/preview-breakpoint.tsx
index 825381116..34aa07e9c 100644
--- a/app/configurator/components/preview-breakpoint.tsx
+++ b/app/configurator/components/preview-breakpoint.tsx
@@ -28,7 +28,6 @@ export const usePreviewBreakpoint = () => {
       layoutRef.current = state.layout;
     }
   }, [breakpoint, state.layout]);
-
   return {
     previewBreakpoint: breakpoint,
     setPreviewBreakpoint: setBreakpoint,

From bb1266e14cc9dfc31f7256d83e686b946bd77997 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 10:33:32 +0200
Subject: [PATCH 05/11] fix: MUI errors (ToggleGroup doesn't accept
 React.Fragment as child)

---
 .../components/preview-breakpoint.tsx         | 54 ++++++++++---------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/app/configurator/components/preview-breakpoint.tsx b/app/configurator/components/preview-breakpoint.tsx
index 34aa07e9c..5f42636d0 100644
--- a/app/configurator/components/preview-breakpoint.tsx
+++ b/app/configurator/components/preview-breakpoint.tsx
@@ -9,7 +9,7 @@ import {
 } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import clsx from "clsx";
-import { Fragment, useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 
 import {
   isLayouting,
@@ -110,7 +110,6 @@ export const PreviewBreakpointToggleMenu = ({
       }),
     },
   ];
-
   return (
     <ToggleButtonGroup
       className={classes.toggleButtonGroup}
@@ -119,28 +118,32 @@ export const PreviewBreakpointToggleMenu = ({
       exclusive
     >
       {previewBreakpointOptions.map(({ breakpoint, iconName, title }) => {
-        return (
-          <Fragment key={breakpoint}>
-            <Tooltip title={title} arrow enterDelay={1000}>
-              <ToggleButton
-                className={clsx(classes.toggleButton, {
-                  [classes.toggleButtonSelected]: value === breakpoint,
-                })}
-                value={breakpoint}
-                onClick={() => onChange(breakpoint)}
-              >
-                <Icon name={iconName} size={16} />
-              </ToggleButton>
-            </Tooltip>
-            {breakpoint !== "sm" && (
-              <Divider
-                className={classes.divider}
-                orientation="vertical"
-                flexItem
-              />
-            )}
-          </Fragment>
-        );
+        return [
+          <Tooltip
+            key={`${breakpoint}-tooltip`}
+            title={title}
+            arrow
+            enterDelay={1000}
+          >
+            <ToggleButton
+              className={clsx(classes.toggleButton, {
+                [classes.toggleButtonSelected]: value === breakpoint,
+              })}
+              value={breakpoint}
+              onClick={() => onChange(breakpoint)}
+            >
+              <Icon name={iconName} size={16} />
+            </ToggleButton>
+          </Tooltip>,
+          breakpoint !== "sm" ? (
+            <Divider
+              key={`${breakpoint}-divider`}
+              className={classes.divider}
+              orientation="vertical"
+              flexItem
+            />
+          ) : null,
+        ];
       })}
     </ToggleButtonGroup>
   );
@@ -169,6 +172,9 @@ const useStyles = makeStyles<Theme>((theme) => ({
   },
   divider: {
     alignSelf: "center",
+    borderLeft: `2px solid ${theme.palette.divider} !important`,
     height: 16,
+    marginLeft: "-1px !important",
+    backgroundColor: theme.palette.divider,
   },
 }));

From 52fd5d7451c91523fc10993c12d418ae218b57dc Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 10:36:36 +0200
Subject: [PATCH 06/11] chore: Add react-virtualized-auto-sizer

---
 app/package.json |   1 +
 yarn.lock        | 355 +++++++++++++++++++++++++++++++++++++----------
 2 files changed, 283 insertions(+), 73 deletions(-)

diff --git a/app/package.json b/app/package.json
index 3b826adc4..7208d679e 100644
--- a/app/package.json
+++ b/app/package.json
@@ -101,6 +101,7 @@
     "react-map-gl": "^7.0.10",
     "react-string-replace": "^1.1.1",
     "react-table": "^7.8.0",
+    "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "simple-statistics": "^7.6.0",
     "sparql-http-client": "^2.4.1",
diff --git a/yarn.lock b/yarn.lock
index d78429c69..67e6743ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -229,7 +229,29 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed"
   integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==
 
-"@babel/core@7.12.9", "@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.10.5", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.12.9", "@babel/core@^7.14.6", "@babel/core@^7.18.9", "@babel/core@^7.21.0", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.24.4", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.7.7":
+"@babel/core@7.12.9":
+  version "7.12.9"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8"
+  integrity sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.12.5"
+    "@babel/helper-module-transforms" "^7.12.1"
+    "@babel/helpers" "^7.12.5"
+    "@babel/parser" "^7.12.7"
+    "@babel/template" "^7.12.7"
+    "@babel/traverse" "^7.12.9"
+    "@babel/types" "^7.12.7"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.1"
+    json5 "^2.1.2"
+    lodash "^4.17.19"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
+"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.10.5", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.12.9", "@babel/core@^7.18.9", "@babel/core@^7.21.0", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.24.4", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.7.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4"
   integrity sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==
@@ -259,6 +281,16 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.12.5", "@babel/generator@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.6.tgz#0df1ad8cb32fe4d2b01d8bf437f153d19342a87c"
+  integrity sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==
+  dependencies:
+    "@babel/types" "^7.25.6"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^2.5.1"
+
 "@babel/generator@^7.20.14":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420"
@@ -558,6 +590,16 @@
     "@babel/traverse" "^7.24.7"
     "@babel/types" "^7.24.7"
 
+"@babel/helper-module-transforms@^7.12.1":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6"
+  integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.24.7"
+    "@babel/helper-simple-access" "^7.24.7"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    "@babel/traverse" "^7.25.2"
+
 "@babel/helper-module-transforms@^7.14.5":
   version "7.15.8"
   resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.15.8.tgz"
@@ -759,6 +801,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz#4d2d0f14820ede3b9807ea5fc36dfc8cd7da07f2"
   integrity sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==
 
+"@babel/helper-string-parser@^7.24.8":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz#5b3329c9a58803d5df425e5785865881a81ca48d"
+  integrity sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==
+
 "@babel/helper-validator-identifier@^7.12.11", "@babel/helper-validator-identifier@^7.14.9", "@babel/helper-validator-identifier@^7.15.7":
   version "7.15.7"
   resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz"
@@ -823,6 +870,14 @@
     "@babel/template" "^7.22.15"
     "@babel/types" "^7.22.19"
 
+"@babel/helpers@^7.12.5":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.25.6.tgz#57ee60141829ba2e102f30711ffe3afab357cc60"
+  integrity sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==
+  dependencies:
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.6"
+
 "@babel/helpers@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.7.tgz#aa2ccda29f62185acb5d42fb4a3a1b1082107416"
@@ -887,11 +942,23 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@7.12.16", "@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.14.6", "@babel/parser@^7.14.7", "@babel/parser@^7.15.4", "@babel/parser@^7.20.15", "@babel/parser@^7.20.7", "@babel/parser@^7.21.2", "@babel/parser@^7.21.4", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0", "@babel/parser@^7.24.0", "@babel/parser@^7.24.4", "@babel/parser@^7.24.5", "@babel/parser@^7.24.7", "@babel/parser@^7.7.2":
+"@babel/parser@7.12.16":
+  version "7.12.16"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.16.tgz#cc31257419d2c3189d394081635703f549fc1ed4"
+  integrity sha512-c/+u9cqV6F0+4Hpq01jnJO+GLp2DdT63ppz9Xa+6cHaajM9VFzK/iDXiKK65YtpeVwu+ctfS6iqlMqRgQRzeCw==
+
+"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.14.7", "@babel/parser@^7.15.4", "@babel/parser@^7.20.15", "@babel/parser@^7.20.7", "@babel/parser@^7.21.2", "@babel/parser@^7.21.4", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0", "@babel/parser@^7.24.0", "@babel/parser@^7.24.4", "@babel/parser@^7.24.5", "@babel/parser@^7.24.7", "@babel/parser@^7.7.2":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
   integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
 
+"@babel/parser@^7.12.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.6.tgz#85660c5ef388cbbf6e3d2a694ee97a38f18afe2f"
+  integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
+  dependencies:
+    "@babel/types" "^7.25.6"
+
 "@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.5":
   version "7.24.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.5.tgz#4c3685eb9cd790bcad2843900fe0250c91ccf895"
@@ -2545,6 +2612,15 @@
   resolved "https://registry.npmjs.org/@babel/standalone/-/standalone-7.14.6.tgz"
   integrity sha512-oAoSp82jhJFnXKybKTOj5QF04XxiDRyiiqrFToiU1udlBXuZoADlPmmnOcuqBrZxSNNUjzJIVK8vt838Qoqjxg==
 
+"@babel/template@^7.12.7", "@babel/template@^7.25.0":
+  version "7.25.0"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
+  integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/parser" "^7.25.0"
+    "@babel/types" "^7.25.0"
+
 "@babel/template@^7.15.4", "@babel/template@^7.3.3":
   version "7.15.4"
   resolved "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz"
@@ -2611,6 +2687,19 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.12.9", "@babel/traverse@^7.25.2":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.6.tgz#04fad980e444f182ecf1520504941940a90fea41"
+  integrity sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/generator" "^7.25.6"
+    "@babel/parser" "^7.25.6"
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.6"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
 "@babel/traverse@^7.18.9", "@babel/traverse@^7.23.2":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.0.tgz#4a408fbf364ff73135c714a2ab46a5eab2831b1e"
@@ -2676,6 +2765,15 @@
     "@babel/helper-validator-identifier" "^7.14.9"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.12.7", "@babel/types@^7.25.0", "@babel/types@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.6.tgz#893942ddb858f32ae7a004ec9d3a76b3463ef8e6"
+  integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
+  dependencies:
+    "@babel/helper-string-parser" "^7.24.8"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.16.7":
   version "7.17.0"
   resolved "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz"
@@ -4168,22 +4266,34 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
-"@hydrofoil/shape-to-query@^0.10.0":
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/@hydrofoil/shape-to-query/-/shape-to-query-0.10.0.tgz#a5686113ae36dbfba38e35e47352897e5350c9dc"
-  integrity sha512-po4N7oSV4/EF/nZk6ufI40SCe9lVV36IIYXRi9xotUEx6IfAe4761ce/eP8AdXdHHBs67HrnR+KOWCGdmNMqNw==
+"@hydrofoil/shape-to-query@^0.13.1":
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/@hydrofoil/shape-to-query/-/shape-to-query-0.13.1.tgz#996164389b80b10834bf7dc2f59a855340b4d564"
+  integrity sha512-X/RiRmnR8HsyOo6lwtHffs7blJn1Bj2z9lZZUSjDFqdB14U0Wj+ldUiVB2eH67h0+TSvZlSpxdDimGEM59Ee2g==
   dependencies:
+    "@hydrofoil/sparql-processor" "^0.1.0"
     "@tpluscode/rdf-ns-builders" ">=3.0.2"
-    "@tpluscode/rdf-string" "^1.0.3"
-    "@tpluscode/sparql-builder" "^1.1.0"
-    "@vocabulary/dash" "^1.0.1"
-    "@vocabulary/dash-sparql" "^1.0.1"
-    "@vocabulary/sh" "^1.1.3"
-    "@zazuko/env" "^2.0.3"
+    "@tpluscode/rdf-string" "^1.3.3"
+    "@types/sparqljs" "^3.1.11"
+    "@vocabulary/dash" "^1.0.4"
+    "@vocabulary/dash-sparql" "^1.0.4"
+    "@vocabulary/sh" "^1.1.5"
+    "@zazuko/env" "^2.2.0"
     "@zazuko/prefixes" ">=2"
-    clownface-shacl-path "^2.0.1"
+    clownface-shacl-path "^2.2"
     is-graph-pointer "^2.0.0"
-    rdf-literal "^1.3.1"
+    rdf-literal "^1.3.2"
+    sparqljs "^3.6.1"
+    ts-pattern "^5.2.0"
+
+"@hydrofoil/sparql-processor@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@hydrofoil/sparql-processor/-/sparql-processor-0.1.1.tgz#5419c5ecfb64decc1a45212315582e644b0069c2"
+  integrity sha512-b686BAaP4Ipre/lWsRoCQkb25/BqP20U0BO2BjmapZyuBGuzW4eOEXEZzMhm7FrAlb7NV4tN4Vj/oI1fB5grPw==
+  dependencies:
+    "@types/sparqljs" "^3.1.11"
+    "@zazuko/prefixes" "^2.1.0"
+    ts-pattern "^5.2.0"
 
 "@iarna/toml@^2.2.5":
   version "2.2.5"
@@ -6670,6 +6780,11 @@
   dependencies:
     any-observable "^0.3.0"
 
+"@sec-ant/readable-stream@^0.4.1":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz#60de891bb126abfdc5410fdc6166aca065f10a0c"
+  integrity sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==
+
 "@sentry-internal/feedback@7.112.2":
   version "7.112.2"
   resolved "https://registry.yarnpkg.com/@sentry-internal/feedback/-/feedback-7.112.2.tgz#3945ae9e980854e1d53560ed6a28684f02625fbc"
@@ -8468,27 +8583,27 @@
     commander "^7.2.0"
     fs-extra "^10.0.0"
 
-"@tpluscode/rdf-ns-builders@>=3.0.2":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@tpluscode/rdf-ns-builders/-/rdf-ns-builders-4.0.0.tgz#71a6af9d239ec47eddf8e4f34186a769e88984a7"
-  integrity sha512-QXRfSsCpCMDMxHYr4Ox7de/FOBasJBHvC4LMETR2XE/HApzpYd7V9WMGN5lrRSfbhee7MyFa9IOq/M9OLwqzHw==
+"@tpluscode/rdf-ns-builders@>=3", "@tpluscode/rdf-ns-builders@^4.1.0":
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/@tpluscode/rdf-ns-builders/-/rdf-ns-builders-4.3.0.tgz#3ebd8a9e41b16d2c3de4b51adcadf9af8cac7d62"
+  integrity sha512-x3uh9mYwAU+PrALaDKhVjml1TCCWWduo6J8rybd9SMEEAoooXq1MYb13MRputjRT/kYaFyCND7LMobzhxZ/+bg==
   dependencies:
     "@rdfjs/data-model" "^2"
     "@rdfjs/namespace" "^2"
     "@rdfjs/types" "*"
     "@types/rdfjs__namespace" "^2.0.2"
-    "@zazuko/prefixes" "^2.0.0"
+    "@zazuko/prefixes" "^2.0.1"
 
-"@tpluscode/rdf-ns-builders@^4.1.0":
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/@tpluscode/rdf-ns-builders/-/rdf-ns-builders-4.3.0.tgz#3ebd8a9e41b16d2c3de4b51adcadf9af8cac7d62"
-  integrity sha512-x3uh9mYwAU+PrALaDKhVjml1TCCWWduo6J8rybd9SMEEAoooXq1MYb13MRputjRT/kYaFyCND7LMobzhxZ/+bg==
+"@tpluscode/rdf-ns-builders@>=3.0.2":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@tpluscode/rdf-ns-builders/-/rdf-ns-builders-4.0.0.tgz#71a6af9d239ec47eddf8e4f34186a769e88984a7"
+  integrity sha512-QXRfSsCpCMDMxHYr4Ox7de/FOBasJBHvC4LMETR2XE/HApzpYd7V9WMGN5lrRSfbhee7MyFa9IOq/M9OLwqzHw==
   dependencies:
     "@rdfjs/data-model" "^2"
     "@rdfjs/namespace" "^2"
     "@rdfjs/types" "*"
     "@types/rdfjs__namespace" "^2.0.2"
-    "@zazuko/prefixes" "^2.0.1"
+    "@zazuko/prefixes" "^2.0.0"
 
 "@tpluscode/rdf-string@^0.2.27":
   version "0.2.27"
@@ -8501,7 +8616,7 @@
     "@tpluscode/rdf-ns-builders" "^2"
     "@zazuko/rdf-vocabularies" ">=2023.01.17"
 
-"@tpluscode/rdf-string@^1.0.1", "@tpluscode/rdf-string@^1.0.3":
+"@tpluscode/rdf-string@^1.0.1":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@tpluscode/rdf-string/-/rdf-string-1.0.3.tgz#343215494e866ab4ee9dd34f1f8c23c1331b1e1f"
   integrity sha512-h0PWqCGXvmT44T4Yqeje8hlCPzdMtcb3UD1SCPYgRtXOeo3IgKu/XczJ7oDAlkcO2DCxTFfzU7DnxYAVCKEYEg==
@@ -8521,6 +8636,18 @@
     "@zazuko/env" "^2.0.3"
     "@zazuko/prefixes" ">=1"
 
+"@tpluscode/rdf-string@^1.3.0", "@tpluscode/rdf-string@^1.3.1", "@tpluscode/rdf-string@^1.3.3":
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/@tpluscode/rdf-string/-/rdf-string-1.3.3.tgz#7bd989b4745240eb0fb8b140dceaf54715151b0d"
+  integrity sha512-BiBVkX3EVRApo6DNpXuq7Mh87tPX/3aD8m1tjxe4TT6piRrmwbIT/QRrlNdAjt5cAEBRwH8cp+GFTOb/X4Y8Ww==
+  dependencies:
+    "@rdfjs/data-model" "^2.0.0"
+    "@rdfjs/environment" "^1.0.0"
+    "@rdfjs/term-map" "^2.0.0"
+    "@rdfjs/types" "*"
+    "@tpluscode/rdf-ns-builders" ">=3"
+    "@zazuko/prefixes" ">=1"
+
 "@tpluscode/sparql-builder@^0.3.31":
   version "0.3.31"
   resolved "https://registry.yarnpkg.com/@tpluscode/sparql-builder/-/sparql-builder-0.3.31.tgz#4946c8b4e25b119ee2242b24cbb43847d12bf84d"
@@ -8534,18 +8661,17 @@
     "@types/sparql-http-client" "^2"
     debug "^4.1.1"
 
-"@tpluscode/sparql-builder@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@tpluscode/sparql-builder/-/sparql-builder-1.1.0.tgz#8d290ee4725d849dc7fb2f5c3fdfd0f429a82ae7"
-  integrity sha512-xrbKKezWwvv6bXHRlkzM7hhSJqnG63DwUT2jGqtJIOWaOPAFc1wDXXd9TiuLk/oGBX6J9oV4KzaNRoZCWob9eQ==
+"@tpluscode/sparql-builder@^2.0.3":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@tpluscode/sparql-builder/-/sparql-builder-2.0.4.tgz#417b335fde5a000450597149f4148ed6acd92250"
+  integrity sha512-Z6161k2dfpAoPvGVMbG1Mfm6tqHkAZI2vGKFerIXnBDVGYt54ytMMnuB+F1O9Wmvq4PEo4Bp25os5OFmSY1pdw==
   dependencies:
     "@rdfjs/data-model" "^2"
     "@rdfjs/term-set" "^2"
     "@rdfjs/types" "*"
-    "@tpluscode/rdf-ns-builders" ">=3.0.2"
-    "@tpluscode/rdf-string" "^1.0.3"
-    "@types/sparql-http-client" "^2"
-    anylogger "^1.0.11"
+    "@tpluscode/rdf-string" "^1.3.0"
+    "@types/sparql-http-client" "^3.0.0"
+    anylogger "^1.1.0-beta.5"
 
 "@tsconfig/node10@^1.0.7":
   version "1.0.11"
@@ -9580,7 +9706,7 @@
     "@types/mime" "*"
     "@types/node" "*"
 
-"@types/sparql-http-client@^2", "@types/sparql-http-client@^2.2.8":
+"@types/sparql-http-client@^2":
   version "2.2.8"
   resolved "https://registry.yarnpkg.com/@types/sparql-http-client/-/sparql-http-client-2.2.8.tgz#c7b12eea9dbda1f539d0b415ea67532ecbe3ec6a"
   integrity sha512-l6kcSp57s0K4kGEWqjGR/LEe/Fya11Kd5S9Ta8gfIiRyESmvvA8JePPaTnq4r0MT6FKvNMJ7/KS15B85Fxm5ng==
@@ -9594,6 +9720,21 @@
   dependencies:
     rdf-js "^4.0.2"
 
+"@types/sparql-http-client@^3", "@types/sparql-http-client@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/sparql-http-client/-/sparql-http-client-3.0.3.tgz#0b19416b29ce9f8f934f339ab8e3436c7ea3de78"
+  integrity sha512-/pbsdtF1VTRgjVGWqAKo8DXq/ULKJvhwnXnR1jfWSDFcvxC+MFxdkB4xOnwsJ6/6to4e3u0av0KY7EFlxW6c5Q==
+  dependencies:
+    "@rdfjs/types" ">=1.0.0"
+    "@types/rdfjs__environment" "*"
+
+"@types/sparqljs@^3.1.11":
+  version "3.1.11"
+  resolved "https://registry.yarnpkg.com/@types/sparqljs/-/sparqljs-3.1.11.tgz#c383f5751f5c9d8c58bad7907bf46451ab003bea"
+  integrity sha512-C6nWzeACV4owPvPvuFQU/m0MGiqhs8M56sm3okHOQz3DW593eZRU306xUIM/XvUIEPfc9Cn/AzaA1J5NpF1VpA==
+  dependencies:
+    "@rdfjs/types" ">=1.0.0"
+
 "@types/stack-utils@^2.0.0":
   version "2.0.1"
   resolved "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz"
@@ -10010,20 +10151,20 @@
     loupe "^2.3.7"
     pretty-format "^29.7.0"
 
-"@vocabulary/dash-sparql@^1.0.1":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@vocabulary/dash-sparql/-/dash-sparql-1.0.2.tgz#b26e3584007393f0ba4054b771a1ac3dddfb426b"
-  integrity sha512-ZIp/D8SEfjHNYY0en4ijvwawoWJLrMA2w0hUL3Okdp/PKQmEQXAN4SPl9oz+N0Aaj5RGhD9nPA2iEhmGuXqczg==
+"@vocabulary/dash-sparql@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@vocabulary/dash-sparql/-/dash-sparql-1.0.4.tgz#eb1744d356a8202939d635eee75a4fdc2fe2f6dc"
+  integrity sha512-NjSJzffH3EPN5g0oB8E4ujmpsWPHbQTQAJk3rroQsxopTjoGsTXsRuukKBfaZCqZ/plpEeebAgUo+nHf+T3J9w==
 
-"@vocabulary/dash@^1.0.1":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@vocabulary/dash/-/dash-1.0.2.tgz#9f84d2aa79d1edc35fc14a1451147ba54a3692ea"
-  integrity sha512-XAnAuhdj7FxaK+c/hlSV17lh0mcTbiD9qMfUwCt/Japr/pcer0fAKPoLEhFjPLQLfDAv2Ud63DO7NC2JKZm2tA==
+"@vocabulary/dash@^1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@vocabulary/dash/-/dash-1.0.4.tgz#f3398007b3240018d0d1f11e9f70df8dd5f0800e"
+  integrity sha512-4z0++iVAmN4bmLdO/7iHS5MW0g9NLxUVXsKtdPWgJYO+m27s7wbso2jCUB12MWWqpGBklH7Z1vXEXyJv61vZFg==
 
-"@vocabulary/sh@^1.1.3":
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/@vocabulary/sh/-/sh-1.1.4.tgz#55aa7efe732cb38cff43ab0e9315e443f65a8a9f"
-  integrity sha512-i8tNVIZHtusciU0oTAXVlD/vughLRIqHLt0c59099UiSiOHfRxE8iuiTHCWV9+a8RS/ftfZEyjDxHnmvjJgxBA==
+"@vocabulary/sh@^1.1.5":
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/@vocabulary/sh/-/sh-1.1.5.tgz#fc133a865968b536bcdbc843edccfda72e919da2"
+  integrity sha512-8R4uxHLpwmp6l6szZdCtfQx0wRy64OHuOsYTDfhCsbJ773Uv6nCM2bYBtjjirZHN+2m3uHQWgtWOdvuu1jwmOA==
 
 "@webassemblyjs/ast@1.11.6", "@webassemblyjs/ast@^1.11.5":
   version "1.11.6"
@@ -10200,15 +10341,15 @@
     "@types/emscripten" "^1.39.6"
     tslib "^1.13.0"
 
-"@zazuko/cube-hierarchy-query@^2.2.2":
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/@zazuko/cube-hierarchy-query/-/cube-hierarchy-query-2.2.2.tgz#bdd885e8bcc2c132979d5ea6d6d40ab32f7c6fb0"
-  integrity sha512-WN5C7AWwLandijMAFCt6uHmnZtdvI/AAEz9ATIL074gVXZ0MPeUvdjBROBcwsthzIcPwstqIW4ehQ9wyGGx4GA==
+"@zazuko/cube-hierarchy-query@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@zazuko/cube-hierarchy-query/-/cube-hierarchy-query-3.0.0.tgz#75d943fa8f5a7c223845ddc5c23c4bfd35035017"
+  integrity sha512-DtMhLD6T7u0k7lNwLB4XKjUsJNy+j1lUTZRUXg9/Do2GKWbWc+gqBD+XHsdKDO3whM9vv0JMxtsv6UIHTDPq1w==
   dependencies:
-    "@hydrofoil/shape-to-query" "^0.10.0"
-    "@tpluscode/sparql-builder" "^1.1.0"
-    "@types/sparql-http-client" "^2.2.8"
-    "@zazuko/env" "^2.0.3"
+    "@hydrofoil/shape-to-query" "^0.13.1"
+    "@tpluscode/sparql-builder" "^2.0.3"
+    "@types/sparql-http-client" "^3"
+    "@zazuko/env" "^2.2.1"
     "@zazuko/vocabulary-extras-builders" "^1.1.3"
     clownface-shacl-path "^2.1.0"
     is-graph-pointer "^2.1.0"
@@ -10221,6 +10362,13 @@
   dependencies:
     "@rdfjs/environment" "^1.0.0"
 
+"@zazuko/env-core@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@zazuko/env-core/-/env-core-1.1.2.tgz#7c9e9d426c556f33db05695b87bb936b07a37b1b"
+  integrity sha512-mnLG40utuT7jPBPLs6fJ0puhfagnXSj+S8t9+zUGs3YlrOq/7b2zr64Hi3p3etwDdApaQ0VgQuNIY9doaruS1Q==
+  dependencies:
+    "@rdfjs/environment" "^1.0.0"
+
 "@zazuko/env@^2.0.3", "@zazuko/env@^2.0.4":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@zazuko/env/-/env-2.0.6.tgz#c4586bbd8462e5fd445d609b4c78772828444468"
@@ -10240,6 +10388,25 @@
     get-stream "^8.0.1"
     rdf-dataset-ext "^1.1.0"
 
+"@zazuko/env@^2.2.0", "@zazuko/env@^2.2.1":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@zazuko/env/-/env-2.3.0.tgz#79950c1408d0017df93c763e739d0796fcea815c"
+  integrity sha512-KpQSR3Huvic78HrTLWbkcI/UqwLnhsQO7XhXQILoW+UYdrrlxqnhHEinSAP9UlOIyV7rqZdxnyp4FlFrClXM2g==
+  dependencies:
+    "@rdfjs/data-model" "^2.0.1"
+    "@rdfjs/dataset" "^2.0.1"
+    "@rdfjs/formats" "^4.0.0"
+    "@rdfjs/namespace" "^2.0.0"
+    "@rdfjs/term-map" "^2.0.0"
+    "@rdfjs/term-set" "^2.0.1"
+    "@rdfjs/traverser" "^0.1.2"
+    "@tpluscode/rdf-ns-builders" "^4.1.0"
+    "@zazuko/env-core" "^1.1.2"
+    "@zazuko/prefixes" "^2.1.0"
+    clownface "^2.0.2"
+    get-stream "^9.0.1"
+    rdf-dataset-ext "^1.1.0"
+
 "@zazuko/node-fetch@^2.6.6":
   version "2.6.6"
   resolved "https://registry.npmjs.org/@zazuko/node-fetch/-/node-fetch-2.6.6.tgz"
@@ -10553,10 +10720,10 @@ any-promise@^1.1.0:
   resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
   integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
 
-anylogger@^1.0.11:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/anylogger/-/anylogger-1.0.11.tgz#0ee55f294c6b921070dc29acd2ac9f1f35200625"
-  integrity sha512-sKTWPTG2/d71kLGVmymMJQQslUppxvCz6DN/eODL3/ckmfygZzD0t4P5tRXE3qpM62jI98F/YTHHzFhM12jiJQ==
+anylogger@^1.1.0-beta.5:
+  version "1.1.0-beta.5"
+  resolved "https://registry.yarnpkg.com/anylogger/-/anylogger-1.1.0-beta.5.tgz#9674b447a0985a0f988ad0d432ea4d03595f0c83"
+  integrity sha512-yqd502XssA9jZgF8OvEw9pCOI0yXBTebj9XP/CpddMcYizKfxnFOUVAQ8GB0XOuFTw3pPT3Jwz64A4UD26TZlA==
 
 anymatch@^3.0.3, anymatch@~3.1.1, anymatch@~3.1.2:
   version "3.1.2"
@@ -12186,15 +12353,6 @@ clone@~0.1.9:
   resolved "https://registry.npmjs.org/clone/-/clone-0.1.19.tgz"
   integrity sha1-YT+2hjmyaklKxTJT4Vsaa9iK2oU=
 
-clownface-shacl-path@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/clownface-shacl-path/-/clownface-shacl-path-2.0.1.tgz#84b7cee23c14ee0554c7cb023307395141eea1db"
-  integrity sha512-Srl+LfQE7ZXVW44iY5KPuY3TR4r1rq3nZ3/QmQ1u5MB3ONouCHeYJSKTk1x93QWaZH1UpZ6bLSI1/ehsYXMQ2A==
-  dependencies:
-    "@rdfjs/term-set" "^2.0.1"
-    "@tpluscode/rdf-ns-builders" ">=3.0.2"
-    "@tpluscode/rdf-string" "^1.0.1"
-
 clownface-shacl-path@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/clownface-shacl-path/-/clownface-shacl-path-2.1.0.tgz#911f4afeb29903826cf6d119f0ca23173b7cc495"
@@ -12204,6 +12362,15 @@ clownface-shacl-path@^2.1.0:
     "@tpluscode/rdf-ns-builders" ">=3.0.2"
     "@tpluscode/rdf-string" "^1.0.1"
 
+clownface-shacl-path@^2.2:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/clownface-shacl-path/-/clownface-shacl-path-2.2.0.tgz#f6bc0ce545dfbb99371403c08829f9e4124391b9"
+  integrity sha512-a/b0oMSwLY9g9XmMOHgzjritcXciEYlJl36Z08ATGwNBE1B2Ay+Y6pRAEVZqvuFEb4UgtchPXqAgBIwHNzi4Qw==
+  dependencies:
+    "@rdfjs/term-set" "^2.0.1"
+    "@tpluscode/rdf-ns-builders" ">=3.0.2"
+    "@tpluscode/rdf-string" "^1.3.1"
+
 clownface@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/clownface/-/clownface-1.5.1.tgz#5471f462aa8a5945ad878305b832361214424759"
@@ -15432,7 +15599,7 @@ fwd-stream@^1.0.4:
   dependencies:
     readable-stream "~1.0.26-4"
 
-gensync@^1.0.0-beta.2:
+gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
@@ -15557,6 +15724,14 @@ get-stream@^8.0.1:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-8.0.1.tgz#def9dfd71742cd7754a7761ed43749a27d02eca2"
   integrity sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==
 
+get-stream@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-9.0.1.tgz#95157d21df8eb90d1647102b63039b1df60ebd27"
+  integrity sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==
+  dependencies:
+    "@sec-ant/readable-stream" "^0.4.1"
+    is-stream "^4.0.1"
+
 get-symbol-description@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz#7fdb81c900101fbd564dd5f1a30af5aadc1e58d6"
@@ -17034,6 +17209,11 @@ is-stream@^3.0.0:
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-3.0.0.tgz#e6bfd7aa6bef69f4f472ce9bb681e3e57b4319ac"
   integrity sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==
 
+is-stream@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-4.0.1.tgz#375cf891e16d2e4baec250b85926cffc14720d9b"
+  integrity sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==
+
 is-string@^1.0.5, is-string@^1.0.6:
   version "1.0.6"
   resolved "https://registry.npmjs.org/is-string/-/is-string-1.0.6.tgz"
@@ -21204,6 +21384,13 @@ rdf-data-factory@^1.1.0:
   dependencies:
     "@rdfjs/types" "*"
 
+rdf-data-factory@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/rdf-data-factory/-/rdf-data-factory-1.1.2.tgz#d47550d2649d0d64f8cae3fcc9efae7a8a895d9a"
+  integrity sha512-TfQD63Lokabd09ES1jAtKK8AA6rkr9rwyUBGo6olOt1CE0Um36CUQIqytyf0am2ouBPR0l7SaHxCiMcPGHkt1A==
+  dependencies:
+    "@rdfjs/types" "*"
+
 rdf-dataset-ext@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/rdf-dataset-ext/-/rdf-dataset-ext-1.1.0.tgz#bb796bdf50220ced78561ca32ac0eac0b962c723"
@@ -21230,10 +21417,10 @@ rdf-js@^4.0.2:
   dependencies:
     "@rdfjs/types" "*"
 
-rdf-literal@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/rdf-literal/-/rdf-literal-1.3.1.tgz#07db05d4a92e1b8b3dd491a4499648872c6d96ee"
-  integrity sha512-+o/PGOfJchyay9Rjrvi/oveRJACnt2WFO3LhEvtPlsRD1tFmwVUCMU+s33FtQprMo+z1ohFrv/yfEQ6Eym4KgQ==
+rdf-literal@^1.3.2:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/rdf-literal/-/rdf-literal-1.3.2.tgz#6f1bd103bcd0be72a3d969115a6343a53c526eb2"
+  integrity sha512-79Stlu3sXy0kq9/decHFLf3xNPuY6sfhFPhd/diWErgaFr0Ekyg38Vh9bnVcqDYu48CFRi0t+hrFii49n92Hbw==
   dependencies:
     "@rdfjs/types" "*"
     rdf-data-factory "^1.1.0"
@@ -21514,6 +21701,11 @@ react-transition-group@^4.4.2:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
+react-virtualized-auto-sizer@^1.0.24:
+  version "1.0.24"
+  resolved "https://registry.yarnpkg.com/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.24.tgz#3ebdc92f4b05ad65693b3cc8e7d8dd54924c0227"
+  integrity sha512-3kCn7N9NEb3FlvJrSHWGQ4iVl+ydQObq2fHMn12i5wbtm74zHOPhz/i64OL3c1S1vi9i2GXtZqNqUJTQ+BnNfg==
+
 react-window@^1.8.10:
   version "1.8.10"
   resolved "https://registry.yarnpkg.com/react-window/-/react-window-1.8.10.tgz#9e6b08548316814b443f7002b1cf8fd3a1bdde03"
@@ -22050,7 +22242,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.0.tgz"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
-resolve@1.22.8, resolve@^1.14.2, resolve@^1.22.8:
+resolve@1.22.8, resolve@^1.14.2, resolve@^1.22.8, resolve@^1.3.2:
   version "1.22.8"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -22398,6 +22590,11 @@ semver@7.x, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
   dependencies:
     lru-cache "^6.0.0"
 
+semver@^5.4.1:
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
 semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz"
@@ -22879,6 +23076,13 @@ sparql-http-client@^2.4.1:
     readable-stream "^3.5.0"
     separate-stream "^1.0.0"
 
+sparqljs@^3.6.1:
+  version "3.7.3"
+  resolved "https://registry.yarnpkg.com/sparqljs/-/sparqljs-3.7.3.tgz#075821d51ef4954284e36569503fe5558cfb71b0"
+  integrity sha512-FQfHUhfwn5PD9WH6xPU7DhFfXMgqK/XoDrYDVxz/grhw66Il0OjRg3JBgwuEvwHnQt7oSTiKWEiCZCPNaUbqgg==
+  dependencies:
+    rdf-data-factory "^1.1.2"
+
 spdx-correct@^3.0.0:
   version "3.1.1"
   resolved "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz"
@@ -23958,6 +24162,11 @@ ts-pattern@4:
   resolved "https://registry.yarnpkg.com/ts-pattern/-/ts-pattern-4.3.0.tgz#7a995b39342f1b00d1507c2d2f3b90ea16e178a6"
   integrity sha512-pefrkcd4lmIVR0LA49Imjf9DYLK8vtWhqBPA3Ya1ir8xCW0O2yjL9dsCVvI7pCodLC5q7smNpEtDR2yVulQxOg==
 
+ts-pattern@^5.2.0:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/ts-pattern/-/ts-pattern-5.3.1.tgz#ec098665841b1e6a7f7cb2c01bb270b79a2e2858"
+  integrity sha512-1RUMKa8jYQdNfmnK4jyzBK3/PS/tnjcZ1CW0v1vWDeYe5RBklc/nquw03MEoB66hVBm4BnlCfmOqDVxHyT1DpA==
+
 ts-pnp@^1.1.6:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"

From abf411b6bc0f76faa8d11675eb058713bd060a9e Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 10:42:10 +0200
Subject: [PATCH 07/11] feat: Improve Table's behavior in free canvas layout

---
 app/charts/shared/containers.tsx |  1 +
 app/charts/table/chart-table.tsx |  5 ++-
 app/charts/table/table.tsx       | 53 +++++++++++++++++---------------
 3 files changed, 34 insertions(+), 25 deletions(-)

diff --git a/app/charts/shared/containers.tsx b/app/charts/shared/containers.tsx
index 416361caf..e08507b92 100644
--- a/app/charts/shared/containers.tsx
+++ b/app/charts/shared/containers.tsx
@@ -15,6 +15,7 @@ import { useTransitionStore } from "@/stores/transition";
 
 export const useStyles = makeStyles<{}, {}, "chartContainer">(() => ({
   chartContainer: {
+    overflow: "hidden",
     position: "relative",
     width: "100%",
     flexGrow: 1,
diff --git a/app/charts/table/chart-table.tsx b/app/charts/table/chart-table.tsx
index 3f16bd132..d52ce3cdb 100644
--- a/app/charts/table/chart-table.tsx
+++ b/app/charts/table/chart-table.tsx
@@ -1,6 +1,7 @@
 import { memo } from "react";
 
 import { ChartDataWrapper } from "@/charts/chart-data-wrapper";
+import { ChartContainer } from "@/charts/shared/containers";
 import { Table } from "@/charts/table/table";
 import { TableChart } from "@/charts/table/table-state";
 import { TableConfig } from "@/configurator";
@@ -28,7 +29,9 @@ export const ChartTableVisualization = (
 const ChartTable = memo(function ChartTable(props: ChartProps<TableConfig>) {
   return (
     <TableChart {...props}>
-      <Table />
+      <ChartContainer>
+        <Table />
+      </ChartContainer>
     </TableChart>
   );
 });
diff --git a/app/charts/table/table.tsx b/app/charts/table/table.tsx
index 5062f00e5..1686de99a 100644
--- a/app/charts/table/table.tsx
+++ b/app/charts/table/table.tsx
@@ -10,18 +10,17 @@ import {
   useSortBy,
   useTable,
 } from "react-table";
+import AutoSizer from "react-virtualized-auto-sizer";
 import { FixedSizeList, VariableSizeList } from "react-window";
 
 import { useChartState } from "@/charts/shared/chart-state";
 import { CellDesktop } from "@/charts/table/cell-desktop";
 import { DDContent } from "@/charts/table/cell-mobile";
-import { TABLE_HEIGHT } from "@/charts/table/constants";
 import { GroupHeader } from "@/charts/table/group-header";
 import {
   TableContent,
   TableContentProvider,
 } from "@/charts/table/table-content";
-import { scrollbarWidth } from "@/charts/table/table-helpers";
 import { TableChartState } from "@/charts/table/table-state";
 import Flex from "@/components/flex";
 import { Input, Switch } from "@/components/form";
@@ -305,21 +304,26 @@ export const Table = () => {
         <Box
           sx={{
             width: "100%",
+            height: "100%",
             position: "relative",
             backgroundColor: "grey.100",
             mb: 4,
             fontSize: "0.875rem",
           }}
         >
-          <VariableSizeList
-            key={rows.length} // Reset when groups are toggled because itemSize remains cached per index
-            height={TABLE_HEIGHT}
-            itemCount={rows.length}
-            itemSize={getMobileItemSize}
-            width={bounds.width}
-          >
-            {renderMobileRow}
-          </VariableSizeList>
+          <AutoSizer disableWidth>
+            {({ height }) => (
+              <VariableSizeList
+                key={rows.length} // Reset when groups are toggled because itemSize remains cached per index
+                height={height}
+                itemCount={rows.length}
+                itemSize={getMobileItemSize}
+                width={bounds.width}
+              >
+                {renderMobileRow}
+              </VariableSizeList>
+            )}
+          </AutoSizer>
         </Box>
       ) : (
         /* Regular table view */
@@ -330,27 +334,28 @@ export const Table = () => {
             mb: 4,
             fontSize: "0.875rem",
           }}
-          {...getTableProps({ style: { minWidth: "100%" } })}
+          {...getTableProps({ style: { minWidth: "100%", height: "100%" } })}
         >
-          <div {...getTableBodyProps()}>
+          <div {...getTableBodyProps()} style={{ height: "100%" }}>
             <TableContentProvider
               headerGroups={headerGroups}
               tableColumnsMeta={tableColumnsMeta}
               customSortCount={customSortCount}
               totalColumnsWidth={totalColumnsWidth}
             >
-              <FixedSizeList
-                outerElementType={TableContentWrapper}
-                height={Math.min(
-                  TABLE_HEIGHT,
-                  rows.length * rowHeight + scrollbarWidth()
+              <AutoSizer disableWidth>
+                {({ height }) => (
+                  <FixedSizeList
+                    outerElementType={TableContentWrapper}
+                    height={height}
+                    itemCount={rows.length}
+                    itemSize={rowHeight} // depends on whether a column has bars (40px or 56px)
+                    width="100%"
+                  >
+                    {renderDesktopRow}
+                  </FixedSizeList>
                 )}
-                itemCount={rows.length}
-                itemSize={rowHeight} // depends on whether a column has bars (40px or 56px)
-                width="100%"
-              >
-                {renderDesktopRow}
-              </FixedSizeList>
+              </AutoSizer>
             </TableContentProvider>
           </div>
         </Box>

From c41935dfac1b160eb0a20d5be5fc6a2b606ecf3c Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 10:44:10 +0200
Subject: [PATCH 08/11] chore: yarn.lock

---
 yarn.lock | 247 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 137 insertions(+), 110 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 67e6743ce..004c7a11e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -229,43 +229,26 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.7.tgz#d23bbea508c3883ba8251fb4164982c36ea577ed"
   integrity sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==
 
-"@babel/core@7.12.9":
-  version "7.12.9"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8"
-  integrity sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/generator" "^7.12.5"
-    "@babel/helper-module-transforms" "^7.12.1"
-    "@babel/helpers" "^7.12.5"
-    "@babel/parser" "^7.12.7"
-    "@babel/template" "^7.12.7"
-    "@babel/traverse" "^7.12.9"
-    "@babel/types" "^7.12.7"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    gensync "^1.0.0-beta.1"
-    json5 "^2.1.2"
-    lodash "^4.17.19"
-    resolve "^1.3.2"
-    semver "^5.4.1"
-    source-map "^0.5.0"
+"@babel/compat-data@^7.25.2":
+  version "7.25.4"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.25.4.tgz#7d2a80ce229890edcf4cc259d4d696cb4dae2fcb"
+  integrity sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==
 
-"@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.10.5", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.12.9", "@babel/core@^7.18.9", "@babel/core@^7.21.0", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.24.4", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.7.7":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.7.tgz#b676450141e0b52a3d43bc91da86aa608f950ac4"
-  integrity sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==
+"@babel/core@7.12.9", "@babel/core@^7.0.0", "@babel/core@^7.1.0", "@babel/core@^7.10.5", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.12.9", "@babel/core@^7.14.6", "@babel/core@^7.18.9", "@babel/core@^7.21.0", "@babel/core@^7.23.0", "@babel/core@^7.23.2", "@babel/core@^7.24.4", "@babel/core@^7.7.2", "@babel/core@^7.7.5", "@babel/core@^7.7.7":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.25.2.tgz#ed8eec275118d7613e77a352894cd12ded8eba77"
+  integrity sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.24.7"
-    "@babel/helper-compilation-targets" "^7.24.7"
-    "@babel/helper-module-transforms" "^7.24.7"
-    "@babel/helpers" "^7.24.7"
-    "@babel/parser" "^7.24.7"
-    "@babel/template" "^7.24.7"
-    "@babel/traverse" "^7.24.7"
-    "@babel/types" "^7.24.7"
+    "@babel/generator" "^7.25.0"
+    "@babel/helper-compilation-targets" "^7.25.2"
+    "@babel/helper-module-transforms" "^7.25.2"
+    "@babel/helpers" "^7.25.0"
+    "@babel/parser" "^7.25.0"
+    "@babel/template" "^7.25.0"
+    "@babel/traverse" "^7.25.2"
+    "@babel/types" "^7.25.2"
     convert-source-map "^2.0.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
@@ -281,16 +264,6 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.12.5", "@babel/generator@^7.25.6":
-  version "7.25.6"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.6.tgz#0df1ad8cb32fe4d2b01d8bf437f153d19342a87c"
-  integrity sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==
-  dependencies:
-    "@babel/types" "^7.25.6"
-    "@jridgewell/gen-mapping" "^0.3.5"
-    "@jridgewell/trace-mapping" "^0.3.25"
-    jsesc "^2.5.1"
-
 "@babel/generator@^7.20.14":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420"
@@ -331,6 +304,16 @@
     "@jridgewell/trace-mapping" "^0.3.25"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.25.0", "@babel/generator@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.25.6.tgz#0df1ad8cb32fe4d2b01d8bf437f153d19342a87c"
+  integrity sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==
+  dependencies:
+    "@babel/types" "^7.25.6"
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.25"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.14.5":
   version "7.14.5"
   resolved "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.14.5.tgz"
@@ -384,6 +367,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
+"@babel/helper-compilation-targets@^7.25.2":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.2.tgz#e1d9410a90974a3a5a66e84ff55ef62e3c02d06c"
+  integrity sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==
+  dependencies:
+    "@babel/compat-data" "^7.25.2"
+    "@babel/helper-validator-option" "^7.24.8"
+    browserslist "^4.23.1"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-create-class-features-plugin@^7.14.5":
   version "7.14.6"
   resolved "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.14.6.tgz"
@@ -590,16 +584,6 @@
     "@babel/traverse" "^7.24.7"
     "@babel/types" "^7.24.7"
 
-"@babel/helper-module-transforms@^7.12.1":
-  version "7.25.2"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6"
-  integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.24.7"
-    "@babel/helper-simple-access" "^7.24.7"
-    "@babel/helper-validator-identifier" "^7.24.7"
-    "@babel/traverse" "^7.25.2"
-
 "@babel/helper-module-transforms@^7.14.5":
   version "7.15.8"
   resolved "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.15.8.tgz"
@@ -636,6 +620,16 @@
     "@babel/helper-split-export-declaration" "^7.24.7"
     "@babel/helper-validator-identifier" "^7.24.7"
 
+"@babel/helper-module-transforms@^7.25.2":
+  version "7.25.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz#ee713c29768100f2776edf04d4eb23b8d27a66e6"
+  integrity sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.24.7"
+    "@babel/helper-simple-access" "^7.24.7"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    "@babel/traverse" "^7.25.2"
+
 "@babel/helper-optimise-call-expression@^7.14.5", "@babel/helper-optimise-call-expression@^7.15.4":
   version "7.15.4"
   resolved "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.15.4.tgz"
@@ -861,6 +855,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz#24c3bb77c7a425d1742eec8fb433b5a1b38e62f6"
   integrity sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==
 
+"@babel/helper-validator-option@^7.24.8":
+  version "7.24.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz#3725cdeea8b480e86d34df15304806a06975e33d"
+  integrity sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==
+
 "@babel/helper-wrap-function@^7.22.20":
   version "7.22.20"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569"
@@ -870,14 +869,6 @@
     "@babel/template" "^7.22.15"
     "@babel/types" "^7.22.19"
 
-"@babel/helpers@^7.12.5":
-  version "7.25.6"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.25.6.tgz#57ee60141829ba2e102f30711ffe3afab357cc60"
-  integrity sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==
-  dependencies:
-    "@babel/template" "^7.25.0"
-    "@babel/types" "^7.25.6"
-
 "@babel/helpers@^7.24.7":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.7.tgz#aa2ccda29f62185acb5d42fb4a3a1b1082107416"
@@ -886,6 +877,14 @@
     "@babel/template" "^7.24.7"
     "@babel/types" "^7.24.7"
 
+"@babel/helpers@^7.25.0":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.25.6.tgz#57ee60141829ba2e102f30711ffe3afab357cc60"
+  integrity sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==
+  dependencies:
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.6"
+
 "@babel/highlight@^7.10.4":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -942,17 +941,7 @@
     js-tokens "^4.0.0"
     picocolors "^1.0.0"
 
-"@babel/parser@7.12.16":
-  version "7.12.16"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.16.tgz#cc31257419d2c3189d394081635703f549fc1ed4"
-  integrity sha512-c/+u9cqV6F0+4Hpq01jnJO+GLp2DdT63ppz9Xa+6cHaajM9VFzK/iDXiKK65YtpeVwu+ctfS6iqlMqRgQRzeCw==
-
-"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.14.7", "@babel/parser@^7.15.4", "@babel/parser@^7.20.15", "@babel/parser@^7.20.7", "@babel/parser@^7.21.2", "@babel/parser@^7.21.4", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0", "@babel/parser@^7.24.0", "@babel/parser@^7.24.4", "@babel/parser@^7.24.5", "@babel/parser@^7.24.7", "@babel/parser@^7.7.2":
-  version "7.24.7"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.7.tgz#9a5226f92f0c5c8ead550b750f5608e766c8ce85"
-  integrity sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==
-
-"@babel/parser@^7.12.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.6":
+"@babel/parser@7.12.16", "@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.12.13", "@babel/parser@^7.14.6", "@babel/parser@^7.14.7", "@babel/parser@^7.15.4", "@babel/parser@^7.20.15", "@babel/parser@^7.20.7", "@babel/parser@^7.21.2", "@babel/parser@^7.21.4", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0", "@babel/parser@^7.24.0", "@babel/parser@^7.24.4", "@babel/parser@^7.24.5", "@babel/parser@^7.24.7", "@babel/parser@^7.25.0", "@babel/parser@^7.25.6", "@babel/parser@^7.7.2":
   version "7.25.6"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.6.tgz#85660c5ef388cbbf6e3d2a694ee97a38f18afe2f"
   integrity sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==
@@ -2612,15 +2601,6 @@
   resolved "https://registry.npmjs.org/@babel/standalone/-/standalone-7.14.6.tgz"
   integrity sha512-oAoSp82jhJFnXKybKTOj5QF04XxiDRyiiqrFToiU1udlBXuZoADlPmmnOcuqBrZxSNNUjzJIVK8vt838Qoqjxg==
 
-"@babel/template@^7.12.7", "@babel/template@^7.25.0":
-  version "7.25.0"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
-  integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/parser" "^7.25.0"
-    "@babel/types" "^7.25.0"
-
 "@babel/template@^7.15.4", "@babel/template@^7.3.3":
   version "7.15.4"
   resolved "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz"
@@ -2657,6 +2637,15 @@
     "@babel/parser" "^7.24.7"
     "@babel/types" "^7.24.7"
 
+"@babel/template@^7.25.0":
+  version "7.25.0"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.25.0.tgz#e733dc3134b4fede528c15bc95e89cb98c52592a"
+  integrity sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/parser" "^7.25.0"
+    "@babel/types" "^7.25.0"
+
 "@babel/traverse@7.12.13":
   version "7.12.13"
   resolved "https://registry.npmjs.org/@babel/traverse/-/traverse-7.12.13.tgz"
@@ -2687,19 +2676,6 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/traverse@^7.12.9", "@babel/traverse@^7.25.2":
-  version "7.25.6"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.6.tgz#04fad980e444f182ecf1520504941940a90fea41"
-  integrity sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==
-  dependencies:
-    "@babel/code-frame" "^7.24.7"
-    "@babel/generator" "^7.25.6"
-    "@babel/parser" "^7.25.6"
-    "@babel/template" "^7.25.0"
-    "@babel/types" "^7.25.6"
-    debug "^4.3.1"
-    globals "^11.1.0"
-
 "@babel/traverse@^7.18.9", "@babel/traverse@^7.23.2":
   version "7.24.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.0.tgz#4a408fbf364ff73135c714a2ab46a5eab2831b1e"
@@ -2748,6 +2724,19 @@
     debug "^4.3.1"
     globals "^11.1.0"
 
+"@babel/traverse@^7.25.2":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.25.6.tgz#04fad980e444f182ecf1520504941940a90fea41"
+  integrity sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==
+  dependencies:
+    "@babel/code-frame" "^7.24.7"
+    "@babel/generator" "^7.25.6"
+    "@babel/parser" "^7.25.6"
+    "@babel/template" "^7.25.0"
+    "@babel/types" "^7.25.6"
+    debug "^4.3.1"
+    globals "^11.1.0"
+
 "@babel/types@7.12.13":
   version "7.12.13"
   resolved "https://registry.npmjs.org/@babel/types/-/types-7.12.13.tgz"
@@ -2765,15 +2754,6 @@
     "@babel/helper-validator-identifier" "^7.14.9"
     to-fast-properties "^2.0.0"
 
-"@babel/types@^7.12.7", "@babel/types@^7.25.0", "@babel/types@^7.25.6":
-  version "7.25.6"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.6.tgz#893942ddb858f32ae7a004ec9d3a76b3463ef8e6"
-  integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
-  dependencies:
-    "@babel/helper-string-parser" "^7.24.8"
-    "@babel/helper-validator-identifier" "^7.24.7"
-    to-fast-properties "^2.0.0"
-
 "@babel/types@^7.16.7":
   version "7.17.0"
   resolved "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz"
@@ -2845,6 +2825,15 @@
     "@babel/helper-validator-identifier" "^7.24.7"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.25.0", "@babel/types@^7.25.2", "@babel/types@^7.25.6":
+  version "7.25.6"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.6.tgz#893942ddb858f32ae7a004ec9d3a76b3463ef8e6"
+  integrity sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==
+  dependencies:
+    "@babel/helper-string-parser" "^7.24.8"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    to-fast-properties "^2.0.0"
+
 "@base2/pretty-print-object@1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@base2/pretty-print-object/-/pretty-print-object-1.0.1.tgz#371ba8be66d556812dc7fb169ebc3c08378f69d4"
@@ -11689,6 +11678,16 @@ browserslist@^4.22.2:
     node-releases "^2.0.14"
     update-browserslist-db "^1.0.13"
 
+browserslist@^4.23.1:
+  version "4.23.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.3.tgz#debb029d3c93ebc97ffbc8d9cbb03403e227c800"
+  integrity sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==
+  dependencies:
+    caniuse-lite "^1.0.30001646"
+    electron-to-chromium "^1.5.4"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.0"
+
 bs-logger@0.x:
   version "0.2.6"
   resolved "https://registry.npmjs.org/bs-logger/-/bs-logger-0.2.6.tgz"
@@ -11904,6 +11903,11 @@ caniuse-lite@^1.0.30001587:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz#8be94a8c1d679de23b22fbd944232aa1321639e6"
   integrity sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==
 
+caniuse-lite@^1.0.30001646:
+  version "1.0.30001660"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001660.tgz#31218de3463fabb44d0b7607b652e56edf2e2355"
+  integrity sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==
+
 canonicalize@^1.0.1:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/canonicalize/-/canonicalize-1.0.8.tgz#24d1f1a00ed202faafd9bf8e63352cd4450c6df1"
@@ -14096,6 +14100,11 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.699.tgz#dd53c939e13da64e94b341e563f0a3011b4ef0e9"
   integrity sha512-I7q3BbQi6e4tJJN5CRcyvxhK0iJb34TV8eJQcgh+fR2fQ8miMgZcEInckCo1U9exDHbfz7DLDnFn8oqH/VcRKw==
 
+electron-to-chromium@^1.5.4:
+  version "1.5.18"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.18.tgz#5fe62b9d21efbcfa26571066502d94f3ed97e495"
+  integrity sha512-1OfuVACu+zKlmjsNdcJuVQuVE61sZOLbNM4JAQ1Rvh6EOj0/EUKhMJjRH73InPlXSh8HIJk1cVZ8pyOV/FMdUQ==
+
 elegant-spinner@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/elegant-spinner/-/elegant-spinner-1.0.1.tgz"
@@ -14484,6 +14493,11 @@ escalade@^3.1.1:
   resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escalade@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -15599,7 +15613,7 @@ fwd-stream@^1.0.4:
   dependencies:
     readable-stream "~1.0.26-4"
 
-gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
+gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
@@ -19753,6 +19767,11 @@ node-releases@^2.0.14:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
   integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
 
+node-releases@^2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
+  integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
+
 node-source-walk@^4.0.0, node-source-walk@^4.2.0, node-source-walk@^4.2.2:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/node-source-walk/-/node-source-walk-4.3.0.tgz#8336b56cfed23ac5180fe98f1e3bb6b11fd5317c"
@@ -20568,6 +20587,11 @@ picocolors@^1.0.0:
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
+picocolors@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
+  integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
+
 picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3:
   version "2.3.0"
   resolved "https://registry.npmjs.org/picomatch/-/picomatch-2.3.0.tgz"
@@ -22242,7 +22266,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.0.tgz"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
-resolve@1.22.8, resolve@^1.14.2, resolve@^1.22.8, resolve@^1.3.2:
+resolve@1.22.8, resolve@^1.14.2, resolve@^1.22.8:
   version "1.22.8"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -22590,11 +22614,6 @@ semver@7.x, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
   dependencies:
     lru-cache "^6.0.0"
 
-semver@^5.4.1:
-  version "5.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
-  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
-
 semver@^6.0.0, semver@^6.2.0, semver@^6.3.0:
   version "6.3.0"
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz"
@@ -24650,6 +24669,14 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+update-browserslist-db@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"
+  integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==
+  dependencies:
+    escalade "^3.1.2"
+    picocolors "^1.0.1"
+
 upper-case-first@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz"

From ff5ad9e13b8fd15be52c22d76372a532027b3791 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 10:56:30 +0200
Subject: [PATCH 09/11] fix: Type

---
 app/charts/table/table.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/charts/table/table.tsx b/app/charts/table/table.tsx
index 1686de99a..96daa26e2 100644
--- a/app/charts/table/table.tsx
+++ b/app/charts/table/table.tsx
@@ -312,7 +312,7 @@ export const Table = () => {
           }}
         >
           <AutoSizer disableWidth>
-            {({ height }) => (
+            {({ height }: { height: number }) => (
               <VariableSizeList
                 key={rows.length} // Reset when groups are toggled because itemSize remains cached per index
                 height={height}
@@ -344,7 +344,7 @@ export const Table = () => {
               totalColumnsWidth={totalColumnsWidth}
             >
               <AutoSizer disableWidth>
-                {({ height }) => (
+                {({ height }: { height: number }) => (
                   <FixedSizeList
                     outerElementType={TableContentWrapper}
                     height={height}

From 763f68e8b258c55f46cc085be5c6987a6deb698a Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 12:18:38 +0200
Subject: [PATCH 10/11] fix: Do not initialize height when not layouting

---
 app/components/react-grid.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/components/react-grid.tsx b/app/components/react-grid.tsx
index 3d651c933..6bbb2e456 100644
--- a/app/components/react-grid.tsx
+++ b/app/components/react-grid.tsx
@@ -11,7 +11,9 @@ import { match } from "ts-pattern";
 
 import { useStyles as useChartContainerStyles } from "@/charts/shared/containers";
 import { getChartWrapperId } from "@/components/chart-panel";
+import { hasChartConfigs, isLayouting } from "@/configurator";
 import { useTimeout } from "@/hooks/use-timeout";
+import { useConfiguratorState } from "@/src";
 
 const ResponsiveReactGridLayout = WidthProvider(Responsive);
 
@@ -210,6 +212,8 @@ export const ChartGridLayout = ({
   resize?: boolean;
 } & ComponentProps<typeof ResponsiveReactGridLayout>) => {
   const classes = useStyles();
+  const [state] = useConfiguratorState(hasChartConfigs);
+  const allowHeightInitialization = isLayouting(state);
   const [mounted, setMounted] = useState(false);
   const mountedForSomeTime = useTimeout(500, mounted);
   const chartContainerClasses = useChartContainerStyles();
@@ -237,7 +241,7 @@ export const ChartGridLayout = ({
   }, []);
 
   useEffect(() => {
-    if (!mountedForSomeTime) {
+    if (!mountedForSomeTime || !allowHeightInitialization) {
       return;
     }
 
@@ -279,6 +283,7 @@ export const ChartGridLayout = ({
       setEnhancedLayouts(newLayouts);
     }
   }, [
+    allowHeightInitialization,
     chartContainerClasses.chartContainer,
     enhancedLayouts,
     mountedForSomeTime,

From 48a3cfa3b22015a6d561a1cbd9fd6bc0f5160c93 Mon Sep 17 00:00:00 2001
From: Bartosz Prusinowski <bartosz@interactivethings.com>
Date: Tue, 10 Sep 2024 15:08:44 +0200
Subject: [PATCH 11/11] chore: Update translations

---
 app/configurator/components/field-i18n.ts | 5 ++++-
 app/locales/de/messages.po                | 9 ++++-----
 app/locales/en/messages.po                | 5 ++---
 app/locales/fr/messages.po                | 1 -
 app/locales/it/messages.po                | 3 +--
 5 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/app/configurator/components/field-i18n.ts b/app/configurator/components/field-i18n.ts
index e3282a96d..0716dbc99 100644
--- a/app/configurator/components/field-i18n.ts
+++ b/app/configurator/components/field-i18n.ts
@@ -28,7 +28,10 @@ const fieldLabels = {
     id: "controls.description",
     message: "Description",
   }),
-  "controls.label": defineMessage({ id: "controls.label", message: "Label" }),
+  "controls.label": defineMessage({
+    id: "controls.label",
+    message: "Tab label",
+  }),
   "controls.column.stacked": defineMessage({
     id: "controls.column.stacked",
     message: "Stacked",
diff --git a/app/locales/de/messages.po b/app/locales/de/messages.po
index ce7a52a11..9bce24c5b 100644
--- a/app/locales/de/messages.po
+++ b/app/locales/de/messages.po
@@ -202,7 +202,7 @@ msgstr "Fügen Sie ein Diagramm basierend auf demselben Datensatz hinzu"
 
 #: app/components/chart-selection-tabs.tsx
 msgid "chart-selection-tabs.no-label"
-msgstr "Ohne Titel"
+msgstr ""
 
 #: app/configurator/components/dataset-control-section.tsx
 msgid "chart.datasets.add"
@@ -301,7 +301,6 @@ msgstr "Animation"
 msgid "controls.annotator.add-description-warning"
 msgstr "Fügen Sie eine Beschreibung hinzu"
 
-#: app/configurator/components/annotators.tsx
 #: app/configurator/components/annotators.tsx
 msgid "controls.annotator.add-tab-label-warning"
 msgstr "Please add a tab label"
@@ -1375,7 +1374,7 @@ msgstr "Löschen"
 
 #: app/login/components/profile-tables.tsx
 msgid "login.chart.delete-draft.confirmation"
-msgstr ""
+msgstr "Möchten Sie diesen Entwurf wirklich löschen?"
 
 #: app/login/components/profile-tables.tsx
 msgid "login.chart.delete.confirmation"
@@ -1416,7 +1415,7 @@ msgstr "Sind Sie sicher, dass Sie diese Aktion durchführen wollen?"
 
 #: app/login/components/profile-tables.tsx
 msgid "login.profile.chart.delete-draft.warning"
-msgstr ""
+msgstr "Diese Aktion kann nicht rückgängig gemacht werden."
 
 #: app/login/components/profile-tables.tsx
 msgid "login.profile.chart.delete.warning"
@@ -1430,7 +1429,7 @@ msgstr "Übersicht"
 #: app/login/components/profile-content-tabs.tsx
 #: app/login/components/profile-content-tabs.tsx
 msgid "login.profile.my-drafts"
-msgstr "Meine Entwürfe"
+msgstr "Entwürfe"
 
 #: app/login/components/profile-content-tabs.tsx
 #: app/login/components/profile-content-tabs.tsx
diff --git a/app/locales/en/messages.po b/app/locales/en/messages.po
index f79f07835..4ca0f5b5f 100644
--- a/app/locales/en/messages.po
+++ b/app/locales/en/messages.po
@@ -301,7 +301,6 @@ msgstr "Animation"
 msgid "controls.annotator.add-description-warning"
 msgstr "Please add a description"
 
-#: app/configurator/components/annotators.tsx
 #: app/configurator/components/annotators.tsx
 msgid "controls.annotator.add-tab-label-warning"
 msgstr "Please add a tab label"
@@ -601,7 +600,7 @@ msgstr "Zeros"
 
 #: app/configurator/components/field-i18n.ts
 msgid "controls.label"
-msgstr "Label"
+msgstr "Tab label"
 
 #: app/components/rename-dialog.tsx
 #: app/configurator/components/field-i18n.ts
@@ -1430,7 +1429,7 @@ msgstr "Home"
 #: app/login/components/profile-content-tabs.tsx
 #: app/login/components/profile-content-tabs.tsx
 msgid "login.profile.my-drafts"
-msgstr "My drafts"
+msgstr "Drafts"
 
 #: app/login/components/profile-content-tabs.tsx
 #: app/login/components/profile-content-tabs.tsx
diff --git a/app/locales/fr/messages.po b/app/locales/fr/messages.po
index cb24f1a78..d598141da 100644
--- a/app/locales/fr/messages.po
+++ b/app/locales/fr/messages.po
@@ -301,7 +301,6 @@ msgstr "Animation"
 msgid "controls.annotator.add-description-warning"
 msgstr "Ajoutez une description au graphique"
 
-#: app/configurator/components/annotators.tsx
 #: app/configurator/components/annotators.tsx
 msgid "controls.annotator.add-tab-label-warning"
 msgstr "Veuillez ajouter une étiquette d'onglet"
diff --git a/app/locales/it/messages.po b/app/locales/it/messages.po
index d5af9ba74..174a9fd76 100644
--- a/app/locales/it/messages.po
+++ b/app/locales/it/messages.po
@@ -301,10 +301,9 @@ msgstr "Animazione"
 msgid "controls.annotator.add-description-warning"
 msgstr "Aggiungi una descrizione"
 
-#: app/configurator/components/annotators.tsx
 #: app/configurator/components/annotators.tsx
 msgid "controls.annotator.add-tab-label-warning"
-msgstr "Please add a tab label"
+msgstr "Aggiungi un'etichetta di scheda"
 
 #: app/configurator/components/annotators.tsx
 #: app/configurator/components/annotators.tsx