@gooddata/sdk-ui-dashboard 11.53.0-alpha.1 → 11.53.0-alpha.2

package/esm/presentation/dragAndDrop/draggableParameterFilter/DefaultParameterDraggingComponent.js

@@ -1,8 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
+import { getParameterValueTitle } from "@gooddata/sdk-model";
 import { ParameterControlButton } from "@gooddata/sdk-ui-kit";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { selectCatalogParameterByRef } from "../../../model/store/catalog/catalogSelectors.js";
+import { matchingWorkspaceDefinition, resolveParameterTitle, } from "../../../model/store/tabs/parameters/parametersHelpers.js";
 import { selectDashboardParameterEntryByRef } from "../../../model/store/tabs/parameters/parametersSelectors.js";
 /**
  * Renders the floating preview of a parameter chip while it is being dragged.
@@ -15,6 +17,11 @@ export function DefaultParameterDraggingComponent({ item }) {
     if (entry?.runtimeOverride === undefined) {
         return null;
     }
-    const name = entry.parameter.label ?? workspaceParameter?.title ?? "";
-    return (_jsx(ParameterControlButton, { name: name, value: entry.runtimeOverride, isActive: false, isDraggable: true, isDragging: true }));
+    const definition = matchingWorkspaceDefinition(entry.parameter, workspaceParameter);
+    if (!workspaceParameter || !definition) {
+        return null;
+    }
+    const name = resolveParameterTitle(entry.parameter, workspaceParameter);
+    const value = getParameterValueTitle(definition, entry.runtimeOverride);
+    return _jsx(ParameterControlButton, { name: name, value: value, isActive: false, isDraggable: true, isDragging: true });
 }

package/esm/presentation/filterBar/filterBar/DefaultFilterBarContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFilterBarContainer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/filterBar/filterBar/DefaultFilterBarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EAOjB,MAAM,OAAO,CAAC;AA0cf;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAQ/E"}
+{"version":3,"file":"DefaultFilterBarContainer.d.ts","sourceRoot":"","sources":["../../../../src/presentation/filterBar/filterBar/DefaultFilterBarContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EAOjB,MAAM,OAAO,CAAC;AAidf;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,2CAQ/E"}

package/esm/presentation/filterBar/filterBar/DefaultFilterBarContainer.js

@@ -47,17 +47,22 @@ function DefaultFilterBarContainerCore({ children }) {
     const intl = useIntl();
     const [expandedAutomatically, setExpandedAutomatically] = useState(false);
     const [collapseAnnouncement, setCollapseAnnouncement] = useState("");
+    // ref mirror: render-time state is stale inside the synchronous blur+focus pair
+    // fired when focus moves into a portaled filter dropdown
+    const isFilterBarExpandedRef = useRef(isFilterBarExpanded);
+    isFilterBarExpandedRef.current = isFilterBarExpanded;
     const onContainerFocus = useCallback(() => {
         // detect if event is mouse
         if (!isFocusVisible()) {
             return;
         }
         setCollapseAnnouncement("");
-        if (hasMultipleRows && !isFilterBarExpanded) {
+        if (hasMultipleRows && !isFilterBarExpandedRef.current) {
+            isFilterBarExpandedRef.current = true;
             setFilterBarExpanded(true);
             setExpandedAutomatically(true);
         }
-    }, [hasMultipleRows, isFilterBarExpanded, setFilterBarExpanded]);
+    }, [hasMultipleRows, setFilterBarExpanded]);
     const onContainerBlur = useCallback((event) => {
         // React bubbles blur from every child. Moving keyboard focus between
         // chips collapse/expand the filter bar
@@ -66,6 +71,7 @@ function DefaultFilterBarContainerCore({ children }) {
             return;
         }
         if (isFocusVisible() && expandedAutomatically) {
+            isFilterBarExpandedRef.current = false;
             setFilterBarExpanded(false);
             setExpandedAutomatically(false);
             const message = `${intl.formatMessage({ id: "filterBar.label" })}. ${intl.formatMessage({

package/esm/presentation/filterBar/parameterFilter/DashboardParameterFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardParameterFilter.d.ts","sourceRoot":"","sources":["../../../../src/presentation/filterBar/parameterFilter/DashboardParameterFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAgC,KAAK,mBAAmB,EAAkB,MAAM,qBAAqB,CAAC;AAmB7G;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,8BAA8B,GAAG,YAAY,GAAG,IAAI,CA0E3G"}
+{"version":3,"file":"DashboardParameterFilter.d.ts","sourceRoot":"","sources":["../../../../src/presentation/filterBar/parameterFilter/DashboardParameterFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAEH,KAAK,mBAAmB,EAG3B,MAAM,qBAAqB,CAAC;AAmB7B;;GAEG;AACH,MAAM,WAAW,8BAA8B;IAC3C,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,8BAA8B,GAAG,YAAY,GAAG,IAAI,CA2E3G"}

package/esm/presentation/filterBar/parameterFilter/DashboardParameterFilter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { defineMessages, useIntl } from "react-intl";
-import { DashboardParameterModeValues, objRefToString } from "@gooddata/sdk-model";
+import { DashboardParameterModeValues, getParameterValueTitle, objRefToString, } from "@gooddata/sdk-model";
 import { Dropdown, ParameterControl, ParameterControlButton, useIdPrefixed } from "@gooddata/sdk-ui-kit";
 import { useDashboardDispatch, useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { selectCatalogParameterByRef } from "../../../model/store/catalog/catalogSelectors.js";
@@ -34,12 +34,13 @@ export function DashboardParameterFilter({ parameter }) {
         return null;
     }
     const name = parameter.label ?? workspaceParameter.title;
+    const valueTitle = getParameterValueTitle(definition, runtimeOverride);
     const dragItem = { type: "parameter", ref: parameter.ref };
     const warningTooltip = reconciliation === "reset" ? intl.formatMessage(messages.resetWarning) : undefined;
     if (parameter.mode === DashboardParameterModeValues.READONLY) {
-        return (_jsx(DraggableChipSource, { dragItem: dragItem, canDrag: isInEditMode, children: _jsx(ParameterControlButton, { name: name, value: runtimeOverride, isActive: false, isDraggable: isInEditMode, warningTooltip: warningTooltip, "data-testid": `dashboard-parameter-${objRefToString(parameter.ref)}` }) }));
+        return (_jsx(DraggableChipSource, { dragItem: dragItem, canDrag: isInEditMode, children: _jsx(ParameterControlButton, { name: name, value: valueTitle, isActive: false, isDraggable: isInEditMode, warningTooltip: warningTooltip, "data-testid": `dashboard-parameter-${objRefToString(parameter.ref)}` }) }));
     }
-    return (_jsx(DraggableChipSource, { dragItem: dragItem, canDrag: isInEditMode, children: _jsx(Dropdown, { autofocusOnOpen: true, initialFocus: valueInputId, closeOnEscape: true, renderButton: ({ isOpen, toggleDropdown, dropdownId }) => (_jsx(ParameterControlButton, { name: name, value: runtimeOverride, isActive: isOpen, isDraggable: isInEditMode, dropdownId: dropdownId, onClick: () => toggleDropdown(), warningTooltip: warningTooltip, "data-testid": `dashboard-parameter-${objRefToString(parameter.ref)}` })), renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx(ParameterControl, { name: name, definition: definition, value: runtimeOverride, resetValue: resetValue, inputId: valueInputId, ariaAttributes: ariaAttributes, onApply: (value) => {
+    return (_jsx(DraggableChipSource, { dragItem: dragItem, canDrag: isInEditMode, children: _jsx(Dropdown, { autofocusOnOpen: true, initialFocus: valueInputId, closeOnEscape: true, renderButton: ({ isOpen, toggleDropdown, dropdownId }) => (_jsx(ParameterControlButton, { name: name, value: valueTitle, isActive: isOpen, isDraggable: isInEditMode, dropdownId: dropdownId, onClick: () => toggleDropdown(), warningTooltip: warningTooltip, "data-testid": `dashboard-parameter-${objRefToString(parameter.ref)}` })), renderBody: ({ closeDropdown, ariaAttributes }) => (_jsx(ParameterControl, { name: name, definition: definition, value: runtimeOverride, resetValue: resetValue, inputId: valueInputId, ariaAttributes: ariaAttributes, onApply: (value) => {
                     dispatch(tabsActions.setParameterRuntimeValue({ ref: parameter.ref, value }));
                     closeDropdown();
                 }, onCancel: closeDropdown })) }) }));

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

@@ -194,6 +194,7 @@ import { IWidget } from '@gooddata/sdk-model';
 import { IWidgetDefinition } from '@gooddata/sdk-model';
 import { IWorkspacePermissions } from '@gooddata/sdk-model';
 import { JSX } from 'react/jsx-runtime';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LocalIdRef } from '@gooddata/sdk-model';
 import { MeasureValueFilterCondition } from '@gooddata/sdk-model';
 import { MessageDescriptor } from 'react-intl';
@@ -217,6 +218,7 @@ import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactReduxContextValue } from 'react-redux';
 import { Reducer } from '@reduxjs/toolkit';
+import { Ref } from 'react';
 import { RefObject } from 'react';
 import { SagaIterator } from 'redux-saga';
 import { ScreenSize } from '@gooddata/sdk-model';
@@ -513,6 +515,16 @@ export declare function addVisualizationToSwitcherWidgetContent(ref: ObjRef, vis
  */
 export declare function AlertingDialog(props: IAlertingDialogProps): ReactElement;
 
