@gooddata/sdk-ui-dashboard 11.56.0-alpha.6 → 11.56.0-alpha.8

package/esm/presentation/automations/shared/filters/conversions.js

@@ -66,18 +66,7 @@ export const getAppliedWidgetFilters = (selectedAutomationFilters, dashboardHidd
     // alert executions (which have empty attributes) don't contain dangling refs.
     const resolvedFilters = resolveFilterDimensionalityLocalRefs(filtersToUse, insight);
     // Strip noop filters - they have no effect on execution.
-    return resolvedFilters.filter((filter) => {
-        // Strip noop "All time" date filters (implicit default with no extra configuration).
-        if (isDateFilter(filter)) {
-            return !isNoopAllTimeDateFilterFixed(filter);
-        }
-        // Strip noop "All" measure value filters (no conditions).
-        if (isMeasureValueFilter(filter)) {
-            return hasMeasureValueFilterConditions(filter);
-        }
-        // Strip noop "All values" attribute filters (negative filter with empty exclusion list).
-        return !isAllValuesAttributeFilter(filter);
-    });
+    return resolvedFilters.filter((filter) => !isNoopExecutionFilter(filter));
 };
 /**
  * Get final filters for the dashboard scheduled export.
@@ -90,18 +79,7 @@ export const getAppliedDashboardFilters = (selectedAutomationFilters, dashboardH
     // but we need them to construct proper execution filters, so merge them.
     const selectedFiltersWithHiddenFilters = [...selectedAutomationFilters, ...dashboardHiddenFilters];
     // Strip noop filters - they have no effect on execution.
-    return selectedFiltersWithHiddenFilters.filter((filter) => {
-        // Strip noop "All time" date filters (implicit default with no extra configuration).
-        if (isDashboardDateFilter(filter)) {
-            return !isNoopAllTimeDashboardDateFilter(filter);
-        }
-        // Strip noop "All" measure value filters (no/empty conditions).
-        if (isDashboardMeasureValueFilter(filter)) {
-            return !isAllDashboardMeasureValueFilter(filter);
-        }
-        // Strip noop "All values" attribute filters.
-        return !isAllValuesDashboardAttributeFilter(filter);
-    });
+    return selectedFiltersWithHiddenFilters.filter((filter) => !isNoopDashboardFilter(filter));
 };
 export function dashboardFilterToFilterContextItem(filter, keepDatasets) {
     if (isAttributeFilterWithSelection(filter)) {
@@ -230,6 +208,32 @@ function resolveDimensionalityItems(dimensionality, attributeLocalIdToDisplayFor
     const changed = dimensionality.some((item, i) => item !== resolved[i]);
     return changed ? resolved : undefined;
 }
+/** A filter with no effect on a widget execution: all-time date, condition-less MVF, all-values attribute. */
+export function isNoopExecutionFilter(filter) {
+    // Strip noop "All time" date filters (implicit default with no extra configuration).
+    if (isDateFilter(filter)) {
+        return isNoopAllTimeDateFilterFixed(filter);
+    }
+    // Strip noop "All" measure value filters (no conditions).
+    if (isMeasureValueFilter(filter)) {
+        return !hasMeasureValueFilterConditions(filter);
+    }
+    // Strip noop "All values" attribute filters (negative filter with empty exclusion list).
+    return isAllValuesAttributeFilter(filter);
+}
+/** The FilterContextItem form of {@link isNoopExecutionFilter}. */
+export function isNoopDashboardFilter(filter) {
+    // Strip noop "All time" date filters (implicit default with no extra configuration).
+    if (isDashboardDateFilter(filter)) {
+        return isNoopAllTimeDashboardDateFilter(filter);
+    }
+    // Strip noop "All" measure value filters (no/empty conditions).
+    if (isDashboardMeasureValueFilter(filter)) {
+        return isAllDashboardMeasureValueFilter(filter);
+    }
+    // Strip noop "All values" attribute filters.
+    return isAllValuesDashboardAttributeFilter(filter);
+}
 /**
  * Matches all-time date filters that are *noop*, i.e. that have no effect on execution.
  *

package/esm/presentation/automations/shared/hooks/useDecoratorContractCheck.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Warns once per violation kind per mount when a dialog context decorator breaks the decorator
+ * contract in a way that otherwise fails silently and far from its cause: forcing `isLoading`
+ * false while the connector still reports true (the state model seeds from the decorated value,
+ * corrupting the draft for the dialog's life), or dropping keys the connector provided (a fresh
+ * object instead of spreading the read value). Diagnostic only — nothing is prevented.
+ *
+ * The passthrough default re-renders the connector's own provider value, so `pristine` and
+ * `decorated` are identical and the checks short-circuit.
+ *
+ * @internal
+ */
+export declare function useDecoratorContractCheck<T extends {
+    isLoading: boolean;
+}>(pristine: T, decorated: T, seamName: string): void;
+//# sourceMappingURL=useDecoratorContractCheck.d.ts.map

package/esm/presentation/automations/shared/hooks/useDecoratorContractCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDecoratorContractCheck.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/hooks/useDecoratorContractCheck.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,SAAS;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,EACtE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,MAAM,GACjB,IAAI,CA4BN"}

package/esm/presentation/automations/shared/hooks/useDecoratorContractCheck.js

@@ -0,0 +1,38 @@
+// (C) 2026 GoodData Corporation
+import { useEffect, useRef } from "react";
+/**
+ * Warns once per violation kind per mount when a dialog context decorator breaks the decorator
+ * contract in a way that otherwise fails silently and far from its cause: forcing `isLoading`
+ * false while the connector still reports true (the state model seeds from the decorated value,
+ * corrupting the draft for the dialog's life), or dropping keys the connector provided (a fresh
+ * object instead of spreading the read value). Diagnostic only — nothing is prevented.
+ *
+ * The passthrough default re-renders the connector's own provider value, so `pristine` and
+ * `decorated` are identical and the checks short-circuit.
+ *
+ * @internal
+ */
+export function useDecoratorContractCheck(pristine, decorated, seamName) {
+    const warnedForcedFalse = useRef(false);
+    const warnedDroppedKeys = useRef(false);
+    useEffect(() => {
+        if (pristine === decorated) {
+            return;
+        }
+        if (!warnedForcedFalse.current && pristine.isLoading && !decorated.isLoading) {
+            warnedForcedFalse.current = true;
+            console.warn(`${seamName}: the decorated context reports isLoading: false while the connector reports true. ` +
+                "The dialog's state model seeds from the decorated value, so this can corrupt the draft for " +
+                "the dialog's life. Pass isLoading through untouched (see the decorator type's TSDoc).");
+        }
+        if (!warnedDroppedKeys.current) {
+            const droppedKeys = Object.keys(pristine).filter((key) => !(key in decorated));
+            if (droppedKeys.length > 0) {
+                warnedDroppedKeys.current = true;
+                console.warn(`${seamName}: the decorated context is missing keys the connector provided: ` +
+                    `${droppedKeys.join(", ")}. Spread the value you read ({ ...ctx, member }) so the ` +
+                    "other members pass through (see the decorator type's TSDoc).");
+            }
+        }
+    });
+}

