@gooddata/sdk-ui-dashboard 10.12.0-alpha.7 → 10.12.0-alpha.9

package/esm/presentation/widget/widget/InsightWidget/useAlertingAndScheduling.d.ts

@@ -0,0 +1,17 @@
+import { IInsight, IInsightWidget } from "@gooddata/sdk-model";
+import { AlertingDisabledReason, SchedulingDisabledReason } from "../../insightMenu/index.js";
+type UseAlertingAndSchedulingConfig = {
+    insight: IInsight;
+    widget: IInsightWidget;
+    numberOfAvailableDestinations: number;
+};
+export declare const useAlertingAndScheduling: ({ widget, insight, numberOfAvailableDestinations, }: UseAlertingAndSchedulingConfig) => {
+    isAlertingVisible: boolean;
+    alertingDisabled: boolean;
+    alertingDisabledReason?: AlertingDisabledReason | undefined;
+    scheduleExportDisabled: boolean;
+    scheduleExportManagementDisabled: boolean;
+    scheduleExportDisabledReason?: SchedulingDisabledReason | undefined;
+};
+export {};
+//# sourceMappingURL=useAlertingAndScheduling.d.ts.map

package/esm/presentation/widget/widget/InsightWidget/useAlertingAndScheduling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertingAndScheduling.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/InsightWidget/useAlertingAndScheduling.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQ9F,KAAK,8BAA8B,GAAG;IAClC,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,cAAc,CAAC;IACvB,6BAA6B,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,wDAIlC,8BAA8B;uBACV,OAAO;sBACR,OAAO;;4BAED,OAAO;sCACG,OAAO;;CAmD5C,CAAC"}

package/esm/presentation/widget/widget/InsightWidget/useAlertingAndScheduling.js

@@ -0,0 +1,52 @@
+// (C) 2024 GoodData Corporation
+import { useDashboardSelector, selectSettings, isCustomWidget } from "../../../../model/index.js";
+import { isInsightAlertingConfigurationEnabled, isInsightScheduledExportsConfigurationEnabled, isInsightSupportedForAlerts, isInsightSupportedForScheduledExports, } from "@gooddata/sdk-ui-ext";
+export const useAlertingAndScheduling = ({ widget, insight, numberOfAvailableDestinations, }) => {
+    const settings = useDashboardSelector(selectSettings);
+    const isStandardWidget = !isCustomWidget(widget);
+    const hasNoDestinations = numberOfAvailableDestinations === 0;
+    //NOTE: Check if widget has localIdentifier, if not that is probably widget from old dashboard
+    // and we should not allow to schedule export/alert because we need localIdentifier to identify the widget
+    const widgetHasNoLocalIdentifier = !widget.localIdentifier;
+    const isAlertingEnabled = settings.enableAlerting === true;
+    const isInsightTypeSupportedForAlerting = isInsightSupportedForAlerts(insight);
+    const isInsightEnabledForAlerting = isInsightAlertingConfigurationEnabled(insight);
+    const isAlertingVisible = isAlertingEnabled && isStandardWidget && isInsightTypeSupportedForAlerting;
+    const alertingDisabled = hasNoDestinations || !isInsightEnabledForAlerting || widgetHasNoLocalIdentifier;
+    let alertingDisabledReason = undefined;
+    if (widgetHasNoLocalIdentifier) {
+        alertingDisabledReason = "oldWidget";
+    }
+    else if (hasNoDestinations) {
+        alertingDisabledReason = "noDestinations";
+    }
+    else if (!isInsightEnabledForAlerting) {
+        alertingDisabledReason = "disabledOnInsight";
+    }
+    const isInsightTypeSupportedForScheduling = isInsightSupportedForScheduledExports(insight);
+    const isInsightEnabledForScheduling = isInsightScheduledExportsConfigurationEnabled(insight);
+    const scheduleExportDisabled = !isInsightTypeSupportedForScheduling ||
+        !isStandardWidget ||
+        !isInsightEnabledForScheduling ||
+        widgetHasNoLocalIdentifier;
+    const scheduleExportManagementDisabled = !isStandardWidget;
+    let scheduleExportDisabledReason = undefined;
+    if (widgetHasNoLocalIdentifier) {
+        scheduleExportDisabledReason = "oldWidget";
+    }
+    else if (!isStandardWidget) {
+        scheduleExportDisabledReason = "incompatibleWidget";
+    }
+    else if (!isInsightEnabledForScheduling || !isInsightTypeSupportedForScheduling) {
+        scheduleExportDisabledReason = "disabledOnInsight";
+    }
+    return {
+        isAlertingVisible,
+        alertingDisabled,
+        alertingDisabledReason,
+        scheduleExportDisabled,
+        scheduleExportManagementDisabled,
+        scheduleExportDisabledReason,
+    };
+};
+//# sourceMappingURL=useAlertingAndScheduling.js.map