+/**
+ * The exact props the default dialog renders its header with, including the dialog's
+ * initial-focus ref.
+ *
+ * @alpha
+ */
+export declare type AlertingDialogHeaderDefaultProps = IAlertingDialogHeaderProps & {
+    ref?: Ref<HTMLInputElement>;
+};
+
 /**
  * @internal
  */
@@ -3850,9 +3862,12 @@ export declare const DEFAULT_TAB_ID = "defaultTabId";
  * that is what lets a wholesale replacement receive the same contexts. Rendering this component
  * outside those providers throws at runtime.
  *
+ * Slots render only in the fully rendered dialog: not while the dialog context reports loading,
+ * and not while the stale-filters confirmation step is shown.
+ *
  * @alpha
  */
-export declare function DefaultAlertingDialog(props: IAlertingDialogProps): JSX.Element;
+export declare function DefaultAlertingDialog(props: IDefaultAlertingDialogProps): JSX.Element;
 
 /**
  * Self-contained version of DefaultAlertingManagementDialogNew that builds the required
@@ -4090,9 +4105,29 @@ export declare function DefaultSaveAsNewButton({ isVisible, isEnabled, onSaveAsN
 export declare function DefaultSaveButton({ isVisible, isEnabled, isSaving, buttonTitle, onSaveClick }: ISaveButtonProps): JSX.Element | null;
 
 /**
+ * Default implementation of the scheduled export create/edit dialog.
+ *
+ * This component is a pure consumer of `AutomationsContext`, `ScheduledEmailDialogContext`, and the
+ * scheduled export dialog state contexts: it reads org/workspace data, per-dialog state, and the
+ * export draft's state from those contexts rather than from the dashboard store. It must therefore
+ * be rendered within an `AutomationsContextProvider`, a `ScheduledEmailDialogContextProvider` (for
+ * the create/edit flow), and a `ScheduledEmailDialogStateProvider`, whose state model establishes
+ * itself once `useScheduledEmailDialogContext().isLoading` is false. Inside a `Dashboard`, the
+ * scheduled export connector supplies the first two providers above the
+ * `ScheduledEmailDialogComponent` slot and mounts `ScheduledEmailDialogStateProvider` around the
+ * resolved slot component — so the default component, and any wholesale slot replacement, inherit
+ * all three contexts automatically and require no extra wiring.
+ *
+ * The providers are intentionally hoisted above the slot rather than built inside this component:
+ * that is what lets a wholesale replacement receive the same contexts. Rendering this component
+ * outside those providers throws at runtime.
+ *
+ * Slots render only in the fully rendered dialog: not while the dialog context reports loading,
+ * and not while the stale-filters confirmation step is shown.
+ *
  * @alpha
  */
