Return fallback for previous data format

datalens-tech · Dec 10, 2024 · cf76b9b · cf76b9b
1 parent dc34e2b
commit cf76b9b
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 4 deletions.
diff --git a/src/shared/types/dash.ts b/src/shared/types/dash.ts
@@ -120,6 +120,7 @@ export type DashTabItem =
     | DashTabItemImage;
 
 type BackgroundSettings = {
+    enabled?: boolean;
     color: string;
 };
 

diff --git a/src/ui/components/DashKit/plugins/Image/Image.tsx b/src/ui/components/DashKit/plugins/Image/Image.tsx
@@ -32,7 +32,9 @@ function PluginImage(props: Props, _ref?: React.LegacyRef<HTMLDivElement>) {
         w: null,
     };
     const backgroundEnabled = Boolean(
-        background?.color && background?.color !== CustomPaletteColors.NONE,
+        background?.enabled !== false &&
+            background?.color &&
+            background?.color !== CustomPaletteColors.NONE,
     );
     const {classMod, style} = React.useMemo(() => {
         return getPreparedWrapSettings(backgroundEnabled, background?.color);

diff --git a/src/ui/components/DashKit/plugins/Text/Text.tsx b/src/ui/components/DashKit/plugins/Text/Text.tsx
@@ -150,7 +150,9 @@ const textPlugin = {
         const data = props.data as DashTabItemText['data'];
 
         const showBgColor = Boolean(
-            data.background?.color && data.background?.color !== CustomPaletteColors.NONE,
+            data.background?.enabled !== false &&
+                data.background?.color &&
+                data.background?.color !== CustomPaletteColors.NONE,
         );
 
         const {classMod, style} = getPreparedWrapSettings(showBgColor, data.background?.color);

diff --git a/src/ui/components/DashKit/plugins/Title/Title.tsx b/src/ui/components/DashKit/plugins/Title/Title.tsx
@@ -96,7 +96,9 @@ const titlePlugin: PluginTitle = {
         const content = <DashKitPluginTitle {...props} ref={forwardedRef} />;
 
         const showBgColor = Boolean(
-            data.background?.color && data.background?.color !== CustomPaletteColors.NONE,
+            data.background?.enabled !== false &&
+                data.background?.color &&
+                data.background?.color !== CustomPaletteColors.NONE,
         );
 
         const {classMod, style} = getPreparedWrapSettings(showBgColor, data.background?.color);

diff --git a/src/ui/components/DashKit/plugins/Widget/types.ts b/src/ui/components/DashKit/plugins/Widget/types.ts
@@ -21,6 +21,7 @@ export type CurrentTab = {
     autoHeight?: boolean;
     enableActionParams?: boolean;
     background?: {
+        enabled?: boolean;
         color: string;
     };
 };

diff --git a/src/ui/components/Widgets/Chart/ChartWidget.tsx b/src/ui/components/Widgets/Chart/ChartWidget.tsx
@@ -497,7 +497,9 @@ export const ChartWidget = (props: ChartWidgetProps) => {
     }, [editMode, widgetType]);
 
     const showBgColor = Boolean(
-        currentTab.background?.color && currentTab.background?.color !== 'transparent',
+        currentTab?.enabled !== false &&
+            currentTab.background?.color &&
+            currentTab.background?.color !== 'transparent',
     );
 
     const {classMod, style} = getPreparedWrapSettings(showBgColor, currentTab.background?.color);