package/esm/presentation/widget/widget/InsightWidget/useAlertingAndScheduling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertingAndScheduling.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/InsightWidget/useAlertingAndScheduling.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAElG,OAAO,EACH,qCAAqC,EACrC,6CAA6C,EAC7C,2BAA2B,EAC3B,qCAAqC,GACxC,MAAM,sBAAsB,CAAC;AAQ9B,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACrC,MAAM,EACN,OAAO,EACP,6BAA6B,GACA,EAO/B,EAAE;IACA,MAAM,QAAQ,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAEtD,MAAM,gBAAgB,GAAG,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,6BAA6B,KAAK,CAAC,CAAC;IAE9D,8FAA8F;IAC9F,0GAA0G;IAC1G,MAAM,0BAA0B,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC;IAE3D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,cAAc,KAAK,IAAI,CAAC;IAC3D,MAAM,iCAAiC,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAAC;IAC/E,MAAM,2BAA2B,GAAG,qCAAqC,CAAC,OAAO,CAAC,CAAC;IACnF,MAAM,iBAAiB,GAAG,iBAAiB,IAAI,gBAAgB,IAAI,iCAAiC,CAAC;IACrG,MAAM,gBAAgB,GAAG,iBAAiB,IAAI,CAAC,2BAA2B,IAAI,0BAA0B,CAAC;IACzG,IAAI,sBAAsB,GAAuC,SAAS,CAAC;IAC3E,IAAI,0BAA0B,EAAE,CAAC;QAC7B,sBAAsB,GAAG,WAAW,CAAC;IACzC,CAAC;SAAM,IAAI,iBAAiB,EAAE,CAAC;QAC3B,sBAAsB,GAAG,gBAAgB,CAAC;IAC9C,CAAC;SAAM,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACtC,sBAAsB,GAAG,mBAAmB,CAAC;IACjD,CAAC;IAED,MAAM,mCAAmC,GAAG,qCAAqC,CAAC,OAAO,CAAC,CAAC;IAC3F,MAAM,6BAA6B,GAAG,6CAA6C,CAAC,OAAO,CAAC,CAAC;IAC7F,MAAM,sBAAsB,GACxB,CAAC,mCAAmC;QACpC,CAAC,gBAAgB;QACjB,CAAC,6BAA6B;QAC9B,0BAA0B,CAAC;IAC/B,MAAM,gCAAgC,GAAG,CAAC,gBAAgB,CAAC;IAC3D,IAAI,4BAA4B,GAAyC,SAAS,CAAC;IACnF,IAAI,0BAA0B,EAAE,CAAC;QAC7B,4BAA4B,GAAG,WAAW,CAAC;IAC/C,CAAC;SAAM,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,4BAA4B,GAAG,oBAAoB,CAAC;IACxD,CAAC;SAAM,IAAI,CAAC,6BAA6B,IAAI,CAAC,mCAAmC,EAAE,CAAC;QAChF,4BAA4B,GAAG,mBAAmB,CAAC;IACvD,CAAC;IAED,OAAO;QACH,iBAAiB;QACjB,gBAAgB;QAChB,sBAAsB;QACtB,sBAAsB;QACtB,gCAAgC;QAChC,4BAA4B;KAC/B,CAAC;AACN,CAAC,CAAC"}

package/esm/presentation/widget/widget/VisualizationSwitcherWidget/VisualizationSwitcherNavigationHeader.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IInsightWidget, IVisualizationSwitcherWidget } from "@gooddata/sdk-model";
+interface IVisualizationSwitcherNavigationHeaderProps {
+    clientWidth: number | undefined;
+    clientHeight: number | undefined;
+    activeVisualization: IInsightWidget;
+    widget: IVisualizationSwitcherWidget;
+    onActiveVisualizationChange: (visualizationId: string) => void;
+}
+export declare const VisualizationSwitcherNavigationHeader: React.FC<IVisualizationSwitcherNavigationHeaderProps>;
+export {};
+//# sourceMappingURL=VisualizationSwitcherNavigationHeader.d.ts.map