-export declare function DefaultScheduledEmailDialog(props: IScheduledEmailDialogProps): JSX.Element;
+export declare function DefaultScheduledEmailDialog(props: IDefaultScheduledEmailDialogProps): JSX.Element;
 
 /**
  * @alpha
@@ -5727,6 +5762,18 @@ export declare interface IAlertingDialogContextValue {
     isLoading: boolean;
 }
 
+/**
+ * Props of the default alerting dialog's header region (the title input row).
+ *
+ * @alpha
+ */
+export declare interface IAlertingDialogHeaderProps extends IAutomationDialogHeaderProps {
+    /**
+     * Called when the header's back/close button is pressed. The default dialog closes on it.
+     */
+    onCancel?: () => void;
+}
+
 /**
  * @alpha
  */
@@ -5799,6 +5846,19 @@ export declare interface IAlertingDialogProps {
     onDeleteError?: (error: GoodDataSdkError) => void;
 }
 
+/**
+ * Section-level overrides of the default alerting dialog.
+ *
+ * @alpha
+ */
+export declare interface IAlertingDialogSlots {
+    /**
+     * Wraps or replaces the dialog header (the title input row). Must have a stable reference
+     * identity — see {@link ISlotProps}.
+     */
+    Header?: ComponentType<ISlotProps<AlertingDialogHeaderDefaultProps>>;
+}
+
 /**
  * Sub-context for the alerting management dialog.
  * The connector hydrates this from dashboard state.
@@ -6037,6 +6097,38 @@ export declare interface IAttributesDropdownProps extends IDashboardAttributeFil
     onParameterSelect?: (ref: IdentifierRef) => void;
 }
 
+/**
+ * Members shared by both automation dialogs' header regions.
+ *
+ * @alpha
+ */
+export declare interface IAutomationDialogHeaderProps {
+    /**
+     * Current automation title.
+     */
+    title: string;
+    /**
+     * Placeholder shown while the title is empty.
+     */
+    placeholder: string;
+    /**
+     * Whether the secondary title row is shown.
+     */
+    isSecondaryTitleVisible?: boolean;
+    /**
+     * Secondary title text (e.g. the widget name).
+     */
+    secondaryTitle?: string;
+    /**
+     * Icon rendered before the secondary title.
+     */
+    secondaryTitleIcon: ReactNode;
+    /**
+     * Called on every title change with the new value. The dialog validates the title itself.
+     */
+    onChange: (value: string) => void;
+}
+
 /**
  * Automation filters grouped by tab, returned by {@link selectAutomationFiltersByTab}.
  * @alpha
@@ -12771,6 +12863,24 @@ export declare interface IDateFiltersCustomizer {
     withCustomProvider(provider: OptionalDateFilterComponentProvider): IDateFiltersCustomizer;
 }
 
+/**
+ * Props of {@link DefaultAlertingDialog}.
+ *
+ * @remarks
+ * Extends the shared {@link IAlertingDialogProps} with customization only the default implementation
+ * supports. Slots render only in the fully rendered dialog: not while the dialog context reports
+ * loading, and not while the stale-filters confirmation step is shown.
+ *
+ * @alpha
+ */
+export declare interface IDefaultAlertingDialogProps extends IAlertingDialogProps {
+    /**
+     * Section-level overrides. Each slot receives `{ Default, defaultProps }` and may render its own
+     * content (replace) or `<Default {...defaultProps} />` inside its own markup (wrap).
+     */
+    slots?: IAlertingDialogSlots;
+}
+
 /**
  * @alpha
  */