package/esm/presentation/automations/shared/hooks/useShallowStable.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns the previous object while every member keeps its identity, so a caller can hold a whole
+ * model stable without naming its members. Preferred over `useMemo` here because the roster is the
+ * hook's return shape: a dependency array would have to restate all of it, and a missed entry would
+ * serve a stale member rather than fail loudly.
+ *
+ * @internal
+ */
+export declare function useShallowStable<T extends object>(value: T): T;
+//# sourceMappingURL=useShallowStable.d.ts.map

package/esm/presentation/automations/shared/hooks/useShallowStable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShallowStable.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/hooks/useShallowStable.ts"],"names":[],"mappings":"AAMA;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAQ9D"}

package/esm/presentation/automations/shared/hooks/useShallowStable.js

@@ -0,0 +1,18 @@
+// (C) 2026 GoodData Corporation
+import { useRef } from "react";
+import { shallowEqualObjects } from "@gooddata/util";
+/**
+ * Returns the previous object while every member keeps its identity, so a caller can hold a whole
+ * model stable without naming its members. Preferred over `useMemo` here because the roster is the
+ * hook's return shape: a dependency array would have to restate all of it, and a missed entry would
+ * serve a stale member rather than fail loudly.
+ *
+ * @internal
+ */
+export function useShallowStable(value) {
+    const previous = useRef(value);
+    if (!shallowEqualObjects(previous.current, value)) {
+        previous.current = value;
+    }
+    return previous.current;
+}

package/esm/presentation/dashboard/DashboardSidebar/CreationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/CreationPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACH,KAAK,2BAA2B,EAChC,KAAK,iCAAiC,EACtC,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC/C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAC7C,MAAM,4BAA4B,CAAC;AAIpC,UAAU,mBAAmB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,uCAAuC,CAAC,EAAE,uCAAuC,CAAC;IAClF,iCAAiC,CAAC,EAAE,iCAAiC,CAAC;CACzE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAkEvD"}
+{"version":3,"file":"CreationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/CreationPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACH,KAAK,2BAA2B,EAChC,KAAK,iCAAiC,EACtC,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC/C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAC7C,MAAM,4BAA4B,CAAC;AAMpC,UAAU,mBAAmB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,uCAAuC,CAAC,EAAE,uCAAuC,CAAC;IAClF,iCAAiC,CAAC,EAAE,iCAAiC,CAAC;CACzE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAoGvD"}

package/esm/presentation/dashboard/DashboardSidebar/CreationPanel.js

@@ -1,20 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import cx from "classnames";
 import { compact, sortBy } from "lodash-es";
-import { FormattedMessage } from "react-intl";
-import { Typography } from "@gooddata/sdk-ui-kit";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Typography, UiIconButton } from "@gooddata/sdk-ui-kit";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { selectSupportsRichTextWidgets } from "../../../model/store/backendCapabilities/backendCapabilitiesSelectors.js";
 import { selectIsAiGenerating } from "../../../model/store/config/configSelectors.js";
 import { selectIsNewDashboard } from "../../../model/store/meta/metaSelectors.js";
 import { DraggableInsightList } from "./DraggableInsightList/DraggableInsightList.js";
+import { SidebarCollapseToggle } from "./SidebarCollapseToggle.js";
+import { useResizableSidebar } from "./SidebarResizeContext.js";
 export function CreationPanel(props) {
     const { className, WrapCreatePanelItemWithDragComponent, WrapInsightListItemWithDragComponent } = props;
+    const intl = useIntl();
     const supportsRichText = useDashboardSelector(selectSupportsRichTextWidgets);
     const isNewDashboard = useDashboardSelector(selectIsNewDashboard);
     const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
+    const { canCollapse, isCollapsed, setCollapsed } = useResizableSidebar();
+    const [focusSearch, setFocusSearch] = useState(undefined);
     const AttributeFilterComponentSet = props.AttributeFilterComponentSet;
     const InsightWidgetComponentSet = props.InsightWidgetComponentSet;
     const RichTextWidgetComponentSet = props.RichTextWidgetComponentSet;
@@ -41,5 +46,13 @@ export function CreationPanel(props) {
         WrapCreatePanelItemWithDragComponent,
         isAiGenerating,
     ]);
-    return (_jsx("div", { className: cx("configuration-panel creation-panel", className), children: _jsxs("div", { className: "configuration-panel-content", children: [_jsx(Typography, { tagName: "h2", className: "flex-panel-item-nostretch", children: _jsx(FormattedMessage, { id: "visualizationsList.dragToAdd" }) }), _jsxs("div", { className: "configuration-category drag-to-add", children: [_jsx(Typography, { tagName: "h3", children: _jsx(FormattedMessage, { id: "addPanel.newItem" }) }), _jsx("div", { className: "add-item-panel", children: addItemPanelItems })] }), _jsxs("div", { className: "configuration-category configuration-category-vis drag-to-add flex-panel-item-stretch", children: [_jsx(Typography, { tagName: "h3", children: _jsx(FormattedMessage, { id: "visualizationsList.savedVisualizations" }) }), _jsx(DraggableInsightList, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, recalculateSizeReference: className, searchAutofocus: !isNewDashboard, disabled: isAiGenerating })] })] }) }));
+    return (_jsx("div", { className: cx("configuration-panel creation-panel", className), children: _jsxs("div", { className: "configuration-panel-content", children: [_jsxs("div", { className: "gd-creation-panel-header flex-panel-item-nostretch", children: [_jsx(Typography, { tagName: "h2", children: _jsx(FormattedMessage, { id: "visualizationsList.dragToAdd" }) }), canCollapse ? (_jsx(SidebarCollapseToggle, { isCollapsed: isCollapsed, onToggle: () => {
+                                setFocusSearch(false);
+                                setCollapsed(!isCollapsed);
+                            } })) : null] }), _jsx("div", { className: "configuration-category drag-to-add", role: "group", "aria-label": intl.formatMessage({ id: "addPanel.newItem" }), children: _jsx("div", { className: "add-item-panel", children: addItemPanelItems }) }), _jsxs("div", { className: "configuration-category configuration-category-vis drag-to-add flex-panel-item-stretch", role: "group", "aria-label": intl.formatMessage({ id: "visualizationsList.savedVisualizations" }), children: [canCollapse ? (_jsx("div", { className: "gd-sidebar-rail-search", children: _jsx(UiIconButton, { icon: "search", label: intl.formatMessage({ id: "sidebar.search" }), size: "medium", variant: "tertiary", dataTestId: "s-dashboard-sidebar-rail-search", accessibilityConfig: {
+                                    ariaLabel: intl.formatMessage({ id: "sidebar.search" }),
+                                }, onClick: () => {
+                                    setFocusSearch(true);
+                                    setCollapsed(false);
+                                } }) })) : null, _jsx(DraggableInsightList, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, recalculateSizeReference: className, searchAutofocus: !isCollapsed && (focusSearch ?? !isNewDashboard), disabled: isAiGenerating })] })] }) }));
 }