package/esm/presentation/widget/widget/VisualizationSwitcherWidget/VisualizationSwitcherNavigationHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualizationSwitcherNavigationHeader.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/VisualizationSwitcherWidget/VisualizationSwitcherNavigationHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,4BAA4B,EAA6B,MAAM,qBAAqB,CAAC;AAQ9G,UAAU,2CAA2C;IACjD,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,mBAAmB,EAAE,cAAc,CAAC;IACpC,MAAM,EAAE,4BAA4B,CAAC;IACrC,2BAA2B,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CAClE;AAaD,eAAO,MAAM,qCAAqC,EAAE,KAAK,CAAC,EAAE,CAAC,2CAA2C,CAkEvG,CAAC"}

package/esm/presentation/widget/widget/VisualizationSwitcherWidget/VisualizationSwitcherNavigationHeader.js

@@ -0,0 +1,53 @@
+// (C) 2020-2024 GoodData Corporation
+import React, { useCallback } from "react";
+import { objRefToString, widgetRef } from "@gooddata/sdk-model";
+import { DashboardItemHeadlineContainer } from "../../../presentationComponents/index.js";
+import { ItemsWrapper, Overlay, ShortenedText } from "@gooddata/sdk-ui-kit";
+import cx from "classnames";
+import { stringUtils } from "@gooddata/util";
+const alignPoints = [
+    {
+        align: "bc tc",
+        offset: { x: 0, y: 9 },
+    },
+    {
+        align: "tc bc",
+        offset: { x: 0, y: -9 },
+    },
+];
+export const VisualizationSwitcherNavigationHeader = ({ widget, clientWidth, clientHeight, activeVisualization, onActiveVisualizationChange, }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const widgetRefAsString = objRefToString(widgetRef(widget));
+    const alignTo = `gd-visualization-switcher-widget-header-${stringUtils.simplifyText(widgetRefAsString)}`;
+    const toggleDropdown = () => {
+        setIsOpen(!isOpen);
+    };
+    const onSelect = useCallback((item) => {
+        onActiveVisualizationChange(item.identifier);
+        setIsOpen(false);
+    }, [onActiveVisualizationChange]);
+    return (React.createElement(DashboardItemHeadlineContainer, { clientHeight: clientHeight },
+        React.createElement(VisualizationSwitcherNavigationHeaderButton, { className: alignTo, title: activeVisualization.title, isOpen: isOpen, toggleDropdown: toggleDropdown }),
+        isOpen ? (React.createElement(Overlay, { key: "VisualizationSwitcherNavigationHeader", alignTo: `.${alignTo}`, alignPoints: alignPoints, className: "s-visualization-switcher-widget-header", closeOnMouseDrag: true, closeOnOutsideClick: true, closeOnParentScroll: true, onClose: toggleDropdown },
+            React.createElement(ItemsWrapper, { className: "gd-visualization-switcher-widget-header-list" },
+                React.createElement("div", { className: "gd-visualization-switcher-widget-header-list-container" }, widget.visualizations.map((visualization) => {
+                    return (React.createElement(VisualizationSwitcherNavigationHeaderItem, { key: visualization.identifier, onSelect: onSelect, item: visualization, isSelected: visualization.identifier === activeVisualization.identifier, maxWidth: clientWidth ?? 200 }));
+                }))))) : null));
+};
+const VisualizationSwitcherNavigationHeaderButton = ({ isOpen, toggleDropdown, title, className }) => {
+    const classNames = cx("gd-visualization-switcher-widget-header", className, {
+        "is-open": isOpen,
+    });
+    return (React.createElement("div", { className: classNames, onClick: toggleDropdown }, title));
+};
+const VisualizationSwitcherNavigationHeaderItem = ({ item, isSelected, onSelect, maxWidth, }) => {
+    const classNames = cx("gd-visualization-switcher-widget-header-item", "gd-list-item", {
+        "is-selected": isSelected,
+    });
+    return (React.createElement("div", { className: classNames, onClick: () => {
+            onSelect(item);
+        } },
+        React.createElement("div", { className: "gd-visualization-switcher-widget-header-item-content", style: { maxWidth } },
+            React.createElement(ShortenedText, { className: "title" }, item.title))));
+};
+//# sourceMappingURL=VisualizationSwitcherNavigationHeader.js.map