@@ -12797,6 +12907,24 @@ export declare interface IDefaultDashboardToolbarGroupProps {
     children?: ReactNode;
 }
 
+/**
+ * Props of {@link DefaultScheduledEmailDialog}.
+ *
+ * @remarks
+ * Extends the shared {@link IScheduledEmailDialogProps} with customization only the default implementation
+ * supports. Slots render only in the fully rendered dialog: not while the dialog context reports
+ * loading, and not while the stale-filters confirmation step is shown.
+ *
+ * @alpha
+ */
+export declare interface IDefaultScheduledEmailDialogProps extends IScheduledEmailDialogProps {
+    /**
+     * Section-level overrides. Each slot receives `{ Default, defaultProps }` and may render its own
+     * content (replace) or `<Default {...defaultProps} />` inside its own markup (wrap).
+     */
+    slots?: IScheduledEmailDialogSlots;
+}
+
 /**
  * This event is emitted when an attribute hierarchy is deleted.
  *
@@ -17084,6 +17212,22 @@ export declare interface IScheduledEmailDialogContextValue {
     isLoading: boolean;
 }
 
+/**
+ * Props of the default scheduled email dialog's header region (the title input row).
+ *
+ * @alpha
+ */
+export declare interface IScheduledEmailDialogHeaderProps extends IAutomationDialogHeaderProps {
+    /**
+     * Called on key-down inside the title input.
+     */
+    onTitleKeyDown: (event: KeyboardEvent_2) => void;
+    /**
+     * Called when the header's back button is pressed.
+     */
+    onBack?: () => void;
+}
+
 /**
  * @alpha
  */