package/esm/presentation/dashboard/DashboardSidebar/SidebarCollapseToggle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Collapses the dashboard sidebar to the icon rail and expands it back.
+ *
+ * @internal
+ */
+export declare function SidebarCollapseToggle({ isCollapsed, onToggle, }: {
+    isCollapsed: boolean;
+    onToggle: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarCollapseToggle.d.ts.map

package/esm/presentation/dashboard/DashboardSidebar/SidebarCollapseToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarCollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarCollapseToggle.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,WAAW,EACX,QAAQ,GACX,EAAE;IACC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,2CAsBA"}

package/esm/presentation/dashboard/DashboardSidebar/SidebarCollapseToggle.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useIntl } from "react-intl";
+import { UiIconButton } from "@gooddata/sdk-ui-kit";
+/**
+ * Collapses the dashboard sidebar to the icon rail and expands it back.
+ *
+ * @internal
+ */
+export function SidebarCollapseToggle({ isCollapsed, onToggle, }) {
+    const intl = useIntl();
+    const label = isCollapsed
+        ? intl.formatMessage({ id: "sidebar.expand" })
+        : intl.formatMessage({ id: "sidebar.collapse" });
+    return (_jsx("div", { className: "gd-sidebar-collapse-toggle", children: _jsx(UiIconButton, { icon: isCollapsed ? "sidePanelExpand" : "sidePanelCollapse", label: label, size: "medium", variant: "tertiary", dataTestId: "s-dashboard-sidebar-collapse-toggle", accessibilityConfig: {
+                ariaLabel: label,
+                ariaExpanded: !isCollapsed,
+            }, onClick: onToggle }) }));
+}

package/esm/presentation/dashboard/DashboardSidebar/SidebarConfigurationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAS1C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,GAAG,IAAI,CAgD3G"}
+{"version":3,"file":"SidebarConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,GAAG,IAAI,CAmE3G"}

package/esm/presentation/dashboard/DashboardSidebar/SidebarConfigurationPanel.js

@@ -1,10 +1,13 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { useWidgetSelection } from "../../../model/react/useWidgetSelection.js";
 import { selectSettings } from "../../../model/store/config/configSelectors.js";
 import { CreationPanel } from "./CreationPanel.js";
 import { FloatingToolbar } from "./FloatingToolbar.js";
+import { SidebarCollapseToggle } from "./SidebarCollapseToggle.js";
 import { SidebarResizeChrome } from "./SidebarResizeChrome.js";
+import { useResizableSidebar } from "./SidebarResizeContext.js";
 /**
  * @internal
  */
@@ -15,12 +18,15 @@ export function SidebarConfigurationPanel(props) {
     const settings = useDashboardSelector(selectSettings);
     const enableEnhancedInsightPicker = settings?.enableEnhancedInsightPicker ?? false;
     const enableDashboardSidebarResize = settings?.enableDashboardSidebarResize ?? false;
+    const { isCollapsed, canCollapse, setCollapsed, expandedWidth } = useResizableSidebar();
     if (enableEnhancedInsightPicker) {
         return _jsx(FloatingToolbar, {});
     }
-    const content = (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex-panel-full-height", children: _jsx(CreationPanel, { className: configurationPanelClassName, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDragComponent, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, AttributeFilterComponentSet: AttributeFilterComponentSet, InsightWidgetComponentSet: InsightWidgetComponentSet, RichTextWidgetComponentSet: RichTextWidgetComponentSet, VisualizationSwitcherWidgetComponentSet: VisualizationSwitcherWidgetComponentSet, DashboardLayoutWidgetComponentSet: DashboardLayoutWidgetComponentSet }) }), _jsx(DeleteDropZoneComponent, {})] }));
+    const content = (_jsxs(_Fragment, { children: [canCollapse ? (_jsx("div", { className: "gd-sidebar-rail", children: _jsx(SidebarCollapseToggle, { isCollapsed: isCollapsed, onToggle: () => setCollapsed(!isCollapsed) }) })) : null, _jsx("div", { className: cx("gd-sidebar-panel", { "gd-sidebar-panel--collapsible": canCollapse }), children: _jsx("div", { className: "flex-panel-full-height", style: canCollapse ? { width: expandedWidth } : undefined, children: _jsx(CreationPanel, { className: configurationPanelClassName, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDragComponent, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, AttributeFilterComponentSet: AttributeFilterComponentSet, InsightWidgetComponentSet: InsightWidgetComponentSet, RichTextWidgetComponentSet: RichTextWidgetComponentSet, VisualizationSwitcherWidgetComponentSet: VisualizationSwitcherWidgetComponentSet, DashboardLayoutWidgetComponentSet: DashboardLayoutWidgetComponentSet }) }) }), _jsx(DeleteDropZoneComponent, {})] }));
     if (enableDashboardSidebarResize) {
         return _jsx(SidebarResizeChrome, { onContainerClick: deselectWidgets, children: content });
     }
-    return (_jsx("div", { className: "col gd-flex-item gd-sidebar-container", onClick: deselectWidgets, children: content }));
+    return (_jsx("div", { className: cx("col gd-flex-item gd-sidebar-container", {
+            "gd-sidebar-container--collapsed": isCollapsed,
+        }), onClick: deselectWidgets, children: content }));
 }

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarResizeChrome.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AAkBf;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,gBAAgB,EAChB,QAAQ,GACX,EAAE;IACC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACvB,GAAG,YAAY,CAiHf"}
+{"version":3,"file":"SidebarResizeChrome.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,YAAY,EACjB,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AAkBf;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,gBAAgB,EAChB,QAAQ,GACX,EAAE;IACC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACvB,GAAG,YAAY,CAmHf"}

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeChrome.js

@@ -32,7 +32,7 @@ const handleSeparatorKeyboardNavigation = makeKeyboardNavigation({
 export function SidebarResizeChrome({ onContainerClick, children, }) {
     const [dragWidth, setDragWidth] = useState(null);
     const dragOriginRef = useRef(null);
-    const { width, min, max, canResize, setWidth } = useResizableSidebar();
+    const { width, min, max, canResize, setWidth, isCollapsed } = useResizableSidebar();
     const isDragging = dragWidth !== null;
     // Tear down the drag without committing — used when the user presses Escape.
     const endDrag = () => {
@@ -85,7 +85,9 @@ export function SidebarResizeChrome({ onContainerClick, children, }) {
     return (_jsx("div", { className: cx("gd-resizable-sidebar", {
             "gd-resizable-sidebar--resizable": canResize,
             "gd-resizable-sidebar--dragging": isDragging,
-        }), style: { width }, children: _jsxs("div", { className: "col gd-flex-item gd-sidebar-container gd-sidebar-container--resizable", onClick: onContainerClick, children: [children, _jsx("button", { type: "button", style: {
+        }), style: { width }, children: _jsxs("div", { className: cx("col gd-flex-item gd-sidebar-container gd-sidebar-container--resizable", {
+                "gd-sidebar-container--collapsed": isCollapsed,
+            }), onClick: onContainerClick, children: [children, _jsx("button", { type: "button", style: {
                         "--drag-x": `${isDragging ? dragWidth : width}px`,
                     }, className: cx("gd-resizable-sidebar__handle", {
                         "gd-resizable-sidebar__handle--dragging": isDragging,

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeContext.d.ts

@@ -1,15 +1,20 @@
 import { type ReactNode } from "react";
 interface IResizableSidebar {
     width: number;
+    expandedWidth: number;
     min: number;
     max: number;
     canResize: boolean;
     setWidth: (width: number) => void;
+    canCollapse: boolean;
+    isCollapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
 }
 /**
- * Computes the resizable-sidebar state. When the sidebar is not resizable (not edit mode, the feature
- * is off, or it is replaced by the enhanced insight picker) it returns the static
- * {@link NON_RESIZABLE_SIDEBAR} — no window resize listener, no width math.
+ * Computes the sidebar width state — both the drag-to-resize bounds and the collapsed/expanded
+ * state of the panel. When the sidebar is neither resizable nor collapsible (not edit mode, both
+ * features are off, or it is replaced by the enhanced insight picker) it returns the static
+ * {@link STATIC_SIDEBAR} — no window resize listener, no width math.
  *
  * Reads the config store, so it must be called below the dashboard loading gate where the config is
  * initialized.

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarResizeContext.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkD,MAAM,OAAO,CAAC;AAsCvF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAeD;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,IAAI,iBAAiB,CA2B5D;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,KAAK,EACL,QAAQ,GACX,EAAE;IACC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB,2CAEA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAEvD"}
+{"version":3,"file":"SidebarResizeContext.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarResizeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAA2D,MAAM,OAAO,CAAC;AAwChG,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAmBD;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,iBAAiB,CAiE5D;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,KAAK,EACL,QAAQ,GACX,EAAE;IACC,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACvB,2CAEA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,iBAAiB,CAEvD"}

package/esm/presentation/dashboard/DashboardSidebar/SidebarResizeContext.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { clamp } from "lodash-es";
 import { useLocalStorage } from "@gooddata/sdk-ui";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
@@ -8,8 +8,10 @@ import { selectSettings } from "../../../model/store/config/configSelectors.js";
 import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
 const SIDEBAR_MIN_WIDTH = 230;
 const SIDEBAR_MAX_WIDTH = 500;
+const SIDEBAR_COLLAPSED_WIDTH = 48;
 const EDITOR_MIN_WIDTH = 960;
-const LOCAL_STORAGE_KEY = "gd-dashboard-sidebar-width";
+const WIDTH_STORAGE_KEY = "gd-dashboard-sidebar-width";
+const COLLAPSED_STORAGE_KEY = "gd-dashboard-sidebar-collapsed";
 /**
  * Returns the current `window.innerWidth`, kept in sync with the `resize` event. Only attaches the
  * listener while `active`, so a non-resizable sidebar triggers no resize-driven re-renders.
@@ -27,21 +29,26 @@ function useWindowWidth(active) {
     }, [active]);
     return width;
 }
-// Stable value used whenever the sidebar is not resizable: it is fixed at the minimum width, cannot
-// be resized, and ignores writes — so consumers never have to null-check.
-const NON_RESIZABLE_SIDEBAR = {
+// Stable value used whenever the sidebar is neither resizable nor collapsible: it is fixed at the
+// minimum width and ignores writes — so consumers never have to null-check.
+const STATIC_SIDEBAR = {
     width: SIDEBAR_MIN_WIDTH,
+    expandedWidth: SIDEBAR_MIN_WIDTH,
     min: SIDEBAR_MIN_WIDTH,
     max: SIDEBAR_MIN_WIDTH,
     canResize: false,
     setWidth: () => { },
+    canCollapse: false,
+    isCollapsed: false,
+    setCollapsed: () => { },
 };
-const ResizableSidebarContext = createContext(NON_RESIZABLE_SIDEBAR);
+const ResizableSidebarContext = createContext(STATIC_SIDEBAR);
 ResizableSidebarContext.displayName = "ResizableSidebarContext";
 /**
- * Computes the resizable-sidebar state. When the sidebar is not resizable (not edit mode, the feature
- * is off, or it is replaced by the enhanced insight picker) it returns the static
- * {@link NON_RESIZABLE_SIDEBAR} — no window resize listener, no width math.
+ * Computes the sidebar width state — both the drag-to-resize bounds and the collapsed/expanded
+ * state of the panel. When the sidebar is neither resizable nor collapsible (not edit mode, both
+ * features are off, or it is replaced by the enhanced insight picker) it returns the static
+ * {@link STATIC_SIDEBAR} — no window resize listener, no width math.
  *
  * Reads the config store, so it must be called below the dashboard loading gate where the config is
  * initialized.
@@ -53,23 +60,56 @@ export function useResizableSidebarState() {
     const isEditMode = useDashboardSelector(selectIsInEditMode);
     const isSidebarResizeEnabled = settings?.enableDashboardSidebarResize ?? false;
     const enableEnhancedInsightPicker = settings?.enableEnhancedInsightPicker ?? false;
-    const isResizable = isEditMode && isSidebarResizeEnabled && !enableEnhancedInsightPicker;
+    const isGenAiRightPanelEnabled = settings?.enableGenAiRightPanel ?? false;
+    const hasCreationPanel = isEditMode && !enableEnhancedInsightPicker;
+    const isResizable = hasCreationPanel && isSidebarResizeEnabled;
+    const canCollapse = hasCreationPanel && isGenAiRightPanelEnabled;
     const containerWidth = useWindowWidth(isResizable);
-    const [persistedWidth, setPersistedWidth] = useLocalStorage(LOCAL_STORAGE_KEY, SIDEBAR_MIN_WIDTH);
-    if (!isResizable) {
-        return NON_RESIZABLE_SIDEBAR;
-    }
-    const max = clamp(containerWidth - EDITOR_MIN_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH);
-    const width = clamp(persistedWidth, SIDEBAR_MIN_WIDTH, max);
-    return {
-        width,
-        min: SIDEBAR_MIN_WIDTH,
-        max,
-        canResize: max > SIDEBAR_MIN_WIDTH,
-        // Clamp every write to the current bounds, so callers can't persist an out-of-range width and
-        // a non-resizable sidebar (max === min) collapses any value back to the minimum.
-        setWidth: (next) => setPersistedWidth(clamp(next, SIDEBAR_MIN_WIDTH, max)),
-    };
+    const [persistedWidth, setPersistedWidth] = useLocalStorage(WIDTH_STORAGE_KEY, SIDEBAR_MIN_WIDTH);
+    const [persistedCollapsed, setPersistedCollapsed] = useLocalStorage(COLLAPSED_STORAGE_KEY, false);
+    return useMemo(() => {
+        const max = clamp(containerWidth - EDITOR_MIN_WIDTH, SIDEBAR_MIN_WIDTH, SIDEBAR_MAX_WIDTH);
+        const expandedWidth = isResizable ? clamp(persistedWidth, SIDEBAR_MIN_WIDTH, max) : SIDEBAR_MIN_WIDTH;
+        if (canCollapse && persistedCollapsed) {
+            return {
+                width: SIDEBAR_COLLAPSED_WIDTH,
+                expandedWidth,
+                min: SIDEBAR_COLLAPSED_WIDTH,
+                max: SIDEBAR_COLLAPSED_WIDTH,
+                canResize: false,
+                setWidth: () => { },
+                canCollapse,
+                isCollapsed: true,
+                setCollapsed: setPersistedCollapsed,
+            };
+        }
+        if (!isResizable) {
+            return canCollapse
+                ? { ...STATIC_SIDEBAR, canCollapse, setCollapsed: setPersistedCollapsed }
+                : STATIC_SIDEBAR;
+        }
+        return {
+            width: expandedWidth,
+            expandedWidth,
+            min: SIDEBAR_MIN_WIDTH,
+            max,
+            canResize: max > SIDEBAR_MIN_WIDTH,
+            // Clamp every write to the current bounds, so callers can't persist an out-of-range width and
+            // a non-resizable sidebar (max === min) collapses any value back to the minimum.
+            setWidth: (next) => setPersistedWidth(clamp(next, SIDEBAR_MIN_WIDTH, max)),
+            canCollapse,
+            isCollapsed: false,
+            setCollapsed: setPersistedCollapsed,
+        };
+    }, [
+        canCollapse,
+        persistedCollapsed,
+        setPersistedCollapsed,
+        isResizable,
+        containerWidth,
+        persistedWidth,
+        setPersistedWidth,
+    ]);
 }
 /**
  * Shares the resize state produced by {@link useResizableSidebarState} with descendants such as the

package/esm/presentation/dashboard/components/DashboardInner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardInner.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardInner.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAQnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAwHpD"}
+{"version":3,"file":"DashboardInner.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardInner.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAQnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAyHpD"}

package/esm/presentation/dashboard/components/DashboardInner.js

@@ -60,10 +60,10 @@ export function DashboardInner(props) {
         "gd-dash-content--density-compact": density === "compact",
     });
     const resizableSidebar = useResizableSidebarState();
-    // When the sidebar can be resized, expose its live width so the sibling content area can subtract
-    // it (see `--gd-dashboard-sidebar-width` in sdk-dashboard.scss). Otherwise leave it unset so the
-    // content falls back to the static sidebar width.
-    const dashboardsRootStyle = resizableSidebar.canResize
+    // When the sidebar can be resized or is collapsed to the icon rail, expose its live width so the
+    // sibling content area can subtract it (see `--gd-dashboard-sidebar-width` in sdk-dashboard.scss).
+    // Otherwise leave it unset so the content falls back to the static per-breakpoint sidebar width.
+    const dashboardsRootStyle = resizableSidebar.canResize || resizableSidebar.isCollapsed
         ? {
             "--gd-dashboard-sidebar-width": `${resizableSidebar.width}px`,
         }

package/esm/presentation/dashboard/components/DashboardRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardRenderer.tsx"],"names":[],"mappings":"AA8CA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAqEnD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,2CAsMvD"}
+{"version":3,"file":"DashboardRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardRenderer.tsx"],"names":[],"mappings":"AA8CA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAqEnD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,2CA0MvD"}

package/esm/presentation/dashboard/components/DashboardRenderer.js

@@ -92,9 +92,9 @@ function shouldUseThemeProvider(props, hasThemeProvider) {
  * @internal
  */
 export function DashboardRenderer(props) {
-    const { backend, workspace, hasThemeProvider, dashboardOrRef, attributeFilterProvider, dateFilterProvider, measureValueFilterProvider, filterGroupProvider, widgetProvider, insightProvider, insightBodyProvider, insightMenuButtonProvider, dashboardContentProvider, insightMenuProvider, richTextMenuProvider, richTextMenuTitleProvider, insightMenuTitleProvider, insightWidgetComponentSet, attributeFilterComponentSet, dateFilterComponentSet, richTextProvider, visualizationSwitcherProvider, richTextWidgetComponentSet, visualizationSwitcherWidgetComponentSet, visualizationSwitcherToolbarComponentProvider, dashboardLayoutWidgetComponentSet, showAsTableButtonComponentProvider, drillDialogExportDropdownProvider, } = useDashboard(props);
+    const { backend, workspace, hasThemeProvider, dashboardOrRef, attributeFilterProvider, dateFilterProvider, measureValueFilterProvider, filterGroupProvider, widgetProvider, insightProvider, insightBodyProvider, insightMenuButtonProvider, dashboardContentProvider, insightMenuProvider, richTextMenuProvider, richTextMenuTitleProvider, insightMenuTitleProvider, insightWidgetComponentSet, attributeFilterComponentSet, dateFilterComponentSet, richTextProvider, restrictedPlaceholderProvider, visualizationSwitcherProvider, richTextWidgetComponentSet, visualizationSwitcherWidgetComponentSet, visualizationSwitcherToolbarComponentProvider, dashboardLayoutWidgetComponentSet, showAsTableButtonComponentProvider, drillDialogExportDropdownProvider, } = useDashboard(props);
     const components = resolveComponentsWithDefaults(props);
-    const dashboardRender = (_jsx(BackendProvider, { backend: backend, children: _jsx(WorkspaceProvider, { workspace: workspace, children: _jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(DashboardStoreProvider, { backend: props.backend, workspace: props.workspace, dashboard: dashboardOrRef, persistedDashboard: props.persistedDashboard, filterContextRef: props.filterContextRef, eventHandlers: props.eventHandlers, config: props.config, permissions: props.permissions, onStateChange: props.onStateChange, onEventingInitialized: props.onEventingInitialized, additionalReduxContext: props.additionalReduxContext, customizationFns: props.customizationFns, widgetsOverlayFn: props.widgetsOverlayFn, initialTabId: props.initialTabId, children: _jsx(ExportTemplateDialogContextProvider, { children: _jsx(ExportXlsxDialogContextProvider, { children: _jsx(ExportCsvDialogContextProvider, { children: _jsx(ExportTabularPdfDialogContextProvider, { children: _jsx(DashboardCustomizationsProvider, { insightMenuItemsProvider: props.insightMenuItemsProvider, richTextMenuItemsProvider: props.richTextMenuItemsProvider, existingExportTransformFn: props.customizationFns?.existingExportTransformFn, slideConfig: props.config?.slideConfig, children: _jsx(DashboardComponentsProvider, { ErrorComponent: components.ErrorComponent, LoadingComponent: components.LoadingComponent, LayoutComponent: components.LayoutComponent, InsightComponentProvider: insightProvider, InsightBodyComponentProvider: insightBodyProvider, InsightMenuButtonComponentProvider: insightMenuButtonProvider, InsightMenuTitleComponentProvider: insightMenuTitleProvider, InsightMenuComponentProvider: insightMenuProvider, VisualizationSwitcherToolbarComponentProvider: visualizationSwitcherToolbarComponentProvider, RichTextComponentProvider: richTextProvider, RichTextMenuComponentProvider: richTextMenuProvider, RichTextMenuTitleComponentProvider: richTextMenuTitleProvider, VisualizationSwitcherComponentProvider: visualizationSwitcherProvider, WidgetComponentProvider: widgetProvider, ButtonBarComponent: components.ButtonBarComponent, MenuButtonComponent: components.MenuButtonComponent, TopBarComponent: components.TopBarComponent, ToolbarComponent: components.ToolbarComponent, TitleComponent: components.TitleComponent, ScheduledEmailDialogComponent: components.ScheduledEmailDialogComponent, ScheduledEmailDialogContextDecoratorComponent: components.ScheduledEmailDialogContextDecoratorComponent, ScheduledEmailManagementDialogComponent: components.ScheduledEmailManagementDialogComponent, ScheduledEmailManagementDialogContextDecoratorComponent: components.ScheduledEmailManagementDialogContextDecoratorComponent, ShareDialogComponent: components.ShareDialogComponent, AlertingManagementDialogComponent: components.AlertingManagementDialogComponent, AlertingManagementDialogContextDecoratorComponent: components.AlertingManagementDialogContextDecoratorComponent, AutomationsContextDecoratorComponent: components.AutomationsContextDecoratorComponent, AlertingDialogComponent: components.AlertingDialogComponent, AlertingDialogContextDecoratorComponent: components.AlertingDialogContextDecoratorComponent, SaveAsDialogComponent: components.SaveAsDialogComponent, DashboardAttributeFilterComponentProvider: attributeFilterProvider, DashboardDateFilterComponentProvider: dateFilterProvider, DashboardMeasureValueFilterComponentProvider: measureValueFilterProvider, DashboardFilterGroupComponentProvider: filterGroupProvider, FilterBarComponent: components.FilterBarComponent, SidebarComponent: components.SidebarComponent, InsightWidgetComponentSet: insightWidgetComponentSet, RichTextWidgetComponentSet: richTextWidgetComponentSet, VisualizationSwitcherWidgetComponentSet: visualizationSwitcherWidgetComponentSet, DashboardLayoutWidgetComponentSet: dashboardLayoutWidgetComponentSet, AttributeFilterComponentSet: attributeFilterComponentSet, DateFilterComponentSet: dateFilterComponentSet, EmptyLayoutDropZoneBodyComponent: components.EmptyLayoutDropZoneBodyComponent, SaveButtonComponent: components.SaveButtonComponent, DashboardContentComponentProvider: dashboardContentProvider, SettingButtonComponent: components.SettingButtonComponent, DashboardSettingsDialogComponent: components.DashboardSettingsDialogComponent, ShowAsTableButtonComponentProvider: showAsTableButtonComponentProvider, DrillDialogExportDropdownComponentProvider: drillDialogExportDropdownProvider, children: _jsx(DashboardConfigProvider, { menuButtonConfig: props.menuButtonConfig, children: _jsx(DndProvider, { backend: HTML5Backend, children: _jsx(LayoutResizeStateProvider, { children: _jsx(DashboardItemPathAndSizeProvider, { children: _jsxs(HoveredWidgetProvider, { children: [_jsx(DensityInitializer, {}), _jsx(DashboardLoading, { ...props })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    const dashboardRender = (_jsx(BackendProvider, { backend: backend, children: _jsx(WorkspaceProvider, { workspace: workspace, children: _jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(DashboardStoreProvider, { backend: props.backend, workspace: props.workspace, dashboard: dashboardOrRef, persistedDashboard: props.persistedDashboard, filterContextRef: props.filterContextRef, eventHandlers: props.eventHandlers, config: props.config, permissions: props.permissions, onStateChange: props.onStateChange, onEventingInitialized: props.onEventingInitialized, additionalReduxContext: props.additionalReduxContext, customizationFns: props.customizationFns, widgetsOverlayFn: props.widgetsOverlayFn, initialTabId: props.initialTabId, children: _jsx(ExportTemplateDialogContextProvider, { children: _jsx(ExportXlsxDialogContextProvider, { children: _jsx(ExportCsvDialogContextProvider, { children: _jsx(ExportTabularPdfDialogContextProvider, { children: _jsx(DashboardCustomizationsProvider, { insightMenuItemsProvider: props.insightMenuItemsProvider, richTextMenuItemsProvider: props.richTextMenuItemsProvider, existingExportTransformFn: props.customizationFns?.existingExportTransformFn, slideConfig: props.config?.slideConfig, children: _jsx(DashboardComponentsProvider, { ErrorComponent: components.ErrorComponent, LoadingComponent: components.LoadingComponent, LayoutComponent: components.LayoutComponent, InsightComponentProvider: insightProvider, InsightBodyComponentProvider: insightBodyProvider, InsightMenuButtonComponentProvider: insightMenuButtonProvider, InsightMenuTitleComponentProvider: insightMenuTitleProvider, InsightMenuComponentProvider: insightMenuProvider, VisualizationSwitcherToolbarComponentProvider: visualizationSwitcherToolbarComponentProvider, RichTextComponentProvider: richTextProvider, RestrictedPlaceholderComponentProvider: restrictedPlaceholderProvider, RichTextMenuComponentProvider: richTextMenuProvider, RichTextMenuTitleComponentProvider: richTextMenuTitleProvider, VisualizationSwitcherComponentProvider: visualizationSwitcherProvider, WidgetComponentProvider: widgetProvider, ButtonBarComponent: components.ButtonBarComponent, MenuButtonComponent: components.MenuButtonComponent, TopBarComponent: components.TopBarComponent, ToolbarComponent: components.ToolbarComponent, TitleComponent: components.TitleComponent, ScheduledEmailDialogComponent: components.ScheduledEmailDialogComponent, ScheduledEmailDialogContextDecoratorComponent: components.ScheduledEmailDialogContextDecoratorComponent, ScheduledEmailManagementDialogComponent: components.ScheduledEmailManagementDialogComponent, ScheduledEmailManagementDialogContextDecoratorComponent: components.ScheduledEmailManagementDialogContextDecoratorComponent, ShareDialogComponent: components.ShareDialogComponent, AlertingManagementDialogComponent: components.AlertingManagementDialogComponent, AlertingManagementDialogContextDecoratorComponent: components.AlertingManagementDialogContextDecoratorComponent, AutomationsContextDecoratorComponent: components.AutomationsContextDecoratorComponent, AlertingDialogComponent: components.AlertingDialogComponent, AlertingDialogContextDecoratorComponent: components.AlertingDialogContextDecoratorComponent, SaveAsDialogComponent: components.SaveAsDialogComponent, DashboardAttributeFilterComponentProvider: attributeFilterProvider, DashboardDateFilterComponentProvider: dateFilterProvider, DashboardMeasureValueFilterComponentProvider: measureValueFilterProvider, DashboardFilterGroupComponentProvider: filterGroupProvider, FilterBarComponent: components.FilterBarComponent, SidebarComponent: components.SidebarComponent, InsightWidgetComponentSet: insightWidgetComponentSet, RichTextWidgetComponentSet: richTextWidgetComponentSet, VisualizationSwitcherWidgetComponentSet: visualizationSwitcherWidgetComponentSet, DashboardLayoutWidgetComponentSet: dashboardLayoutWidgetComponentSet, AttributeFilterComponentSet: attributeFilterComponentSet, DateFilterComponentSet: dateFilterComponentSet, EmptyLayoutDropZoneBodyComponent: components.EmptyLayoutDropZoneBodyComponent, SaveButtonComponent: components.SaveButtonComponent, DashboardContentComponentProvider: dashboardContentProvider, SettingButtonComponent: components.SettingButtonComponent, DashboardSettingsDialogComponent: components.DashboardSettingsDialogComponent, ShowAsTableButtonComponentProvider: showAsTableButtonComponentProvider, DrillDialogExportDropdownComponentProvider: drillDialogExportDropdownProvider, children: _jsx(DashboardConfigProvider, { menuButtonConfig: props.menuButtonConfig, children: _jsx(DndProvider, { backend: HTML5Backend, children: _jsx(LayoutResizeStateProvider, { children: _jsx(DashboardItemPathAndSizeProvider, { children: _jsxs(HoveredWidgetProvider, { children: [_jsx(DensityInitializer, {}), _jsx(DashboardLoading, { ...props })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
     if (shouldUseThemeProvider(props, hasThemeProvider)) {
         return (_jsx(ThemeProvider, { theme: props.theme, modifier: props.themeModifier ?? defaultDashboardThemeModifier, backend: backend, workspace: workspace, 
             // Do not remove global theme styles on unmount, if the theme is provided as a prop,

package/esm/presentation/dashboard/hooks/useDashboard.d.ts

@@ -1,7 +1,7 @@
 import { type IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
 import { type IdentifierRef, type UriRef } from "@gooddata/sdk-model";
 import { type AttributeFilterComponentSet, type DashboardLayoutWidgetComponentSet, type DateFilterComponentSet, type InsightWidgetComponentSet, type RichTextWidgetComponentSet, type VisualizationSwitcherWidgetComponentSet } from "../../componentDefinition/types.js";
-import { type AttributeFilterComponentProvider, type DashboardContentComponentProvider, type DashboardLayoutComponentProvider, type DateFilterComponentProvider, type DrillDialogExportDropdownComponentProvider, type FilterGroupComponentProvider, type InsightBodyComponentProvider, type InsightComponentProvider, type InsightMenuButtonComponentProvider, type InsightMenuComponentProvider, type InsightMenuTitleComponentProvider, type MeasureValueFilterComponentProvider, type RichTextComponentProvider, type RichTextMenuComponentProvider, type RichTextMenuTitleComponentProvider, type ShowAsTableButtonComponentProvider, type VisualizationSwitcherComponentProvider, type VisualizationSwitcherToolbarComponentProvider, type WidgetComponentProvider } from "../../dashboardContexts/types.js";
+import { type AttributeFilterComponentProvider, type DashboardContentComponentProvider, type DashboardLayoutComponentProvider, type DateFilterComponentProvider, type DrillDialogExportDropdownComponentProvider, type FilterGroupComponentProvider, type InsightBodyComponentProvider, type InsightComponentProvider, type InsightMenuButtonComponentProvider, type InsightMenuComponentProvider, type InsightMenuTitleComponentProvider, type MeasureValueFilterComponentProvider, type RestrictedPlaceholderComponentProvider, type RichTextComponentProvider, type RichTextMenuComponentProvider, type RichTextMenuTitleComponentProvider, type ShowAsTableButtonComponentProvider, type VisualizationSwitcherComponentProvider, type VisualizationSwitcherToolbarComponentProvider, type WidgetComponentProvider } from "../../dashboardContexts/types.js";
 import { type IDashboardProps } from "../types.js";
 interface IUseDashboardResult {
     backend: IAnalyticalBackend;
@@ -25,6 +25,7 @@ interface IUseDashboardResult {
     attributeFilterComponentSet: AttributeFilterComponentSet;
     dateFilterComponentSet: DateFilterComponentSet;
     richTextProvider: RichTextComponentProvider;
+    restrictedPlaceholderProvider: RestrictedPlaceholderComponentProvider;
     richTextWidgetComponentSet: RichTextWidgetComponentSet;
     visualizationSwitcherProvider: VisualizationSwitcherComponentProvider;
     visualizationSwitcherWidgetComponentSet: VisualizationSwitcherWidgetComponentSet;

package/esm/presentation/dashboard/hooks/useDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAS,MAAM,qBAAqB,CAAC;AAI7E,OAAO,EACH,KAAK,2BAA2B,EAChC,KAAK,iCAAiC,EACtC,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC/C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,KAAK,gCAAgC,EACrC,KAAK,iCAAiC,EACtC,KAAK,gCAAgC,EACrC,KAAK,2BAA2B,EAChC,KAAK,0CAA0C,EAC/C,KAAK,4BAA4B,EACjC,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,EAC7B,KAAK,kCAAkC,EACvC,KAAK,4BAA4B,EACjC,KAAK,iCAAiC,EACtC,KAAK,mCAAmC,EACxC,KAAK,yBAAyB,EAC9B,KAAK,6BAA6B,EAClC,KAAK,kCAAkC,EACvC,KAAK,kCAAkC,EACvC,KAAK,sCAAsC,EAC3C,KAAK,6CAA6C,EAClD,KAAK,uBAAuB,EAC/B,MAAM,kCAAkC,CAAC;AA0B1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,mBAAmB;IACzB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;IACnD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,gCAAgC,CAAC;IAC1D,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,kBAAkB,EAAE,2BAA2B,CAAC;IAChD,0BAA0B,EAAE,mCAAmC,CAAC;IAChE,cAAc,EAAE,uBAAuB,CAAC;IACxC,eAAe,EAAE,wBAAwB,CAAC;IAC1C,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,yBAAyB,EAAE,kCAAkC,CAAC;IAC9D,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,oBAAoB,EAAE,6BAA6B,CAAC;IACpD,wBAAwB,EAAE,iCAAiC,CAAC;IAC5D,yBAAyB,EAAE,kCAAkC,CAAC;IAC9D,wBAAwB,EAAE,iCAAiC,CAAC;IAC5D,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,2BAA2B,EAAE,2BAA2B,CAAC;IACzD,sBAAsB,EAAE,sBAAsB,CAAC;IAC/C,gBAAgB,EAAE,yBAAyB,CAAC;IAC5C,0BAA0B,EAAE,0BAA0B,CAAC;IACvD,6BAA6B,EAAE,sCAAsC,CAAC;IACtE,uCAAuC,EAAE,uCAAuC,CAAC;IACjF,6CAA6C,EAAE,6CAA6C,CAAC;IAC7F,uBAAuB,EAAE,gCAAgC,CAAC;IAC1D,iCAAiC,EAAE,iCAAiC,CAAC;IACrE,kCAAkC,EAAE,kCAAkC,CAAC;IACvE,iCAAiC,EAAE,0CAA0C,CAAC;CACjF;AAED,eAAO,MAAM,YAAY,UAAW,eAAe,KAAG,mBA2PrD,CAAC"}
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAS,MAAM,qBAAqB,CAAC;AAI7E,OAAO,EACH,KAAK,2BAA2B,EAChC,KAAK,iCAAiC,EACtC,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC/C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,KAAK,gCAAgC,EACrC,KAAK,iCAAiC,EACtC,KAAK,gCAAgC,EACrC,KAAK,2BAA2B,EAChC,KAAK,0CAA0C,EAC/C,KAAK,4BAA4B,EACjC,KAAK,4BAA4B,EACjC,KAAK,wBAAwB,EAC7B,KAAK,kCAAkC,EACvC,KAAK,4BAA4B,EACjC,KAAK,iCAAiC,EACtC,KAAK,mCAAmC,EACxC,KAAK,sCAAsC,EAC3C,KAAK,yBAAyB,EAC9B,KAAK,6BAA6B,EAClC,KAAK,kCAAkC,EACvC,KAAK,kCAAkC,EACvC,KAAK,sCAAsC,EAC3C,KAAK,6CAA6C,EAClD,KAAK,uBAAuB,EAC/B,MAAM,kCAAkC,CAAC;AA2B1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,UAAU,mBAAmB;IACzB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;IACnD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,uBAAuB,EAAE,gCAAgC,CAAC;IAC1D,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,kBAAkB,EAAE,2BAA2B,CAAC;IAChD,0BAA0B,EAAE,mCAAmC,CAAC;IAChE,cAAc,EAAE,uBAAuB,CAAC;IACxC,eAAe,EAAE,wBAAwB,CAAC;IAC1C,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,yBAAyB,EAAE,kCAAkC,CAAC;IAC9D,mBAAmB,EAAE,4BAA4B,CAAC;IAClD,oBAAoB,EAAE,6BAA6B,CAAC;IACpD,wBAAwB,EAAE,iCAAiC,CAAC;IAC5D,yBAAyB,EAAE,kCAAkC,CAAC;IAC9D,wBAAwB,EAAE,iCAAiC,CAAC;IAC5D,yBAAyB,EAAE,yBAAyB,CAAC;IACrD,2BAA2B,EAAE,2BAA2B,CAAC;IACzD,sBAAsB,EAAE,sBAAsB,CAAC;IAC/C,gBAAgB,EAAE,yBAAyB,CAAC;IAC5C,6BAA6B,EAAE,sCAAsC,CAAC;IACtE,0BAA0B,EAAE,0BAA0B,CAAC;IACvD,6BAA6B,EAAE,sCAAsC,CAAC;IACtE,uCAAuC,EAAE,uCAAuC,CAAC;IACjF,6CAA6C,EAAE,6CAA6C,CAAC;IAC7F,uBAAuB,EAAE,gCAAgC,CAAC;IAC1D,iCAAiC,EAAE,iCAAiC,CAAC;IACrE,kCAAkC,EAAE,kCAAkC,CAAC;IACvE,iCAAiC,EAAE,0CAA0C,CAAC;CACjF;AAED,eAAO,MAAM,YAAY,UAAW,eAAe,KAAG,mBAqQrD,CAAC"}