package/esm/presentation/widget/widget/VisualizationSwitcherWidget/VisualizationSwitcherNavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualizationSwitcherNavigationHeader.js","sourceRoot":"","sources":["../../../../../src/presentation/widget/widget/VisualizationSwitcherWidget/VisualizationSwitcherNavigationHeader.tsx"],"names":[],"mappings":"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"}

package/esm/sdk-ui-dashboard.d.ts

@@ -5429,6 +5429,7 @@ export declare interface DashboardState {
     /** @beta */
     loading: LoadingState;
     saving: SavingState;
+    executed: ExecutedState;
     backendCapabilities: BackendCapabilitiesState;
     config: ConfigState;
     /** @beta */
@@ -6931,6 +6932,13 @@ export declare interface EntitlementsState {
     entitlements?: ResolvedEntitlements;
 }
 
+/**
+ * @beta
+ */
+export declare interface ExecutedState {
+    executed: boolean;
+}
+
 /**
  * @internal
  */
@@ -16724,6 +16732,11 @@ export declare const selectIsCrossFiltering: DashboardSelector<boolean>;
  */
 export declare const selectIsDashboardDirty: DashboardSelector<boolean>;
 
+/**
+ * @internal
+ */
+export declare const selectIsDashboardExecuted: DashboardSelector<boolean>;
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "10.12.0-alpha.7",
+  "version": "10.12.0-alpha.9",
   "description": "GoodData SDK - Dashboard Component",
   "repository": {
     "type": "git",
@@ -57,17 +57,17 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-base": "10.12.0-alpha.7",
-    "@gooddata/sdk-backend-spi": "10.12.0-alpha.7",
-    "@gooddata/sdk-model": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui-ext": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui-filters": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui-geo": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui-kit": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui-vis-commons": "10.12.0-alpha.7",
-    "@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.7",
-    "@gooddata/util": "10.12.0-alpha.7"
+    "@gooddata/sdk-backend-spi": "10.12.0-alpha.9",
+    "@gooddata/sdk-model": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui-ext": "10.12.0-alpha.9",
+    "@gooddata/sdk-backend-base": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui-filters": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui-geo": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui-kit": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui-theme-provider": "10.12.0-alpha.9",
+    "@gooddata/sdk-ui-vis-commons": "10.12.0-alpha.9",
+    "@gooddata/util": "10.12.0-alpha.9"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -120,9 +120,9 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/i18n-toolkit": "10.12.0-alpha.7",
-    "@gooddata/reference-workspace": "10.12.0-alpha.7",
-    "@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.7"
+    "@gooddata/i18n-toolkit": "10.12.0-alpha.9",
+    "@gooddata/sdk-backend-mockingbird": "10.12.0-alpha.9",
+    "@gooddata/reference-workspace": "10.12.0-alpha.9"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",

package/styles/css/insightConfiguration.css

@@ -50,6 +50,7 @@
 .edit-insight-config .bubble-content .widget-title .insight-title {
   font: inherit;
   padding-bottom: 0;
+  text-align: left;
 }
 .edit-insight-config .bubble-content .widget-title .insight-title .original-insight-title {
   font: inherit;

package/styles/css/insightConfiguration.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/insightConfiguration.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACOA;AAAA;EACI;EACA;EACA;EACA;;;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OAxBS;;AA2Bb;EACI;EACA;EACA;;AAEA;EAGI;EACA;EACA,OCfA;EDgBA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA,OAnEe;;AAuEvB;AAAA;EAII;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI,kBA3GkB;EA4GlB;EACA;;AAEJ;EACI;;AAGA;EACI;EACA;EACA;EACA;EACA,OC/FI;;ADiGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,OApIiB;EAqIjB;;AAEJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIJ;EACI;EACA;;AAGR;EACI,kBA3Ja;EA4Jb,OC5GY;;AD8GZ;EACI;;AAIZ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI,oBC9EoB;;;ADiFxB;EACI,mBClFoB;;;ADqFxB;EACI;;;AAOI;EACI;;AAKJ;EACI;;AAKJ;EACI","file":"insightConfiguration.css"}
+{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Bubble/_variables.scss","../scss/insightConfiguration.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;ACjLA;AAAA;AAAA;ACOA;AAAA;EACI;EACA;EACA;EACA;;;AAKI;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OAxBS;;AA2Bb;EACI;EACA;EACA;;AAEA;EAGI;EACA;EACA,OCfA;EDgBA;;AAGJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,OApEe;;AAwEvB;AAAA;EAII;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI,kBA5GkB;EA6GlB;EACA;;AAEJ;EACI;;AAGA;EACI;EACA;EACA;EACA;EACA,OChGI;;ADkGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,OArIiB;EAsIjB;;AAEJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIJ;EACI;EACA;;AAGR;EACI,kBA5Ja;EA6Jb,OC7GY;;AD+GZ;EACI;;AAIZ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI,oBC/EoB;;;ADkFxB;EACI,mBCnFoB;;;ADsFxB;EACI;;;AAOI;EACI;;AAKJ;EACI;;AAKJ;EACI","file":"insightConfiguration.css"}

package/styles/css/main.css

@@ -22501,6 +22501,7 @@ div.gd-empty-item-bubble {
 .edit-insight-config .bubble-content .widget-title .insight-title {
   font: inherit;
   padding-bottom: 0;
+  text-align: left;
 }
 .edit-insight-config .bubble-content .widget-title .insight-title .original-insight-title {
   font: inherit;
@@ -24337,13 +24338,16 @@ div.gd-empty-item-bubble {
 .gd-visualization-switcher-widget-wrapper {
   width: 100%;
   height: 100%;
-  display: flex;
-  flex-direction: column;
   overflow-x: hidden;
   overflow-y: auto;
-  position: absolute;
-  left: 0;
-  top: 0;
+}
+.gd-visualization-switcher-widget-wrapper .dash-item,
+.gd-visualization-switcher-widget-wrapper .dash-item-content {
+  padding: 0;
+  position: static;
+}
+.gd-visualization-switcher-widget-wrapper .dash-item-content {
+  border-width: 0;
 }
 
 .gd-visualization-switcher-widget-empty-content {
@@ -24355,6 +24359,20 @@ div.gd-empty-item-bubble {
   gap: 8px;
 }
 
+.gd-visualization-switcher-visible-visualization {
+  width: 100%;
+  height: 100%;
+}
+.gd-visualization-switcher-visible-visualization.is-edit-mode {
+  display: flex;
+}
+
+.gd-visualization-switcher-hidden-visualization {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
+
 @keyframes react-loading-skeleton {
   100% {
     transform: translateX(100%);
@@ -24822,4 +24840,57 @@ div.gd-empty-item-bubble {
   white-space: nowrap;
 }
 
+.gd-visualization-switcher-widget-header {
+  text-align: center;
+  font-size: 17px;
+  line-height: 23px;
+  text-decoration-line: underline;
+}
+.gd-visualization-switcher-widget-header::after {
+  content: "\e612";
+  display: inline-block;
+  height: 1px;
+  color: var(--gd-palette-complementary-8, #464e56);
+  vertical-align: top;
+  transition: 0.2s;
+  margin-left: 0.5em;
+  font-family: "Indigo", sans-serif;
+  font-weight: normal;
+  font-size: inherit;
+}
+.gd-visualization-switcher-widget-header.is-open::after {
+  content: "\e613";
+}
+
+.gd-visualization-switcher-widget-header-list {
+  max-height: 356px;
+  overflow-y: auto;
+  padding: 5px 0;
+}
+.gd-visualization-switcher-widget-header-list .gd-visualization-switcher-widget-header-list-container {
+  max-height: 346px;
+  overflow-y: auto;
+}
+
+.gd-visualization-switcher-widget-header-item {
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  text-align: left;
+  height: 33px;
+  padding: 0 10px;
+}
+.gd-visualization-switcher-widget-header-item .gd-visualization-switcher-widget-header-item-content {
+  white-space: nowrap;
+}
+.gd-visualization-switcher-widget-header-item.is-selected {
+  font-weight: 700;
+}
+.gd-visualization-switcher-widget-header-item .title {
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+}
+
 /*# sourceMappingURL=main.css.map */