@@ -17198,6 +17342,19 @@ export declare interface IScheduledEmailDialogProps {
     onDeleteError?: (error: GoodDataSdkError) => void;
 }
 
+/**
+ * Section-level overrides of the default scheduled email dialog.
+ *
+ * @alpha
+ */
+export declare interface IScheduledEmailDialogSlots {
+    /**
+     * Wraps or replaces the dialog header (the title input row). Must have a stable reference
+     * identity — see {@link ISlotProps}.
+     */
+    Header?: ComponentType<ISlotProps<ScheduledEmailDialogHeaderDefaultProps>>;
+}
+
 /**
  * Sub-context for the scheduled-email management dialog.
  * The connector hydrates this from dashboard state.
@@ -19428,6 +19585,32 @@ export declare function isLayoutSectionPath(obj: unknown): obj is ILayoutSection
  */
 export declare function isLoadingPlaceholderWidget(obj: unknown): obj is IPlaceholderWidget;
 
+/**
+ * Contract of a section-level slot: the default implementation and the exact props the default
+ * dialog would render it with.
+ *
+ * The component a customer assigns to a slot is rendered as an element type, so its reference
+ * identity is load-bearing: define it at module scope (or memoize it), never inline in a render
+ * function — an inline definition gets a fresh identity on every render of the declaring
+ * component, which unmounts and remounts the region, losing focus and transient DOM state.
+ *
+ * Render `<Default {...defaultProps} />` inside your own markup to wrap the region rather than
+ * replace it; a slot that does not spread `defaultProps` onto `Default` loses the default
+ * behavior wired through them (including the dialog's initial-focus ref).
+ *
+ * @alpha
+ */
+export declare interface ISlotProps<TProps> {
+    /**
+     * The default implementation of the region.
+     */
+    Default: ComponentType<TProps>;
+    /**
+     * The exact props the default dialog would render {@link ISlotProps.Default} with.
+     */
+    defaultProps: TProps;
+}
+
 /**
  * @internal
  */
@@ -22970,6 +23153,16 @@ export declare type SavingState = {
  */
 export declare function ScheduledEmailDialog(props: IScheduledEmailDialogProps): ReactElement;
 
+/**
+ * The exact props the default dialog renders its header with, including the dialog's
+ * initial-focus ref.
+ *
+ * @alpha
+ */
+export declare type ScheduledEmailDialogHeaderDefaultProps = IScheduledEmailDialogHeaderProps & {
+    ref?: Ref<HTMLInputElement>;
+};
+
 /**
  * @internal
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "11.53.0-alpha.1",
+  "version": "11.53.0-alpha.2",
   "description": "GoodData SDK - Dashboard Component",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -60,20 +60,20 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-base": "11.53.0-alpha.1",
-    "@gooddata/sdk-model": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui": "11.53.0-alpha.1",
-    "@gooddata/sdk-backend-spi": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-charts": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-filters": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-ext": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-geo": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-kit": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-pivot": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-semantic-search": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "11.53.0-alpha.1",
-    "@gooddata/sdk-ui-vis-commons": "11.53.0-alpha.1",
-    "@gooddata/util": "11.53.0-alpha.1"
+    "@gooddata/sdk-ui": "11.53.0-alpha.2",
+    "@gooddata/sdk-model": "11.53.0-alpha.2",
+    "@gooddata/sdk-backend-spi": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-charts": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-ext": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-geo": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-kit": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-pivot": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-semantic-search": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-vis-commons": "11.53.0-alpha.2",
+    "@gooddata/sdk-backend-base": "11.53.0-alpha.2",
+    "@gooddata/util": "11.53.0-alpha.2",
+    "@gooddata/sdk-ui-filters": "11.53.0-alpha.2"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -119,12 +119,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.53.0-alpha.1",
-    "@gooddata/i18n-toolkit": "11.53.0-alpha.1",
-    "@gooddata/oxlint-config": "11.53.0-alpha.1",
-    "@gooddata/reference-workspace": "11.53.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "11.53.0-alpha.1",
-    "@gooddata/stylelint-config": "11.53.0-alpha.1"
+    "@gooddata/eslint-config": "11.53.0-alpha.2",
+    "@gooddata/oxlint-config": "11.53.0-alpha.2",
+    "@gooddata/reference-workspace": "11.53.0-alpha.2",
+    "@gooddata/stylelint-config": "11.53.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "11.53.0-alpha.2",
+    "@gooddata/i18n-toolkit": "11.53.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/main.css

@@ -1022,6 +1022,20 @@ button.gd-list-item {
   text-decoration: underline;
 }
 
+.gd-list-item:has(.gd-list-item-suffix) {
+  justify-content: flex-start;
+}
+
+.gd-list-item:has(.gd-list-item-suffix) > span {
+  flex-grow: 0;
+}
+
+.gd-list-item .gd-list-item-suffix {
+  flex: 0 0 auto;
+  margin-left: 5px;
+  color: var(--gd-palette-complementary-6);
+}
+
 .gd-list-item.gd-list-item-separator, .gd-list-item.gd-list-item-header {
   cursor: default;
 }
@@ -1822,6 +1836,12 @@ button.gd-list-item {
   border-radius: 4px;
   box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.1);
 }
+.gd-ui-kit-parameter-control--allowed-values {
+  padding: 5px 0;
+}
+.gd-ui-kit-parameter-control--allowed-values:has(.gd-list-searchfield) .gd-infinite-list {
+  margin-top: 0;
+}
 .gd-ui-kit-parameter-control__dropdown-field {
   padding: 10px;
 }
@@ -2766,6 +2786,20 @@ button.gd-list-item {
   text-decoration: underline;
 }
 
+.gd-list-item:has(.gd-list-item-suffix) {
+  justify-content: flex-start;
+}
+
+.gd-list-item:has(.gd-list-item-suffix) > span {
+  flex-grow: 0;
+}
+
+.gd-list-item .gd-list-item-suffix {
+  flex: 0 0 auto;
+  margin-left: 5px;
+  color: var(--gd-palette-complementary-6);
+}
+
 .gd-list-item.gd-list-item-separator, .gd-list-item.gd-list-item-header {
   cursor: default;
 }
@@ -8148,6 +8182,20 @@ button.gd-list-item {
   text-decoration: underline;
 }
 
+.gd-list-item:has(.gd-list-item-suffix) {
+  justify-content: flex-start;
+}
+
+.gd-list-item:has(.gd-list-item-suffix) > span {
+  flex-grow: 0;
+}
+
+.gd-list-item .gd-list-item-suffix {
+  flex: 0 0 auto;
+  margin-left: 5px;
+  color: var(--gd-palette-complementary-6);
+}
+
 .gd-list-item.gd-list-item-separator, .gd-list-item.gd-list-item-header {
   cursor: default;
 }
@@ -14043,6 +14091,20 @@ button.gd-list-item {
   text-decoration: underline;
 }
 
+.gd-list-item:has(.gd-list-item-suffix) {
+  justify-content: flex-start;
+}
+
+.gd-list-item:has(.gd-list-item-suffix) > span {
+  flex-grow: 0;
+}
+
+.gd-list-item .gd-list-item-suffix {
+  flex: 0 0 auto;
+  margin-left: 5px;
+  color: var(--gd-palette-complementary-6);
+}
+
 .gd-list-item.gd-list-item-separator, .gd-list-item.gd-list-item-header {
   cursor: default;
 }